/* CSS Document */
html { height:100%;}
body, form, html { margin: 0px; height: 100% !important; font-size: 13px; }
body { margin:0px; padding:0px; font-family:"Fira Sans",sans-serif; background-color:#f6fafd; width:100%; font-size: 13px; }
ul,li { margin:0px; padding:0px; list-style:none;}
.clear { clear:both;}
#wrapper { width:100%; background:url("/img/bg.jpg") repeat-x scroll left 63px transparent; height:100%;}
.sidebar { height:100%;}

a {text-decoration:none; color:#398fcd;   }
img { outline:none; border:none;}
a img { outline:none;}
a:active, a:focus { outline:none;}
.link {color:#01497B;}
.red { color:#EE1D23 !important; }
button, input[type="button"], input[type="submit"], input[type="rest"] { cursor:pointer;}
form  { margin:0px; padding:0px;}
.flex{ display:flex; align-items:center;}

.btn-default:hover {
    background-color: #187ccb;
    border-color: #156fb6;
    color: #fff;
}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default{
    background-color: #187ccb;
    border-color: #156fb6;
    color: #fff;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover{
	background-color: #187ccb;
    border-color: #156fb6;
    color: #fff;
	
	}

.btn.btn-default.mar-t-4:hover{ background:#e92318; }





.w1 {width:1% !important;}
.w2 {width:2% !important;}
.w3 {width:3% !important;}
.w4 {width:4% !important;}
.w5 {width:5% !important;}
.w6 {width:6% !important;}
.w7 {width:7% !important;}
.w8 {width:8% !important;}
.w9 {width:9% !important;}
.w10 {width:10% !important;}
.w11 {width:11% !important;}
.w12 {width:12% !important;}
.w13 {width:13% !important;}
.w14 {width:14% !important;}
.w15 {width:15% !important;}
.w16 {width:16% !important;}
.w17 {width:17% !important;}
.w18 {width:18% !important;}
.w19 {width:19% !important;}
.w20 {width:20% !important;}
.w21 {width:21% !important;}
.w22 {width:22% !important;}
.w23 {width:23% !important;}
.w24 {width:24% !important;}
.w25 {width:25% !important;}
.w26 {width:26% !important;}
.w27 {width:27% !important;}
.w28 {width:28% !important;}
.w29 {width:29% !important;}

.w30 {width:30% !important;}
.w31 {width:31% !important;}
.w32 {width:32% !important;}
.w33 {width:33% !important;}
.w34 {width:34% !important;}
.w35 {width:35% !important;}
.w36 {width:36% !important;}
.w37 {width:37% !important;}
.w38 {width:38% !important;}
.w39 {width:39% !important;}

.w40 {width:40% !important;}
.w44 {width:44% !important;}
.w45 {width:45% !important;}
.w50 {width:50% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w70 {width:70% !important;}
.w80 {width:80% !important;}
.w90 {width:90% !important;}
.w100 {width:100% !important;}

.pad-l-1 {padding-left:1px !important;}
.pad-l-2 {padding-left:2px !important;}
.pad-l-3 {padding-left:3px !important;}
.pad-l-4 {padding-left:4px !important;}
.pad-l-5 {padding-left:5px !important;}
.pad-l-6 {padding-left:6px !important;}
.pad-l-7 {padding-left:7px !important;}
.pad-l-8 {padding-left:8px !important;}
.pad-l-9 {padding-left:9px !important;}
.pad-l-10 {padding-left:10px !important;}
.pad-l-15 {padding-left:15px !important;}
.pad-l-20 {padding-left:20px !important;}
.pad-l-25 {padding-left:25px !important;}
.pad-l-30 {padding-left:30px !important;}
.pad-l-35 {padding-left:35px !important;}
.pad-l-40 {padding-left:40px !important;}
.pad-l-45 {padding-left:45px !important;}
.pad-l-50 {padding-left:50px !important;}
.pad-l-55 {padding-left:55px !important;}
.pad-l-60 {padding-left:60px !important;}
.pad-l-65 {padding-left:65px !important;}
.pad-l-70 {padding-left:70px !important;}
.pad-l-75 {padding-left:75px !important;}
.pad-l-80 {padding-left:80px !important;}
.pad-l-85 {padding-left:85px !important;}
.pad-l-90 {padding-left:90px !important;}
.pad-l-95 {padding-left:95px !important;}
.pad-l-100 {padding-left:100px !important;}

.pad-r-1 {padding-right:1px !important;}
.pad-r-2 {padding-right:2px !important;}
.pad-r-3 {padding-right:3px !important;}
.pad-r-4 {padding-right:4px !important;}
.pad-r-5 {padding-right:5px !important;}
.pad-r-6 {padding-right:6px !important;}
.pad-r-7 {padding-right:7px !important;}
.pad-r-8 {padding-right:8px !important;}
.pad-r-9 {padding-right:9px !important;}
.pad-r-10 {padding-right:10px !important;}
.pad-r-15 {padding-right:15px !important;}
.pad-r-20 {padding-right:20px !important;}
.pad-r-25 {padding-right:25px !important;}
.pad-r-30 {padding-right:30px !important;}
.pad-r-35 {padding-right:35px !important;}
.pad-r-40 {padding-right:40px !important;}
.pad-r-45 {padding-right:45px !important;}
.pad-r-50 {padding-right:50px !important;}
.pad-r-55 {padding-right:55px !important;}
.pad-r-60 {padding-right:60px !important;}
.pad-r-65 {padding-right:65px !important;}
.pad-r-70 {padding-right:70px !important;}
.pad-r-75 {padding-right:75px !important;}
.pad-r-80 {padding-right:80px !important;}
.pad-r-85 {padding-right:85px !important;}
.pad-r-90 {padding-right:90px !important;}
.pad-r-95 {padding-right:95px !important;}
.pad-r-100 {padding-right:100px !important;}

.pad-t-1 {padding-top:1px !important;}
.pad-t-2 {padding-top:2px !important;}
.pad-t-3 {padding-top:3px !important;}
.pad-t-4 {padding-top:4px !important;}
.pad-t-5 {padding-top:5px !important;}
.pad-t-6 {padding-top:6px !important;}
.pad-t-7 {padding-top:7px !important;}
.pad-t-8 {padding-top:8px !important;}
.pad-t-9 {padding-top:9px !important;}
.pad-t-10 {padding-top:10px !important;}
.pad-t-15 {padding-top:15px !important;}
.pad-t-20 {padding-top:20px !important;}
.pad-t-25 {padding-top:25px !important;}
.pad-t-30 {padding-top:30px !important;}
.pad-t-35 {padding-top:35px !important;}
.pad-t-40 {padding-top:40px !important;}
.pad-t-45 {padding-top:45px !important;}
.pad-t-50 {padding-top:50px !important;}
.pad-t-55 {padding-top:55px !important;}
.pad-t-60 {padding-top:60px !important;}
.pad-t-65 {padding-top:65px !important;}
.pad-t-70 {padding-top:70px !important;}
.pad-t-75 {padding-top:75px !important;}
.pad-t-80 {padding-top:80px !important;}
.pad-t-85 {padding-top:85px !important;}
.pad-t-90 {padding-top:90px !important;}
.pad-t-95 {padding-top:95px !important;}
.pad-t-100 {padding-top:100px !important;}

.pad-b-1 {padding-bottom:1px !important;}
.pad-b-2 {padding-bottom:2px !important;}
.pad-b-3 {padding-bottom:3px !important;}
.pad-b-4 {padding-bottom:4px !important;}
.pad-b-5 {padding-bottom:5px !important;}
.pad-b-6 {padding-bottom:6px !important;}
.pad-b-7 {padding-bottom:7px !important;}
.pad-b-8 {padding-bottom:8px !important;}
.pad-b-9 {padding-bottom:9px !important;}
.pad-b-10 {padding-bottom:10px !important;}
.pad-b-15 {padding-bottom:15px !important;}
.pad-b-20 {padding-bottom:20px !important;}
.pad-b-25 {padding-bottom:25px !important;}
.pad-b-30 {padding-bottom:30px !important;}
.pad-b-35 {padding-bottom:35px !important;}
.pad-b-40 {padding-bottom:40px !important;}
.pad-b-45 {padding-bottom:45px !important;}
.pad-b-50 {padding-bottom:50px !important;}
.pad-b-55 {padding-bottom:55px !important;}
.pad-b-60 {padding-bottom:60px !important;}
.pad-b-65 {padding-bottom:65px !important;}
.pad-b-70 {padding-bottom:70px !important;}
.pad-b-75 {padding-bottom:75px !important;}
.pad-b-80 {padding-bottom:80px !important;}
.pad-b-85 {padding-bottom:85px !important;}
.pad-b-90 {padding-bottom:90px !important;}
.pad-b-95 {padding-bottom:95px !important;}
.pad-b-100 {padding-bottom:100px !important;}


.mar-l-1 {margin-left:1px !important;}
.mar-l-2 {margin-left:2px !important;}
.mar-l-3 {margin-left:3px !important;}
.mar-l-4 {margin-left:4px !important;}
.mar-l-5 {margin-left:5px !important;}
.mar-l-6 {margin-left:6px !important;}
.mar-l-7 {margin-left:7px !important;}
.mar-l-8 {margin-left:8px !important;}
.mar-l-9 {margin-left:9px !important;}
.mar-l-10 {margin-left:10px !important;}
.mar-l-15 {margin-left:15px !important;}
.mar-l-20 {margin-left:20px !important;}
.mar-l-25 {margin-left:25px !important;}
.mar-l-30 {margin-left:30px !important;}
.mar-l-35 {margin-left:35px !important;}
.mar-l-40 {margin-left:40px !important;}
.mar-l-45 {margin-left:45px !important;}
.mar-l-50 {margin-left:50px !important;}
.mar-l-55 {margin-left:55px !important;}
.mar-l-60 {margin-left:60px !important;}
.mar-l-65 {margin-left:65px !important;}
.mar-l-70 {margin-left:70px !important;}
.mar-l-75 {margin-left:75px !important;}
.mar-l-80 {margin-left:80px !important;}
.mar-l-85 {margin-left:85px !important;}
.mar-l-90 {margin-left:90px !important;}
.mar-l-95 {margin-left:95px !important;}
.mar-l-100 {margin-left:100px !important;}

.mar-r-1 {margin-right:1px !important;}
.mar-r-2 {margin-right:2px !important;}
.mar-r-3 {margin-right:3px !important;}
.mar-r-4 {margin-right:4px !important;}
.mar-r-5 {margin-right:5px !important;}
.mar-r-6 {margin-right:6px !important;}
.mar-r-7 {margin-right:7px !important;}
.mar-r-8 {margin-right:8px !important;}
.mar-r-9 {margin-right:9px !important;}
.mar-r-10 {margin-right:10px !important;}
.mar-r-15 {margin-right:15px !important;}
.mar-r-20 {margin-right:20px !important;}
.mar-r-25 {margin-right:25px !important;}
.mar-r-30 {margin-right:30px !important;}
.mar-r-35 {margin-right:35px !important;}
.mar-r-40 {margin-right:40px !important;}
.mar-r-45 {margin-right:45px !important;}
.mar-r-50 {margin-right:50px !important;}
.mar-r-55 {margin-right:55px !important;}
.mar-r-60 {margin-right:60px !important;}
.mar-r-65 {margin-right:65px !important;}
.mar-r-70 {margin-right:70px !important;}
.mar-r-75 {margin-right:75px !important;}
.mar-r-80 {margin-right:80px !important;}
.mar-r-85 {margin-right:85px !important;}
.mar-r-90 {margin-right:90px !important;}
.mar-r-95 {margin-right:95px !important;}
.mar-r-100 {margin-right:100px !important;}

.mar-t-0 {margin-top:0px !important;}
.mar-t-1 {margin-top:1px !important;}
.mar-t-2 {margin-top:2px !important;}
.mar-t-3 {margin-top:3px !important;}
.mar-t-4 {margin-top:4px !important;}
.mar-t-5 {margin-top:5px !important;}
.mar-t-6 {margin-top:6px !important;}
.mar-t-7 {margin-top:7px !important;}
.mar-t-8 {margin-top:8px !important;}
.mar-t-9 {margin-top:9px !important;}
.mar-t-10 {margin-top:10px !important;}
.mar-t-15 {margin-top:15px !important;}
.mar-t-20 {margin-top:20px !important;}
.mar-t-25 {margin-top:25px !important;}
.mar-t-30 {margin-top:30px !important;}
.mar-t-35 {margin-top:35px !important;}
.mar-t-40 {margin-top:40px !important;}
.mar-t-45 {margin-top:45px !important;}
.mar-t-50 {margin-top:50px !important;}
.mar-t-55 {margin-top:55px !important;}
.mar-t-60 {margin-top:60px !important;}
.mar-t-65 {margin-top:65px !important;}
.mar-t-70 {margin-top:70px !important;}
.mar-t-75 {margin-top:75px !important;}
.mar-t-80 {margin-top:80px !important;}
.mar-t-85 {margin-top:85px !important;}
.mar-t-90 {margin-top:90px !important;}
.mar-t-95 {margin-top:95px !important;}
.mar-t-100 {margin-top:100px !important;}

.mar-b-0 {margin-bottom:0px !important;}
.mar-b-1 {margin-bottom:1px !important;}
.mar-b-2 {margin-bottom:2px !important;}
.mar-b-3 {margin-bottom:3px !important;}
.mar-b-4 {margin-bottom:4px !important;}
.mar-b-5 {margin-bottom:5px !important;}
.mar-b-6 {margin-bottom:6px !important;}
.mar-b-7 {margin-bottom:7px !important;}
.mar-b-8 {margin-bottom:8px !important;}
.mar-b-9 {margin-bottom:9px !important;}
.mar-b-10 {margin-bottom:10px !important;}
.mar-b-15 {margin-bottom:15px !important;}
.mar-b-20 {margin-bottom:20px !important;}
.mar-b-25 {margin-bottom:25px !important;}
.mar-b-30 {margin-bottom:30px !important;}
.mar-b-35 {margin-bottom:35px !important;}
.mar-b-40 {margin-bottom:40px !important;}
.mar-b-45 {margin-bottom:45px !important;}
.mar-b-50 {margin-bottom:50px !important;}
.mar-b-55 {margin-bottom:55px !important;}
.mar-b-60 {margin-bottom:60px !important;}
.mar-b-65 {margin-bottom:65px !important;}
.mar-b-70 {margin-bottom:70px !important;}
.mar-b-75 {margin-bottom:75px !important;}
.mar-b-80 {margin-bottom:80px !important;}
.mar-b-85 {margin-bottom:85px !important;}
.mar-b-90 {margin-bottom:90px !important;}
.mar-b-95 {margin-bottom:95px !important;}
.mar-b-100 {margin-bottom:100px !important;}
.center { text-align:center !important;}

.fleft { float:left;}
.fright { float:right;}

.btn_icon {
 position:relative;
 }
.btn_icon .txt {
/* fallback */ 
background-color: #ffffff; 
/* Firefox 3.6+ */
background: -moz-linear-gradient(100% 100% 90deg, #EAEAEA, #FFFFFF); /* Safari 4-5, Chrome 1-9 */ 
/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EAEAEA)); /* Safari 5.1+, Chrome 10+ */ 
background: -webkit-linear-gradient(#FFFFFF, #EAEAEA); /* Opera 11.10+ */ 
background: -o-linear-gradient(#FFFFFF, #EAEAEA);
border:1px solid #BBBBBB !important;	
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
border-radius: 2px !important; /* future proofing */
-khtml-border-radius: 2px !important; /* for old Konqueror browsers */
position:relative;
z-index:1;
white-space:nowrap;
display:block;
padding:3px 7px;
padding-left:35px;
text-transform: capitalize !important;
font-family: Arial,Helvetica,sans-serif;
font-size:10px;
line-height: 15px;
}

.scanlogehader .right button i.fa-file-word{ font-size:20px; color: #398fcd; padding-right: 5px;}
.scanlogehader .right button i.fa-file-pdf{ font-size:20px; color: #e92318; padding-right: 5px;}
.scanlogehader .right button i.fa-file-alt{ font-size:20px; color:#4caf50; padding-right: 5px;}
.scanlogehader .right button:hover i{ color:#fff;}


.report_controll_rightset_two button i.fa-file-excel{ font-size:20px; color: #4caf50; padding-right: 5px;}
.report_controll_rightset_two button i.fa-file-alt{ font-size:20px; color:#4caf50; padding-right: 5px;}
.report_controll_rightset_two button:hover i{ color:#fff;}

.report_controll_rightset { float:right; /* width:319px; */}
.report_controll_rightset_two { float:right; width:auto;}
.btn_icon.ie7 { float:none !important; display:inline-block !important;}

/*************************************** header ************************************************/
.header { width:100%; border-bottom:2px solid #999999; background:#FFF; position:relative;
	background-color: #FFFFFF; 
	background:url(../img/header_bg.png) left 0; background-repeat: repeat-x; 
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(100% 100% 90deg, #EAEAEA, #FFF); /* Safari 4-5, Chrome 1-9 */ 
	/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
	background: -webkit-linear-gradient(#EAEAEA, #FFF); /* Opera 11.10+ */ 	
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#EAEAEA)); /* Safari 5.1+, Chrome 10+ */ 
	background: -o-linear-gradient(#FFF, #EAEAEA); /* opera current*/
	 
}
/*.header .logo { background:url(../img/logo_face.png) top left no-repeat; width:203px; height:52px; float:left; margin:5px; margin-bottom:0px;}   12dec2011*/
.header .logo { /*background:url(../img/logo_face.png) top left no-repeat;*/ width:203px; /*height:62px;*/ float:left; margin:7px 5px; margin-bottom:0px;}
.header .right { float:left; height:60px; position:relative; bottom:0px; }
.header .right .menu { float:left;   }
.header .right .menu { float:left; width:100%; position:relative; bottom:0px; top: 42px;}
.header .right ul.menu li { display:inline-block; width:auto; float:left; color:#666666; margin-right:8px;}
.header .right ul.menu li a {  display:block; text-decoration:none; color:#333; border-top-left-radius:4px; border-top-right-radius:4px;}
.header .right ul.menu li a span { display:block; padding:0 15px; min-width:40px; text-align:center; height:33px; line-height:33px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);}
.header .right ul.menu li a:hover, .header .right ul.menu li.active a { background:#d81f27;  }
.header .right ul.menu li a:hover span, .header .right ul.menu li.active a span { display:block; /*background:url(../img/bt_bg_right_s1.jpg) top right no-repeat;*/ color:#FFF; text-shadow: 0 1px 1px rgba(00, 00, 00, 0.3);}

/*************************************** middle ************************************************/
#wrapper { position:relative; z-index:1; height:100%; }
#wrapper .middle_holder {  height: 100%; position: relative !important; width: 100%; right:0 !important;  }
#wrapper .middle_holder .content_holder { padding-bottom:70px;}

/*************************************** middle sidebar ************************************************/

.content.dragbox-content h2.title { margin:0px; padding:0px;}

/***************************** welcome sec in header  ********************************/
#wrapper .header .welcome_box { float: right; margin-bottom: 0; min-height: 28px; width: auto; }
#frmwidget {float: left; margin-top: 2px;}
#wrapper .header .welcome_box .content { padding-left:10px;}
#wrapper .header .welcome_box h1 { color: #333333; float: left; font-size: 12px; font-weight: normal; line-height: 20px; margin: 0 10px 0 0; padding: 0;}
#wrapper .header .welcome_box input[type="button"], 
#wrapper .header .welcome_box input[type="submit"], 
#wrapper .header .welcome_box input[type="reset"] {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #BBBBBB;
    border-style: none none none solid;
    border-width: medium medium medium 1px;
    color: #666666;
    float: left;
    font-size: 12px;
    line-height: 12px;
    margin-top: 3px;
    padding-bottom: 2px;
    padding-left: 8px;
}
 

/***************************** welcome sec in sidebar ********************************/

.sidebar { margin: 0 0 0 0; clear: left; float: left; display:block; }
.sidebar a, .header a { color:#666;}
.sidebar { position:relative;}

#wrapper .sidebar { width:203px !important; float:left; background:#FFF; color:#333333; font-size:13px; }

/* add new change in 16.07.2012 
#wrapper .sidebar { height:1800px; left: -203px; /*position: absolute !important; top: 62px;/ z-index: 1001; margin-left:-203px;} */
#wrapper .sidebar { height:1800px; left: 0; /*position: absolute !important; top: 62px;*/ z-index: 1001; margin-left:0; } 

#wrapper .sidebar.close {width:44px !important; margin-left:-44px; }

#wrapper .close span { float:left;}

#wrapper .sidebar .face-menu { float: left; width: 210px;}
#wrapper .sidebar.close .face-menu {float: left; width:39px;}

#wrapper .sidebar .welcome_box { background:url(../img/side_bg_big.jpg) top left repeat-x; border-top:1px solid #fff; border-left:1px solid #fff; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; margin-bottom:0; min-height:90px; width: auto;}
#wrapper .sidebar .welcome_box .content { padding-left:10px;}
#wrapper .sidebar .welcome_box h1 { margin:0px; padding:0px; margin-top:17px; color:#333333; font-size:11px;}
#wrapper .sidebar .welcome_box input[type="button"], 
#wrapper .sidebar .welcome_box input[type="submit"], 
#wrapper .sidebar .welcome_box input[type="reset"] { background:url(../img/bt_bg.jpg) top left repeat-x; border:1px solid #BBBBBB; font-size:10px; color:#666666; line-height:10px; padding-bottom:2px; }

.welcome_icon .sidebar .welcome_box input[type="reset"] { background:url(../img/bt_bg.jpg) top left repeat-x; border:1px solid #BBBBBB; font-size:10px; color:#666666; line-height:10px; padding-bottom:2px; }

#wrapper .sidebar .welcome_icon { background:url(../img/side_bg_big.jpg) top left repeat-x; border-top:1px solid #fff; border-left:1px solid #fff; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; margin-bottom:0; min-height:auto; width: auto;}
#wrapper .sidebar .welcome_icon .content { padding-left:5px;}
#wrapper .sidebar .welcome_icon h1 { margin:0px; padding:0px; margin-top:5px; color:#333333; font-size:11px;}
#wrapper .sidebar .welcome_icon input[type="button"], 
#wrapper .sidebar .welcome_icon input[type="submit"], 
.hide { display:none !important; position:relative;}

#wrapper .sidebar .module { display:block; width: 100%; clear:both; position:relative;}
#wrapper .sidebar .module h1 span { display:inline; }
#wrapper .sidebar .module h1 { display:block; /*background:url(../img/side_bg_small.jpg) top left repeat-x;*/ /*border-top:1px solid #fff; border-left:1px solid #fff;*/ border-bottom:1px solid #BBBBBB; /*border-right:1px solid #BBBBBB;*/ font-size:12px; min-height:40px; font-family:Verdana, Geneva, sans-serif; line-height:38px; cursor:pointer; margin:0px;    background: #f5f5f5;}

#wrapper .sidebar .module h1 .nob { 
	display:block;
	background: url("../img/strip.png") no-repeat scroll center center transparent;
    height: 38px;
    position: fixed;
    top: 50%;
    width: 5px;
	 } /* add new 16.07.2012 */

#wrapper .sidebar .module h1:hover { display:block; cursor:pointer; background: #d81f27; color: #fff;}

span.services { background:url(../img/iconset.png) -81px -2px no-repeat; width:22px; height:21px; float:left; margin:8px 8px; display:block;}
#wrapper .sidebar .module h1:hover span.services, #wrapper .sidebar .module h1.active span.services { background-position: -81px -34px;}



span.setting { background:url(../img/iconset.png) -36px 0 no-repeat; width:22px; height:24px; float:left; margin:8px 8px; display:block;}
#wrapper .sidebar .module h1:hover span.setting, #wrapper .sidebar .module h1.active span.setting { background-position: -36px -32px;}
.setting a { color:#000; font-size:11px;}
span.report { background:url(../img/iconset.png) top left no-repeat; width:22px; height:24px; float:left; margin:8px 8px; display:block;}
#wrapper .sidebar .module h1:hover span.report, #wrapper .sidebar .module h1.active span.report { background-position: 0 -32px;}

span.user { background:url(../img/icon_user.png) top left no-repeat; width:22px; height:24px; float:left; margin:2px 5px; display:block;}
span.usersignuot { background:url(../img/icon_signout.png) top left no-repeat; width:22px; height:24px; float:left; margin:2px 5px; display:block; clear:both;}
span.icon_addone { background:url(../img/icon_addone.png) top left no-repeat; width:22px; height:24px; float:left; margin:2px 5px; display:block; clear:both;}

span.icon_dashboard { background:url(../img/iconset.png) 0 -89px no-repeat; width:22px; height:24px; float:left; margin:6px 8px; display:block;}
#wrapper .sidebar .module h1:hover span.icon_dashboard { background-position: 0 -114px; }


span.close { width:22px; height:24px; float:left; margin:2px 8px; display:block;}
span.saro {  background: url("../img/saro.png") no-repeat scroll left top transparent; display: block; float: right !important; height: 12px; margin-right: 5px; margin-top: 12px; width: 10px; }
span.uaro { background: url("../img/daro.png") no-repeat scroll left top transparent !important; display: block; float: right !important; height: 7px; margin-right: 5px; margin-top: 12px; width: 10px; }


.close_panel { position: absolute !important; bottom:0;}

.close_panel_strip {  background-color:#999999;  float: right; height: 100%; position: relative; width: 5px; }
.close_panel_strip .close_panel h1 { background:none !important; border: none !important; display: block; height: 100%; margin-left: -5px; position: absolute; top: 0; width: 10px; }
.close_panel_strip .close_panel h1:hover { background: url(../img/saro.png) no-repeat scroll left center transparent !important; }
.close_panel_strip .module.close_panel.close h1 { background: url(../img/saroa.png) no-repeat scroll left center transparent !important; }


/******************************* middle content box ***********************************/

.content_holder { float: left; margin-left: 0; position: relative; width: 100%; overflow:hidden; }


.home_screen .row .box.gray { background:url(../img/fix_box_bg.png) top left no-repeat; height:260px; width:262px;}
.home_screen .row .box.gray h2 { font-family: Verdana,Geneva,sans-serif; font-size: 13px; font-weight: normal; height: 43px; line-height: 43px; padding-left: 10px; position:relative; cursor:pointer; }


.home_screen .icon_vulnerability_assessment:before{ 
	position:absolute; 
	left:0; 
	content: "\f080"; 
	font-family: "Font Awesome 5 Free";
  	font-variant-caps: normal;
  	font-variant-ligatures: normal;
  	font-weight: 900;
  	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
}
.home_screen .icon_vulnerability_assessment {
    height: 30px;
    position: absolute;
    left: 15px;
    top: 9px;
    width: 40px;
	font-size:26px;
}
.home_screen .icon_application_audit:before{ 
	position:absolute; 
	left:0; 
	content: "\f042"; 
	font-family: "Font Awesome 5 Free";
  	font-variant-caps: normal;
  	font-variant-ligatures: normal;
  	font-weight: 900;
  	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
}

.home_screen .icon_application_audit{
    height: 30px;
    position: absolute;
    left: 15px;
    top: 7px;
    width: 40px;
	font-size:23px;
}

.home_screen .icon_malware_monitoring:before{ 
	position:absolute; 
	left:0; 
	content: "\f188"; 
	font-family: "Font Awesome 5 Free";
  	font-variant-caps: normal;
  	font-variant-ligatures: normal;
  	font-weight: 900;
  	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
}

.sdobox .content h2.title:hover > span { color:#dc3545;}
	
.home_screen .icon_malware_monitoring {
    height: 30px;
    position: absolute;
    left: 15px;
    top: 7px;
    width: 40px;
	font-size:22px;
}
/************* 15sep2011*******************/

.vabg {background:url(../img/img-va.png) center no-repeat; margin-left:auto; margin-right:auto; text-align:center; margin-top:20px;}
.mmbg {background:url(../img/img-mm.png) center no-repeat; margin-left:auto; margin-right:auto; text-align:center; margin-top:20px;}


.home_screen .row2 {width:264px; float:left;  margin-right: 9px;}
.home_screen .row2 .box.gray2 { background:url(../img/blank_box2.png) top left no-repeat; height:213px; width:264px; margin-top:8px;}

.midcnt {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333; line-height:13px; padding:15px; height:173px;overflow:auto; overflow-x: hidden; width:220px; }
.midcnt .subhead {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; line-height:13px; font-weight:bold;}
.midcnt ul {margin:0px; padding:0px; list-style:none;}
.midcnt ul li{background:url(../img/imgbullet.jpg) left no-repeat;  margin-left:0px; padding-left:10px; }
.midcnt p {margin:0px; padding:0px; line-height:13px; margin-bottom:10px;}


.home_screen .row3 {width:264px; float:left;  margin-right: 9px;}
.home_screen .row3 .box.gray3 {background:url(../img/blank_box4.png) top left no-repeat; height:154px; width:264px; margin-top:8px;}
.cnt3 {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333; line-height:13px; padding:15px;}
.cnt3 table tr td{border-bottom: solid 1px #ccc; border-left: solid 1px #CCC; padding:6px;}
.cnt3 table tr .brdnone {border-left:none;}

.icnfail {background:url(/img/icnfail.jpg) left no-repeat;
    display: block;
    float: left;
    height: 22px;
    width: 42px;
	position:relative;
	opacity:1;
	z-index:1;
}
.icnpass {background:url(/img/icn-pass.jpg) left no-repeat; 
    display: block;
    height: 22px;
    width: 42px;
	float: left;
	position:relative;
	opacity:1;
	z-index:1;
}
.icnnoscan {background:url(/img/icn-noscan.jpg) left no-repeat; 
    display: block;
    height: 22px;
    width: 42px;
	float: left;
	position:relative;
	opacity:1;
	z-index:1;
}
/*
.icnfail {background:url(/img/icnfail.jpg) left no-repeat; padding-left:25px;}
.icnpass {background:url(/img/icn-pass.jpg) left no-repeat; padding-left:25px;}
.icnnoscan {background:url(/img/icn-noscan.jpg) left no-repeat; padding-left:25px;}*/


.cnt3 table tr .icnfail {background:url(../img/icnfail.jpg) left no-repeat; padding-left:25px;}
.cnt3 table tr .icnpass {background:url(../img/icn-pass.jpg) left no-repeat; padding-left:25px;}



#footer { color: #333333; float: none; font-size: 10px; margin: 0 auto; padding-top: 15px; width: 208px; background:#EFEFEF;  bottom:0px; z-index:1; width:100%; padding-bottom:10px; text-align:center; position:absolute;}
#footer .txt { text-align:left; float:left;  margin-top: 9px; }
#footer .imglogo { text-align:left; margin-left:5px; float:left; margin-bottom: 10px;}

#footer .centerset { display:block; width:250px; margin:10px auto;}

.graybox { margin:0; width:262px; }
.grayboxbg { padding:5px 0 5px 0; width:258px; background:#fff url(../img/boxbg.jpg) bottom left repeat-x; border-left:#dfdfdf solid 1px; border-right:#8b8b8b solid 2px; }
.boxtopbg { width:262px; background: url(../img/box-top-bg.png) top left repeat-x; height:44px; }
.boxbottombg { width:262px; background: url(../img/box-bottom-bg.png) top left repeat-x; height:44px; }
.fl { float:left; }
.fr { float:right; }
.boxtopbg h1 { font-family: Verdana,Geneva,sans-serif; font-size: 13px; font-weight: normal; height: 43px; line-height: 43px; padding-left: 10px; position:relative;}
.box-icon1 {  background: url("../img/icon_v.png") repeat scroll left top transparent; height: 47px; position: absolute; right: 0; width: 75px; }

.sdobox {
display:block;
margin: 0 0 20px;


}
.sdobox.dragbox.white {
display:block;
margin:0 0 20px 0;
width:100%;
float:left;
}
 
.sdobox .content { 
position: relative; /* This protects the inner element from being blurred */
background-color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; /* future proofing */
-khtml-border-radius: 3px; /* for old Konqueror browsers */
box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.21);
width:100%;
float:left;
}


.sdobox .content h2.title {
background-color: #f1f3f6; 
-moz-border-radius: 3px 3px 0px 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px; /* future proofing */
-khtml-border-radius: 3px 3px 0px 0px; /* for old Konqueror browsers */
border-bottom:1px solid #E6E6E6;
padding-left: 52px;
color: #343a40;
font-size: 13px; 
font-weight: 500; 
height: 40px; 
line-height: 43px;
position:relative; 
cursor:move;
}

.sdobox .content h2.title small{ font-size:11px; display:block; color:#868ba1;}
.sdobox .content h2.title .btn_generate_csv{ cursor:pointer; position:absolute; right: 10px !important; top:3px; font-size:16px; color:green; box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.21); background:#fff; padding:3px 10px; }

.watermark {background:url(../img/img-ap.png) center no-repeat; }

.sdobox.white .content .apbg {  background: #FFFFFF; color: #c4c8ca;  overflow-x: hidden; overflow-y: hidden; text-align: left;   width: 100%; margin:0 auto; padding: 20px; }

#PageDesc{color:#333;}

h2.subhead {  color: #333333;  font-size: 13px; font-weight: bold; height: 40px; line-height: 40px; margin-bottom:0px; cursor:move; }
.sdobox:hover .content .title span.close_icon, .sdobox:hover .content span.close_icon { background:url(../img/icon_close_addone.png) left top no-repeat; display:block; height:23px; width:23px; position:absolute;right: -7px; top: -4px; z-index: 9; cursor:pointer;}

.list-menu { 
    display: block;
    max-height: 217px;
    overflow-x: auto;
    overflow-y: auto;
    padding: 5px;
}
.list-menu ul { margin:0px; padding:0px; padding-left:10px;}
.list-menu ul li { display:block; line-height:22px;  white-space: nowrap;}
.list-menu ul li span.plus {
    background: url("../img/bullet_plus.jpg") no-repeat scroll left center transparent;
    display: block;
    float: left;
    height: 10px;
    margin-top: 5px;
    width: 10px;
}

.list-menu ul li > span {
	 background: url("../img/bullet_minus.jpg") no-repeat scroll left 3px transparent;
    display: block;
    float: left;
    height: 10px;
    margin-top: 5px;
    width: 10px;
	cursor:pointer;

}
.urlSearchBox > li.active > h2 > a { color:#000;}
.urlSearchBox > li.active > a {  color:#900;}
.list-menu ul li a:hover, .list-menu ul li h2:hover { text-decoration:underline !important; color:#000;}

.list-menu ul li h2 {  font-size:12px; font-weight: 502; margin-bottom: 8px; margin:0px; padding:0px; cursor:pointer;}
.list-menu ul ul.submenu { display:block; clear:both;}
.list-menu ul ul.submenu li { background:url(../img/bullet_minus.jpg) left 7px no-repeat; padding-left:7px; line-height:18px; word-wrap: break-word; }

.fullcontent { width:100%}
.pop { position:absolute; left:44px; top:0; width:auto; min-width:200px; background:#fff; border:1px solid #BBBBBB; z-index:999;}
.middle_holder.close { margin-left: 44px;}
h1.current { overflow:hidden; height:29px;}
.top_nav { display: block; font-size: 11px; position: absolute; right: 13px; top: 7px; color:#666; width: 332px; }
.top_nav a {  font-size:11px; text-decoration:none; color:#666;}

/***************************************************** member login page ************************************/

body.member_login{ background:#192430; display:flex; align-items:center; text-align:center;}
body.member_login .login-box {  width:450px; clear:both; padding:0px; margin:auto; background:#192430; border-radius:10px; -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3); box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3); position:relative;}
body.member_login .login-box .c_logo { display:block; padding:20px; text-align:center; }
	
body.member_login .login-box .c_logo img { margin:0px;}
body.member_login .login-box .mem_login { float:left;  width: 100%; padding-bottom:60px;}
body.member_login .login-box .c_logo h2.title { margin:0;}
body.member_login .login-box .mem_login h2.title { margin:0;}
body.member_login .apbg h2.title:hover > span { background:none !important;}
 
body.member_login .login-box .apbg { width:100%; float:left; }

body.was_member_login{ background:#FFF; align-items:center; text-align:center;}

.login-box .mem_login ul.memLog { display:block; padding:0px 40px; box-sizing:border-box; }
.login-box .mem_login ul.memLog li { margin-bottom:20px; display:block; clear:both;}
.login-box .mem_login input[type="text"], .login-box .mem_login input[type="password"] { border:2px solid #f6f6f6; padding:5px 15px; margin:0; background:none; height:40px; width:100%; color:#fff; border-radius: 5px; box-sizing: border-box; font-size: 14px; display: inline-block; font-family: "Fira Sans",sans-serif; }

.login-box .mem_login input[type="text"]:focus, .login-box .mem_login input[type="password"]:focus { border:2px solid #39ace7; background:none; }

.login-box .mem_login input[type="button"], .login-box .mem_login input[type="submit"], .login-box .mem_login button { border:none; background:#39ace7; font-size:16px; padding:10px 35px; float:right !important; -webkit-box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4); box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4); border-radius: 5px; transition: all 0.3s ease-in-out;color: #fff; font-family: "Fira Sans",sans-serif; width:100%; }
.login-box .mem_login li.forget { margin-top: 40px; margin-bottom:0 !important; border-top: solid #fff 2px; width: 100%; float: left; padding-top: 20px; text-align:center;}
 
.login-box .mem_login li.forget a.forget-text{ position:relative; color:#92badd; display:inline-block; padding-bottom:5px; cursor:pointer; font-size:14px;}
.login-box .mem_login li.forget a.forget-text:after{ display: block;  left: 0;  bottom: -10px;  width: 0; height: 2px; background-color: #56baed; content: "";  -webkit-transition: width 0.2s;    transition: width 0.2s;}
.login-box .mem_login li.forget a.forget-text:hover{ color:#fff;}
.login-box .mem_login li.forget a.forget-text:hover:after { width:100%;}
.login-box .mem_login li.forget input[type="button"] { background:none !important; border:none !important; margin:0px; padding:0px; box-shadow:none!important; font-size:14px;}
.login-box .mem_login .login_div { 
    background: url("../img/login_div.png") repeat-y scroll left top transparent;
    height: 95%;
    left: 50%;
    position: absolute;
    top: 3%;
    width: 3px;
    z-index: 999;
}

img.sdo { display:block; width:100%;}

.memLog .derror input[type="text"], .memLog .derror input[type="password"] {}
.mem_login .memLog li.derror { margin-top:0 !important;}
.login-box .mem_login ul.memLog li.submitbutton-ie7 .cancel{ width:48%;}
.login-box .mem_login ul.memLog li.submitbutton-ie7 .submit{ width:48%;}
.mem_login .title{ color:#fff; text-align:center; font-weight:400; margin-bottom:40px;}
.login-footerlogo{ position:absolute; bottom:-50px; left:auto; right:auto; width:100%;}



/***************************************************** member change password  page ************************************/
body.member_pass #wrapper { background:none; width:99%; height:99%;}
body.member_pass #wrapper .middle_holder { width:100%; margin:0px; }
body.member_pass #wrapper .middle_holder .popup { left: 0; position: absolute; top: 0; z-index: 999; white-space:nowrap;  }
body.member_pass #wrapper .sdobox .content {  white-space:nowrap; min-width:295px; clear:both; padding:0px; }
body.member_pass #wrapper .content { white-space:nowrap; } 
body.member_pass #wrapper .content .c_logo { float:left;  width: 295px; overflow:hidden;}
body.member_pass #wrapper .content .c_logo img { margin:2px;}
body.member_pass #wrapper .content .forget { float:right;  width: 295px; padding-bottom: 52px;}
body.member_pass #wrapper .content .c_logo h2.title {
-moz-border-radius: 5px 0px 0px 0px;
-webkit-border-radius: 5px 0px 0px 0px;
border-radius: 5px 0px 0px 0px; /* future proofing */
-khtml-border-radius: 5px 0px 0px 0px; /* for old Konqueror browsers */
border-bottom:1px solid #E6E6E6;
height:41px;
font-weight:bold;
padding-left:20px;
}
body.member_pass #wrapper .content .forget h2.title {
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px; /* future proofing */
-khtml-border-radius: 5px 5px 0px 0px; /* for old Konqueror browsers */
border-bottom:1px solid #E6E6E6;
height:41px;
font-weight:bold;
padding-left:20px;
margin:0px;
}
 
body.member_pass #wrapper .sdobox .content .apbg {
padding-top: 0;
margin-left:auto;
margin-right:auto; 
text-align:left; 
/* fallback */ 
background-color: #E4E4E4; background:url(../img/boxbg.jpg); background-repeat: repeat-x; 
/* Firefox 3.6+ */
background: -moz-linear-gradient(100% 100% 90deg, #E4E4E4, #FFFFFF); /* Safari 4-5, Chrome 1-9 */ 
/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#E4E4E4)); /* Safari 5.1+, Chrome 10+ */ 
background: -webkit-linear-gradient(#FFFFFF, #E4E4E4); /* Opera 11.10+ */ 
background: -o-linear-gradient(#FFFFFF, #E4E4E4);

-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; /* future proofing */
-khtml-border-radius: 5px 5px 5px 5px; /* for old Konqueror browsers */
}

.content .forget ul.memLog { display:block; padding:22px 29px; font-family:Verdana, Geneva, sans-serif; font-size:11px;}
.content .forget ul.memLog li { padding-bottom:5px; display:block; clear:both;}
.content .forget input[type="text"], .content .forget input[type="password"] { border:1px solid #999999; background:#FFF; height:20px; width:90%;  font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#666; margin-bottom:10px; }
.content .forget input[type="text"]:focus, .content .forget input[type="password"]:focus { border:1px solid #F00; background:#F4F4F4; color:#000;}
.content .forget input[type="button"], .content .forget input[type="submit"], .content .forget button { border:1px solid #999999; background:#FFF; font-size:11px; padding:3px 8px; float:left; margin-right:5px;}
 .content .forget li.forget input[type="button"] { background:none !important; border:none !important; margin:0px; padding:0px;}
.content .forget .login_div { background: url("../img/login_div.png") repeat-y scroll left top transparent; height: 95%; left: 50%; position: absolute; top: 3%;width: 3px;z-index: 999;}
.slogo { background: url("../img/slogo.png") no-repeat scroll left top transparent; bottom: -0px; float: right; height: 42px; position: absolute; right: 15px; width: 98px;}




/***************************************************** member register page ************************************/
body.register #wrapper { background:none; overflow:hidden; width:99%; height:99%;}
body.register #wrapper .middle_holder { width:100%; margin:0px; }
body.register #wrapper .middle_holder .popup { left: 0; position: absolute; top: 0; z-index: 999; white-space:nowrap;  }
body.register #wrapper .middle_holder .popup.register { margin:0 auto; width:614px; position:relative; margin-top:1%;}
body.register #wrapper .middle_holder .popup.register h2 {margin:0; padding-left: 29px;}
body.register #wrapper .middle_holder .popup.register .sdo { display:block !important; width:100%; width: 639px;}
body.register #wrapper .sdobox {  min-width:635px;}
body.register #wrapper .sdobox .content {  white-space:nowrap; min-width:635px; clear:both; padding:0px; }
body.register #wrapper .content { white-space:nowrap; } 
body.register #wrapper .content .c_logo { float:left;  min-width: 421px; overflow:hidden;}
body.register #wrapper .content .c_logo img { margin:2px;}
body.register #wrapper .content .forget { float:right;  width: 295px; padding-bottom: 52px;}
body.register #wrapper .content .c_logo h2.title {
-moz-border-radius: 5px 0px 0px 0px;
-webkit-border-radius: 5px 0px 0px 0px;
border-radius: 5px 0px 0px 0px; /* future proofing */
-khtml-border-radius: 5px 0px 0px 0px; /* for old Konqueror browsers */
border-bottom:1px solid #E6E6E6;
height:41px;
font-weight:bold;
padding-left:20px;
}
body.register #wrapper .content .forget h2.title {
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px; /* future proofing */
-khtml-border-radius: 5px 5px 0px 0px; /* for old Konqueror browsers */
border-bottom:1px solid #E6E6E6;
height:41px;
font-weight:bold;
padding-left:20px;
}
 body.register .clear { clear:both !important;}
body.register #wrapper .sdobox .content .apbg {
padding-top: 0;
margin-left:auto;
margin-right:auto; 
text-align:left; 
/* fallback */ 
background-color: #E4E4E4; background:url(../img/boxbg.jpg); background-repeat: repeat-x; 
/* Firefox 3.6+ */
background: -moz-linear-gradient(100% 100% 90deg, #E4E4E4, #FFFFFF); /* Safari 4-5, Chrome 1-9 */ 
/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#E4E4E4)); /* Safari 5.1+, Chrome 10+ */ 
background: -webkit-linear-gradient(#FFFFFF, #E4E4E4); /* Opera 11.10+ */ 
background: -o-linear-gradient(#FFFFFF, #E4E4E4);

-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; /* future proofing */
-khtml-border-radius: 5px 5px 5px 5px; /* for old Konqueror browsers */
}

.content .register ul.memLog { display:block; padding:22px 29px; font-family:Verdana, Geneva, sans-serif; font-size:11px;}
.content .register ul.memLog li { padding-bottom:5px; display:block; clear:none; float:left;}
.content .register ul.memLog li.lbl {
	    padding-right: 9px;
    text-align: right;
    width: 115px;
	white-space: normal;
}
.content .register .derror { margin-top:0px !important; color:#F00 !important;}
.content .register input[type="text"], .content .register input[type="password"] { border:1px solid #999999; background:#FFF; height:20px; width:100%;  font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#666; margin-bottom:8px; float:left; }
.content .register input[type="text"]:focus, .content .register input[type="password"]:focus { border:1px solid #F00; background:#F4F4F4; color:#000;}
.content .register ul.memLog li input.company_name { width:300px;}
.content .register input[type="button"], .content .register input[type="submit"], .content .register button { border:1px solid #999999; background:#FFF; font-size:11px; padding:3px 8px; float:left; margin-right:5px;}
 .content .register li.forget input[type="button"] { background:none !important; border:none !important; margin:0px; padding:0px;}
.content .register .login_div { background: url("../img/login_div.png") repeat-y scroll left top transparent; height: 95%; left: 50%; position: absolute; top: 3%;width: 3px;z-index: 999;}
.slogo { background: url("../img/slogo.png") no-repeat scroll left top transparent; bottom: -0px; float: right; height: 42px; position: absolute; right: 15px; width: 98px;}

.steps { position: absolute; right: 0; top: 0; width: 93px;}
.frm_set { display:block; font-family:Verdana, Geneva, sans-serif; font-size:11px;  padding:20px; }
.frm_set fieldset { display:block;  border:1px solid #999999; margin-bottom:20px; padding-top: 7px; }
.frm_set fieldset legend { display: block; line-height: 11px; margin-left: 10px;}
.frm_set fieldset legend {display: block; z-index: 99; position: static ; width: auto; margin: 0; padding: 0 10px; white-space: nowrap; height: 14px;}
.frm_set fieldset legend input { float:left; margin:0px; margin-right:5px;}
.frm_set fieldset legend span { float:left;}
.frm_set fieldset ul { padding: 0 11px 11px;}
.frm_set fieldset ul li.first { float:left; clear: left; width:375px;}
.register .frm_set fieldset ul li.first { width:356px;}
.frm_set fieldset ul li.first input[type="text"]{ width:335px;  height: 17px;}
.frm_set fieldset ul li.second select { width:190px; border:1px solid #666;}
.frm_set fieldset ul li.second { float:left; width:190px;}
.frm_set .timezone { width:335px; border:1px solid #999999;}
.frm_set .slogo { bottom:10px;}
.frm_set .input.text { }
.frm_set #ClientTimezone { width:420px;}
.frm_set #ClientPromocode { width:150px;}
#ClientConsultant { width:250px;} 
/********************************************** errorer message ******************************************************/

.derror { color:#F00; font-size:12px; font-family:Arial, Helvetica, sans-serif; display:block; white-space:normal; word-wrap: break-word;}
.derror_inner{ color:#F00; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:5px; margin:5px; text-align:center; display:none; border:1px solid #900;}
.derror input[type="text"], .derror input[type="password"] { border:1px dotted #F00 !important; margin-top:14px;}
.derror span {padding-top:5px; display:block;}

.register .derror span { 
	width:100%;
    display: block;
    float: left;
    margin-left: 13px;
    padding-left: 7px;}
.register .derror input[type="text"], .derror input[type="password"] { border:1px dotted #F00 !important; margin-top:0px;}

/************************************ loader ************************/
.loaderbox { position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; z-index:999; background:#FFF; z-index: 5000; background:url(../img/loader_bg.png) top left repeat;}
.loaderbox .pic { position:absolute; right:auto; margin:0 auto; width:200px; z-index:999; background:#FFF; padding:10px;
left:50%;
top:50%;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
}

/********************************* thank you page *********************************/
.thanks_you {
	background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    padding: 22px 29px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	white-space: pre-line;
	text-align:center;
}
.sdobox .content .thanks_you h2.title  { background:#FFF; margin-bottom:10px; padding-left:0px;}
.common_message {
	background:#FFFFFF;
    display: block;
    padding: 5px 21px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	white-space: pre-line;
	text-align:center;
	border:1px solid #CCC;
	width: -moz-max-content;
	margin:0 auto;
}
.common_small 	{ width:25% !important;}
.common_mediume 	{ width:50% !important; }
.common_mediumebig 	{ width:75% !important;}
.common_full 		{ width:100% !important;}

.common_message.green { color:#090;}
/********************************* error you page *********************************/
.error_message {     background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
    padding: 22px 29px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
white-space: pre-line;
}
.sdobox .content .error_message h2.title  { background:#FFF; margin-bottom:10px; padding-left:0px;}
.sdobox .content .error_message h3 { background:#FFF; margin-bottom:5px; padding-left:0px; font-weight:normal; color:#06C;}
.sdobox .content .error_message ul {
    list-style: circle outside none !important;
    margin-left: 0;
     padding-left: 15px !important;
}
.sdobox .content .error_message ul li {
    font-size: 10px;
    list-style: disc outside none;
    padding-left: 0;
}

/********************************** setting page style ********************************/


.settings .content { 
position: relative; /* This protects the inner element from being blurred */
 

}

.tabsystem {
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    width: 50%;
}
.select2-results{
	word-break: break-all;
}
#s2id_websiteid {width: 300px;}
.tabsystem ul { float:left; margin-top: 9px;}
.tabsystem ul li {display: block; float: left; margin-right: 10px; text-align: center; width: 91px; line-height:32px; }
.tabsystem ul li:hover { background: url("../img/tab_bg.jpg") no-repeat scroll left top transparent; color: #FFFFFF; cursor:pointer;}
.sub_tab {display:block; background:#fff; box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.21); border-radius:3px; padding:15px;}
.sub_tab .content {position: relative; margin-top:10px; }
.settings .ttile { width:100%;}
.settings .scan-title{ width:100%; border-bottom:solid 1px; font-size:16px; font-weight:500; padding-bottom:10px;}
.settings .ttile .right { float:right;}
.settings .ttile .left { float:left;}
.settings .content p { padding:5px 0 10px 0;}
.setting_listing { margin-right:20px; clear:both; display:flex; align-content:stretch;}
.setting_listing li { line-height:24px; float:left; min-width: 23%; }
.setting_listing:hover li { background:#f1f3f6; }
.setting_listing:hover li.lis-tit { cursor:pointer; border-left: 4px solid #e92318;}
.setting_listing:hover li a { color:#e92318!important;}
.setting_listing li.lis-tit { background: #f1f3f6; border-left: 4px solid #788195; margin-bottom: 10px; min-height:50px; line-height:50px; padding:0 20px;}
.setting_listing li.lis-tit a{ color:#788195; font-size:14px;}

.setting_listing li.dis { width: 75%; border-left:1px solid #ddd; margin-bottom:10px; padding:5px 10px; }
.setting_listing li.dis img { float:left; margin-top: 0px;}
.setting_listing li.dis span {float:left;  line-height:17px; width:100%;}
.setting_listing li.dis .lable span { width:auto; float:none;}
.setting_listing li.dis .box { display:none; padding-left:10px; border-bottom:1px solid #CCC; padding-bottom:20px; padding-top:10px;}





.ss_nav { position:relative; z-index:1;}

.ss_nav li { display:inline-block;}


.breadcram { background:#187ccb; color:#fff; padding:10px; border:1px solid rgba(0, 0, 0, 0.1);}
.breadcram a{ color:#fff;}
.breadcram a:hover { color:#a1d5fe;}
.breadcram a.active { color:#a1d5fe; } 

.cutable { display:block; clear:both;
/*	 width: 900px;   */
    
    scrollbar-base-color:#ffeaff;
}
.cutable a { color:#0081bb;}
.cutable .title {
padding:0 10px;
background:#d3edf8;
border:1px solid #c4c8ca !important;	
min-height:40px !important;
line-height:40px !important;
}
.cutable .title li { float:left; font-size:14px; font-weight:500; color:#192430; text-transform:uppercase;}

.cutable .row.title { 
   clear: both;
    display: inline-block;
    float: none;
    position: static !important;
    width: 96%;
	padding:0.5% 2% !important;
	height: auto !important;
}

.cutable .row li { float:left;  line-height: 30px;  word-wrap: break-word; padding-left:1%; }


.list-menu ul li a{ /*word-wrap: break-word; width:160px; display: inline-block; line-height: auto;*/
    display: inline-block;
    /*line-height: 14px;*/
    margin-top: 0px;
}

.cutable .sub.row { border:none !important; margin-left:10%;}

.cutable .sub.row .tree_content { }
.cutable .sub.row .tree_content li { display:block; clear:both; line-height: 24px; }
.cutable .sub.row .tree_content li { margin-bottom:2px; }
.cutable .sub.row .tree_content li .tree_open { background:url(../img/icon_minus.jpg) top left no-repeat; width:9px; height:9px; margin-top: 7px; margin-right: 7px;}
.cutable .sub.row .tree_content li .tree_close {background:url(../img/icon_plus.jpg) top left no-repeat; width:9px; height:9px; margin-top: 7px; margin-right: 7px; float: left;}
.cutable .sub.row .tree_content li a { display:block; margin-left:10px; min-width:300px; line-height: 24px;}
.cutable .sub.row .tree_content li .btn_set { display:block; float:left; font-family:Verdana, Geneva, sans-serif !important; font-size:11px !important; color:#333333; }
.cutable .sub.row .tree_content li .btn_set .btn { font-size:11px;}
.cutable .sub.row .tree_content li .icon_folder { background: url("../img/icon_folder.jpg") no-repeat scroll left top transparent; float: left; height: 14px; width: 16px; margin-right:5px; }
.cutable .sub.row .tree_content ul ul { padding-left:15px;}


/******************************** common button setting ****************************/
.edit { white-space:nowrap; }
.edit .tex { color: #333333; display: inline; float: left; font-family: Verdana,Geneva,sans-serif; font-size: 11px; height: 19px; line-height: 19px; margin-right: 8px; }
.edit .icon { background:url(../img/iconset.png) -41px -65px no-repeat; width:17px; height:18px; display:block; float:right; }

.check-green{ color:#5cb85c; font-size:18px;}
.check-red{ color:#d9534f; font-size:18px;}

.delete { white-space:nowrap; }
.delete .tex { color: #333333; display: inline; float: left; font-family: Verdana,Geneva,sans-serif; font-size: 11px; height: 19px; line-height: 19px; margin-right: 8px; }
.delete .icon { background:url(../img/iconset.png) 0px -65px no-repeat; width:18px; height:19px; display:block; float:right; }
.view { white-space:nowrap; margin-left:2px; }
.view .icon { background:url(../img/iconset.png) -80px -65px no-repeat; width:18px; height:19px; display:block; float:right;  }

.drop_hmenu { border:1px solid #DFDFDF; line-height:29px; color:#333333; padding: 0 0; background:#d3edf8; }
.drop_hmenu a { margin:0px; color:#666; padding:5px 20px; display:inline-block; border-bottom:solid 2px transparent;}
.drop_hmenu a:hover { color:#333; border-bottom: solid 2px #d81f27;}
.drop_hmenu a.active { font-weight:bold; color:#d81f27; border-bottom: solid 2px #d81f27;}


.v_listing { display:block; clear:both;  border-bottom:1px dotted #999999; }
.v_listing ul { border-top:1px dotted #999999;}
.v_listing ul li { float:left; display:table-cell;   padding: 3px;}
.v_listing ul li.selection { width:3%;}
.v_listing ul li.selection input[type="checkbox"] { margin-top:1px; float:left; margin-right:5px;}
.v_listing ul li.title { min-width: 20%;}
.v_listing ul li.disc { width:60%; }

/************************************ tree secture *************************************/
.tree_system { display:block;}
.tree_system .nav { display:block;}
.tree_system .nav a { padding:10px; float:left; text-decoration:none; color:#575757; margin-right:5px; background:#f1f5f6;}
.tree_system .nav a:hover, .tree_system .nav a.active { background:#d81f27; color:#FFF;}
.tree_system .tree_content { padding:10px; border:1px solid #DFDFDF; margin-top:10px;}
.tree_system .tree_content li.sub_tree { display:block; clear:both; }
.tree_system .tree_content li.sub_tree { margin-bottom:10px; margin-top:10px; }
.tree_system .tree_content li.sub_tree .tree_open { position:relative; width:9px; height:9px; cursor:pointer;}
.tree_system .tree_content li.sub_tree .tree_open.open { position:relative; width:9px; height:9px; }
.tree_system .tree_content li.sub_tree .tree_open:before{ position:absolute; content:"\f0fe"; left:0; top:0; font-family: "Font Awesome 5 Free";}
.tree_system .tree_content li.sub_tree .tree_open.open:before{ position:absolute; content:"\f146"; left:0; top:0; font-family: "Font Awesome 5 Free";}



.tree_system .tree_content li.sub_tree a { display:block; margin-left:10px; margin-right:10px; color:#333; width:50%; word-break:break-all;}
.tree_system .tree_content li.sub_tree .btn_set { display:block; float:left; }
.tree_system .tree_content li.sub_tree .btn_set .icon_plus { }
.tree_open { float:left;}
.sub_tree a { float:left;}
.btn_set { float:left;}
.tree_system .tree_content ul.sub_sub, .tree_system .tree_content .sub_tree ul { padding-left:20px;}
.sub_sub li.sub_tree a {  min-width: 273px !important; }
li.sub_tree .clear { height:2px;}
.sub_sub li.sub_tree .icon_folder {  float: left; }
.sub_tree .icon_folder_direct {  float: left; width:10px; }
a.direct { min-width: 293px !important;}

/******************************** paging system *******************************/

.pagin_system { display:block; width:100%; text-align: center;clear: both; margin:0 auto; margin-top:15px;}
.pagin_system li { float:none; display:inline-block; padding:6px 7px; margin-right:2px; cursor:pointer;}
.pagin_system li.prev { border:1px solid #E0E0E0;background:url(../img/saro.png) 4px 7px no-repeat; padding-left:15px;}
.pagin_system li.next { border:1px solid #E0E0E0;background:url(../img/saroa.png) 92% 7px no-repeat; padding-right:15px;}
.pagin_system li.prev.dactive { color:#D6D6D6 !important; background:url(../img/dsaro.png) 3px 5px no-repeat; }
.pagin_system li.current { font-weight:bold; }



.pagin_system li.numbers { display:block; padding:0px; margin:0px;}
.pagin_system li.numbers ul { margin:0px; padding:0px;}
.pagin_system li.numbers li { border:1px solid #E0E0E0;}
.pagin_system li li:hover, .pagin_system li li:hover a, .pagin_system li.last_number:hover, .pagin_system li li.current, .pagin_system li li.current a { background:#7E7E7E; color:#FFF;}

.pagin_system li.last_number {  border:1px solid #E0E0E0;}



/******************************** table *******************************/
.reputation {}
.reputation ul { margin:0px; padding:0px; list-style:none; margin-top:10px;}
.reputation ul li{ margin-bottom:10px; background:url(../img/bgreen.jpg) top left no-repeat; padding-left:20px;  }

#tabsystem ul {margin:0px; padding:0px; list-style:none;}
#tabsystem ul li{ margin-bottom:10px;}
#tabsystem .tab_content { padding-left:14px; padding-top:10px;}
#tabsystem .tab_content .unscript ul{ margin:0px; padding:0px; list-style:none;}
#tabsystem .tab_content .unscript ul li{ margin-bottom:10px; }



.tab_content a.green {
    background: url("../img/bgreen.jpg") no-repeat scroll left top transparent;
    color: #333333;
    padding-left: 20px;
    text-decoration: none;
}
.tab_content a.green:hover {
    background: url("../img/bgreen.jpg") no-repeat scroll left top transparent;
    color: #ff0000;
    padding-left: 20px; 
    text-decoration: underline;
}

.tab_content a.red {
    background: url("../img/bred.jpg") no-repeat scroll left top transparent;
    color: #333333;
    padding-left: 20px;
    text-decoration: none;
}
.tab_content a.red:hover {
    background: url("../img/bred.jpg") no-repeat scroll left top transparent;
    color: #ff0000;
    padding-left: 20px;
    text-decoration: underline;
}


.navbg1 {background:#ddd; width:100%; float:left; padding:15px;}
.navbg_b td { padding:2px;}

.safe { color:#009900;}
.bad { color:#ff0000;}
a.viewsource { font-size:10px; color:#ff0000; text-decoration:none; padding:2px;}
.sub_sub { display:none;}

/*.google-visualization-table-td a.viewsource:hover { font-size:10px; color:#fff; text-decoration:none; padding:2px; background-color:none !important;}.unscript a.viewsource:hover { font-size:10px; color:#666; text-decoration:none; padding:2px; background-color:none !important;}*/

.google-visualization-table-td a.viewsource:hover { text-decoration:none; padding:2px; background:transparent !important;}
.unscript a.viewsource:hover { color:#666; text-decoration:none; padding:2px; background:transparent !important;}


/********************************** 31aug2011 *****************************/
.report_columns { display:block;}
.report_columns select { width:100%; height:300px;}
.report_columns .report_columns_right { float:right; width:250px;}
.report_columns .report_columns_left { float:left; width:200px;}
.report_columns .mid { width:61px; margin:0 200px; text-align:center; padding-top:130px;}
.report_columns .controll { width:200px; margin:0 auto; margin-top:20px; }

.report_columns .sidecontrol { display:block; float:right; padding-top:100px;}
.report_columns .sidecontrol button { display:block; margin:5px;}
.report_columns .sidecontrol button.aro_top { background:url(../img/icon_report_column.jpg) top left no-repeat; width:23px; height:23px; border:none;}
.report_columns .sidecontrol button.aro_bottom { background:url(../img/icon_report_column.jpg) 0 -32px no-repeat; width:23px; height:23px; border:none;}
.report_columns .sidecontrol button.aro_delete { background:url(../img/icon_report_column.jpg) 0 -65px no-repeat; width:23px; height:23px; border:none;}

.box2 .title {
/* fallback */ 
background-color: #e0e0e0 
/* Firefox 3.6+ */
background: -moz-linear-gradient(100% 100% 90deg, #E0E0E0, #EEEEEE); /* Safari 4-5, Chrome 1-9 */ 
/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#E0E0E0)); /* Safari 5.1+, Chrome 10+ */ 
background: -webkit-linear-gradient(#EEEEEE, #E0E0E0); /* Opera 11.10+ */ 
background: -o-linear-gradient(#EEEEEE, #E0E0E0);

font-size:11px; font-family:Verdana, Geneva, sans-serif;
line-height:20px;
border:1px solid #BBBBBB;
 padding: 2px 8px;
}

 

/*********************** general setting **************************/
.iconreset {background:url(../img/iconset_reset.png) top left no-repeat; height:18px; width:18px; margin-right:5px; margin-left: 5px; margin-top: 4px; float:left;}
.iconreset:hover {background:url(../img/iconset_reset.png) -18px 0 no-repeat; height:18px; width:18px; margin-right:5px; float:left;}
.header .menu.right {float: right; top: 34px; margin-right:17px;}
.header .menu.right .iconsetting {background:url(../img/icon_setting_small.png) top left no-repeat; height:11px; width:11px; margin-right:5px; float:left;}
.header .menu.right .iconreset {background:url(../img/iconset_reset.png) top left no-repeat; height:18px; width:18px; margin-right:5px; float:left;}
.header .menu.right li:hover .iconreset {background:url(../img/iconset_reset.png) -18px 0 no-repeat; height:18px; width:18px; margin-right:5px; float:left;}
.header .menu.right a span { float:right; line-height: 24px;}
.header .menu.right li { 
    line-height: 14px;
    padding: 5px;
    position: relative;
    white-space: nowrap;
    width: auto;
	float:left;
	margin-left:2px;
}
.header .menu.right li:hover, .header .menu.right li:hover a { color:#000 !important; }
/*.header .menu.right li.active {
    background: none repeat scroll 0 0 #fff;
	border:1px solid #999999 ;	
	-moz-border-radius: 5px 5px 0 0 ;
	-webkit-border-radius: 5px 5px 0 0 ;
	border-radius: 5px 5px 0 0 ;  future proofing 
	-khtml-border-radius: 5px 5px 0 0 ; for old Konqueror browsers 
	border-bottom:1px solid #fff;
    height: 18px;
    line-height: 11px;
}
*/
.header .menu.right li.active a { color:#666 !important; }
.middle_holder .seeting_pop { 
    background: none repeat scroll 0 0 #fff;
    display: block;
    height: auto;
   
    padding: 10px;
    position: relative;
     
	float:right;
	
border:1px solid #999999 ;	
-moz-border-radius: 0 0 5px 5px !important;
-webkit-border-radius:0 0 5px 5px !important;
border-radius: 0 0 5px 5px !important; /* future proofing */
-khtml-border-radius: 0 0 5px 5px !important; /* for old Konqueror browsers */
border-top:none;
display:none;
 
}

.seeting_pop h1 { font-size:12px;}
.settings .content .apbg .schedule li.label label{ width:100%;}
.seeting_pop input[type="text"], .seeting_pop select { width:100%;}


.seeting_pop .validity, .seeting_pop .schedule, .seeting_pop .seal { 
display:block;
padding:10px; 
margin:0 0px; 
min-height:150px; 
/* Firefox 3.6+ */
background: -moz-linear-gradient(100% 100% 90deg, #ffff, #EAEAEA); /* Safari 4-5, Chrome 1-9 */ 
/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EAEAEA), to(#ffff)); /* Safari 5.1+, Chrome 10+ */ 
background: -webkit-linear-gradient(#EAEAEA, #ffff); /* Opera 11.10+ */ 
background: -o-linear-gradient(#EAEAEA, #ffff);

-moz-border-radius: 5px 5px;
-webkit-border-radius: 5px 5px;
border-radius: 5px 5px; /* future proofing */
-khtml-border-radius: 5px 5px; /* for old Konqueror browsers */
border-right:1px solid #E6E6E6;
}
.seeting_pop .validity label { display:block; }
.seeting_pop .validity input[type="text"] { float:left;}

.seeting_pop .schedule { display:block;  padding:10px; min-height:150px; }
.seeting_pop .schedule label { float:left; display:block; clear:left; line-height:17px;}
.seeting_pop .schedule select { float:left;}

.seeting_pop .seal { display:block; padding:10px; min-height:150px; }
.seeting_pop .seal label { float:left; display:block; clear:left; line-height:17px;}
.seeting_pop .seal select { float:left;}

.seeting_pop .validity .label { display:block; float:left; width:50%; line-height:24px;}
.seeting_pop .validity .inputtype { display:block; float:left; width:50%;}

.seeting_pop .schedule .label { display:block; float:left; width:60%; line-height:24px;}
.seeting_pop .schedule .inputtype { display:block; float:left; width:40%;}

.seeting_pop .seal .label { display:block; width:50%; line-height:24px;}
.seeting_pop .seal .inputtype { display:block; width:50%;}
.seeting_pop .seal textarea { display:block; width:100%; min-height:90px;}

.seeting_pop { display:table;}
.seeting_pop .validity, .seeting_pop .schedule , .seeting_pop .seal { width:auto; float:left; min-height:180px;}

 .btn.btnvalidity   {  width:107px !important; }
.sub.row { display:none;}
.group-sub{ display:none;}

.qq { cursor:pointer;}

/********************* 09/09/2011 ***********************************/
.top_nav #frmwidget select#widget { 
    border: 1px solid #999999;
    display: block;
    font-size: 11px;
    height: 19px;
    line-height: 30px;
    width: 145px;
}  
.top_nav #frmwidget select#widget option { display:block; font-size:11px; border-top:none; padding:5px;}

.top_nav #frmwidget select#widget option { background:url(../img/imgbullet.jpg) 4px 9px no-repeat; padding-left:15px;}
 
 /******************************** table *******************************/

a.viewsource:hover {  color:#fff; text-decoration:none; padding:2px; background-color:#fff !important;}
 
 .sdobox.white .content .intable { width:100% !important;}
 
.reputation {}
.reputation ul { margin:0px; padding:0px; list-style:none; margin-top:10px;}
.reputation ul li { margin-bottom:10px; padding-left:20px;  }
.reputation ul li.safe { margin-bottom:10px; background:url(../img/bgreen.jpg) top left no-repeat; padding-left:20px;  }
.reputation ul li.blacklisted { margin-bottom:10px; background:url(../img/bred.jpg) top left no-repeat; padding-left:20px; color:#F00;  }

#tabsystem ul {margin:0px; padding:0px; list-style:none;}
#tabsystem ul li{ margin-bottom:10px;}
#tabsystem .tab_content { padding-left:14px; padding-top:10px;}
#tabsystem .tab_content .unscript ul{ margin:0px; padding:0px; list-style:none;}
#tabsystem .tab_content .unscript ul li{ margin-bottom:10px; box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.21); padding:15px;}



.tab_content a.green {
    background: url("../img/bgreen.jpg") no-repeat scroll left top transparent;
    color: #333333;
    padding-left: 20px;
    text-decoration: none;
}
.tab_content a.green:hover {
    background: url("../img/bgreen.jpg") no-repeat scroll left top transparent;
    color: #ff0000;
    padding-left: 20px; 
    text-decoration: underline;
}

.tab_content a.red {
    background: url("../img/bred.jpg") no-repeat scroll left top transparent;
    color: #333333;
    padding-left: 20px;
    text-decoration: none;
}
.tab_content a.red:hover {
    background: url("../img/bred.jpg") no-repeat scroll left top transparent;
    color: #ff0000;
    padding-left: 20px;
    text-decoration: underline;
}


.navbg { background:#ddd; width:100%; display: flex; align-items: center; padding: 10px; justify-content: space-between; }
.navbg1 {background:#ddd; width:100%; display: flex; align-items: center; padding: 10px; justify-content: space-between;}

.safe { color:#009900;}
.bad { color:#ff0000;}
.critical { color:#ff0000;}
.high { color:#F60;}
.medium { color:#DFD624; }
.low { color:#008A46;}
.info { color:#6594EC; }
.new { color:#009900;}
.open { color:#ff0000;}
.re-open { color:#F60;}
.pass { color:#090;}
.fail { color:#F00;}
.unknown{ color:#398fcd;}

a.viewsource { font-size:12px; color:#ff0000; text-decoration:none; padding:2px;}
a.viewsource:hover {  color:#fff; text-decoration:none; padding:2px; background-color:none !important;}
.sub_sub { display:none;}

/******************************************** detail pop **************************************/

#detail_pop {
display:block;
background-color: rgb(68,68,68); /* Needed for IEs */
-moz-box-shadow: 2px 2px 2px rgba(100,100,100,0.6);
-webkit-box-shadow: 2px 2px 2px rgba(100,100,100,0.6);
box-shadow: 2px 2px 2px rgba(100,100,100,0.6);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=1,MakeShadow=true,ShadowOpacity=0.30);
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=1,MakeShadow=true,ShadowOpacity=0.30)";
zoom: 1;
-moz-border-radius: 9px 5px 5px 5px;
-webkit-border-radius: 9px 5px 5px 5px;
border-radius: 9px 5px 5px 5px; /* future proofing */
-khtml-border-radius: 9px 5px 5px 5px; /* for old Konqueror browsers */
 
}
#detail_pop #content { 
position: relative; /* This protects the inner element from being blurred */
background-color: #FFF;
 border:1px solid #DFDFDF;
 -moz-border-radius: 5px 5px;
-webkit-border-radius:  5px 5px;
border-radius:  5px 5px; /* future proofing */
-khtml-border-radius:  5px 5px; /* for old Konqueror browsers */
 

}

.clear { clear:both;}
#detail_pop { display:block; font-family:Arial, Helvetica, sans-serif !important; font-size:9px;}
#detail_pop h5 { 
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 5px 9px;
}
#detail_pop h3 { margin:0px !important; color:#F00; }
#detail_pop #content { display:block;}
#detail_pop table th { font-size:12px;}
#detail_pop table td { font-size:12px;}


#detail_pop h5.intro_heading {
/* fallback */ 
background-color: #EAEAEA; background:url(../images/box-top-bg.png) top left; background-repeat: repeat-x; 
/* Firefox 3.6+ */
background: -moz-linear-gradient(100% 100% 90deg, #EAEAEA, #FFFFFF); /* Safari 4-5, Chrome 1-9 */ 
/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EAEAEA)); /* Safari 5.1+, Chrome 10+ */ 
background: -webkit-linear-gradient(#FFFFFF, #EAEAEA); /* Opera 11.10+ */ 
background: -o-linear-gradient(#FFFFFF, #EAEAEA);

-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px; /* future proofing */
-khtml-border-radius: 5px 5px 0px 0px; /* for old Konqueror browsers */
border-bottom:1px solid #E6E6E6;
height:40px;
font-family:Verdana, Geneva, sans-serif; font-size:12px;  font-weight:bold; line-height:40px; padding:0 10px;

}
#detail_pop h5 span { color:#063;}
#detail_pop a { color: #0099CC; }
#url_seal_status {
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin-bottom: 15px;
    margin-right: 16px;
    margin-top: 30px;
    margin-left: 15px;
    position: relative;
}
#url_seal_status table {
	margin:0px;
	padding:0px;
}
#url_seal_status table td {
	margin:0px;
	padding:0px;
}
#url_seal_status .title {
	display:block;
	font-family:inherit;
	font-size:12px;
	font-weight:bold;
	/* fallback */ 
	background-color: #f1f3f6;
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px; /* future proofing */
	-khtml-border-radius: 5px 5px 0px 0px; /* for old Konqueror browsers */
	border: 1px solid #BBBBBB;
	border-radius: 5px 5px 0 0;
	display: block;
	font-family: inherit;
	font-size: 12px;
	font-weight: bold;
	height: 43px;
	line-height: 31px;
	padding: 2px 12px 0 4px;
	position: absolute;
	top: -34px;
	 
}
#url_seal_status .title .icon {
	display: block;
	background:url(../img/icon_seal.png) top left no-repeat;
	height:31px;
	width:26px;
	float:left;
	margin-right: 5px;
}
#url_seal_status .title .icon_right {
	display: block;
	background:url(/img/icon_seal_right.png) top left no-repeat !important;
	height:31px;
	width:26px;
	float:left;
	margin-right: 5px;
}
#url_seal_status .title .icon_wrong {
	display: block;
	background:url(/img/icon_seal_cross.png) top left no-repeat !important;
	height:31px;
	width:26px;
	float:left;
	margin-right: 5px;
}
#url_seal_status .title .icon_notavl {
	display: block;
	background:url(/img/icon_seal_notavl.png) top left no-repeat !important;
	height:31px;
	width:26px;
	float:left;
	margin-right: 5px;
}
#url_seal_status .title .icon_notsuccess {
    display: block;
    background:url(/img/icon_url_seal_notsuccess.png) top left no-repeat !important;
    height:31px;
    width:26px;
    float:left;
    margin-right: 5px;
}


#url_seal_status .content {
	display:block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius:4px; /* for old Konqueror browsers */
	border:1px solid #BBBBBB;
	z-index:1;
	background:#FFF;
	position:relative;
	padding:10px;
}
#url_seal_status tr.wrong, #url_seal_status tr.wrong td, #url_seal_status tr.wrong > td > a {
	color:#900;
}
#url_seal_status .content .right, #url_seal_status .content .right td, #url_seal_status .content .right td a {
	color:#060;
}
#url_seal_status .content .notavl, #url_seal_status .content .notavl td, #url_seal_status .content .notavl td a {
	color:#999;
}
#url_seal_status .content .notsuccess, #url_seal_status .content .notsuccess td, #url_seal_status .content .notsuccess td a {
	color:#999;
}
#url_seal_status .icon_wrong, #url_seal_status .icon_right, #url_seal_status .icon_notavl, #url_seal_status .icon_notsuccess {
	background:url(../img/icon_seal_icon.png) no-repeat !important;
	width:20px;
	height:27px;
	display:block;
	margin:0 5px;
	opacity:1;
	position:relative;
	z-index:1;
}
#url_seal_status .icon_wrong {
	background-position: 0 0;
}
#url_seal_status .icon_right {
	background-position: 0 -64px !important;
}

#url_seal_status .icon_notavl {
	background-position: 0 -31px !important;
}
#url_seal_status .icon_notsuccess {
    background-position: 0 -91px !important;
}

#url_seal_status .wrong a, #url_seal_status .notavl a, #url_seal_status .right a, #url_seal_status .notsuccess a {
	min-height:27px;
	line-height:15px;
	padding:0 9px 0 5px;
	text-decoration:none;
	margin-bottom:2px;
}
#url_seal_status .wrong a:hover, #url_seal_status .notavl a:hover, #url_seal_status .right a:hover, #url_seal_status .notsuccess a:hover {
	background:#F5F5F5;
}

#url_seal_status tr.wrong , #url_seal_status tr.notavl , #url_seal_status tr.right, #url_seal_status tr.notsuccess {
	border-right:1px solid #BBBBBB;
	}

#url_seal_status tr.wrong:hover td, #url_seal_status tr.notavl:hover td, #url_seal_status tr.right:hover td, #url_seal_status tr.notsuccess:hover td {
	background:#F5F5F5;
border-left:none;
border-top:0px solid #BBBBBB;;
}
#url_seal_status tr.wrong:hover td a, #url_seal_status tr.notavl:hover td a, #url_seal_status tr.right:hover td a, #url_seal_status tr.notsuccess:hover td a {
	border:none;
	color:#000;
}

#url_seal_status .scrol {
    max-height: 90px;
    overflow-x: hidden;
    overflow-y: auto;
}

.border_right { border-right:1px solid #bbb; }

table.google-visualization-table-table td.google-visualization-table-td > a {
	  color:#555 !important;
	  font-size:13px;
	  opacity:1;
	  position:relative;
	  display:inline;
	  text-align:left !important;
}

#user_creat_sec .sec { display:none;}

/************************************** color box css modifye *****************************/

 

/***************************** commnet box style ****************************/

#innercomment {

	background-color: #d3edf8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	border:1px solid #a3dbf3;
	position: relative; /* This protects the inner element from being blurred */

}

#innercomment ul li {  padding-left:12px;}
#innercomment ul li i{ position:absolute; left:12px;}
#innercomment .icon_comment { margin-left:-18px; font-size:50px; color:#4d667d; position:absolute; top:5%; left:0; }
#innercomment .comment_innercontent { display:block; position:relative; margin-left:25px; padding:10px; font-size:13px; line-height:16px;}

ul.submenu { display:none;}
li.active ul.submenu.active { display:block;}

.submenu.active li.active, .submenu.active li.active a { color:#900;}
.apbg a { color:#000;}



/***************************** report page style with commnet box style ****************************/

.icon_help { background:url(../img/icon_help.png) top left no-repeat; width:28px; height:26px; display:block; text-indent:-5000px; float:right; margin-top:8px;}


#innercomment_report { 
	
	background:#d3edf8;
	position: relative; /* This protects the inner element from being blurred */

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	border:1px solid #bde4f5;
}
#innercomment_report .icon_comment { 
    float: left;
    line-height: 50px;
    margin: 10px;
    position: relative;
    font-size:42px;
	color:#4d667d;
	 }
#innercomment_report .comment_innercontent {
    display: table-cell;
    float: none;
    height: 70px;
    line-height: 16px;
    margin: 15px;
    padding: 0;
    position: static;
    vertical-align: middle;
	color:#333;
}
.settings.reports div.form_title { 
/* fallback */ 
background-color: #EAEAEA; background:url(../img/box-top-bg.png) top left; background-repeat: repeat-x; 
/* Firefox 3.6+ */
background: -moz-linear-gradient(100% 100% 90deg, #F7F7F7, #FFFFFF); /* Safari 4-5, Chrome 1-9 */ 
/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F7F7F7)); /* Safari 5.1+, Chrome 10+ */ 
background: -webkit-linear-gradient(#FFFFFF, #F7F7F7); /* Opera 11.10+ */ 
background: -o-linear-gradient(#FFFFFF, #F7F7F7);

-moz-border-radius: 5px 5px;
-webkit-border-radius: 5px 5px;
border-radius: 5px 5px; /* future proofing */
-khtml-border-radius: 5px 5px; /* for old Konqueror browsers */

border:1px solid #EEEEEE;
min-height:29px; line-height:29px; padding:0 10px;
margin:15px 0;
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000;
}
.settings.reports div.form_title .right { float:right; color:#F00;}

.redColor { color:#E91E10; }

.schdule_form { display:block; }
.schdule_form td { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-bottom:10px;}
.schdule_form lable { display: block
}
.schdule_form lable span, #wrapper .close .schdule_form span { display:block !important; float:none; clear:both !important;}


.schdule_form select { padding:2px;}
.schdule_form .date { width:60px; float:left; }
.schdule_form .repeat { width:100px;}
.mar10px_bot { margin-bottom:10px;}
select.group {

	display:block;
	/* fallback */ 
background-color: #EAEAEA; background:url(../img/box-top-bg.png) top left; background-repeat: repeat-x; 
/* Firefox 3.6+ */
background: -moz-linear-gradient(100% 100% 90deg, #F7F7F7, #FFFFFF); /* Safari 4-5, Chrome 1-9 */ 
/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F7F7F7)); /* Safari 5.1+, Chrome 10+ */ 
background: -webkit-linear-gradient(#FFFFFF, #F7F7F7); /* Opera 11.10+ */ 
background: -o-linear-gradient(#FFFFFF, #F7F7F7);

-moz-border-radius: 2px 2px;
-webkit-border-radius: 2px 2px;
border-radius: 2px 2px; /* future proofing */
-khtml-border-radius: 2px 2px; /* for old Konqueror browsers */
border:1px solid #999999;
height:24px;
margin-bottom:10px;
width:216px;
margin-right:5px;
margin-top:5px;	
padding:2px;
}

.schdule_multi_selectionbox { display:block; }
.schdule_multi_selectionbox .report_columns { display:block;}
.schdule_multi_selectionbox .report_columns select { height:auto; min-height:150px;}
.schdule_multi_selectionbox .report_columns .seccenter { margin:0;  width: 513px}
.schdule_multi_selectionbox .report_columns .report_columns_right { float:right; width:250px;}
.schdule_multi_selectionbox .report_columns .report_columns_left { float:left; width:200px;}
.schdule_multi_selectionbox .report_columns .mid { width:61px; margin:0 200px; text-align:center; padding-top:130px;}
.schdule_multi_selectionbox .report_columns .controll { width:200px; margin:0 auto; margin-top:20px; }

.schdule_multi_selectionbox .report_columns .sidecontrol { display:block; float:right; padding-top:100px;}
.schdule_multi_selectionbox .report_columns .sidecontrol button { display:block; margin:5px;}
.schdule_multi_selectionbox .report_columns .sidecontrol button.aro_top { background:url(../img/icon_report_column.jpg) top left no-repeat; width:23px; height:23px; border:none;}
.schdule_multi_selectionbox .report_columns .sidecontrol button.aro_bottom { background:url(../img/icon_report_column.jpg) 0 -32px no-repeat; width:23px; height:23px; border:none;}
.schdule_multi_selectionbox .report_columns .sidecontrol button.aro_delete { background:url(../img/icon_report_column.jpg) 0 -65px no-repeat; width:23px; height:23px; border:none;}

.schdule_multi_selectionbox .controllsec { display:block; clear:both; margin-top:10px; }
.schdule_multi_selectionbox .controllsec label { margin-bottom:10px; display:inline; }
.schdule_multi_selectionbox .controllsec textarea {

display:block; width:462px;

	display:block;
	/* fallback */ 
background-color: #EAEAEA; background:url(../img/box-top-bg.png) top left; background-repeat: repeat-x; 
/* Firefox 3.6+ */
background: -moz-linear-gradient(100% 100% 90deg, #F7F7F7, #FFFFFF); /* Safari 4-5, Chrome 1-9 */ 
/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F7F7F7)); /* Safari 5.1+, Chrome 10+ */ 
background: -webkit-linear-gradient(#FFFFFF, #F7F7F7); /* Opera 11.10+ */ 
background: -o-linear-gradient(#FFFFFF, #F7F7F7);

-moz-border-radius: 2px 2px;
-webkit-border-radius: 2px 2px;
border-radius: 2px 2px; /* future proofing */
-khtml-border-radius: 2px 2px; /* for old Konqueror browsers */
border:1px solid #999999;
 
padding:5px;	
margin:4px 0px 0 ;
clear:both;
 float:none;
}

.schdule_multi_selectionbox .controllsec .redColor { padding-bottom:10px; display:block;}

/******************************** mtable ********************************/
.controllSe { margin-left:6%; clear:both; float:none; padding-top:10px; }
.box2 .controll { width:500px; margin:0 auto; text-align: center;} 

.dragbox-content a { color:#333; text-decoration:none;  }
.dragbox-content .apbg { overflow:hidden; overflow-x:auto;}

.ms2side__updown { display:block;}
.ms2side__options p.AddOne, 
.ms2side__options p.AddAll, 
.ms2side__options p.RemoveOne , 
.ms2side__options p.RemoveAll,
.ms2side__updown p.SelSort,
.ms2side__updown p.MoveTop,
.ms2side__updown p.MoveUp,
.ms2side__updown p.MoveDown,
.ms2side__updown p.MoveBottom { 
    background: url("../img/icon_report_column.png") no-repeat scroll left top transparent;
    border: medium none;
    display: inline-block;
    height: 24px !important;
    padding: 0;
    text-indent: -5000px;
    width: 24px;
	padding:0;
	cursor:hand;
}

.ms2side__options p.AddOne { background-position:0 -49px;}
.ms2side__options p.AddAll { background-position:0 -74px;}
.ms2side__options p.RemoveOne { background-position: 0 0;}
.ms2side__options p.RemoveAll { background-position:0 -23px;}

.ms2side__options p.AddOne:hover { background-position:-25px -49px; background-color:#fff;}
.ms2side__options p.AddAll:hover { background-position:-25px -74px; background-color:#fff;}
.ms2side__options p.RemoveOne:hover { background-position:-25px 0; background-color:#fff;}
.ms2side__options p.RemoveAll:hover { background-position:-25px -23px; background-color:#fff;}

.ms2side__options p.AddOne:hover { background-position:-25px -49px;}
.ms2side__options p.AddAll:hover { background-position:-25px -74px;}
.ms2side__options p.RemoveOne:hover { background-position:-25px 0;}
.ms2side__options p.RemoveAll:hover { background-position:-25px -23px;}

.ms2side__options p.AddOne.ms2side__hide { background-position:-50px -49px;}
.ms2side__options p.AddAll.ms2side__hide { background-position:-50px -74px;}
.ms2side__options p.RemoveOne.ms2side__hide { background-position:-50px 0;}
.ms2side__options p.RemoveAll.ms2side__hide { background-position:-50px -23px;}


/* right site */

.ms2side__updown p.SelSort {background-position:0 -98px; display:none;}
.ms2side__updown p.MoveTop {background-position:0 -122px;}
.ms2side__updown p.MoveUp {background-position: 0 -146px;}
.ms2side__updown p.MoveDown {background-position: 0 -170px;}
.ms2side__updown p.MoveBottom {background-position: 0 -194px;}

.ms2side__updown p.SelSort.ms2side_hover {background-position:-25px -98px; background-color:#fff;}
.ms2side__updown p.MoveTop.ms2side_hover {background-position:0 -122px; background-color:#fff;}
.ms2side__updown p.MoveUp.ms2side_hover {background-position: 0 -146px; background-color:#fff;}
.ms2side__updown p.MoveDown.ms2side_hover {background-position: 0 -170px; background-color:#fff;}
.ms2side__updown p.MoveBottom.ms2side_hover {background-position: 0 -194px; background-color:#fff;}

.ms2side__updown p.SelSort.ms2side__hide {background-position:-50px -98px; background-color:#fff;}
.ms2side__updown p.MoveTop.ms2side__hide {background-position:-50px -122px; background-color:#fff;}
.ms2side__updown p.MoveUp.ms2side__hide {background-position: -50px -146px; background-color:#fff;}
.ms2side__updown p.MoveDown.ms2side__hide {background-position: -50px -170px; background-color:#fff;}
.ms2side__updown p.MoveBottom.ms2side__hide {background-position: -50px -194px; background-color:#fff;}





.ms2side__options p.ms2side__hide, .ms2side__updown p.ms2side__hide { border:none !important; background-color:#FFF !important;}

/***************************** alert Notification List ***************************/
#alertNotificationList { display:block; }
#alertNotificationList .title { display:block;}
#alertNotificationList .title div { float:left; line-height:18px; }
#alertNotificationList .title .right_nav { 
    float: right;
    line-height: 15px;
    margin-top: 2px;
}
#alertNotificationList .title .right_nav .icon_alertadd { }

#alertNotificationList .innerpart {
position: relative; }

#alertNotificationList .title .icon_alert_notification { background:url(../img/icon_alertnotification.png) top left no-repeat; width:37px; height:34px; }

#alertNotificationList .title .icon_alertadd { font-size:18px; width:18px; height:18px; float:left; cursor:pointer;}
#alertNotificationList .title .icon_alertdelete { font-size:18px; width:18px; height:18px; float:left; cursor:pointer;}
#alertNotificationList .title .icon_alertadd:hover	{ color:#3f51b5;}
#alertNotificationList .title .icon_alertdelete:hover { color:#3f51b5;}

#alertNotificationList .title .icon_alertadd:active 	{ color:#e92318;}
#alertNotificationList .title .icon_alertdelete:active { color:#e92318;}


/****************************** change pasword ************************************/

.changepassword { width:420px; margin:0 auto; margin-top:15px; margin-bottom:10px;}


.scan_process_loading { display:none;}

/*************************************** add serives ***********************/

.fieldset { display:block; padding-top:10px; }
.fieldset .lable { display:block; line-height:20px; border-bottom:1px solid #999; margin-bottom:8px;}
.fieldset .lable input[type="checkbox"] { float:left; margin-right:5px; margin-top:2px;}
.fieldset .fieldset_content { 
background-color: #EAEAEA; background:url(../img/box-top-bg.png) top left; background-repeat: repeat-x; 
/* Firefox 3.6+ */
background: -moz-linear-gradient(100% 100% 90deg, #EAEAEA, #FFFFFF); /* Safari 4-5, Chrome 1-9 */ 
/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EAEAEA)); /* Safari 5.1+, Chrome 10+ */ 
background: -webkit-linear-gradient(#FFFFFF, #EAEAEA); /* Opera 11.10+ */ 
background: -o-linear-gradient(#FFFFFF, #EAEAEA);

-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px; /* future proofing */
-khtml-border-radius: 5px 5px 0px 0px; /* for old Konqueror browsers */
display:block; 
 padding: 14px 12px;
 display:none;
}
.fieldset .fieldset_content label { display:block; width:100px; float:left; clear:left; line-height:25px; }
.fieldset .fieldset_content select  { 
background-color: #EAEAEA; background:url(../img/box-top-bg.png) top left; background-repeat: repeat-x; 
/* Firefox 3.6+ */
background: -moz-linear-gradient(100% 100% 90deg, #EAEAEA, #FFFFFF); /* Safari 4-5, Chrome 1-9 */ 
/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EAEAEA)); /* Safari 5.1+, Chrome 10+ */ 
background: -webkit-linear-gradient(#FFFFFF, #EAEAEA); /* Opera 11.10+ */ 
background: -o-linear-gradient(#FFFFFF, #EAEAEA);
border:1px solid #999999;
width:172px; 
margin-bottom:5px;
padding:2px;
}
.fieldset .fieldset_content input[type="text"],.fieldset .fieldset_content input[type="password"]{
background-color: #EAEAEA; background:url(../img/box-top-bg.png) top left; background-repeat: repeat-x; 
/* Firefox 3.6+ */
background: -moz-linear-gradient(100% 100% 90deg, #EAEAEA, #FFFFFF); /* Safari 4-5, Chrome 1-9 */ 
/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EAEAEA)); /* Safari 5.1+, Chrome 10+ */ 
background: -webkit-linear-gradient(#FFFFFF, #EAEAEA); /* Opera 11.10+ */ 
background: -o-linear-gradient(#FFFFFF, #EAEAEA);
border:1px solid #999999;
width:170px !important; 
margin-bottom:10px;

}
.fieldset .fieldset_content h3 { font-size:12px; 
font-weight:normal;}
.addwidget_box {
    display: block;
    float: right;
    text-align: right;
}

.criteriapattern {
	border:1px solid #b0def1;
	background-color:#d3edf8;

}
.next.btn.noclick, .prev.btn.noclick { opacity:0.3;	}

/*************** 12oct2011 *******************/
.cutable strong { color:#000;}

.step_row0 { display:block; margin-left:2%; margin-top:30px; float:left;}
.step_row1 { display:block; margin-top:30px; margin: 30px auto auto; width:450px;}
.step_row2 { display:block; margin-right:2%; margin-top:30px; margin-bottom:30px; float:right;}

.step_row0 select, .step_row1 select, .step_row2 select { display:inline; padding:2px; height:22px; font-size:11px; width:120px;
border:1px solid #666;
-moz-border-radius: 2px 2px !important;
-webkit-border-radius:2px 2px !important;
border-radius:2px 2px !important; /* future proofing */
-khtml-border-radius:2px 2px !important; /* for old Konqueror browsers */
padding:1px;
}
.step_row0 select.short, .step_row1 select.short, .step_row2 select.short { width:85px;}
.step_row0 label, .step_row1 label, .step_row2 label { display:inline; margin-right:10px;}

/******************************** group reports blue *******************************************/

#group_report-blue { display:block; background:#CCC; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; border-bottom:1px solid #007EC5; border-right:1px solid #007EC5; }
#group_report-blue th { background:#007EC5; padding:5px; border:1px solid #FFF; border-bottom:none; border-right:none; border-top:1px solid #007EC5; color:#FFF; }
#group_report-blue th a { color:#FFF;}
#group_report-blue th:first-child {border-left:1px solid #007EC5;}
#group_report-blue tr:nth-child(even) {background: #BEE0EF; color:#01497B; }
#group_report-blue tr:nth-child(even) td {border-left:1px solid #007EC5; border-top:1px solid #007EC5; padding:3px}
#group_report-blue tr:nth-child(odd) {background: #FFF;  color:#01497B; }
#group_report-blue tr:nth-child(odd) td {border-left:1px solid #007EC5; border-top:1px solid #007EC5; padding:3px}

/******************************** group reports red *******************************************/

#group_report-red { display:block; background:#CCC; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; border-bottom:1px solid #B00D15; border-right:1px solid #B00D15; }
#group_report-red th { background:#B00D15; padding:5px; border:1px solid #FFF; border-bottom:none; border-right:none; border-top:1px solid #B00D15; color:#FFF; }
#group_report-red th a { color:#FFF;}
#group_report-red th:first-child {border-left:1px solid #B00D15;}
#group_report-red tr:nth-child(even) {background: #FEEBEB; color:#390407; }
#group_report-red tr:nth-child(even) td {border-left:1px solid #B00D15; border-top:1px solid #B00D15; padding:3px}
#group_report-red tr:nth-child(odd) {background: #FFF;  color:#390407; }
#group_report-red tr:nth-child(odd) td {border-left:1px solid #B00D15; border-top:1px solid #B00D15; padding:3px}


/******************************** group reports gray *******************************************/

#group_report-gray { display:block; background:#CCC; margin:0 auto; font-family:Arial, Helvetica, sans-serif !important; font-size:11px !important; color:#333; border-bottom:1px solid #231F20; border-right:1px solid #231F20; }
#group_report-gray th { background:#231F20; padding:5px; border:1px solid #FFF; border-bottom:none; border-right:none; border-top:1px solid #231F20; color:#FFF; }
#group_report-gray th a { color:#FFF;}
#group_report-gray th:first-child {border-left:1px solid #231F20;}
#group_report-gray tr:nth-child(even) {background: #D1D2D4; color:#3E3E3F; }
#group_report-gray tr:nth-child(even) td {border-left:1px solid #231F20; border-top:1px solid #231F20; padding:3px}
#group_report-gray tr:nth-child(odd) {background: #FFF;  color:#3E3E3F; }
#group_report-gray tr:nth-child(odd) td {border-left:1px solid #231F20; border-top:1px solid #231F20; padding:3px}

/******************************** group reports light *******************************************/

#group_report-light { display:block; background:#CCC; margin:0 auto;  font-size:11px !important; color:#333; border-bottom:1px solid #666; border-right:1px solid #666;width:99%;overflow:hidden;overflow:auto; }
#group_report-light th { background:#ddd; padding:5px; border:1px solid #000; border-bottom:none; border-right:none; border-top:1px solid #666; color:#FFF; font-family:Arial, Helvetica, sans-serif !important; font-size:11px !important; }
#group_report-light th a { color:blue;}
#group_report-light th:first-child {border-left:1px solid #231F20;}
#group_report-light tr:nth-child(even) {background: #F8F8F8; color:#3E3E3F; }
#group_report-light tr:nth-child(even) td {border-left:1px solid #666; border-top:1px solid #666; padding:7px;  font-size:11px !important; }
#group_report-light tr:nth-child(odd) {background: #FFF;  color:#3E3E3F; }
#group_report-light tr:nth-child(odd) td {border-left:1px solid #666; border-top:1px solid #666; padding:7px;  font-size:12px !important; }
#group_report-light th a { text-decoration:underline;}

/************************************ main_bread style 04-11-2011 **********************************/

#main_bread { 

background-color: #FFF;
/* Firefox 3.6+ */
background: -moz-linear-gradient(100% 100% 90deg, #E0E0E0, #FFFFFF); /* Safari 4-5, Chrome 1-9 */ 
/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#E0E0E0)); /* Safari 5.1+, Chrome 10+ */ 
background: -webkit-linear-gradient(#FFFFFF, #E0E0E0); /* Opera 11.10+ */ 
background: -o-linear-gradient(#FFFFFF, #E0E0E0);

-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; /* future proofing */
-khtml-border-radius: 20px ;/* for old Konqueror browsers */

	display:block; 
	margin:10px 0 0 20px; 
	font-family:Arial, Helvetica, sans-serif; font-size:9px;
	display:inline-block;
	border:1px solid #BBBBBB;
	line-height:17px;
	padding:0 10px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
	opacity:0.5;
}
#main_bread:hover { opacity:1; }
#main_bread li { display:inline-block; margin-right:2px;}
#main_bread li.saprate { border-left:1px solid #FFFFFF; border-right:1px solid #E0E0E0; width:1px; margin:0 5px; display:inline-block;}
#main_bread li.arro { 
    background: url("../img/icon_main_bread_arro.png") no-repeat scroll left center transparent;
    display: inline-block;
    margin: 0 4px 0 2px;
    width: 7px;
}
 
 /*************** list short images *********************/
span.arrow.up {
    background: url("../img/icon_shorting_arro.jpg") no-repeat scroll left 2px transparent;
    display: block;
    float: right;
    height: 13px;
    width: 24px;
}
span.arrow.down {
    background:  url("../img/icon_shorting_arro.jpg") no-repeat scroll left -13px transparent;
    display: block;
    float: right;
    height: 13px;
    width: 24px;
}
/********************** malware scan save *****************/
.malware_selecting { display:block; 

/* fallback */ 
background-color: #EAEAEA; background:url(../img/box-top-bg.png) top left; background-repeat: repeat-x; 
/* Firefox 3.6+ */
background: -moz-linear-gradient(100% 100% 90deg, #EAEAEA, #FFFFFF); /* Safari 4-5, Chrome 1-9 */ 
/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EAEAEA)); /* Safari 5.1+, Chrome 10+ */ 
background: -webkit-linear-gradient(#FFFFFF, #EAEAEA); /* Opera 11.10+ */ 
background: -o-linear-gradient(#FFFFFF, #EAEAEA);

-moz-border-radius: 5px 5px;
-webkit-border-radius: 5px 5px;
border-radius: 5px 5px; /* future proofing */
-khtml-border-radius: 5px 5px; /* for old Konqueror browsers */
border:1px solid #999;
 text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
 padding:5px;
}
.malware_selecting.tick {
	/* fallback */ 
background-color: #E1FFE1; 
/* Firefox 3.6+ */
background: -moz-linear-gradient(100% 100% 90deg, #E1FFE1, #FFFFFF); /* Safari 4-5, Chrome 1-9 */ 
/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#E1FFE1)); /* Safari 5.1+, Chrome 10+ */ 
background: -webkit-linear-gradient(#FFFFFF, #E1FFE1); /* Opera 11.10+ */ 
background: -o-linear-gradient(#FFFFFF, #E1FFE1);
border:1px solid #005100;
}

.malware_selecting .btn { float:right;}
.malware_selecting input[type="checkbox"] { 
    display: inline;
    float: left;
    margin-bottom: 0;
	}
.malware_selecting span {
	    display: inline;
    float: left;
    line-height: 19px;
}

/*********************** welcome message with breadcrum *********************************/

.common_title_sec #main_bread { 
    background: inherit !important;
    border: medium none !important;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
    line-height: 17px;
    margin: 5px 0 0 22px;
    opacity: 0.5;
    padding: 0;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
}
.common_title_sec #main_bread:hover { opacity:1; }
.common_title_sec #main_bread li { display:inline-block; margin-right:2px;}
.common_title_sec #main_bread li.saprate { border-left:1px solid #FFFFFF; border-right:1px solid #E0E0E0; width:1px; margin:0 5px; display:inline-block;}
.common_title_sec #main_bread li.arro { 
    background: url("../img/icon_main_bread_arro.png") no-repeat scroll left center transparent;
    display: inline-block;
    margin: 0 4px 0 2px;
    width: 7px;
}

.icon-website { background:url(../img/iconset_welcome.png) -39px 0 no-repeat; width:20px; height:27px; float:left; margin-right:10px;}
.common_title_sec h1:hover .icon-website { background-position:-39px -35px;}
.icon-group { background:url(../img/iconset_welcome.png) 0 0 no-repeat; width:28px; height:27px; float:left; margin-right:10px;}
.common_title_sec h1:hover .icon-group { background-position:0 -35px;}



.icon_alert_notification { background:url(../img/icon_alertnotification.png) top left no-repeat; width:37px; height:34px; float:left; margin-right:10px; }
h1:hover .icon_alert_notification { background:url(../img/icon_alertnotification_color.png) top left no-repeat !important; width:37px; height:34px; float:left; margin-right:10px; }

 /********************** daro set ***************************/
 
 #wrapper .close .daro, #wrapper .close .uaro { display:none !important; width:1px !important; float:left;}
h1:hover span.daro { background: url("../img/daro.png") no-repeat scroll left top transparent;}
h1 span.daro { background: url("../img/uaro.png") no-repeat scroll left top transparent; display: block; float: right !important; height: 7px; margin-right: 5px; margin-top: 17px; width: 10px; }
.daro.hide { display:none !important;}

/************************************* make new gride *********************************************/

.gride { display:block; padding:0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; position:relative;}
.gride .loading { display:block; width:100%; position:absolute; text-align:center; top:29%;}
.gride h1 { font-family:calibri; font-size:24px; font-weight:normal; text-align:center; margin:10px 0; color:#01497B;}
.gride .heading  li { font-size:10px; font-weight:bold !important; font-family:Tahoma, Geneva, sans-serif; }
.gride .row { display:block; clear:both;}
.gride .row li { font-weight:normal; float:left; display:inline-block; text-align:left; word-wrap: break-word; }
.gride .row li li { padding-bottom: 7px;  padding-top:2px; }
.gride.fullsize { height:auto !important;}
.gride.fullsize .main_row{ height:auto !important;  padding-bottom: 10px;}
.gride.fullsize .row { padding-bottom:0px;}
.gride.fullsize .row li { word-wrap: break-word; word-break: break-all; word-wrap: break-word;}
.gride.fullsize .row li li { padding-bottom: 7px; padding-top:2px; margin-bottom:-1px; }
.gride.fullsize .row.heading { height:auto !important; padding: 5px 4px;}
.gride.fullsize .row .lineh { border-bottom:1px solid #CCC; clear:both; width:100%; }
.gride.fullsize .row.footer { font-weight:bold !important; padding:5px; border:1px #CCC solid; border-top:none; border-bottom:1px solid #CCC; }
.report_present { padding:10px 0;}
.report_present .logo { float:right; width:250px; height:10px; text-align:right;}
.report_present .footer .logo { filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=1,MakeShadow=true,ShadowOpacity=0.30); }
.report_present .text { display:block; float:right; padding-top:20px; padding-right:15px;}

.w4 {width:4% !important;}
.w5 {width:5% !important;}
.w6 {width:6% !important;}
.w7 {width:7% !important;}
.w8 {width:8% !important;}
.w9 {width:9% !important;}

.w11 {width:11% !important;}
.w12 {width:12% !important;}
.w13 {width:13% !important;}
.w14 {width:14% !important;}
.w15 {width:15% !important;}
.w16 {width:16% !important;}
.w17 {width:17% !important;}
.w18 {width:18% !important;}
.w19 {width:19% !important;}

.w10 {width:10% !important;}
.w20 {width:20% !important;}
.w25 {width:25% !important;}
.w26 {width:26% !important;}
.w27 {width:27% !important;}
.w28 {width:28% !important;}
.w29 {width:29% !important;}

.w30 {width:30% !important;}
.w31 {width:31% !important;}
.w32 {width:32% !important;}
.w33 {width:33% !important;}
.w34 {width:34% !important;}
.w35 {width:35% !important;}
.w36 {width:36% !important;}
.w37 {width:37% !important;}
.w38 {width:38% !important;}
.w39 {width:39% !important;}

.w40 {width:40% !important;}
.w44 {width:44% !important;}
.w45 {width:45% !important;}
.w50 {width:50% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w70 {width:70% !important;}
.w80 {width:80% !important;}
.w90 {width:90% !important;}
.w100 {width:100% !important;}

.pad-l-1 {padding-left:1px !important;}
.pad-l-2 {padding-left:2px !important;}
.pad-l-3 {padding-left:3px !important;}
.pad-l-4 {padding-left:4px !important;}
.pad-l-5 {padding-left:5px !important;}
.pad-l-6 {padding-left:6px !important;}
.pad-l-7 {padding-left:7px !important;}
.pad-l-8 {padding-left:8px !important;}
.pad-l-9 {padding-left:9px !important;}
.pad-l-10 {padding-left:10px !important;}
.pad-l-20 {padding-left:20px !important;}
.pad-l-25 {padding-left:25px !important;}
.pad-l-30 {padding-left:30px !important;}
.pad-l-40 {padding-left:40px !important;}
.pad-l-45 {padding-left:45px !important;}
.pad-l-50 {padding-left:50px !important;}
.pad-l-55 {padding-left:55px !important;}
.pad-l-60 {padding-left:60px !important;}
.pad-l-70 {padding-left:70px !important;}
.pad-l-80 {padding-left:80px !important;}
.pad-l-90 {padding-left:90px !important;}
.pad-l-100 {padding-left:100px !important;}

.center { text-align:center !important;}

.gride .row li.action div.icon_delete { background:url(../img/icon_deleteset.jpg) top left no-repeat; height:14px; width:14px; text-indent:-5000px; margin:0 auto; overflow:hidden;}
.gride .row li.action div.icon_delete:hover { background-position:-15px 0; cursor:pointer; }
.gride .row li.action div.icon_delete:active { background-position:-30px 0; cursor:pointer;}
.gride .row {
	border-bottom: 1px solid #DFDFDF;
    border-top: medium none !important;
    min-height: 18px;
    padding-top: 0;
}

.gride div.heading {
	background:url(../img/box-top-bg.png) top left; background-repeat: repeat-x; 
	background-color: #E0E0E0; 
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(100% 100% 90deg, #E0E0E0, #FFFFFF); /* Safari 4-5, Chrome 1-9 */ 
	/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#E0E0E0)); /* Safari 5.1+, Chrome 10+ */ 
	background: -webkit-linear-gradient(#FFFFFF, #E0E0E0); /* Opera 11.10+ */ 
	background: -o-linear-gradient(#FFFFFF, #E0E0E0);
	
 
	border:1px solid #DFDFDF;
	line-height:15px;
}
.gride .row{

	background:url(../img/box-top-bg.png) top left; background-repeat: repeat-x; 
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(100% 100% 90deg, #E0E0E0, #FFFFFF); /* Safari 4-5, Chrome 1-9 */ 
	/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#E0E0E0)); /* Safari 5.1+, Chrome 10+ */ 
	background: -webkit-linear-gradient(#FFFFFF, #E0E0E0); /* Opera 11.10+ */ 
	background: -o-linear-gradient(#FFFFFF, #E0E0E0);
	border-top:1px solid #999;
	background-color: #E0E0E0; 
}

.gride .row { display:table; width:100%; }
.gride .row ul { display:table !important; width:100% !important; border-top:1px solid #BBBBBB;    }
.gride .row li { display:table-cell; vertical-align:middle; float:none; margin-top:-1px; word-wrap: break-word;  }
.gride .row li { border-left:1px solid #BBBBBB; border-right:1px solid #fff; border-top:1px solid #fff; padding:5px;  }

.gride div.footer {
	background-color: #EAEAEA; background:url(../img/box-top-bg.png) top left; background-repeat: repeat-x; 
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(100% 100% 90deg, #EAEAEA, #FFFFFF); /* Safari 4-5, Chrome 1-9 */ 
	/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EAEAEA)); /* Safari 5.1+, Chrome 10+ */ 
	background: -webkit-linear-gradient(#FFFFFF, #EAEAEA); /* Opera 11.10+ */ 
	background: -o-linear-gradient(#FFFFFF, #EAEAEA);
	
	-moz-border-radius: 0 0 5px 5px ;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px; /* future proofing */
	-khtml-border-radius: 0 0 5px 5px; /* for old Konqueror browsers */
	border:1px solid #DFDFDF;
	height:18px;
	line-height:17px;
}

.gride .main_row { 
	background:url(../img/box-top-bg.png) top left; background-repeat: repeat-x; 
	background-color: #E6E6E6;
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(100% 100% 90deg, #EAEAEA, #FFFFFF); /* Safari 4-5, Chrome 1-9 */ 
	/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EAEAEA)); /* Safari 5.1+, Chrome 10+ */ 
	background: -webkit-linear-gradient(#FFFFFF, #EAEAEA); /* Opera 11.10+ */ 
	background: -o-linear-gradient(#FFFFFF, #EAEAEA);
	
	border:1px solid #DFDFDF; padding:0 0;
	height:auto;
	overflow:hidden;
	overflow-y:auto;
	border-top:none;
}
.gride .row:hover {
	background:url(../img/box-top-bg.png) top left; background-repeat: repeat-x; 
	background-color: #E6E6E6;
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(100% 100% 90deg, #EAEAEA, #FFFFFF); /* Safari 4-5, Chrome 1-9 */ 
	/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EAEAEA)); /* Safari 5.1+, Chrome 10+ */ 
	background: -webkit-linear-gradient(#FFFFFF, #EAEAEA); /* Opera 11.10+ */ 
	background: -o-linear-gradient(#FFFFFF, #EAEAEA);
}
	
	
.scan_process_loading { display:none;}

.gride .selected {
	background-color: #FFECEC !important;
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(100% 100% 90deg, #FFECEC, #FFFFFF); /* Safari 4-5, Chrome 1-9 */ 
	/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFECEC)); /* Safari 5.1+, Chrome 10+ */ 
	background: -webkit-linear-gradient(#FFFFFF, #FFECEC); /* Opera 11.10+ */ 
	background: -o-linear-gradient(#FFFFFF, #FFECEC);
}
.gride .green {
	background-color: #CCE1CC !important;
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(100% 100% 90deg, #CCE1CC, #FFFFFF); /* Safari 4-5, Chrome 1-9 */ 
	/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#CCE1CC)); /* Safari 5.1+, Chrome 10+ */ 
	background: -webkit-linear-gradient(#FFFFFF, #CCE1CC); /* Opera 11.10+ */ 
	background: -o-linear-gradient(#FFFFFF, #CCE1CC);
}


.gride .addPanel, .cutable .addPanel { display:block; position:fixed; background:#FFF; border:1px solid #ddd; padding:20px; z-index:9999; right: 30px; top: 143px; width:340px;}

#alertNotificationList .cutable {display: block;}
.register a, .thanks_you a { color:#00F; text-decoration:underline;}

.note { line-height:17px;  position:relative; top:0; margin:10px; z-index:9; font-size:11px; padding:20px; white-space:normal; color:#000; text-align:justify;}
.note .close, .settings .close, .ondemand_main .close { opacity:0.4; color:#e92318;  width:20px; height:20px;  position:absolute; top:0; right:0; cursor:pointer; }
.ondemand_main .left { float:left;}
.ondemand_main .right { float:right;}
/*.ondemand_main, .settings.daily { position:absolute;  z-index:99; top:0; display:none;}*/
.settings.daily .seeting_pop { display:none; padding:0; margin:0; float:none; clear:both;}
.whatermark { position:absolute; background:url(/img/icon_whatermark.jpg) top left no-repeat; width:61px; height:76px; bottom:0; right: 28px;}


/**************************** google table modifiy ***********************************/

.google-visualization-table .gradient{ background-image:none !important;}
.google-visualization-table-table th:nth-child(2){ text-align:left;}
.google-visualization-table-table th:nth-child(3){ text-align:center;}
.google-visualization-table-td:nth-child(4){ text-align:center;}
.google-visualization-table-td:nth-child(5){ text-align:center;}
.center-text .google-visualization-table-td:nth-child(3){ text-align:center;}


.google-visualization-table-table { 
background: none repeat scroll 0 0 #FFF;
display: table;
width: 100%;
font-size:14px !important;
border:1px solid #ddd; 
border-bottom:none;
border-collapse:collapse!important;
font-family:"Fira Sans",sans-serif !important; 
margin-bottom:15px!important;

}
.google-visualization-table-tr-head, .google-visualization-table-tr-head td, .google-visualization-table-tr-head-nonstrict {
background-color: rgba(0, 0, 0, 0.05) !important;
border-bottom:1px solid #ddd; border-right:1px solid #ddd; 

}
.google-visualization-table-td { border:1px solid #ccc; border-color:#ddd !important; padding:8px !important; border-top:none; border-left:none;}
.google-visualization-table-th{ padding: 8px !important;  font-size: 14px; }
th.google-visualization-table-td { background:#fff url(../img/nav-bg.jpg) bottom left repeat-x;}

.reportheader { display:block; clear:both; line-height: 17px;}
.reportheader li, .div.scanlogehader li { display:inline; float:left; margin-right:10px;}
.reportheader .left li.dis, .div.scanlogehader li.dis { 
display:block !important;
float:left !important;
word-wrap: break-word; text-align:left; 
width:auto;
max-width:75%;
min-width:330px;
}

.highlight{
    display:block;
    background-color:#ff0;
}
.scanlogehader { display:block; clear:both;}
.scanlogehader .left { float:left; width:70%; word-wrap: break-word; max-width: 855px; line-height:16px;}
.scanlogehader .right { float:right; word-wrap: break-word; width: auto; }
.navbg .left { float:left;}
.navbg .right { float:right; margin-top:0px; margin-right:10px;}
.navbg H3 { margin:0px; padding-top:8px; font-weight:bold; font-size:11px;}

.urlsetting_quickscan { display:block; clear:both; }
.urlsetting_quickscan .left { 
	float:left; 
	border:1px solid #CCC;
	margin-right:10px;
	background:#fff;
	-moz-border-radius:5px 5px ;
	-webkit-border-radius: 5px 5px;
	border-radius:5px 5px; /* future proofing */
	-khtml-border-radius:5px 5px; /* for old Konqueror browsers */
	padding:10px;
}
.urlsetting_quickscan .right { float:right; margin-top:4px; margin-right:10px;}

/***************************** pdf download status *****************************/

.downloading_status { display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:url(../img/bg_transparent.png) top left repeat; z-index:9999;}
.downloading_status .download_pop { width:210px; position:fixed; top:35%; left:40%; background:#FFF;
	-moz-border-radius:5px 5px ;
	-webkit-border-radius: 5px 5px;
	border-radius:5px 5px; /* future proofing */
	-khtml-border-radius:5px 5px; /* for old Konqueror browsers */
	text-align:center;
    z-index:999;
	padding: 9px;
 }
 

/********************************* url first face **************************/
.urlsetting_first_face { display:block;}
.urlsetting_first_face .left { float:left; width:26%;}
.urlsetting_first_face .left #websiteid { float:left; width:78%; border:1px solid #CCC; height:22px; font-size:11px; line-height:16px;
border:1px solid #666;  
-moz-border-radius: 3px 3px !important;
-webkit-border-radius:3px 3px !important;
border-radius:3px 3px !important; /* future proofing */
-khtml-border-radius:3px 3px !important; /* for old Konqueror browsers */
padding:1px;
}
.urlsetting_first_face .left #websiteid option { border:none; color:#333; padding:2px;}
.urlsetting_first_face .left button { float:left; margin-left:2%; height:28px; line-height:10px;}
.urlsetting_first_face .right { float:left; width:74%;     padding-top: 16px;}
.temp_link { color:#666; border-bottom:1px solid #CCC; padding-bottom:10px; width:100%; float:left; word-break:break-all;}
.urlsetting_quickscan { position:relative;}
.urlsetting_quickscan .left { position:relative;}
.process { position:absolute; background:url(/img/bg_transparent.png) top left repeat; width:100%; height:100%; left:0; top:0; 
	-moz-border-radius:5px 5px ;
	-webkit-border-radius: 5px 5px;
	border-radius:5px 5px; /* future proofing */
	-khtml-border-radius:5px 5px; /* for old Konqueror browsers */
	text-align:center;
}
.process .img { 
	background:#FFF;
	-moz-border-radius:5px 5px ;
	-webkit-border-radius: 5px 5px;
	border-radius:5px 5px; /* future proofing */
	-khtml-border-radius:5px 5px; /* for old Konqueror browsers */
	border-bottom:1px solid #CCC;
   margin: 1% auto 0;
    padding: 5px;
    text-align: center;
    width:58px !important; height:64px !important;
}
#websiteid {
width:200px; border:1px solid #CCC; height:22px; font-size:11px; line-height:16px;
border:1px solid #666;  
-moz-border-radius: 3px 3px !important;
-webkit-border-radius:3px 3px !important;
border-radius:3px 3px !important; /* future proofing */
-khtml-border-radius:3px 3px !important; /* for old Konqueror browsers */
padding:1px;
}
.process img { float:none !important; margin:0 auto; width:58px !important; height:64px !important;}

#frmDateFilter #PageDesc { padding:5px;}

#group_report-light ul { padding-left:15px; list-style:disc; margin-left:10px;}
#group_report-light ul li { padding-bottom:10px; list-style:disc;}

#frmscanlog #data a.btn { margin-bottom: 5px;}

/********************************** blacklist ***************************/
.blacklist_box { padding:10px; min-width:200px; }
.blacklist_box .blacklist { display:block; clear:both; }
.blacklist ul { margin:0px; padding:0; cursor:default;  background-color: #FBFBFB;  padding: 3px 5px 0;}
.blacklist ul:hover { background:#FFF;}
.blacklist ul li { margin:0px; padding:0;}
.blacklist .name { float:left; text-align:right; min-width:165px; color:#555; padding:5px 0;}
.blacklist .rightrown { color: #AAAAAA; float: right; text-align: left; min-width: 62px; padding:5px 0; }
.blacklist .clear { border-bottom: 1px solid #CCCCCC; margin-bottom: 1px; width: 100%;}
.icon_google, .icon_worng, .icon_googleMalware, .icon_right, .icon_norton, .icon_mac, .icon_fish, .icon_bing, .icon_yahoo 
{ background:url(/img/iconset_blacklist.png) -3px -130px no-repeat; height:25px; width:25px; float:left; display:block;}
.blacklist_box h2 {  border-bottom: 2px solid #CCCCCC; color: #333333; font-size: 14px; line-height: 24px; margin: 0; padding: 0 0 9px;}
.icon_black { background:url(/img/iconset_blacklist.png)  -8px -211px no-repeat; height: 26px;  width: 23px;   float: left; margin-right:5px; font-size:12px;}

.icon_google		{ background-position: 0 0; width:37px; height:15px; }
.icon_worng			{ background-position: -54px -189px; width:18px; height:20px; }
.icon_googleMalware	{ background-position: -9px -25px; width:20px; height:22px; }
.icon_right			{ background-position: -9px -187px; width:18px; height:20px; }
.icon_norton		{ background-position: -9px -52px; width:20px; height:22px; }
.icon_mac			{ background-position: -9px -80px; width:20px; height:22px;}
.icon_fish			{ background-position: -9px -107px; width:20px; height:22px;}
.icon_bing			{ background-position: -9px -135px; width:20px; height:22px;}
.icon_yahoo 		{ background-position: -9px -164px; width:20px; height:22px;}

.go:hover .icon_google			{ background-position: -43px 0; width:37px; height:15px; }
.gm:hover .icon_googleMalware	{ background-position: -52px -25px; width:20px; height:22px; }
.no:hover .icon_norton			{ background-position: -52px -52px; width:20px; height:22px; }
.ma:hover .icon_mac				{ background-position: -52px -80px; width:20px; height:22px;}
.fi:hover .icon_fish			{ background-position: -52px -107px; width:20px; height:22px;}
.bi:hover .icon_bing			{ background-position: -52px -135px; width:20px; height:22px;}
.ya:hover .icon_yahoo 			{ background-position: -52px -164px; width:20px; height:22px;}

/************************************* valid page *******************************************/
.valid { display:block; width:883px; margin:10px auto; background:#FFF;}
.valid .v_header { display:block; width:100%;  padding: 0 49px; }
.valid .v_header .v_logo { display:block; width:100%; background:url(../img/valid_indusface.jpg) top left repeat; width:141px; height:98px; float:left; }
.valid .v_header .v_content { display:block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#555655; float:left; padding-top:57px; }
.valid .v_header .v_content h2 { display:block; margin:0px; padding:0px; font-size:14px;}
.valid .v_banner { width:874px; margin:0 auto; }
.valid .v_body { display:block; clear:both;  padding: 0 18px; border-bottom:1px solid #9C746A; margin:20px;  }
.valid .v_body .v_logo { display:block; width:100%; background:url(../img/valid_indusguard.jpg) top left repeat; width:214px; height:96px; float:right; }
.valid .v_body .v_leftbox { display:block; float:left; width:588px;}
.valid .v_body .v_leftbox h3 { font-size:23px; margin:0px; padding:0px; font-weight:normal;}
.valid .v_body .v_leftbox h2 { font-size:16px; margin:0px; padding:0px; font-weight:normal;}
.valid .v_body .v_leftbox .r { float:left; margin-left: 17px; width: 415px;}
.valid .v_body .v_leftbox .l { float:left; text-align:right; text-align: right; width: 136px;   clear: left; border-right:1px solid #9C746A;  padding-right: 13px;}

.valid .v_table { width:848px; margin:0 auto; font-size:20px; color:#C7312A; background-color:#E9E8E7; border-top:1px solid #C7312A; margin-bottom:20px; } 
.valid .v_table .l { float:left; width:500px; text-align:center; height:46px; border:1px solid #C7312A; line-height:46px; border-top:none; }
.valid .v_table .r { float:right; width:345px; line-height:46px; height:46px; border:1px solid #C7312A; border-top:none; border-left:none;}
.valid .v_table img { margin-left:20px; margin-top:5px}

.valid .v_circle { text-align:center; border-top:1px solid #C7312A; border-bottom:1px solid #C7312A; width:848px; margin:0 auto; padding-top:30px;}

.valid .v_content_bottom { font-size:18px; width:848px; margin:0 auto; }
.valid .v_content_bottom strong { color:#C7312A; }
.valid .v_content_bottom p { border-bottom:1px solid #C7312A; padding:10px; padding-bottom:15px; padding-top:0;}

.valid .v_footer { width:100%; height:24px; background:#C8332C; color:#FFF; line-height:24px;}
.valid .v_footer .v_copy { width:25%; height:24px; background:#343433; color:#FFF; text-align:center;}

/**************************** 12dec2011 **********************/
#cboxTitle { display:none !important;}
#detail_pop .fixsize { 
    display: block !important;
    height: 500px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    text-align: left !important;
    width: 98% !important;
	margin-right:1%;
	margin-left:1%;
}
/*************************** 02jan2012 *************************/



.fixed-table-td-bool { text-align: center; font-family: Arial Unicode MS, Arial, Helvetica;}
.fixed-table-td-center { text-align: center; }
.fixed-table-seq { color: #666;}
.column{
	/*width:49%;
	margin-right:.5%;
	min-height:300px;
	background:#EFEFEF;
	float:left;*/
}
.column .dragbox{
}
.column .dragbox h2{
	cursor:move;
}
.dragbox-content{
}
.column  .placeholder{
	background: #f0f0f0;
	border:1px dashed #ddd;
}
.dragbox h2.collapse{

}
.dragbox h2 .configure{
}


#cboxLoadedContent { overflow:hidden !important;}ins {
 background-color: #cfc;
 text-decoration:inherit;

}

del {
 color: #999;
 background-color:#FEC8C8;
}

ins.mod {
    background-color: #FFE1AC;
}


/************************ calendar CSS *************************/
#listCalendar {
    border-radius: 3px;
    display: block;
    overflow: hidden;
	border:1px solid #DFDFDF;
	color:#000;
	background:#F5F6F7;
}

table.calendar { 
width: 100%; border-collapse: collapse; margin: 0px; padding: 0px; background-color: #ffffff;
border:none;
height:214px;
	}
table.calendar th {
	text-transform: none; 
	color: #fff; 
	text-align: center;

}
table.calendar th { background:#788195; line-height:32px;} 

table.calendar th.cell-next a.setCalendarAjax{ color:#fff; display:block; line-height:50px;}
table.calendar th.cell-next a.setCalendarAjax .fas { font-size: 20px; padding: 0 10px; vertical-align: middle;}

table.calendar th.cell-next { text-align: center; background:#6c7486;}
table.calendar th.cell-next:hover {  background:#606777;}
table.calendar th.cell-next:active {  background:#606777;}

table.calendar th.cell-prev a.setCalendarAjax{ color:#fff; line-height:50px; display:block;}
table.calendar th.cell-prev {  text-align: center;  background:#6c7486; }
table.calendar th.cell-prev:hover, table.calendar th.cell-prev.deactive {  background:#606777;}
table.calendar th.cell-prev:active {  background:#606777;}


table.calendar th.cell-header {
	background:#f1f5f6;
	width: auto !important; 
	border:1px solid #d8dcdd;
	border-right:none;
	border-bottom:none;
	color:#333;
}


 
table.calendar td div.cell-number { text-align:center;color: #444444; display: block; float:right;  }
table.calendar td div {
	color: #666666 !important;
    display: block;
    text-align: center;
	 
}

table.calendar thead th {}

table.calendar td.cell-today {
background-color: #e2e8f6;
background: -moz-linear-gradient(100% 100% 90deg, #FFFFFF, #EAEAEA); /* Safari 4-5, Chrome 1-9 */
	/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EAEAEA), to(#FFFFFF)); /* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(#EAEAEA, #FFFFFF); /* Opera 11.10+ */
	background: -o-linear-gradient(#EAEAEA, #FFFFFF);
} /* today in the current month */
/*table.calendar td.cell-today, table.calendar td.cell-today div, table.calendar td.cell-today div a { 
	color:#000 !important;
	text-shadow: none;

}*/
table.calendar td { 
	border-right:none;
	border-bottom:none;
	vertical-align: top;
	padding:2px;
	background:#fff;
	border:1px solid #dfdfdf;



 
}

table.calendar td.cell-today a {  }
table.calendar td.cell-weekend {
	background-color: #FFF; 
	color:#F00 ;
	border:1px solid #dfdfdf;
 


	
	
}
table.calendar th.cell-weekend { 
	background-color: #f1f5f6; 
	color:#F00 ;
	border-left:1px solid #d8dcdd !important;
	border-top: 1px solid #d8dcdd;
	border-bottom:none;
	border-right:none;
}
table.calendar td.cell-weekend div.cell-number { color:#F00 !important; }
table.calendar td div.cell-img { float:left;}
table.calendar td div.cell-data { float:none; clear:both;}

 /*************************** custom drop down ******************************/
 
 #enotification_setting_dropdown {
	display:block;	 
	width: auto;
}
#enotification_setting_dropdown h2 {
    /*background: url("../img/dorp_bg.jpg") no-repeat scroll right top transparent;*/
    background: url("../img/down-arrow.png") no-repeat scroll 94% 11px transparent;
    display: block;
    font-size: 13px;
    height: 30px;
    line-height: 28px;
    margin: 0px 0 0;
    overflow: hidden;
    padding: 0 17px 0 10px;
    width: auto;
    font-weight: 500;
}
#enotification_setting_dropdown h2:hover {
}
#enotification_setting_dropdown ul {
	display:block;
	height:auto;
	width:200px;
	 
	margin:0px;
	padding:0px;
}
#enotification_setting_dropdown ul li {
	display:block;
	list-style:none;
	height:auto;
	width:208px;
	border:1px solid #FFF;
	background:#FFFFFF;
	word-wrap: break-word;
	cursor:pointer;
	position:relative;
	line-height:17px;
	text-align: left;
	 
}
#enotification_setting_dropdown ul li:hover {
	background:#d81f27;
    color: #fff;
	cursor:pointer;
		
}
#enotification_setting_dropdown li#dorop > ul li {
	 width: 188px;
	 padding:0 5px;
}
#enotification_setting_dropdown li#dorop > ul {
    border: 1px solid #CCCCCC;
    display:none;
    max-height: 300px;
    overflow-y: auto;
    position: absolute;
    right: -1px;
    top: 22px;
    z-index: 999;
	-moz-box-shadow: 2px 2px 2px rgba(100,100,100,0.6);
	-webkit-box-shadow: 2px 2px 2px rgba(100,100,100,0.6);
	box-shadow: 2px 2px 2px rgba(100,100,100,0.6);
}
#enotification_setting_dropdown li#dorop > ul:hover, #enotification_setting_dropdown li#dorop:hover ul {
	display:block;
}
#dorop li.active { color:#000000; border:1px solid #999; background:#FFFFFF;}
/******** secon stage *************/
#enotification_setting_dropdown li#dorop > ul li.group:hover { background:#FFFFFF;}
#enotification_setting_dropdown li#dorop > ul li ul { margin:0px; padding:0px; width:178px; }
#enotification_setting_dropdown li#dorop > ul li ul li { margin:0px; padding:0px; }
#enotification_setting_dropdown li#dorop > ul li ul li:hover { background:#EEEEEE; }

#addwidget_box #dorop {width:190px; border: solid 1px; border-radius: 4px;  }
#addwidget_box #dorop ul { width:auto;}
#addwidget_box #dorop { background:#FFFFFF;}
#addwidget_box #dorop h2 { text-align:left; 	cursor:pointer;}

#addwidget_box div#mainUL { position:absolute !important; right:21px !important; top: 60px !important; z-index:9999;
	background:#FFFFFF;
	text-align:left;
    border: 1px solid #CCCCCC;
     display:none;
    max-height: 300px;
	cursor:pointer;
    font-size: 12px;
 
	-moz-box-shadow: 2px 2px 2px rgba(100,100,100,0.6);
	-webkit-box-shadow: 2px 2px 2px rgba(100,100,100,0.6);
	box-shadow: 2px 2px 2px rgba(100,100,100,0.6);
	overflow-y:auto;
}
#addwidget_box div#mainUL li { display:block; width:auto !important; padding:5px 5px; }
#addwidget_box li#grp_MM { width:auto !important;}
#addwidget_box li.group { width:100%;} 
#addwidget_box div#mainUL .group { padding:2px 5px;}
#addwidget_box div#mainUL .group  strong {  padding: 2px 5px; display: block; }

#addwidget_box #dorop:hover div#mainUL { display:block;}


/***********************Pagination Start***********************/
#paginattion {
	display:block;
}
#paginattion a,#paginattion .current { background:#FFF; display:inline-block; padding:0px 6px; border:1px solid #E0E0E0; line-height:17px; text-decoration:none; color:#999;}
#paginattion a:hover  { background:#FFF; color:#000; border:1px solid #333;;}
#paginattion .current { background:#FFF; color:#000; border:1px solid #FFF;;}
#paginattion a:active { color:#FFF; background:#000;  }

#paginattion span.first,#paginattion span.prev { background:#FFF; color:#999; display:inline-block; padding:0px 6px 0 15px; border:1px solid #E0E0E0; line-height:17px; background: url("../img/saro.png") no-repeat scroll 3px 5px transparent; } 
#paginattion span.next,#paginattion span.last { background:#FFF; color:#999; display:inline-block; padding:0px 15px 0 6px; border:1px solid #E0E0E0; line-height:17px; background: url("../img/saroa.png") no-repeat scroll 92% 5px transparent; } 

#paginattion span a.first {
    background: url("../img/saro.png") no-repeat scroll 3px 5px transparent;
    border: 1px solid #E0E0E0;
    padding-left: 15px;
}

#paginattion a.prev {
    background: url("../img/saro.png") no-repeat scroll 3px 5px transparent;
    border: 1px solid #E0E0E0;
    padding-left: 15px;
}
#paginattion a.next {
    background: url("../img/saroa.png") no-repeat scroll 92% 5px transparent;
    border: 1px solid #E0E0E0;
    padding-right: 15px;
}
#paginattion a.last {
    background: url("../img/saroa.png") no-repeat scroll 92% 5px transparent;
    border: 1px solid #E0E0E0;
    padding-right: 15px;
}
/***********************Pagination End***********************/


.medium-low { padding-left:15px !important;  color:#77CC55 !important; position:relative; }
.high-medium { padding-left:15px !important;  color:#FFA500 !important; position:relative; }
.critical { padding-left:15px !important;  color:#dc143b !important; position:relative; }
.high { padding-left:15px !important;  color:#ff6448 !important; position:relative;}
.medium {  padding-left:15px !important;  color:#ffc107 !important;  position:relative;}
.low { padding-left:15px !important;  color:#6a8e22 !important; position:relative;}
.info { padding-left:15px !important;  color:#187ccb !important; position:relative;}

.medium-low:before {color: #77CC55; content: "\f45c"; font-family: "Font Awesome 5 Free"; font-size: 12px; font-weight: 900; left: 0;  position: absolute;  top: 0;}
.high-medium:before {color: #FFA500; content: "\f45c"; font-family: "Font Awesome 5 Free"; font-size: 12px; font-weight: 900; left: 0;  position: absolute;  top: 0;}
.critical:before {color: #dc143b; content: "\f45c"; font-family: "Font Awesome 5 Free"; font-size: 12px; font-weight: 900; left: 0;  position: absolute;  top: 0;}
.high:before {color: #ff6448; content: "\f45c"; font-family: "Font Awesome 5 Free"; font-size: 12px; font-weight: 900; left: 0;  position: absolute;  top: 0;}
.medium:before {color: #ffc107; content: "\f45c"; font-family: "Font Awesome 5 Free"; font-size: 12px; font-weight: 900; left: 0;  position: absolute;  top: 0;}
.low:before {color: #6a8e22; content: "\f45c"; font-family: "Font Awesome 5 Free"; font-size: 12px; font-weight: 900; left: 0;  position: absolute;  top: 0;}
.info:before {color: #187ccb; content: "\f45c"; font-family: "Font Awesome 5 Free"; font-size: 12px; font-weight: 900; left: 0;  position: absolute;  top: 0;}




/************************** new light box add server stye ****************************/

/*TOOLTIPS*/
.tip {
    color: #111;
    width: 139px;
    background-color: white;
    border:1px solid #ccc;
    -moz-box-shadow:#555 2px 2px 8px;
    -webkit-box-shadow:#555 2px 2px 8px;
    -o-box-shadow:#555 2px 2px 8px;
    box-shadow:#555 2px 2px 8px;
    opacity:0.9;
    filter:alpha(opacity=90);
    font-size:10px;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding:7px;
 
}

#addservices{display:block; }

#addservices div.box { display: block; border: 1px solid #ddd; float: left; width: 100%; margin-bottom: 10px; }
#addservices div.box:hover {  border:1px solid #ddd; background-color:#FFF;

-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.31);
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.31);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.31);

}




.register #reg1Form #addservices { padding-left:20px;}
#addservices #mainbar { display:block; border:1px solid #ddd; width:100%; float:left; padding:10px; position:relative; z-index:1;}
#addservices #mainbar h2.boxtitle { float: left; line-height: 20px;  margin-right: 20px; }
#addservices #mainbar h2.boxtitle span { display: inline; float: left; margin-right: 5px; }
#addservices div.box>.boxtitle{ background:#f1f3f5; display:block; padding:5px; border-bottom:1px solid #CCC; line-height:20px; font-size:14px; margin: 0;}
#addservices div.box>.boxtitle span { display:inline; line-height:20px; height:20px; }
#addservices div.box>.content {display:block; padding:15px; width:100%; float:left;}
#addservices div.box>.content .leftalign { width:100%; float:left; }
#addservices div.box>.content .leftalign span{ }
#addservices div.box>.content .leftalign input { }
#addservices div.box>.content .leftalign input:focus { 
 
}
#addservices #Licence#Info {
display: inline;
    float: left;
    margin-right: 5px;
}
 
#addservices h1, #addservices h2 { font-size:13px; color:#555!important;}
#addservices #msgError { border:1px solid #C00; padding:6px; width:583px; }
#addservices #msgError h1 {color:#990000; font-size:12px; }
#addservices #msgCon { border:1px solid #090; padding:15px; width:583px; margin:0 auto; font-size:12px; }
#addservices #msgCon h1 { font-size:18px; color:#006600; font-weight:normal; }
#addservices #msgCon a { color:#006600; text-decoration:none; }
#addservices #msgCon a:hover { color:#000000;}
.safe { color:#009900;}
.red { color:#EE1D23 !important; }

.srlineno
{
    font-weight: bold;
    color: Green;
}

.srred
{
    background-color: Red;
}

#light-loader {
	background: url("/img/mylightloading.gif") no-repeat scroll center center #FFFFFF;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 3px 0 #333333;
	display: none;
	height: 50px;
	left: 47%;
	overflow: hidden;
	position: fixed;
	top: 45%;
	visibility: visible;
	width: 50px;
	z-index: 1500;
}
#box-application-audit, #box-malware-monitoring, #box-vulnerability-assessment { display:none;}

a:hover, a:active, a:focus, a:visited, a:focus, a:
active, a:hover, a:active, a:selected, a:visited {
 outline:none !important;
}
/***************** 30072012 *********************/
.btn.deleteme { background:url('/img/icon_closes.png') 95% center no-repeat;  line-height:20px; padding-right:20px; }
.sidebarBG { border-right:2px solid #999; background:#FFFFFF;}
#wrapper .sidebar { width: 208px !important;}
#footer { position:relative !important;}
#wrapper .sidebar { height:auto !important;}
.contentHolder {}

/*********************** 07082012 *****************************/
#settingNav { 
/*	background: none repeat scroll 0 0 #FFFFFF; */
	color: #FFFFFF; 
	position: absolute; 
/*	border:1px solid #666;  */
	overflow:hidden; 
	-moz-border-radius: 9px; 
	-webkit-border-radius: 9px; 
	border-radius: 9px ; /* future proofing */ 
	-khtml-border-radius: 9px; /* for old Konqueror browsers */ 
	right: 30px; 
	top: 6px;
}

#settingNav a { 
	color:#FFFFFF; 
	display:inline-block; 
	text-decoration:none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px ; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
}
#settingNav a.btn_left, #settingNav a.btn_right { 
    background: url("../img/calendar_controller.jpg") no-repeat scroll transparent;
	  color: #666;
	  padding:4px;
}
#settingNav a.btn_left { 
	padding-left:22px;
	padding-right:15px;
	background-position:0 -4px;
	border: 1px solid #eee;
}
#settingNav a.btn_right {  
	border: 1px solid #eee;
	padding-right:22px;
	padding-left:15px;
	background-position:100% -4px;
}
#settingNav a.btn_left:hover { background-position:0 -78px; color:#000000;}
#settingNav a.btn_right:hover { background-position:100% -78px; color:#000000;}

/*
/////////////////////For URL Search start
*/
.hideURL
{
	display:none!important;
}
.autoSearchLoading
{
	background: url("../img/ajax_loader_img.gif") right no-repeat ;
	height:18px;
	padding-right: 16px;
}
.searchBGImg
{
	background: url("../img/autosearch.png") right no-repeat ;
	height:18px;
	padding-right: 16px;
}
.urlSearchBox
{
	float:left;
	width:85%;
}
.homesearch { 
    border: 1px solid #CCCCCC;
    height: 19px;
    padding-right: 5px;
	overflow:hidden;

}
#txtSearch { 
    background: none repeat scroll 0 0 #EDEDED;
    border: medium none;
    font-family: arial;
    font-size: 12px;
    height: 17px;
    line-height: 15px;
    border: 1px solid #CCCCCC;
	width: 186px;
}
.searchBtn { 
    background: url("/img/autosearch.png") no-repeat scroll 0 100% transparent;
    float: right;
    height: 22px;
    margin-right: 6px;
    margin-top: 10px;
    text-align: center;
    width: 26px;
	}
.searchBtn:hover {
	background-position:100% 100%;
	}
/*
/////////////////////For URL Search End */


/*************************** 16082012 *****************************/
#tooltip { position:absolute; z-index:9999; background:#FFFFFF; border:1px solid #CCC; color:#000; display:none; padding:5px; width:200px; font-size:11px; color:#666666;}
#tooltip span.toolTipTitle { color:#666; font-size:13px; margin:0px; padding:0px; line-height:17px; display:block; font-weight:bold;}
#tooltip p { line-height:17px; margin:0px; padding:0px; margin-top:5px; margin-bottom:10px; font-size:11px;}

code { word-break:break-all; word-wrap:break-word;}
.fixed-table-td.detail { word-break:break-all; word-wrap:break-word;}


/* custom css here */
.google-visualization-table-div-page{ background-color: inherit !important;  }
.charts-custom-button-disabled{ opacity: 1!important; }
.charts-custom-button{ background:inherit!important;}
.charts-custom-button-outer-box, .charts-custom-button-inner-box{ border:0px!important;}
.google-visualization-table-div-page [role="button"]{ margin: 0!important; }
.google-visualization-table-div-page [role="button"] .charts-custom-button-inner-box{ 
    background-color: #187ccb;
    border-color: #156fb6 !important;
    color: #fff !important;
	font-family:"Fira Sans",sans-serif !important; 
    background-image: none;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 4px 8px !important;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	margin-right:5px;
}
.google-visualization-table-div-page [role="button"] .charts-custom-button-inner-box:hover{ background-color: #d81f27; color: #fff!important; }
.google-visualization-table-th{ white-space: normal!important; }
.settings.changepassword ul li .txt_lable{ display:initial;}
.changepassword ul li:last-child{ float:right;}



/*********************** report page css start here *********************************/
.common_title_sec { background:#187ccb; margin-bottom:20px; padding:0 10px;}
.common_title_sec i{ padding-right:10px;}
.common_title_sec h1{ color:#fff; font-size:16px; font-weight:400; line-height:42px; text-transform:uppercase;}
.table-striped tbody tr:nth-of-type(2n+1){ background-color:rgba(0, 0, 0, 0.02);}
.table-striped thead tr{ background-color:rgba(0, 0, 0, 0.09);}
.report-tab ul  li.active a{ background:#187ccb; border-color:#156fb6; color:#fff;}
.report_controll_rightset .btn i{ font-size:20px; color:#e92318; padding-right:5px;}
.box2 .bg { background:#f9f9f9;}
.box2 .bg .row.form-group{ line-height:0;}
.mtable .mylight{ position:absolute; right:-5px; top:10px;}



/*********************** creat report page css start here ****************************/

/*********************** setting page css start here ****************************/

.v_listing .checkbox{ width:auto; margin:0;}
.v_listing .checkbox .roles {margin: 0; position: relative;}

.page-header { padding-bottom: 9px; margin: 0px 0 20px 0;}

#onpopup .setting-title { background-color: #708598; border-bottom: 1px solid #4d667d; border-radius: 5px 5px 0 0; color: #fff; line-height: 25px; padding: 5px 25px;  position: relative; display:inline-flex;width: 100%;}
.settings #onpopup .innerpart {position:relative; box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.21); border-radius:3px; padding:20px;}
.settings #onpopup .leftsec { display: block; float: left; min-width: 50%;  width: 50%;}
.settings #onpopup .leftsec ul.onnav { display: block; float: left;  margin-bottom: -1px;  position: relative;  z-index: 9; width:100%;}
.settings #onpopup .leftsec ul.onnav li{ float:none; display:table-cell; width:1%; border-bottom:1px solid #d8dcdd !important;}
.settings #onpopup .leftsec ul.onnav li.active { background:#FFF; border:1px solid #d8dcdd; border-bottom:1px solid #fff !important; border-right:none; }
.settings #onpopup .leftsec .showcontent { display:block; background:#FFF; border:1px solid #d8dcdd; width:100%; float:left;} 
.settings #onpopup .leftsec ul.onnav li.mid.active { background:#FFF; border:1px solid #d8dcdd; border-bottom:1px solid #fff !important; margin-left:1px; margin-right:-1px; z-index:999; position:relative;  }
.scan_set li .far{ font-size:30px; padding:0 10px; color:#d9534f;}

table.calendar td .tooltip{ opacity:1; z-index:0; text-align:center; position:relative;}




/*********************** executive view page css start here ****************************/


.found-box{ border-left: solid 2px #ddd; /*box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.21);*/ text-align:center; padding:20px; height:100%; position:relative;}
.flex-center .col-md-4:last-child{ border-right: solid 2px #ddd;}
.found-box h2{ font-size:30px; margin-bottom:10px;}
.found-box p{ font-size:15px; color:#708598;}
.arrow-box i{ position:absolute; right:0; top:50%; margin-top:-1em; color:#337ab7;}

.donut-box{ width:100%; float:left;} 
.donut-count h2{ margin-bottom:20px; font-size:32px;}
.donut-count p{ font-size:16px;}

.trend-box{ width:100%; float:left;}
.flex-center{ display:flex; justify-content:center; align-items:stretch; height:100%;}

.scan-left h5{ margin-bottom:10px;}
.strech{ display:flex; align-items:stretch;}
ul#data .tooltip{ opacity:1; position:relative; display:inline-block; z-index:1;}
.google-visualization-table-td span.tooltip{ opacity:1; position:relative; text-align:center;}

 
.status-dashboard{ width:250px !important;}
.status-dashboard .col-md-4:first-child{ border:0;}
.status-content .col-md-4:first-child{ border:0;}
.status-dashboard .col-md-4{ border-left: solid 1px #bbb;}
.status-content .col-md-4{ border-left: solid 1px #bbb;}


/* Tooltip */
  .test + .tooltip > .tooltip-inner {
      background-color: #fff; 
      color: #000; 
      border: 1px solid #bbb; 
      padding: 5px;
	  font-size:12px;
	  width:400px;
	  max-width:400px;
  }
  /* Tooltip on top */
  .test + .tooltip.top > .tooltip-arrow {
      border-top: 5px solid #bbb;
  }

/*********************** login page css start here ****************************/

.msgSuccess{ color:green!important; border: 1px solid green;}
.check-text { vertical-align: top;  padding-top: 2px; display: inline-block;}
.urlbreak{ width:44%; word-break: break-all; text-align:left;}
#groupselectbox .form-control { padding:0;}
#serviceselectbox .form-control { padding:0;}



.white-space-i{ white-space:inherit;}
.nowrap{ white-space:nowrap;}
.break-all{ word-break:break-all;}





.google-visualization-table-td span { display: block; text-align: left;}
#item5 .google-visualization-table-td { word-break: break-all;}
#item5 .google-visualization-table-td.google-visualization-table-seq { word-break: normal;}

#item1 .google-visualization-table-td { word-break: break-all;}
#item1 .google-visualization-table-td.google-visualization-table-seq { word-break: normal;}


#contener .leftside{ word-break:break-all;}

body.register { background: #192430; display: flex; justify-content: center; align-items: center; }
.register .popup.register{ margin:auto; width:630px;}
.register .popup.register h2.title{ margin-top:0;}
.popup.nogroupfound .sdobox{ display:inline-block; margin-bottom:0; width:100%;}
#alertNotificationList .innerpart #data{ box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.21); padding:20px; text-align:center;}
#alertNotificationList .innerpart #data h2{ margin-bottom:15px;}
#divWebsiteName {word-break: break-all;	width: 95%;}

.google-visualization-table-page-number{ font-family:"Fira Sans",sans-serif; background:#fff !important; font-size:14px !important; padding:6px 12px !important; border:solid 1px #ddd !important; color:#337ab7;  }
.google-visualization-table-page-number.current{ background:#337ab7 !important; color:#fff !important; font-size:14px !important; font-weight:normal !important; padding:6px 12px !important; border:solid 1px #337ab7 !important;}

.charts-tooltip{  word-break:break-all; font-family:"Fira Sans",sans-serif !important;}
.charts-tooltip > div{ width:300px;}
#delete_btn_1 ul li button{ margin-left:10px;}
#common_table #frmSeverity .common_table{ padding-top:0;}
#common_table #frmSeverity .common_table .alert{ padding:10px 15px; margin-bottom:10px; }
#common_table #frmSeverity .common_table .form-group{ margin-bottom:0; border-bottom:solid 1px #ddd;}
#critarea ul li.numbers{ line-height:30px; text-align:right;}
.addPanel .select2-container.form-control{ padding:0;}

.google-visualization-table-table th, .google-visualization-table-table td .mylight.viewsource{ word-break:normal;}



/******* new changes start here 12-11-2018 ******/

.btn { padding: 5px 8px; font-size: 12px; border: none;}
h4 { font-size: 16px;}
h5 { font-size: 12px;}
.form-control { font-size: 13px; }


.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 4px; }
table th { font-weight: 500; }

.alert-dismissable, .alert-dismissible { padding-right: 30px;}
.alert { padding: 10px;}
.alert-dismissable .close, .alert-dismissible .close { right: -5px;}
.health-summary { font-size: 16px; text-align: center;}
#grouptable td { vertical-align: middle;}
#grouptable th { vertical-align: middle;}
#grouptable .sorting:after { transform: translateY(-50%);}
#grouptable .sorting_asc:after { transform: translateY(-50%);}
#grouptable .sorting_desc:after { transform: translateY(-50%);} 

#ServiceRecorsDis td { vertical-align: middle;}
#ServiceRecorsDis th { vertical-align: middle;}
#ServiceRecorsDis .sorting:after { transform: translateY(-50%);}
#ServiceRecorsDis .sorting_asc:after { transform: translateY(-50%);}
#ServiceRecorsDis .sorting_desc:after { transform: translateY(-50%);} 

.ViewReport:hover i{
	/*color: #dc3545;*/
	color: #187ccb;
}


/******************* Dashboard Custom start ************************/
.found-box-Customize {
	padding: 0 8px;
	display: flex;
	flex-flow: row wrap;
	border:none !important;
}

.border-left-2 {
	border-left: solid 2px #ddd;
}
.p-0 {
	padding: 0;
}
.found-box-Customize .boxflow {
	flex: 1;
	position: relative;
	padding: 8px;
}
.found-box-Customize .boxflow:before {
	display: none;
}
.found-box-Customize .boxflow:last-child {
	flex-basis: 100%;
}
.found-box-Customize .boxflow .criticalnew, .found-box-Customize .boxflow .highnew, .found-box-Customize .boxflow .mediumnew, .found-box-Customize .boxflow .totalnew {
	padding: 8px;
	border-radius: 4px;
}
.found-box-Customize .boxflow .criticalnew { background-color: #FE7568; }
.found-box-Customize .boxflow .highnew { background-color: #f0ad4e; }
.found-box-Customize .boxflow .mediumnew { background-color: #548FCC; }
.found-box-Customize .boxflow .totalnew { background-color: #315B8A; }

.found-box-Customize .boxflow .d-flex-new-colum {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column wrap; 
}

.found-box-Customize .boxflow .d-flex-new-colum p {
	margin: 0;
	color: #fff;
	font-size: 16px;
}
.found-box-Customize .boxflow .d-flex-new-colum .number  {
	margin: 0;
	color: #fff;
	font-size: 20px;
}
.found-box-Customize .boxflow .d-flex-new-colum .number

.found-box-Customize .boxflow .d-flex-new-colum p.number {
	font-size: 20px
}

.found-box-Customize .totalnew.d-flex-new-row {
	display: flex;
	flex-flow: wrap row;
	align-items: center;
	min-height: 100px;
	justify-content: space-around;
}
.d-flex-new-row {
	display: flex;
	flex-flow: wrap row; 
}

.found-box-Customize .totalnew.d-flex-new-row h2 {
	margin: 0;
	color: #fff;
}
.mb-20 {
	margin-bottom: 20px;
}

.d-flex-new-colum .resultArrowFlow i {font-size: 26px; padding-left: 15px; color: #fff; position: relative;}
.d-flex-new-colum .resultArrowFlow i:hover {color: #fff;}

.d-flex-new-colum .number .resultArrowFlow i {
	font-size: 16px;
	padding-left: 10px;
}

/******************* Dashboard Custom End ************************/

.header_right_side{
	display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;-webkit-box-align: end;-ms-flex-align: end;align-items: end;
}
.header_align{
	display: -webkit-box; display: -ms-flexbox; display: flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center;
}

.list-style-disc li {
	list-style-type:disc;
}

.comply-banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f1e9fe; /* Light purple background */
    padding: 3px;
    border-radius: 8px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: black;
    width: fit-content;
    margin: 4px;
/*    padding-left: 15px;*/
    padding-right: 15px;
}

.comply-banner-text {
    margin: 0;
    padding: 5px 30px;
}

.comply-banner-button {
    background-color: #7550E1; /* Purple button color */
    color: white;
    border: none;
    border-radius: 6px;
    padding: 5px 30px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    margin-left: 15px;
}

.comply-banner-button:hover {
    background-color: #5938C6; /* Darker purple on hover */
    color: white;
}