#welcomepage {
    padding: 0px;
}

html {
    margin: 1px;
}

.ui-datatable-reflow .ui-datatable-data th[role="gridcell"] .ui-column-title {
    display: inline-table !important;
}

.displaytableheader {
    display: inline-table !important;
}

a:link, a:visited {
  color: #045491;
  font-weight : normal;
  text-decoration : underline;
}

a:link:hover, a:visited:hover  {
  color: #045491;
  font-weight : bold;
  text-decoration : underline;
}

.capitalized {
    text-transform: capitalize;
}

body {
    height: 100%;
    width: 100%;
    padding-right: 5px;
    background-color: #ffffff;
    font-size: 12px;
    font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    color: #000000;  
}

h1 {
    font-size:20px;
    font-weight:bold;
}

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

h3 {
    font-size:12px;
    font-weight:bold;
}

.chartcolumn1 {
    vertical-align: top;
}

.chartcolumn2 {
    text-align: center;
}

.chartcolumn3 {
    vertical-align: top;
}

.noBorder tr, .noBorder td { 
    border: none !important; 
}

.noBorder {
    border: none !important;
}

.noBorderTansparent tr, .noBorderTansparent td { 
    border: none !important; 
    background: transparent !important;      
}

.withBorder tr, .withBorder td { 
    border: 2px !important; 
}

.noPadding {
    padding: 0px !important;
}

.noMargin {
    padding: 0px !important;
}

.pageActionButtons {
    margin: 0px;
    margin-top: 30px;
    padding: 0px !important;
    border: lightblue 2px;
}

.ui-datagrid-no-border .ui-datagrid-content {
   border: none;
} 

.ui-panel-content {
    padding: 0.25em !important;
    padding-right: 0 !important;
}

.transparentBackground tr, .transparentBackground td { 
    background: transparent !important; 
}

noBorderTable {
    border: none !important;
}

td .filtered {
    display: block;
}

.filtered.yes {
    background-color: yellow !important;
}

.filtered.no {
    background-color: green !important;
}

.ui-datatable-scrollable-theadclone {
   visibility: hidden !important;
   height: 0px !important;
}

.ui-datatable-scrollable-theadclone > .ui-state-default > .ui-sortable-column > .ui-filter-column {
   height: 0px !important;
}

.ui-layout-pane {
    /* border: 3px solid  #DDE6E9; */
    border: none;
}

.ui-layout-unit .ui-layout-unit-content {
    padding: 0 !important;
}

.ui-layout-pane-north {
    border: 0;
}

.ui-layout-pane-south {
    border: 0;
    margin: 5px;
}

.ui-layout-north {
    z-index:20 !important;
    overflow:visible !important;
}

.ui-layout-north .ui-layout-unit-content {
    overflow:visible !important;
}

.ui-layout-south .ui-layout-unit-content {
    overflow:visible !important;
}

.ui-layout-pane-west .ui-widget-content {
    background: #EAEDF0 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    border: none;
    margin-top: -6px;
    padding-top: 10px !important;
}

.ui-widget, .ui-widget .ui-widget {
    font-size:14px;
}

.ui-state-disabled {
    opacity: 0.85 !important;
}

.ui-dialog {
    width: auto !important;
}

.imageViewButton {
    padding: 0px; 
    margin: 0px; 
    width: 60px;
}

th.filtered {
  background-color: lightyellow !important;
}

.mapClass {
    width: 100% !important;
    height: 650px !important;
}

.gangabsence .fc-event-inner {
    background: grey !important;
    color: whitesmoke ! important;
}

.jobpermit .fc-event-inner {
    background: darkcyan !important;
}

.jobtask .fc-event-inner {
 }

.jobtask-permitted .fc-event-inner {
    background: darkseagreen !important;
    color: black;
 }

 .fc-event-time {
    display:none;
}
 
p {
    margin-left:5px;
    font-size:13px;
}

.tableText {
    font-size:12px;
}

.footerText {
    font-size:12px;
}

.ui-menubar {
    background-color: #595959 !important; 
    background: #595959 !important;
    border: 0 !important;
    font-weight: 600 !important;     
}

.ui-menu-child {
    background-color: #595959 !important; 
    background: #595959 !important; 
    border: 0 !important;
    font-weight: 600 !important;     
}

.ui-menu {
    background-color: #595959 !important; 
    background: #595959 !important; 
    border: 0 !important;
    font-weight: 600 !important; 
}

.ui-menuitem-text {
    color:  #FFFFFF !important;
}

.ui-menuitem-link {
    font-weight: 500 !important; 
    font-size: 11pt;
}

.ui-menu .ui-menuitem-link:hover, .ui-menuitem-link:visited {
    /* Hover colour */
    background-color: #a6a6a6 !important;
    background: #a6a6a6 !important;    
}

.ui-menu a:link {
    /* menubar blue */
    background-color: #595959  !important; 
    background: #595959  !important;     
}

.ui-menu a:hover {
    /* menubar blue */
    background-color: #595959 !important; 
    background: #595959 !important;     
}

.ui-menu .ui-menu:hover, .ui-menu:visited  {
    /* submenu blue */
    background-color: #595959 !important;
    background: #595959 !important;
}

.ui-menu .ui-menu-child {
    background-color: #595959 !important;
    background: #595959 !important;    
}

.ui-menu .ui-menu-child a:link {
    background-color: #595959 !important; 
    background: #595959 !important;
}

.ui-menu .ui-menu-child  a:hover {
    background-color:  #0073ea !important; 
    background: #0073ea !important;    
}

.whiteIcon .ui-icon {
    background-image: url("/turtle/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-aristo") !important;
}

panelLabel {
     width: 30%;
}

panelValue {
     width: 70%;
}

.darkBlueIcon .ui-icon {
    background-image: url("/turtle/javax.faces.resource/images/ui-icons_3a6983_256x240.png.xhtml?ln=primefaces-aristo") !important;
}

.lightBlueIcon .ui-icon {
    background-image: url("/turtle/javax.faces.resource/images/ui-icons_2e83ff_256x240.png.xhtml?ln=primefaces-aristo") !important;
}

.ui-picklist-list {
    height:250px !important;
    width:350px !important;
}

.ui-picklist-list-large {
    height:250px !important;
    width:350px !important;
}

myDataTable {
    text-align: left; 
    border: none;
}

.WholePage {
    font-family:Arial, Helvetica, sans-serif;
    position:relative;
    /* box-shadow: 5px 5px 2px #888888; */
    float:left;
    background: #ffffff;
    width: 100%;
    height: 100%;
    min-height: 200px;
    min-width: 400px;
    /* border:2px solid #4A7C9D; */
    margin: 0px;
    border: none;
    padding: 0px;
}

.Banner {	
    margin-top:0px;
    background-color:#595959;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    min-height: 20px;
    max-height: 100px;
    position: relative;
    float: left;
    width:100%;
    page-break-after: always;
    border-bottom: 3px solid  #d1b3ff; 
}

.PageFooter {
    color: white;
    margin-top:0px;
    padding-left: 5px;
    padding-right: 5px;
    height:20px;
    position:relative;
    float:left;
    width:100%;
    min-width: 200px;
    background-color:#cccccc;
    border-top: 1px solid #d1b3ff;
    padding-bottom: 1px;
    margin-bottom: 0px;
}

.TopRegion {
    width:100%;
    min-height: 20px;
    min-width: 200px;
    position:static;
    float:left;
    border:1px solid gray;
    background: #eff5fa;
    margin-top:4px;
    padding-left: 4px;
    page-break-after:always;
    padding-right:-10px;
}

.TopNavigation {
    width:80%;
    position:relative;
    float:left;
}

.MiddleRegion {
    margin-left: 2px;
    margin-top: 1px;
    position: relative;
    padding-right: 0px;
    width: 100%;
    height: 100%;
    min-height: 20px;
    min-width: 200px;
    float:left;
    border: none;
    page-break-after: always;
}

.LeftNavigation {
    text-align: left !important;
    margin: 5px;
    width: 100%;
    max-width: 100px;
    min-height: 20px;
    height: 100%;
    position: relative;
    float: left;
    padding: 3px;
    padding-top: 3px;
}

.PageBody {
    position:relative;
    float:left;
    width:97%;
    height: 100%;
    padding-top:1px;
    min-height: 200px;
    min-width:200px;
    padding-left:5px;
    padding-right:3px;
    margin:1px;
    background-color:  #ffffff;
}

.PageBodyWelcome {
    position: absolute;
    float:left;
    padding-top:0px;
    min-height: 20px;
    min-width:250px;
    padding-left:0px;
    padding-right:0px;
    margin:0px;
}

.leftNavButton {
    width:auto !important;
    min-width: 98% !important;
    height:30px !important;
    display:inline-block !important;
    font-family:arial !important;
    font-size:13px !important;
    font-weight:bold !important;
    text-decoration:none !important;
    text-align:left !important;
    vertical-align:middle !important;
    margin-bottom:1px !important;
    padding-top:1px !important;
    padding-bottom:1px !important;
    border-radius: 2px !important;
}

.leftNavButton:hover {
}

.myLayoutStyleClass .ui-layout-unit-header{
    background: yellow;
}

.myLayoutStyleClass .ui-layout-unit-content{
    background:  #94bed1;
    background-image: url('../../img/turtle.jpg'); 
    background-repeat: repeat-y; 
    background-size: 100%;
/*    height: auto;
    width: auto\9;  ie8 */
}

.s4lLogo {
    background-image: url('../../img/s4l-fade.png'); 
    background-repeat: no-repeat; 
    background-size: 100%;
}

.panelGridCenter td,.panelGridCenter tr {
    text-align: center;
}

.panelHeader {
    border: none; 
    padding: 0px; 
    margin: 0px;
    margin-bottom: 100px;    
}

.tabStripPlain {
    border: none; 
    padding: 0px; 
    margin: 0px;
}

.dashboardTodayPieChart {
    width: 350px; 
    height: 275px;
}

 .ui-dashboard-column {
     min-width: 400px !important;
 }

.dashboardWidgetSmall {
    width: 395px; 
    height: 250px;
}

.dashboardChartButtonLeft {
    float: left !important;
    padding: 0px !important;
    width: 35px !important;
    height: 30px !important;
    text-align: center !important;
    text-decoration: none !important;
    margin-right: 0px;
    margin-top: -27px !important;
}

.dashboardChartButtonRight {
    float: right !important;
    padding: 0px !important;
    width: 35px !important;
    height: 30px !important;
    text-align: center !important;
    text-decoration: none !important;
    margin-right: 0px;
    margin-top: -27px !important;
}

.dashBoardPanel {
    border: none !important;
}

.dashboardMap {
    width: 800px; 
    height: 550px;
}

.dashboardtodaycolumn {
    position: relative; 
    text-align: left;
}

.dashboardTodayPanelgrid {
    width: auto; 
    text-align: left;
}

.dashboardPanelWhole {
    width: 100%; 
    margin-top: 20px;
    position: relative;
}

.dashboardChartColumn {
    width: 30%;
    background: #EBEBEB;
    text-align: center;
}

.dashboardChartButtonColumnLeft {
    position: relative;
    width: 5%; 
    text-align: center;
    vertical-align: central;
    margin-top: 20px;
    background: green; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left,rgba(235,235,235,0),rgba(235,235,235,1)); /*Safari 5.1-6*/
    background: -o-linear-gradient(right,rgba(235,235,235,0),rgba(235,235,235,1)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(right,rgba(235,235,235,0),rgba(235,235,235,1)); /*Fx 3.6-15*/
    background: linear-gradient(to right, rgba(235,235,235,0), rgba(235,235,235,1)); /*Standard*/     
}

.dashboardChartButtonColumnRight {
    position: relative;
    width: 5%; 
    text-align: center;
    vertical-align: central;
    margin-top: 20px;
    background: grey; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(right,rgba(235,235,235,0),rgba(235,235,235,1)); /*Safari 5.1-6*/
    background: -o-linear-gradient(left,rgba(235,235,235,0),rgba(235,235,235,1)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(left,rgba(235,235,235,0),rgba(235,235,235,1)); /*Fx 3.6-15*/
    background: linear-gradient(to left, rgba(235,235,235,0), rgba(235,235,235,1)); /*Standard*/   
}

.dashboardChartButtonColumn:hover {
    background: E0E0E0;
}

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

.dashboardChart {
    width: 90%; 
    min-width: 500px;
    height: 500px;
}

.dashboardButton {
    border: none !important;
    color: white !important;
    padding: 15px 32px !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-size: 16px !important;
    
}

.dashboardGradient {
    background: grey; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left,rgba(255,0,0,0),rgba(255,0,0,1)); /*Safari 5.1-6*/
    background: -o-linear-gradient(right,rgba(255,0,0,0),rgba(255,0,0,1)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(right,rgba(255,0,0,0),rgba(255,0,0,1)); /*Fx 3.6-15*/
    background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); /*Standard*/    
}

.kpiPanel {
    width: 100%; 
    margin-top: 20px;
}

.kpisidecolumn {
    vertical-align: top; 
    width: 300px; 
    background-color: #EAEDF0; 
    position: relative;
}

.kpiPieChart {
    width: 300px; 
    height: 225px; 
    margin-top: 20px;    
}

.kipBarChart {
    width: 100%; 
    height: 500px; 
    min-width: 100px;
}

.kpiMapColumn {
    vertical-align: top; 
    min-height: 600px; 
    background-color: #F8F9FA;
}

.kpiMap {
    height: 730px; 
    width: auto; 
    min-width: 60%; 
    position: relative; 
    border: 2px;
}

.listButton {
    height: 25px; 
    width: 25px;
    vertical-align: central;    
}

.listButtonColumn {
    text-align: center; 
    vertical-align: central;
    width: 115px !important;
}

.listCheckBox {
    text-align: center;
    width: 40px;
}

.listText {
    text-align: left;
}

.listCenter {
    text-align: center;
}

.listDate {
    text-align: center;
}

.listId {
    text-align: center;
}

.ten-percent {
     width: 10%;
}

.twenty-percent {
     width: 20%;
}

.thirty-percent {
     width: 30%;
}

.forty-percent {
     width: 40%;
}

.fifty-percent {
     width: 50%;
}

.sixty-percent {
     width: 60%;
}

.seventy-percent {
     width: 70%;
}

.eighty-percent {
     width: 80%;
}

.ninety-percent {
     width: 90%;
}

.batchdatavalid {
    background-color: #d9f2e6;
}

.batchdataerror {
    background-color: #ffddcc;
}

.top-alignment {
     vertical-align: top;
}

.membervalid {
    background-color: #d9f2e6;
}

.memberexpired {
    background-color: #ffddcc;
}

.memberpending {
    background-color: #d9e4f4;
}

.alertwhite{
   background-color: #FFFFFF;
}

.alertamber{
   background-color: #ffe0b3;
}

.alertlate{
   background-color: #ff6666;
}

.alertred{
   background-color: #ffc6b3;
}

.alertblue{
   background-color: #cceeff;
}

.alertgreen{
   background-color: #c6ecd9;
}

.login-body {
    background: url("\/turtle/javax.faces.resource/images/turtle.jpg.xhtml?ln=default&v=4_0") top left no-repeat !important;
    background-size: cover;
}