@media only screen and (min-width: 1025px)
{
  .ui-page
  {
    width: 840px !important;
    margin: 0 auto !important;
    position: relative !important;
    border: 1px solid gray !important;
  }
}
@media only screen and (max-width: 447px)
{
 .searchSelection
 {
   margin-bottom:40px;
 }
}
@media only screen and (max-width: 900px)
{
  ul#results li a {white-space:normal;}
}
/* Remove button ------------------------------------*/
/*.searchSelection div.ui-input-text {
  width:72%;
  float:left;
}*/


.searchSelection div.ui-input-text {
  opacity:100;
  width:72%;
  float:left;
  border:none;
}

.searchSelection div.ui-input-text input {
  background-color:#176F8C;
  border-color:black;
  color:#fff;
  text-shadow:none;
  font-weight:bold;
}

.ui-field-contain>label~.ui-btn-inline {
  width:28px;
  height:28px;
  float:right;
  margin-right:0;
  margin-top:3px;
}

@media only screen and (max-width: 900px) and (min-width: 448px){
  .searchSelection div.ui-input-text {
    width:70%;
  }
}

@media only screen and (max-width: 447px) { 
  .searchSelection div.ui-input-text {
    width:80%;
  }
}

/* /remove button ----------------------------------*/
div.searchGroup:nth-of-type(1) {
  background-color:#a8e0f2;
  padding:15px 12px 15px;
}
div.searchGroup {
  background-color:#a8e0f2;
  padding:1px 12px 15px;
}

div.searchGroup:nth-last-of-type(1){
  background-color:#a8e0f2;
  padding:1px 12px 15px;
}


div.searchGroup>div {
  margin:1px auto;
}

div.searchGroup .ui-field-contain {
     margin: 0;
}


:not(.searchGroup)+div.searchGroup {
  margin-top:30px;
  padding-top:14px;
}

div.searchGroup+:not(.searchGroup) {
margin-top:30px;
}

div.searchSelection.ui-field-contain {
margin: 20px auto;
}

div[id^="search__"]>div.searchSelection 
{
  margin-top:20px;
}

.SearchOpacity
{
    opacity: 0.4;
}


@media only screen and (max-width: 447px) { 
  div.searchGroup>div.searchSelection{
    margin-bottom:45px;
  }
  
  div.searchGroup>:not(.anything) { /* reduce vertical padding on narrow screens */
    padding-bottom:0;
  }
  
}
.companyLogo {
  height:54px;
  margin:12px 6px;
  float:left;
}
.currentUser{
  margin:16px;
  padding-left:8px;
  font-size:0.9em;
}

.list-view {
    overflow: auto;
    -webkit-overflow-scrolling:touch;
}

input.file {
	position: relative;
	text-align: left;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

.buttonArea {
  text-align:center;
  margin:40px auto 30px;
  padding:4px 16px;
  background-color:#E2E2E2;
  border:1px solid #CECECE;
}

.buttonArea .ui-btn {
  margin:14px 0;
}

textarea.ui-input-text {
  height:150px !important;
}
.popupButtons {
  margin-top:30px;
}

input::-o-outer-spin-button,
input::-o-inner-spin-button {
    -o-appearance: none;
    margin: 0;
}

.ui-field-contain .ui-input-datebox 
{ 
width:98%; 
}
.ui-field-contain
{ 
border:0;
}

.ui-field-contain.showError {
    border-bottom-width: 1px;
}

.ui-listview .ui-li-icon{
    max-height: 24px; 
    max-width: 24px;
    margin-left:7px;
    margin-top:5px;
}

.ui-listview.taller>.ui-li-has-icon>.ui-btn, 
.ui-listview.homeList>.ui-li-has-icon>.ui-btn { 
padding-left:3.1em; 
}


.ui-listview .ui-li-heading, .ui-listview .ui-li-desc{
    margin-left:12px;
}

.ui-listview .ui-link-inherit {
    margin-left:10px;
}

.ui-disabled img, 
.ui-disabled h2 {
filter: Alpha(Opacity=30); 
opacity: .3;
cursor: default !important; 
pointer-events: none;
}


.homeList .ui-li{
  padding:1px;
}

.homeList .ui-li-icon {
  margin-top:4px;
}
.homeList a.ui-disabled {
opacity:1;
}  

.ui-popup .ui-title {
  margin-right:15px; 
  margin-left:15px; 
  font-weight:normal;
}

.homeIcon 
{
    margin-top:16px;
    margin-left:16px;
}

.headerIcon
{    
    margin-top:16px;
    max-height: 24px; 
    max-width: 24px;        
    margin-top:10px;
    margin-right:70px;
    float:right;        
}

.headerIconSec
{    
    margin-top:16px;
    max-height: 24px; 
    max-width: 24px;        
    margin-top:10px;
    margin-right:85px;
    float:right;        
}

.repname_date 
{
  font-weight:normal;
  margin-left:5px;
}
	
.hideelement
{
   display:none;
}

.label{
	font-size:small;
	color:gray;
	font-weight:normal;
	margin-left:20px;
}

.dialog_label{
	color:gray;
	font-weight:bold;
	padding: 5px 30px 5px 5px;
}
	
.moreList {
	color:gray;
}

.status {
	margin-right:20px;
	margin-bottom: 0px;
	margin-top:0px;
	float: right;
}

.comments {
	margin-top:70px;
	color:gray;
	text-align:left;
}

.reportId {
    margin-left:20px;
    font-weight: normal;
    color:gray;
    font-size:1em;
}

hr {
 margin: 30px 2px;
  color: #D3D3D3;
  background-color: #D3D3D3;
  height:1px;
  line-height:0;
  border-width:0;
}

.mandatory {
    color:red;
    font-weight:bold;
}

ul.taller li a.ui-btn { 
padding:1.1em 1em;
} 


.liContent li a p {
    padding: 3px 0px;
    font-size:0.85em;
}

.liContent li h2 {
    margin-bottom:20px;
}


.blueLabel 
{
    color:#4E81B3;
    font-weight:bold;
}

.fieldError {
  font-weight:bold;
  color:red;
}

.errorList {
  padding:8px 15px;
  margin:0;
}

.errorList li {
  margin-bottom:9px;
}

.showError {
  background:#FCE5E5;
  padding:10px;
  border:1px solid #FFBFBF;
}

.existingCount {
  color:#FF0000;
  margin-left:10px;
  font-weight:normal;
  font-size:0.8em;
  background-color:#FFE5E5;
}

.helpList .list-divider 
{
padding:1em; 
}


.ui-listview.termList>li p 
{
  font-size:0.9em;
  white-space:normal;
  padding:5px 0;
}

.helpImage {
  margin:26px auto;
  display:block;
  max-width:90%;
  padding:7px;
  background-color:#FFFFFF;
  border:1px solid #E2E2E2;
}

div.ui-collapsible-set { padding:10px 0;}