html, body
{
padding:0;
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
word-wrap:break-word;
color: #333;
text-align:justify;
background:#fff;
width:100%;
height:100%;
}
/*******************************************/
.topblock {
    display: block;
    width: 100%;
    float: left;
}
.topblock .smalltab.left {
    width: 32.53%;
}
.sub-block .smalltab.left {
  float: none;
}
.main-block {
  float: left;
  width: 100%;
}
.navbar > .container .navbar-brand {
  margin-left: -15px;
}
.navbar-brand {
  float: left;
  font-size: 18px;
  line-height: 20px;
  padding: 6px 15px;
}
.navbar-brand {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0) !important;
  background-image: url("../img/logo.png");
  background-origin: padding-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto auto;
  border: 0 none !important;
  color: rgba(0, 0, 0, 0) !important;
  font: 0px/0 a !important;
  height: 20px;
  text-shadow: none !important;
  width: 130px;
}

.navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
  font-size: 14px !important;
}
.navbar-nav.toolbar > li {
  float: right;
}
.navbar-nav {
  float: left;
  margin: 10px 20px 0 0;
}
.navbar-inverse .navbar-nav > li > a {
  color: #acdfff;
  font-size: 14px !important;
  text-decoration: none;
}
.navbar-inverse .navbar-nav > li > a:hover {
  color: #fff;
}
.pull-right {
  float: right !important;
}
.nav {
  list-style: outside none none;
}
.navbar-header::before, .navbar-header::after {
  content: " ";
  display: table;
}
.navbar-header::after {
  clear: both;
}
.container > .navbar-header, .container > .navbar-collapse {
  margin-left: 0;
  margin-right: 0;
}
.navbar-header {
  float: left;
}
.pull-left {
  float: left !important;
}


.container {
  width: 100%;
}
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.navbar-inverse {
  background-color: #357198;
}
.navbar {
  min-height: 33px;
}

.navbar-fixed-top {
  top: 0;
  z-index: 1030;
}
.navbar-fixed-top, .navbar-fixed-bottom {
  border-width: 0 0 1px;
  left: 0;
  right: 0;
  overflow: hidden;
}


/*******************************************/
input, select
{
color:#333333;
}

.clear
{
clear:both;
margin:0;
padding:0;
}

.left
{
float:left;
}
.logout {
  float: right;
  margin: 2px;
  position: absolute;
  right: 0;
}
.right
{
float:right;
}

img
{
border:none;
}
.graph_box img {
  /*width: 80%;*/
}
.mainheading
{
font-size:14px;
font-weight:bold;
}

.mainheading1
{
font-size:14px;
color:#FFF;
line-height:36px;
font-weight:bold;
}

.subheading
{
font-size:12px;
font-weight:bold;
width:20%;
}

.header1
{
padding:10px 2px;
border-bottom:#999999 solid 1px;
}

.search_res_h span
{
display:block;
line-height:21px;
width:150px;
}

.button1
{
display:block;
min-width:50px;
margin-right:15px;
float:left;
cursor:pointer;

border:1px solid #25729a;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-family:arial, helvetica, sans-serif;
padding: 5px 10px;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight:bold; 
text-align: center; 
color: #FFFFFF; 
background-color: #3093c7;

 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3093c7), color-stop(100%, #1c5a85));
 background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
 background-image: linear-gradient(top, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
}

.button1:hover
{
border:1px solid #1c5675; background-color: #26759e;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26759e), color-stop(100%, #133d5b));
 background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
 background-image: -moz-linear-gradient(top, #26759e, #133d5b);
 background-image: -ms-linear-gradient(top, #26759e, #133d5b);
 background-image: -o-linear-gradient(top, #26759e, #133d5b);
 background-image: linear-gradient(top, #26759e, #133d5b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b);
}

.search_submit{
border:1px solid #34740e; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif;
padding: 5px 25px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #4ba614;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4ba614), color-stop(100%, #008c00));
 background-image: -webkit-linear-gradient(top, #4ba614, #008c00);
 background-image: -moz-linear-gradient(top, #4ba614, #008c00);
 background-image: -ms-linear-gradient(top, #4ba614, #008c00);
 background-image: -o-linear-gradient(top, #4ba614, #008c00);
 background-image: linear-gradient(top, #4ba614, #008c00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#008c00);
}

.search_submit:hover{
 border:1px solid #224b09; background-color: #36780f;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36780f), color-stop(100%, #005900));
 background-image: -webkit-linear-gradient(top, #36780f, #005900);
 background-image: -moz-linear-gradient(top, #36780f, #005900);
 background-image: -ms-linear-gradient(top, #36780f, #005900);
 background-image: -o-linear-gradient(top, #36780f, #005900);
 background-image: linear-gradient(top, #36780f, #005900);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#36780f, endColorstr=#005900);
}

#layout {
  margin: 10px auto 0;
  position: relative;
  width: 1005px;
}

#loginlayout
{
width:100%;
height:748px;
margin:auto;
background:url(../images/app_bg.png) center no-repeat;
}

.headerbg{
background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top,  #ededed 0%, #f6f6f6 53%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(53%,#f6f6f6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
height:45px;
}

.logodiv
{
width:1024px;
margin:0 auto;
padding:7px 60px 0 0;
}
.menubg
{
height:36px;
background: #a0c0db; /* Old browsers */
background: -moz-linear-gradient(top,  #a0c0db 0%, #337dc7 47%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0c0db), color-stop(47%,#337dc7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a0c0db 0%,#337dc7 47%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a0c0db 0%,#337dc7 47%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a0c0db 0%,#337dc7 47%); /* IE10+ */
background: linear-gradient(to bottom,  #a0c0db 0%,#337dc7 47%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0c0db', endColorstr='#337dc7',GradientType=0 ); /* IE6-9 */
}

.searchOptContainer {
  background: #f0f0f0 none repeat scroll 0 0;
  border: 1px solid #cccccc;
  border-radius: 0;
  box-shadow: 0 0 0 #000000;
  margin: 30px;
  padding: 10px;
}

.smallBg1
{
height:36px;
width:20px;
background: #FFF;
margin-right:10px;
}

.searchOptHeader
{
height:36px;
padding-left:10px;
background: #4096ee; /* Old browsers */
background: -moz-linear-gradient(left,  #4096ee 0%, #60abf8 56%, #7abcff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4096ee), color-stop(56%,#60abf8), color-stop(100%,#7abcff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #4096ee 0%,#60abf8 56%,#7abcff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #4096ee 0%,#60abf8 56%,#7abcff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #4096ee 0%,#60abf8 56%,#7abcff 100%); /* IE10+ */
background: linear-gradient(to right,  #4096ee 0%,#60abf8 56%,#7abcff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#7abcff',GradientType=1 ); /* IE6-9 */
}

.loginbox
{
width:100%;
}

.loginBoxRow
{
padding:5px 5px;
}

.loginlable
{
margin:5px auto;
}

.login_txtbox
{
height:27px;
width:200px;
padding:0 5px;
margin:2px;
color:#EBEBEB;

-moz-border-radius:5px;
-webkit-border-radius:5px;
-opera-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;

border:1px solid #999999;

background: none;
}

.login_submit{
border:1px solid #d7dada; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif;
padding: 5px 10px 5px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF;  border:1px solid #bfc4c4; background-color: #d9dddd;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9dddd), color-stop(100%, #c6c3c3));
 background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: linear-gradient(top, #d9dddd, #c6c3c3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);

}

.login_submit:hover{
background-color: #3093c7;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3093c7), color-stop(100%, #1c5a85));
 background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
 background-image: linear-gradient(top, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);}


.loginboxContainer
{
width:230px;
margin:auto;
position:relative;
top:235px;
left:-2px;
padding:10px;
color:#FFFFFF;
font-size:12px;
}

.reportViewer
{
width:50%;
float:left;
}

.loginbox fieldset {
padding:10px;
/*background:#EFEFEF;*/

-moz-border-radius:5px;
-webkit-border-radius:5px;
-opera-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
}

.reportViewer fieldset{
padding:10px;
margin:10px;
min-height:400px;

/*background:#EFEFEF;*/

-moz-border-radius:5px;
-webkit-border-radius:5px;
-opera-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
}

/* check box */
.checkBoxStyle1 {
	width: 20px;	
	position: relative;
	float:left;
	margin-right:10px;
}

.checkBoxStyle1 label {
	cursor: pointer;
	position: absolute;
	width: 16px;
	height: 16px;
	top: 1px;
	left:2px;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	background: #E0E0E0;

}

.checkBoxStyle1 label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 7px;
	height: 4px;
	background: transparent;
	top: 3px;
	left: 4px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.checkBoxStyle1 label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.checkBoxStyle1 input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.checkBoxLable1
{
line-height:21px;
}

.listOptions1{
float:left;
margin:10px 10px 10px 10px;
width:45%;
}

.listOptions2{
float:left;
margin:0 2px;}

.listOptions3{
float:right;
margin:10px;
}



.indOption
{
margin-bottom:10px;
}

.lable1
{
font-weight:bold;
line-height:25px;
}

.textbox1
{
height:22px;
width:85px;
padding:0 5px;
margin:2px;

-moz-border-radius:5px;
-webkit-border-radius:5px;
-opera-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;

border:1px solid #999999;

background: none;
}

.spinner
{
height:22px;
padding:0 5px;
margin:2px;

-moz-border-radius:5px;
-webkit-border-radius:5px;
-opera-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;

border:1px solid #999999;

background: none;
}

select
{
color:#000;
padding:3px;
background: #fafbfc;
font-size:11px;

-moz-border-radius:5px;
-webkit-border-radius:5px;
-opera-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;

border:1px solid #999999;

-moz-box-shadow : 0px 0px 4px #9fa0a0; /* Firefox 3.5+ */
-webkit-box-shadow : 0px 0px 4px #9fa0a0; /* Safari 3+ & Chrome */
box-shadow : 0px 0px 4px #9fa0a0; /* CSS3 compatible browsers */
filter : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666'); /* IE 5.5 - 7 */
-ms-filter : "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')"; /* IE 8 */
}

select:hover, .spinner:hover, .textbox1:hover
{
border:1px solid #25729a;
}

select:focus, .spinner:focus, , .textbox1:focus
{
border:1px solid #25729a;
}


/* GRAPH PAGE CSS */

.graph_layout {
  margin: 10px auto;
  width: 920px;
}

.graphspage_logo
{
padding:5px 10px;
}

.maintabs
{
margin:0px 0 0 0;
}

.bigtab {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #cccccc;
  min-height: 284px;
  margin: 2px;
  width: 364px;
  padding: 62px 0 0;
}
.bigtab .graphdetails {
  margin: 0 auto;
  height:27px;
}
.graph_boxbig > img {
  width: 100%;
}

/*.smalltab
{
	width:340px;
	height:166px;
	background:url(../images/small_box.png) no-repeat center top;
	margin-left:1px;
}*/
.smalltab {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #cccccd;
  min-height: 156px;
  margin: 2px;
  width: 267px;
}
.graphdetails {
  height: 45px;
  margin: -5px auto 0;
  position: relative;
  text-align: center;
  z-index: 123566;
}

.graphdetails h1{ 
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	color:#000;
}

.graphdetails p {
  color: #2a2929;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 8px 0 0;
}

.tab_content{
	padding:10px;
}

.statusarrow{
	position:relative;
	left:270px;
	top:-50px;
	width:40px;
	height:50px;
}

.graph_box {
  position: relative;
  top: -10px;
}
.tab_content a {
  text-decoration: none;
}

/*.graph_box img
{
height:79px;
width:295px;
}*/

.graph_boxbig
{
position:relative;
top:-10px;
padding:20px 0;
}

.graph_title {
  color: #0000ff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
}

.graph_titlebig{
margin-top: -3px;
}
.bottom {
  height: auto;
  padding-top: 15px;
}
/* -------- GRAPH PAGE CSS ----------- */

.no_content{
	padding:10px;
	background-color:#E0ECF8;
}
.no_statusarrow{
	position:relative;
	left:270px;
	top:-50px;
	width:40px;
	height:50px;
	background-color:#E0ECF8;
}

.no_graph_boxbig
{
position:relative;
top:-10px;
padding:20px 0;
background-color:#E0ECF8;
overflow:hidden;
}

.irm-billing-heading{
font: 14px  Helvetica, sans-serif;
color:#000;
padding:0 1px;
font-weight:bold;
background-color:#B8C7DB;
}
footer {
  background: #1b5276 none repeat scroll 0 0;
  border-top: 0 solid #d2d3d6;
  bottom: 0;
  height: 40px;
  padding: 0;
  width: 100%;
}
footer ul {
  padding: 0 0 0 10px;
}
footer .clearfix ul li {
  color: #ffffff;
  font-size: 14px;
  list-style: outside none none;
}
@media screen and (min-device-width: 320px) and (max-device-width: 400px) { 
#layout {
  padding: 0 7px;
  width: 305px;
}
.graph_layout {
  width: 75%;
}
.bigtab {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #cccccc;
  height: 197px;
  margin: 2px;
  width: 224px;
}
}

@media screen and (min-device-width: 401px) and (max-device-width: 600px) {
.smalltab {
  width: 191px;
}
.graph_layout {
  width: 97%;
}
#layout {
  padding: 0 7px;
  width: 400px;
}
.smalltab {
  width: 188px;
}
.bigtab {
  width: 98.5%;
}
.logout {
  right: -32px;
}
}
@media screen and (min-device-width: 601px) and (max-device-width: 767px) {
.graph_layout {
  width: 84%;
}
#layout {
  width: 550px;
}
}
@media screen and (min-device-width: 300px) and (max-device-width: 767px) {
.mobile-width {
  width: 100% !important;
}
.sub-block .smalltab.left {
  float: left;
}
footer .clearfix ul li {
  text-align: center;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 999px) {
.mobile-width {
  width: auto !important;
}
.graph_layout {
  width: 690px;
}
#layout {
  width: 100%;
}
.sub-block .smalltab.left {
  float: left;
}
}