/*response grid for login logo */
/*defaut condition,all colum disable.  */
.rwd-grid .ui-block-a,
.rwd-grid .ui-block-b
{
    width: 100%;
    float: none;
}
.rwd-grid .ui-block-a{
	text-align:center;
}
img.logo {
	width:140px;
}

@media (min-width: 10em) {
	.jqm-demos .jqm-content {
		width: 90%;
	}
	#nav-menu-bar {
	   display: inline;
	}
	#reimberseMainItemAddBtn {
		display: inline;
	}
}

@media (min-width: 35em) {
	/*response grid for login logo */
	.rwd-grid .ui-block-a,
	.rwd-grid .ui-block-b
	{
	    float: left;
	}
	.rwd-grid .ui-block-a{
		width:30%;
		max-width:300px;
	}
	.rwd-grid .ui-block-b{
		width:70%;
	}
	img.logo {
		width:100%;
	}
	.rwd-grid .ui-block-b label {
		text-align: right;
	}

	/* img virtical middle*/
	.ctn-div {
	  display: table-cell;
	  height: 120px;
	  text-align: center;
	  vertical-align: middle;
	}
	.ctn-div .ctn-item {
		display:inline-block;
	}
	
	.jqm-demos .jqm-navmenu-panel {
	  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	  box-shadow: none;
	  clip: initial;
	  float: left;
	  left: 0;
	  position: relative;
	  transform: none !important;
	  transition: none 0s ease 0s  !important;
	  visibility: visible;
	  width: 25%;
	}
	
	.jqm-demos .jqm-content {
	  float: right;
	  padding-left: 5%;
	  padding-right: 3%;
	  padding-top: 2em;
	  width: 67%;
	}
	#nav-menu-bar {
	   display:none;
	}
	#reimberseMainItemAddBtn {
		display:none;
	}
	/*updateinfo logo*/
	.version-logo{
	   display:block;
	}
}

.jqm-demos .jqm-footer.ui-footer {
  bottom: 0;
  padding-bottom: 0;
  position: absolute;
}
div.myActionBar {
	margin-top: 1cm;
}
div.fixed-top-container > label {
	text-align:right;	
}

.font-red {
	color:red;
}
.font-green {
	color:green;
}

#nav-menu-bar {
	left: -0.45em;
	top: -0.5em;
}

.jqm-demos > .ui-content {
	margin-top: 0.5em;
}

.formFixedValue {
	margin: 0.5em 2% 0px 0px;
	float: left;
}
.formWithBtnLevel {
	padding: 1.2em 0;
}
.formWithSwitchLevel {
	padding: 0.6em 0;
}

.input-disabled,
.input-readonly{
	 background-color:#eee !important;
 }
 .inner-contain > label,
 .inner-contain > div
 {
   float: left;
 }
 .inner-contain > label {
   margin:1em 0.5em 0 0;
 }
/***required field **/
.required label {
    font-weight: bold;
}
.required label:after {
    color: #e32;
    content: ' *';
    display:inline;
}