@charset "utf-8";
/* CSS Document */

.top_heading{
margin-top:10px
}
.top_heading .ui-btn{
margin:-1px;

}

.arrow{display:inline-block; float:right;margin-right:1%}

.arrow a[data-iconpos="right"] .ui-btn-inner{
padding:4.5px 35px 4.5px 10px ;
}

.top_heading .ui-input-search{

background-color:#FFFFFF
}

.ui-controlgroup-horizontal .ui-input-text{
float:left;
 clear: none;
    float: left;
    margin: 0;
	border-radius:0 0 0 0 !important;
}


.ui-controlgroup-horizontal .ui-input-text .inputno {
   width:35px!important;
}

.ui-controlgroup-horizontal .ui-input-text{width:68px!important}

.ui-controlgroup .ui-input-text .inputno {
height: 16px;
padding: 0.45em 10px;
}

.floating div.ui-controlgroup-label, .floating div.ui-controlgroup-controls{
float:left!important;
} 

.ui-field-contain .ui-controlgroup-label{
display:inline-block
}

@media ( max-width: 35em ) {/**panel**/
.ui-panel {
    border-width: 0;
    display: block;
    max-height: none;
    min-height: 100%;
    position: absolute;
    top: 0;
    width: 8em;
}

.res{
width:100%
}
}
.res{
margin:auto;
display:inline-block;
text-align:center
}/**
calender

**/

.ui-datebox-container {
border: 5px solid #0099FF!important;
background-color:#FFFFFF}




.lastbutn{
margin-top:40px
}
.small{
font-size:small;
text-align:center;
padding:5px;
margin-top:10px
}

.transaction a.ui-link-inherit{
padding: .3em 15px !important;
display: block;
}

.list1 h2 {
margin-left:40%;
font-weight:normal;
}

.list1 li .ui-link-inherit .first{
margin: -3em 0 .6em ;
color:#2d84d0 ;
}

.list2 li .ui-li-desc{
/*float:left;
display:inline-block;
width:40%;*/
}
/***************************************************************************************************************************************

bar chart
*******************************/
div.bar_graph{
margin-bottom:.8em
}

ul.bar_graph{
list-style-type:none !important;
background-color:#378bd3;
padding:0;
margin-bottom:.4em;
margin-top:.4em
}
.bar_graph li{
background-color:#166eb8;
height:30px;

}

.graph-text{
display:block;
font-size:.8em
}

.graph_indicator1, .graph_indicator2{
width:.8em;
height:.8em;
background-color:#378bd3;
display:inline-block;
margin-right:.5em}

.graph_indicator2{
background-color:#166eb8;
}

ul.transaction a{
text-decoration:none
}


.ui-grid-1-2 .ui-block-a p:first-child{
font-weight:bolder;
}

.add-card{
moz-box-shadow: 0 0px 0px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/ !important;
-webkit-box-shadow: 0 0 0 /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/ !important;
box-shadow: 0 0 0 /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/ !important;
border:none;
background:transparent;
margin:0;
padding:0;
text-align:left;
}

.add-card .ui-btn-inner{border-top:0}


.topSubHeading
{
color:#3A92DE;
font-weight:normal;
padding-top:20px;
border-bottom:1px solid;
padding-left:0px;
}

.forPlaceHolderOnly
{
font-size:12px;
color:#CCCCCC;
font-style:italic;
}

.arrow-left:after {
    content:"";
width: 0; 
	height: 0; 
top: 8.5px;
left: -5px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent; 
	
	border-right:5px solid #D2D2D2;
			position: absolute;
}

.arrow-left{
border:#D2D2D2 1px solid;
display:inline-block;
padding:3px;
position:relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: grey;
font-weight:normal;
text-shadow:0 0 0 transparent;
background-color:#FFFFFF;
height:20px;
line-height:20px;
min-width:20px;
}

@media ( max-width: 21em ) {/**panel**/
.arrow-left:after {
    content:"";
width: 0; 
	height: 0; 
left: 8.5px;
top: -10px;
border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-bottom: 5px solid #D2D2D2;	
			position: absolute;
}
}

.ui-grid-1-2 .ui-block-a p, .ui-grid-1-2 .ui-block-b p{
margin-top:8px;
margin-bottom:8px;
}

.ui-bar-yellow {
	background: 			beige /*{a-bar-background-color}*/;
}

.ui-content .navigation-sub {
margin-top: -15px;
display: block;
width: 100%;
right: 0;
left: 0;
position: absolute;}


.descriptionText
{
word-wrao:break-word; height:auto;white-space:normal;font-size:12px; font-weight:normal;line-height:20px;
}
.ui-header .topHeading
{
text-align:right; 
margin:.9em 10px .4em 30%;
}
.cardIconImages
{
margin-top:20px; margin-left:5px; border:1px solid #000000;
}