.mainClass {
	width:100%;
	height:100%;
}

.logoClass {
	width: 100%;
	height: 50px;
	background-repeat: no-repeat;
	text-align: right;
	font-size: 10px; 
	font-family: Helvetica;
}

.dateVersion, .dateVersionInLogin {
	color: #FFFFFF;
	text-align: right;
	font-family: Helvetica;
	float: right;
}
/*
.dateVersion{
	margin-top: -4.5%;
}
*/

.dateVersion span , .dateVersionInLogin span, .dateVersion td, .dateVersionInLogin td{
	font-size:12px;
}

.bannerClass {
	height: 85px;
	background: #2f4d6a url('../images/appLogo.jpg') no-repeat  50px 10px;
	background-size: 200px 45px;
	width:100%;
}

/*
body .ui-sidebar {
  background: #e6e6ff;
}

body .ui-panelmenu{
  margin-top:18px;
  background-color:#006bb3;
}

body .ui-panelmenu .ui-panelmenu-header{
  background-color: #2f4d6a !important;
}
*/

.ui-panelmenu .ui-menuitem-text{
       font-size: 12px;
}
/*
body .ui-panelmenu .ui-panelmenu-header .ui-icon, body .ui-panelmenu .ui-panelmenu-header .ui-state-hover  .ui-icon{
       color: white !important; 
}
.ui-panelmenu .ui-panelmenu-content{
       background: #ebebeb;
}
*/

.ui-panelmenu .ui-panelmenu-header{
  padding: .25em .25em .5em 1em !important;
}

.ui-panelmenu .ui-menuitem-link{
	font-family: sans serif !important;
	line-height: .5em;
	white-space: nowrap;
}

.ui-panelmenu .ui-menuitem-link:hover {
       /*
       color: white;
       background: #c5c5ed;
       */
       font-weight: bold !important;
}

/*for logout*/
body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span {
	color: white !important;
}

/*
div.ui-menu.ui-menubar.ui-widget.ui-widget-content{
	background: #34495E;
}
div ul li a.ui-menuitem-link{
    color: white;
}

div ul li ul li a.ui-menuitem-link {
    color: black;
}
*/
.ui-datatable .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background:none;
	background-color: #2f4d6a;
}
.ui-datatable-scrollable-body {
        max-width: 98%;
        min-width:98%;
}
 .ui-datatable-scrollable-header{
        max-width:98%;
        min-width:98%
}

.loginClass {
	/*border:6px groove #2f4d6a;*/
	padding:8px;
	background-color: #fafafa;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
	-webkit-box-shadow: 0 3px 9px #666;
        -moz--box-shadow: 0 3px 9px #666;
        -o-box-shadow:  0 3px 9px #666;
        box-shadow: 0 3px 9px #666;
}

.login {
	height: auto;
	width: 100%;
	vertical-align: middle;
	font-size:12px;
	font-family: Helvetica;
}
	
.menusClass {
	height: 29px;
	width: 80%;
	margin-left: 20%;
	text-align: center;
	font-size: 14px; 
	font-family: Helvetica;
	font-weight:bold;
	text-decoration:none;
	vertical-align: middle;
	white-space: nowrap; 
}

.menuOddColumnClass {
	width: 20%;
	text-align: center;
}

.menuEvenColumnClass {
	width: 15%;
	text-align: center;
}
 
.deviceClass {
	text-align: center;
	background-repeat: no-repeat;
 	width:100%;
    height:59px;
}

.dummy1 {
	vertical-align: top;
 	height:100%;
 	width: 24%;
}

.universal-width {
    width: 100%; /* Set the desired width here */
}

/*
.menuCol {
	vertical-align: bottom;
	margin: 27px 0px 0px 80px;
	background-color: #2f4d6a;
}

.menuCol td {
	font-size: 14px;
	border-bottom: 1px solid  #2f4d6a;
}

.menuCol span {
	font-size: 15px;
	border: none;
}
*/
.sysCol {
	vertical-align: top;
 	height:100%;
 	width: 25%;
	height: 70px;
}

.popup1 {
	text-align:left;
	background-color: black;
	color:#FFFF00;
	padding: 5px;
}


.popup {
    background-color:rgb(255,255,255);
    color: #000000;
    border: 1px solid #CCCCCC;
    font-size:smaller;
    padding: 5px;
}

.grid1 {
	margin-left: 80;
	background-color: #fafafa;
	border: 2px double black;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;

}

.gridDesc {
	background-color: #fafafa;
	border: 2px double black;
	margin-top: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;

}

.gridNoBg {
	margin-left: 80;
	border: 2px double black;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;

}

.visGridClass1 {
        border: 2px double black;
        background-color: #fafafa;
        padding: 0px;
        font-size: 11px;
        font-weight:bold;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;

}

.visGridClass {
	width:auto;
	border: 2px double black;
	background-color: #fafafa;
	padding: 0px;
	font-size: 11px;
	font-weight:bold;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;

}

.visGridNoBg {
	border: 2px double black;
	padding: 2px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;

}

.visGridNoBorder {
	background-color: #fafafa;
	padding: 2px;
	font-size: 6px;
	font-weight:bold;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;

}

.menu1 {
	text-align:center;
	font-family: Helvetica;
	color:#FFFF00;
	text-decoration:none;
	font:16px;
	font-weight:bold;
}

.menu2 {
	text-align:left;
	font-family: Helvetica;
	color:#FFFF00;
	text-decoration:none;
	font:12px;
}

.forPopup {
	text-align:left;
	font-family: Helvetica;
	color:#FFFF00;
	text-decoration:none;
	font:12px;
	width: 100%;
}

.popupRow {
	text-align: left;
	width: 100%;
}

.container {
	text-align:center;
}

.center {
	margin-left:auto;
	margin-right:auto;
	width:400px;
	border: 2px double red;
	background-color:#b0e0e6;
	text-align:left;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;

}

.imgCenterClass {
	text-align:right;
}

	.headerClass{ width: 100%;background-color:#D71D27}
	.menuClass{text-align: left; width: 20%;}
	.footerClass{text-align: center; height:3; width: 100%;background-color:#EC1034}
	
.copyRightClass {
	text-align: center; 
	font-size: 10px;
	font-family: Helvetica;
	height: 100%;
	width: 100%;
	border: 1px solid #A9A9A9;
	background-color:#D3D3D3;
	color:black;
	background-repeat:repeat-x;
	vertical-align: middle;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
	font-weight: bold;

}
		
	.nameDateClass{text-align: center; font-size:13; font-family: Arial; width: 100%;}};
	
	
	#.cmenu    {width:200 ; background-color:#D71D27;vertical-align: top;}
	.cline    {width:1   ; background-color:#D71D27;}
	.ccontext {width:100% ; height:auto; vertical-align: top; padding : -2 2 0 2; font-size:12;
			  font-family: Arial, Helvetica, sans-serif;}
			  
.evenRows {
	background-color: #e2e7e9;
	font-size: 11px;
    text-align: center;

}

.oddRows {
	font-size: 11px;
    text-align: center;

}

.standardTableHeader {
	color: #fafafa;
    	/*background-image: url('../images/bluegradient.png');*/
	background-color:#2f4d6a;
    	padding: 2;
    	text-align: center;
    	border: none;
   	font-size: 12px;

}

.standardTableHeader4 {
        color: #fafafa;
        /*background-image: url('../images/bluegradient.png');*/
	background-color:#2f4d6a;
        padding: 2;
        text-align: center;
        border: none;
        font-size: 12px;
        height:25px;

}


.dashboardFirstRow {
	height: 5px;
}
.dashboardSecondRow {
	height: 5px;
}
.dashboardThirdRow {
	height: 5px;
}

.dashboardTableHeader {
    color:#FFFFFF;
    background-color:#2f4d6a;
    text-align: center;
    font-size: 16px; 
    font-family: Helvetica;
    border: none;
    height:20px;
    vertical-align: middle;
    z-index: 500;
    -webkit-border-top-right-radius:6px; 
    -webkit-border-top-left-radius:6px;     
    -moz-border-radius-topright:6px;         
    -moz-border-radius-topleft:6px;             
    border-top-right-radius:6px;                 
    border-top-left-radius:6px;  
}

.dashboardStatusFooter {
	text-align: center;
    border: none;
}

.dashboardSubTableHeader {
	color:white;
    background-color:#1E90FF;
    padding: 0;
    text-align: center;
    border: none;
    height:15px;
    font-size: 12px;
}

.alertNameCol {
	text-align:left;
	white-space: nowrap;
	width: 75%;
	overflow: hidden;
}

.alertTimeCol {
	text-align:left;
	white-space: nowrap;
	width: 20%;
}

.alertColorCol {
	text-align:left;
	white-space: nowrap;
	width: 5%;
}

.tickerfont {
	font-family: Helvetica;
	font-size: 8px;
	color:black;
	text-align: left;
	white-space: nowrap;
	text-decoration: none;
	vertical-align: middle;
}

.dashboardfont2 {
	font-family: Helvetica;
	font-size:11px;
	color:black;
	text-align: left;
	white-space: nowrap;
}

.dashboardfont {
	font-size:11px;
	color:black;
	font-weight:bold;
}
.dashboardEnabledfont {
	font-size:11px;
	color:green;
	font-weight:bold;
}
.dashboardDisabledfont {
	font-size:11px;
	color:red;
	font-weight:bold;
}
.centerAlignColumn {
	vertical-align: top;
	text-align:center;
}
.leftAlignColumn {
	text-align:left;
}
.rightAlignColumn {
	vertical-align: top;
	text-align:right;
}
.bottomAlignRow {
	vertical-align: bottom;
}

.topAlignRow {
	vertical-align: top;
}

.dashboardContentTable {
	 height:100%;
	 border: 1px inset #2f4d6a;
         -moz-border-radius: 10px;
         -webkit-border-radius: 10px;
         -o-border-radius: 10px;
          border-radius: 10px;

         -webkit-box-shadow: 0 3px 9px #666;
         -moz--box-shadow: 0 3px 9px #666;
         -o-box-shadow:  0 3px 9px #666;
         box-shadow: 0 3px 9px #666;

         background-color: #FFFFFF;
}

.testCol1 {
	vertical-align: top;
 	height:200px;
 	width: 65%;
}
 
.testCol2 {
 	vertical-align: top;
 	height:200px;
 	width: 35%;
}

.testCol3 {
 	vertical-align: top;
 	height:200px;
 	width: 35%;
}
/* For callHistory Css  testCol20,testCol30*/
.testCol20 {
        vertical-align: top;
        height:200px;
        width: 21%;
}

.testCol30 {
        vertical-align: top;
        height:200px;
        width: 60%;
}

.fraudCol1 {
	vertical-align: top;
 	height:220px;
 	width: 33%;
}
 
.fraudCol2 {
 	vertical-align: top;
 	height:220px;
 	width: 33%;
}

.fraudCol3 {
 	vertical-align: top;
 	height:220px;
 	width: 33%;
}

.testCol4 {
 	vertical-align: top;
 	height:200px;
 	width: 40%;
}

.testCol5 {
 	vertical-align: top;
 	height:200px;
 	width: 60%;
}

.fraudCol4 {
 	vertical-align: top;
 	height:200px;
 	width: 50%;
}

.fraudCol5 {
 	vertical-align: top;
 	height:200px;
 	width: 50%;
}

.learningCenterFont {
        font-family: Helvetica;
        font-size: 12px;
        text-align: left;
        font-weight:bold;
        margin-left: 30px;
        white-space: nowrap;
}

.learningCenterendPoint {
        font-family: Helvetica;
        font-size: 11px;
        color:black;
        text-align: left;
        margin-left: 20px;
        white-space: nowrap;
        font-weight:bold;
}
.learningCenterCountFont {
        font-family: Helvetica;
        font-size:12px;
        text-align: left;
        font-weight:bold;
        margin-left: 100px;
        white-space: nowrap;
}

.userNameCol {
        text-align:left;
        white-space: nowrap;
        width: 50%;
        overflow: hidden;
}

.devNameCol {
        text-align:left;
        white-space: nowrap;
        width: 50%;
        overflow: hidden;
}

.endpointNameCol {
        text-align:left;
        white-space: nowrap;
        width: 50%;
        overflow: hidden;
}

.endpointCountCol {
        text-align:center;
        white-space: nowrap;
        width: 40%;
}


.uctestCol1 {
        vertical-align: top;
        height:330px;
        width: 33%;
}

.uctestCol2 {
        vertical-align: top;
        height:330px;
        width: 35%;
}

.uctestCol3 {
        vertical-align: top;
        height:330px;
        width: 32%;
}


.uctestCol4 {
        vertical-align: top;
        height:300px;
        width: 33%;
}

.uctestCol5 {
        vertical-align: top;
        height:300px;
        width: 35%;
}

.uctestCol6 {
        vertical-align: top;
        height:300px;
        width: 32%;
}

.ltestCol1 {
        vertical-align: top;
        height:300px;
        width: 33%;
}

.ltestCol2 {
        vertical-align: top;
        height:300px;
        width: 35%;
}

.ltestCol3 {
        vertical-align: top;
        height:300px;
        width: 32%;
}

.ltestCol4 {
        vertical-align: top;
        height:250px;
        width: 33%;
}

.ltestCol5 {
        vertical-align: top;
        height:250px;
        width: 35%;
}
.ltestCol6 {
        vertical-align: top;
        height:250px;
        width: 32%;
}


.learningCenterFont1 {
        font-family: Helvetica;
        font-size: 12px;
        color:black;
        text-align: left;
        margin-left: 30px;
        white-space: nowrap;
        font-weight:bold;
}

.learningCenterendPoint1 {
        font-family: Helvetica;
        font-size: 11px;
        color:black;
        text-align: left;
        margin-left: 20px;
        white-space: nowrap;
        font-weight:bold;
}
.learningCenterCountFont1 {
        font-family: Helvetica;
        font-size: 12px;
        color:black;
        text-align: left;
        margin-left: 100px;
        white-space: nowrap;
        font-weight:bold;
}


.learningcenterfont2 {
        font-family: Helvetica;
        font-size: 11px;
        color:black;
        text-align: left;
        white-space: nowrap;
        font-weight:bold;
}

.productbehaviourfont {
        font-family: Helvetica;
        font-size: 14px;
        color:black;
        text-align: left;
        white-space: nowrap;
        font-weight:bold;
}

.productbehaviourLearnFont {
        font-family: Helvetica;
        font-size: 14px;
        color:green;
        text-align: right;
        margin-left: 120px;
        white-space: nowrap;
        font-weight:bold;
}



.configRow {
	height: 100%;
}

.subMenuCol {
	color:#FFFFFF;
 	vertical-align: top;
 	text-align: center;
        border: none;
 	height:100%;
 	width: 100%;
 	font-size: 14px;
        padding: 2px;
	background-color:#2f4d6a;
	background-repeat:repeat-x;
        -webkit-border-top-right-radius:6px;
        -webkit-border-top-left-radius:6px;
        -moz-border-radius-topright:6px;
        -moz-border-radius-topleft:6px;
        border-top-right-radius:6px;
        border-top-left-radius:6px;
}

.configCol {
	margin-left: 80px;
 	vertical-align: top;
 	text-align: left;
 	height:100px;
 	width: 550px;
 	background-color: #fafafa;
 	border: 2px inset black;
 	overflow: auto;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;

}

.helpCol {
 	vertical-align: top;
 	text-align: right;
 	height:200px;
 	width: 300px;
 	background-color: white;
 	border: 6px outset black;
 	overflow: auto;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;

}

.dummyCol {
 	vertical-align: top;
 	text-align: right;
 	height:200px;
 	width: auto;
 	overflow: auto;
}
.configCol1 {
	margin-left: 60px;
 	vertical-align: top;
 	text-align: left;
 	height:100px;
 	width: 580px;
 	background-color: #fafafa;
 	border: 2px inset black;
 	overflow: auto;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;

}

.configCol2 {
	margin-left: 60px;
 	vertical-align: top;
 	text-align: left;
 	height:100px;
 	width: 750px;
 	background-color: #fafafa;
 	border: 2px inset black;
 	overflow: auto;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;

}
.configCol3 {
	margin-left: 60px;
 	vertical-align: top;
 	text-align: left;
 	height:100px;
 	width: 700px;
 	background-color: #fafafa;
 	border: 2px inset black;
 	overflow: auto;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;

}
.helpCol1 {
 	vertical-align: top;
 	text-align: right;
 	height:200px;
 	width: 250px;
 	background-color: white;
 	border: 6px outset red;
 	overflow: auto;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;

}

.dummyCol1 {
 	vertical-align: top;
 	text-align: right;
 	height:200px;
 	width: auto;
 	overflow: auto;
}

.statCol1 {
 	vertical-align: top;
 	height:100%;
}

.statCol2 {
 	vertical-align: top;
 	height:100%;
}

.standardTable {
	width: 100%;
	height: 100%;
	empty-cells:show;
	border: 2px double #2f4d6a;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;

}

.ui-datatable.ui-widget.standardTable th {
    background-color: #2f4d6a;
    color: white;
}

.standardTable2 {
	width: 100%;
	height: 100%;
	empty-cells:show;
}

.dashboardTimeHeader {
        color:black;
    background-color:white;
    padding: 1;
    text-align: right;
    border: none;
    height:25px;
    font-size: 13px;
}
.dashboardSystemName {
        color:black;
    background-color:white;
    text-align: left;
    border: none;
    font-size: 15px;
}

.dashboardStyle {
	border: 1px double #D3D3D3;
	padding: 2px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
        background-color: #FFFFFF;
}

.loginBgClass {
	height: 75px;
	background: #2f4d6a url('../images/redshiftLogo_whitebg.svg') no-repeat 30px 10px;
	background-size: 200px 50px;
	width:100%;
	-webkit-box-shadow: 0 3px 9px #666;
        -moz--box-shadow: 0 3px 9px #666;
        -o-box-shadow:  0 3px 9px #666;
        box-shadow: 0 3px 9px #666;
}

body{
	/*background-color: #FBFBFB;*/
	font-family: Helvetica;
	font-size: 8;
	margin: 0px;
	padding: 0px;
	/*
	background: url('../images/appLogo.jpg') no-repeat left 10px;
	background-size: 200px 45px;
	background-image: url('../images/rs_logo_new2.jpg');
	background-repeat: no-repeat;
	*/
        height:640px;
	overflow-x: hidden;
}

select {
	font-family: Helvetica;
	font-size: 11px;
}

input {
	font-family: Helvetica;
	font-size: 11px;
}

label {
	font-family: Helvetica;
	font-size: 11px;
}

span {
	font-family: Helvetica;
	font-size: 11px;
}

table {
	font-family: Helvetica;
	font-size: 12px;
}

td {
	font-family: Helvetica;
	font-size: 11px;
}
 
/*
h1 {
	border-bottom:1px dotted #0A4369;
	letter-spacing:-2px; 
	line-height:0.9em; 
	
	color:white;
	font-size:180%;
	margin:0px;
	word-spacing:1px;
	background-image:url('../images/gradient4.png');
}*/

.outerx{
	width:100%;
	height: 78px;
	background:#fff url(../images/rs_logo.png) no-repeat left top;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	color:white;
	text-align: right;
	font-size:12; 
	font-family: Helvetica;
	font-weight:bold;
}

.innerx{
	background:transparent url(../images/rs_logo_extn.png) repeat-x right top;
	width:100%;
	height: 78px;
	position: absolute;
	top: 0px;
}

.col1 {
	text-align: left;
	vertical-align: top;
	width: 5%;
	padding: 3px;
}

.col2 {
	width:80%;
	vertical-align: top;
	padding: 3px;
}

.col3 {
	width:15% ;
	vertical-align: top;
}

.roundedBorder {
    border: 1px solid #acacac;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
     border-radius: 10px;

    -webkit-box-shadow: 0 1px 3px #666;
    -moz--box-shadow: 0 1px 3px #666;
    -o-box-shadow:  0 1px 3px #666;
    box-shadow: 0 1px 3px #666;

}

.attacks-scroll { width:330px; }
.attacks-scroll tr { font-size: 11px; font-weight:bold; text-align: center}
.attacks-scroll .thumbnail { float:left; width:110px; }
.attacks-scroll .info { float:right; width:190px; }
.attacks-scroll .info span.cat { display: block; font-size:8px; color:#808080; }

.attacks-scrol { width:96%; }
.attacks-scrol tr { font-size: 11px; font-weight:bold; text-align: center}
.attacks-scrol .thumbnail { float:left; width:110px; }
.attacks-scrol .info { float:right; width:190px; }
.attacks-scrol .info span.cat { display: block; font-size:8px; color:#808080; }

.alerts-scroll { width:330px; }
.alerts-scroll tr { font-size: 11px; font-weight:bold; text-align: center}
.alerts-scroll .thumbnail { float:left; width:110px; }
.alerts-scroll .info { float:right; width:190px; }
.alerts-scroll .info span.cat { display: block; font-size:8px; color:#808080; }

.sessions-scroll { display: block; width:170px; text-align: center; height: 22px;}
.sessions-scroll tr { font-size: 11px; font-weight:bold; text-align: center; width: 80px;}
.sessions-scroll .thumbnail { float:left; width:110px; }
.sessions-scroll .info { float:right; width:190px; }
.sessions-scroll .info span.cat { display: block; font-size:8px; color:#808080; }

#holder {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
     border-radius: 10px;
    -webkit-box-shadow: 0 1px 3px #666;
    -moz--box-shadow: 0 1px 3px #666;
    -o-box-shadow:  0 1px 3px #666;
    box-shadow: 0 1px 3px #666;
    border: 1px solid black;
    margin: 0 auto;
    width: 330px;
    height: 135px;
}

.prev {
	width: 11px;
	height: 9px;
}

.next {
	width: 11px;
	height: 9px;
}

.prev2 {
	width: 11px;
	height: 9px;
}

.next2 {
	width: 11px;
	height: 9px;
}

.noDisplay {
	display: none;
}

.reportsHeader {
	color: black;
 	vertical-align: top;
 	text-align: left;
 	height: 100%;
 	width: 100%;
 	font-size: 20px;
}

.reportsCalendar {
	color: black;
 	text-align: center;
 	height: 100%;
 	width: 100%;
 	font-size: 13px;
	background-color: #cccccc;
}

.reportsDate {
	color: black;
 	text-align: right;
 	height: 100%;
 	width: 100%;
 	font-size: 10px;
}

.reportLeft {
	width: 20%;
	vertical-align: top;
	height:auto;
}

.reportRight {
	width: 80%;
	vertical-align: top;
	height:auto;
}

.reportIcon {
	text-decoration: none;
	width: 10px;
	height: 10px;
}

.reportCol1 {
	text-align: left;
	vertical-align: top;
	width: 250px;
	padding: 3px;
}

.reportCol2 {
	width:auto;
	vertical-align: top;
	padding: 3px;
}

.reportTableCol1 {
	text-align: left;
	vertical-align: top;
	width: 800;
	text-decoration: none;
}

.reportTableCol2 {
	text-align: center;
	vertical-align: top;
	width: 150;
	text-decoration: none;
}

.reportClass1 {
	background-color: #FFE4B5;
	border: 1px solid gray;
	font-size; 11px;
	font-weight: bold;
	width: 100%;

}

.reportClass2 {
	background-color: white;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
}

.reportOddRows {
	color: black;
	background-color: white;
        text-align: left;
        border: 1px solid gray;
	text-decoration: none;

}

.reportEvenRows {
	color:black;
	background-color: #FFDAB9;
        text-align: left;
        border: 1px solid gray;
	text-decoration: none;

}

.tableRollOverEffect1{
	background-color:#e2e7e9;
	color:#FFF;
}

.tableRollOverEffect2{
	background-color:#e2e7e9;
	color:black;	
	font-size: 11px;
	 text-align: center;
}

.c1 {
    width: 18%;
    text-align: center;
    background-color:#FCE6C9;
    color:black;	
	font-size: 11px;
    font-weight: bold;
}

.c2 {
    width: 18%;
    text-align: center;    
    color:black;	
	font-size: 11px;
}

.labelColumnClass {
	width: 100px;
}

.valueColumnClass {
	width: 300px;
}

.footer1{
   position:absolute;
   bottom:0;
   width:100%;
   height:30px; 
}


.footer2{
   position:absolute;
   bottom:-150px;
   width:100%;
   height:30px;
}
#wrapper {
	min-height:100%;
	position:relative;
}

#content {
	padding: 10px;
	padding-bottom: 40px;   /* Height of the footer element */
}
#footer {
	width: 100%;
	height: 0px;
	position:absolute;
	bottom: 0;
	left: 0;
        min-width:1200px;
	
}
.dialogTableHeader {
	color:white;
      	background-color:#FF7474;
     	padding: 2;
     	text-align: center;
     	border: none;
    	font-size:10;
}
.dialogstandardTable {
	width: 100%;
 	height: 100%;
 	empty-cells:show;
 	border: 3px double #99CC99;
}
.ui-datatable .ui-datatable-data td {
               border-bottom-color:#2f4d6a;
               border-bottom-style:solid;
               border-bottom-width:1px;
               border-right-color:#2f4d6a;
               border-right-style:solid;
               border-right-width:1px;
               border-left-color:#2f4d6a;
               border-left-style:solid;
               border-left-width:1px;
               border-top-color:#2f4d6a;
               border-top-style:solid;
               border-top-width:1px;

               }

.ui-datatable tr.ui-datatable-even:hover {
             background: #e2e7e9;
             }

.ui-datatable tr.ui-datatable-odd:hover {
              background: #e2e7e9;
             }

.ui-datatable tr.ui-datatable-even{
             background: #e2e7e9;
           }
.ui-datatable tr.ui-datatable-odd {
               background:#FFFFFF;
               }

.ui-datatable.table th {
        color:#FFFFFF;
        font-size:12px;
        background-color: #2f4d6a;
	text-align:center;
	border-color: #2f4d6a;
	font-family: Helvetica;
        }

.ui-tooltip {
              max-width: 300px;
              color:red;
              background-color:#faf6f0;
              position: absolute;
              left:4px;
              top:-22px;
              font-size:12px;
              border-color:#d0860b;
           }

#my{
   font-size: 12px;
   }

u{
  font-size: 14px;
  font-weight:bold;
}

P { 
  line-height : 125%;
  }

.ui-dialog .ui-dialog-titlebar {
            background-image: url('../images/ui-bg_gloss-wave_75_2191c0_500x100.png');
            height:35px;
}

.ui-dialog .ui-dialog-title {
            font-size: 12px;
            color:white;
}

.ui-dialog .ui-dialog-content {
              background-color:white;
}

li.ui-selectonemenu-item{
    font-size:11px;
     }
.ui-selectonemenu-label{
     font-size:11px;
      }

 .ui-datatable tr.ui-state-highlight {
    cursor: pointer;
    background-color: #66CDAA;
}
.list-row-even {
        background-color: #FFFACD;
        font-size: 12px;
        text-align: left;
        margin-left: 30px;
}
.list-row-odd {
        font-size: 12px;
        text-align: left;
        margin-left: 30px;
}
/* For Image Blinking */
img{
    cursor: pointer;
}
.blinking{
    -webkit-animation: blink 0.5s infinite;
    -moz-animation: blink 0.5s infinite;    
    animation: blink 0.5s infinite;
}

@-webkit-keyframes blink{

    0%{ opacity:0;}
    100%{opacity:1;}
}

@-moz-keyframes blink{
    
    0%{ opacity:0;}
    100%{opacity:1;}

}
        
@keyframes blink{

    0%{ opacity:0;}
    100%{opacity:1;}

}

#tinybox {position:absolute; display:none; padding:10px; background:#fff; border:10px solid #e3e3e3; z-index:2000; overflow:auto;}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

/*
.ui-menubar{                                                                    
    width:auto;
    min-width: 1110px;                                                                 
    height:28px;                                                                
    clear:none;                                                                 
    font-size: 12px !important;
    border:none !important;
    font-weight: bold !important;
    color:#ffffff;
}

.ui-menu-child .ui-menuitem{                                                    
    font-size: 10px !important;
    font-weight: bold !important;
    color:#ffffff;
} 
ul li.ui-menuitem-active>a{                                                     
    background-image: none !important;                                          
    background-color:#2f4d6a !important;                                   
    border:none !important;
    color:white !important;
}                                               

li ul li.ui-menuitem-active>a{                                
    background-image: none !important;          
    background-color:#2f4d6a !important;                           
    border:none !important;
    color:white !important;
}
*/

.logoImgTop{
    margin-top:10px;
    margin-left:5px;
 }

body .ui-button.ui-button-text-icon-left .ui-button-text{
  background-color: #2f4d6a !important;
  background: none;
  margin-left: 6px !important;
  margin-top: 1px !important;
}


//File Upload color changes

body .ui-fileupload .ui-fileupload-buttonbar {
  border: 1px solid #ebeef0;
  background-color: #0c6fd000 !important;
  color: #333;
  padding: .571em 1em .571em 1em;
}
body .ui-fileupload .ui-fileupload-content {
  border: 1px solid #fff !important;
}

body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon {
  background-color: #dd1414 !important;
  border: 1px solid #fff;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
    background-color: white !important;
}

body .ui-button {
/*
  border: 1px solid #fff !important;
  color: #fff !important;
*/
  background-color: #2f4d6a !important;
  border: 1px solid #2f4d6a;
}

body .ui-inputfield {
  background: #fff;
  height: 22px !important;
  width: 80px !important;
}

//Adjusting toggleSwitch

.ui-toggleswitch .ui-toggleswitch-slider {
  border-radius: 30px;
  background: #d96969 !important;
}

.ui-toggleswitch:not(.ui-state-disabled) .ui-toggleswitch-slider {
  background-color: #d96969 !important;
}

 .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
  background-color: #2f4d6a !important;
}


.ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider::before {
  background-color: white !important;
}
.ui-toggleswitch-slider::before {
  background-color: white !important;
}
.ui-selectonemenu label .ui-selectonemenu-label {
  min-width: 100px !important;
  max-width: 100% !important;
}
body .ui-tabs .ui-tabs-panels{
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.breadcrumb {
    background-color: #f0f0f0;
    padding: 10px;
    border-radius: 5px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
}

.breadcrumb a {
    text-decoration: none;
    color: #007bff;
}

.breadcrumb a:hover {
    text-decoration: underline;
}
/*
body .ui-panelmenu .ui-panelmenu-header.ui-state-active a {
	color: #fff !important;
}*/

.ui-tabs-header.ui-tabs-selected.ui-state-active {
    background-color: #2f4d6a !important;
}
/*
body .ui-toolbar {
 padding: 5px !important;
}
*/
.ui-panelmenu .ui-menu-parent .ui-menu-list {
  margin-left: 2.5em !important; 
}
body .ui-datepicker .ui-datepicker-calendar td a, 
body .ui-datepicker .ui-datepicker-calendar td .ui-state-default{
  background-color: #fff;
}