.ui-input-invalid {
     color: red;
}

.red{
  color: red;   
}
#appHomeContainer.appHomeContainer {
  width:100%;
  align-content: center;
  vertical-align: middle;
  
}
#appHeaderContainer.appHeaderContainer{
   box-sizing: content-box;
   border-bottom: solid 1px #d75111;
   border-top: solid 1px #d75111;;
   background: #000309;
   background: -moz-linear-gradient(top, #aaaaab 0%, #000309 100%);
   background: -webkit-gradient(left top, left bottom, color-stop(0%, #ee6625),
      color-stop(100%, #F15A29));
   background: -webkit-linear-gradient(top, #aaaaab 0%, #000309 100%);
   background: -o-linear-gradient(top, #aaaaab 0%, #000309 100%);
   background: -ms-linear-gradient(top, #aaaaab 0%, #000309 100%);
   background: linear-gradient(to bottom, #aaaaab 0%, #000309 100%);
   -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
   box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
  white-space:nowrap; 
  height:105px;
  width:100%;
   
}



#privBar{
  background-color:#003466;
  display:block;
  width: 100%;
  height: 45px;
  padding-top: 5px;
  color:#FFFFFF;
  font-size:12px;
  white-space:nowrap;
  text-align:center;
}
psText{
  font-family: Arial,sans-serif;
  font-size: 9pt;
  font-weight: normal;
  font-style: normal;
  color: rgb(60,60,60);
}

.ui-menubar, .ui-menu-child,.ui-menu {
  background-color: #D3D3D3 !important; 
  background: transparant;
  font-family: Arial,Tahoma, Verdana;
  font-size:13px !important;
  color: #333333;
  overflow: visible !important;

}

.LOGOFFCMD {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  color: #ffffff;
  text-decoration: none;
  margin: 0 1em;
}


#pthdr2syslinks.pthdr2syslinks {
  overflow:hidden; 
  position:absolute; 
  top:25px; 
  right:0; 
  float:right; 
  margin:0; 
  padding:0;
  font-family: Arial,Verdana,Helvetica,sans-serif !important;
  font-size: 10pt !important;
  font-weight: bold !important;
  color: #444444;
}


.topMenu {
  font-family: Arial,Verdana,Helvetica,sans-serif !important;
  font-size: 10pt !important;
  font-weight: bold !important;
  color: #444444;
}

.createPftEventDialog {
  width:70% !important; 
  height:80% !important; 
  top:10% !important; 
  left: 15% !important;
}

.unusedEventsDataTable {
  font-family: Arial,sans-serif !important;
  font-size: 8pt !important;
  width: 95%;
  display: block;
  text-align: center;      
}

.availParticipantsDataTable {
  font-family: Arial,sans-serif !important;
  font-size: 8pt !important;
  width: 95%;
  display: block;
  text-align: center;      
}

.assessmentsDataTable {
  font-family: Arial,sans-serif !important;
  font-size: 8pt !important;
  width: 60%;
  display: block;
  text-align: center;    
}

.assessmentDtlDataTable {
  font-family: Arial,sans-serif !important;
  font-size: 8pt !important;
  width: 75%;
  display: block;
  text-align: left;      
}

.activityListDataTable {
  font-family: Arial,sans-serif !important;
  font-size: 8pt !important;
  table-layout:fixed !important;
  width:100% !important;  
}

.invDataTable {
  font-family: Arial,sans-serif !important;
  font-size: 8pt !important;
  table-layout:fixed !important;
  width:100% !important;
}

.issueItemDataTable {
  font-family: Arial,sans-serif !important;
  font-size: 8pt !important;
  table-layout:fixed !important;
  width:60% !important;
}

.cadetIssuedItemsDataTable {
  font-family: Arial,sans-serif !important;
  font-size: 8pt !important;
  table-layout:fixed !important;

}

.orderListDataTable {
  font-family: Arial,sans-serif !important;
  font-size: 8pt !important;
  table-layout:fixed !important;

}

.orderDetailsDataTable {
  font-family: Arial,sans-serif !important;
  font-size: 8pt !important;
  table-layout:fixed !important;

}

.cadetSearchDataTable {
  font-family: Arial,sans-serif !important;
  font-size: 8pt !important;

}

.consentFormDataTable {
  font-family: Arial,sans-serif !important;
  font-size: 8pt !important;
  width: 80%;
  display: block;
  text-align: center;
  
}

.eventsDataTable {
  font-family: Arial,sans-serif !important;
  font-size: 8pt !important;
  width: 60%;
  display: block;
  text-align: center;
  
}

/*  data-exporter symbol shown in the upper right
    corner of the datatable */

.ui-paginator a, .exporter .ui-datatable-header a {
  float: right;
  margin-right: 5px;
}

.ui-widget {
  font-size: 90%;
}

.panelNoBorder, .panelNoBorder tr, .panelNoBorder td{
border: hidden;
border-color: white;
}

.returnableFilterGrid.ui-panelgrid>*>tr,
.returnableFilterGrid.ui-panelgrid .ui-panelgrid-cell {
  border: none;
  background: transparent;
  width: 50%;
}

.eventDetailGrid.ui-panelgrid>*>tr,
.eventDetailGrid.ui-panelgrid .ui-panelgrid-cell {
  border: none;
  background: transparent;
  margin: auto 10px;
  width: 50%;
}


.centered {  
  text-align: center;
  margin: auto 0px;
  float: left;
}