body {
    background-color: #ffffff;
    font-size: 12px!important;
    font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif!important;
    color: #000000;  
    margin: 10px;
}

/*** 
*** commons 
***/

h1 {
    /*font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;*/
    font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif!important;
    /*border-bottom: 1px solid #AFAFAF;*/
    font-size: 24pt!important;
    margin: 0px;
    padding: 0px;
    color: #8b0025!important;
}
h2{
    font-size:20px!important;
}
h3{
    font-size:20px!important;
}
h4{
    font-size:18px!important;
}
h5{
    font-size:16px!important;
}
h1, h2, h3, h4, h5{
    font-weight:bold!important;
}

a:link, a:visited {
  color: #045491;
  /*font-weight : bold;*/
  text-decoration: none;
  font-style: italic;
}

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

.center_content{
    background-color:transparent!important;
}
.col-form-label{
    font-weight: bold;
    font-size:13px;
}


/*** 
*** custom classes 
***/
.redLabel{
    color:#8b0025;
    font-size:13px;
    font-weight:bold;
}
.dashboard {
    background: url("/resources/img/home.png") !important;
    background-size:contain!important;
    width:25px!important;
    height:25px;
    margin:0 5px;
    background-repeat:no-repeat!important;
}

.avatar {
    background: url("/resources/img/avatar.png") no-repeat;
    background-size:contain;
    width:25px!important;
    height:25px;
    margin:0 5px;
}

.errorMsg{
    background:#FFEA47;
    font-size:12px;
    color:#000000;
    border-radius:15px;
    white-space:nowrap;
    padding:5px;
    margin: 0 1%;
    max-width: 98%!important;
}
.ui-messages-error, .ui-message-error{
    background:#FFEA47!important;
    font-size:12px!important;
    color:#000000!important;
    border-radius:15px!important;
    white-space:nowrap!important;
    padding:5px!important;
    font-weight:normal!important;
    line-height:1.5;
    font-family: Verdana, "Verdana CE", Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif!important;
    border:none!important;
    margin: 0 1%;
    max-width: 98%!important;
}
.ui-messages-error-icon{
    display:none!important;
}
.ui-messages-info-summary, .ui-messages-warn-summary, .ui-messages-error-summary, .ui-messages-fatal-summary, .ui-message-info-summary, .ui-message-warn-summary, .ui-message-error-summary, .ui-message-fatal-summary{
    margin-left:0!important;
    font-weight:normal!important;
}
.ui-messages ul{
    margin:0!important;
    padding:0 15px!important;
}
/*.ui-messages-info, .ui-message-info{
    display:none!important;
}*/
.successMsg{
    background:#83FF61;
    font-size:12px;
    color:#000000;
    border-radius:15px;
    white-space:nowrap;
    padding:5px;
    margin: 0 1%;
    max-width: 98%!important;
}

.formActionIcon{
    width: 25px;
    height: 25px;
    margin: 5px 15px 0;
}

.actionIcon{
    width: 25px;
    height: 25px;
    margin: 5px 10px 5px 0;
}

.editIconStyle{
    border: none!important;
    text-shadow: none!important;
    background: transparent url(/resources/img/pencil.png) no-repeat !important;
    background-size: contain!important;
    width: 25px!important;
    height: 25px;
    /*margin: 0;
    transform: translateY(-30%);*/
}
.editIconStyle .ui-icon{
    background:none;
}
.editIconStyle.ui-state-default{
    box-shadow: none;
}
.addIconStyle{
    border: none!important;
    text-shadow: none!important;
    background: transparent url(/resources/img/plus.png) no-repeat !important;
    background-size: contain!important;
    width: 25px;
    height: 25px;
    margin: 5px 10px 5px 0;
    transform: translateX(50%);
}
.addIconStyle .ui-button-icon-only .ui-icon, .addIconStyle .ui-button-text-icon-left .ui-icon, .addIconStyle .ui-button-text-icon-right .ui-icon{
    display:none;
}
.addIconStyle.ui-state-default{
    box-shadow: none;
}
.addIconStyle .ui-icon{
    background:none;
}
.submitIconStyle{
    border: none!important;
    text-shadow: none!important;
    background: transparent url(/resources/img/submit.png) no-repeat !important;
    background-size: contain!important;
    width: 25px;
    height: 25px;
    margin: 5px 10px 5px 0;
    transform: translate(100%, 50%);
}
.submitIconStyle .ui-button-icon-only .ui-icon, .submitIconStyle .ui-button-text-icon-left .ui-icon, .submitIconStyle .ui-button-text-icon-right .ui-icon{
    display:none;
}
.submitIconStyle.ui-state-default{
    box-shadow: none;
}
.submitIconStyle .ui-icon{
    background:none;
}
.deleteIconStyle{
    border: none!important;
    text-shadow: none!important;
    background: transparent url(/resources/img/delete.png) no-repeat !important;
    background-size: contain!important;
    width: 25px;
    height: 25px;
    /*margin: 5px 10px 5px 0;*/
}
.deleteIconStyle .ui-button-icon-only .ui-icon, .deleteIconStyle .ui-button-text-icon-left .ui-icon, .deleteIconStyle .ui-button-text-icon-right .ui-icon{
    display:none;
}
.deleteIconStyle .ui-icon{
    background:none;
}
.deleteIconStyle.ui-state-default{
    box-shadow: none;
}
div.center_content .pagePanel > span.dashboardPanel:nth-of-type(odd){
    background:#EDE8EB;
    border-radius:10px;
    padding:20px 5px;
}
div.center_content .pagePanel > span.dashboardPanel:nth-of-type(even){
    background:#E1E2ED;
    border-radius: 10px;
    padding:20px 5px;
}
.dashboardPanel.row{
    margin: 2% 0;
}
.pagePanel, .fullPgTable{
   /* margin-left:15px;
    margin-right:15px;*/
   margin:2% 0;
}

.ui-datatable.fixed_header{
    /*width: 400px;*/
    table-layout: fixed!important;
    border-collapse: collapse;
}

.rolesInfo{
    padding:1%;
    margin: 0 1%;
    border: 2px solid #000;
}
.btn-red {
    color: #8b0025;
    background-color: #EFEFEF;
    border: none;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 15px;
    border-radius: 15px;
    min-width: 100px;
    margin-right:5px;
    font-family: Arial,sans-serif;
}
.btn-red:hover {
    background-color: #c4c4c4;
}

.btn-white {
    color: #fff;
    background: #8b0025;
    border: none;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 15px!important;
    border-radius: 15px;
    min-width: 100px;
    margin-right: 1%!important;
    text-shadow: none;
    font-family: Arial,sans-serif;
}
.btn-white:hover {
   /* background-color: #c4c4c4;*/
   background:#b10a36;
}

.form-btn-white {
    color: #fff;
    background: #8b0025;
    border: none;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 15px!important;
    border-radius: 15px;
    min-width: 100px;
    margin: 0 1%!important;
    text-shadow: none;
    font-family: Arial,sans-serif;
}
.form-btn-white:hover {
   background:#b10a36;
}
.dialog-form-btn-white {
    color: #fff!important;
    background: #8b0025!important;
    border: none!important;
    font-size: 12px!important;
    font-weight: bold!important;
    padding: 3px 10px!important;
    border-radius: 15px;
    min-width: 100px;
    margin: 1% 3%!important;
    text-shadow: none!important;
    font-family: Arial,sans-serif!important;
}
.dialog-form-btn-white:hover {
   background:#b10a36!important;
}
.ui-button-text-only .ui-button-text{
    padding:0!important;
}
.btn-primary{
    margin-right:1%!important;
}

.editTempDataTable{
    
}
.editTempDataTable td, .editTempDataTable th{
    white-space: nowrap;
}
tr.mismatch{
    background-color:#FFEA47;
}
tr.ui-datatable-odd td.actionColButton{
    background-color:#F2F5F9;
}
tr.ui-datatable-even td.actionColButton{
    background-color:#FFFFFF;
}
td.mismatch{
    color:#b10a36;
}
#editRecordForm .mismatch{
    background-color:#FFEA47;
}
#editRecordForm .mismatch-text{
    color:#b10a36;
    font-weight: bold;
}
#editRecordForm .success-text{
    display:none;
}
td.overdue{
    background-color:#8B0025;
    color: #fff;
}
.editTempDataTable table{
    table-layout: unset!important;
}
.inlineDisplay{
    display:inline;
}
#editCatForeDataform td.ui-editable-column, #addCatForeDataform td.ui-editable-column  {
    height: 30px;
}
.ui-datatable td.Total{
   /* background-color:#FFEA47;*/
   font-weight:bold;
}

.ui-datatable td.disabledCell{
    background-color: #efefef;
}
/***
*** header 
***/
.ui-menu, .ui-menu .ui-menu-child{
    background:#ffffff;
}

.ui-widget-content{
    border:none;
}

.ui-widget-content .avatar .ui-icon{
    background-image:none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover{
    background:none;
    box-shadow:none;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon{
    background-image:none;
}

.ui-menu .ui-menuitem-text{
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
}

#top .ui-menubar a:link, #top .ui-menubar a:visited{
    color:#000000;
}

.ui-menu .ui-menu-parent .ui-menu-child{
    transform:translateX(-80%);
    width:auto!important;
    white-space: nowrap;
    border:1px solid #000000;
    box-shadow:0.1em 0.1em 0.1em rgba(0, 0, 0, 0.2)!important;
    border-radius:0;
}

.ui-menu-child .ui-menuitem-active{
    background:#8b0025;
    border-radius:0;
}

#top .ui-menubar .ui-menu-child .ui-menuitem-active a:link{
    color: #ffffff;
}

.ui-menu .ui-menuitem{
    padding:0 1em 0 0.5em!important; 
}


/***
*** table 
***/
.ui-widget-header .ui-state-default{
    background: #cccccc -webkit-gradient(linear, left top, left bottom, from(rgba(204,204,204,1)), to(rgba(204,204,204,1)))!important;
    text-shadow: none;
    color: #000000;
    box-shadow: none;
    border-color: #000000;
}
.ui-chkbox-icon.ui-icon {
    background-image: url(/javax.faces.resource/images/ui-icons_38667f_256x240.png.xhtml?ln=primefaces-aristo);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
    background: #cccccc -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.4)));
}
.selectionCol{
    width:50px;
    text-align:center;
}
.ui-datatable.ui-widget.ui-datatable-scrollable .ui-widget-header.ui-datatable-scrollable-header{
    margin-right:15px;
}

.ui-datatable table{
    table-layout: unset!important;
    width:auto!important;
   min-width:100%;
}
.ui-selectonemenu-label{
    -webkit-appearance: menulist;
    -webkit-rtl-ordering: logical;
}
.ui-selectonemenu .ui-selectonemenu-trigger{
    display:none;
}

/*.fullPgTable table{
    width:auto!important;
}*/

.ui-datatable td, .ui-datatable th{
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav{
    background:transparent!important;
}

.ui-tabs-nav .ui-state-active{
    background:#fff!important;
}

.dialogScroll{
    /*padding-bottom: 5%;*/
}

.dialogBox{
   height:90%!important;
}

.dialogBox .ui-dialog-content.ui-widget-content{
    max-height:95%;
}

.jqplot-target{
    color: #000!important;
    font-weight: bold;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container{
    width:95%;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter{
    width:100%!important;
}

.ui-column-customfilter .ui-selectonemenu .ui-selectonemenu-label{
    width: 100%!important;
    padding: 4px 15px 4px 4px;
}

/**tree table style **/

.ttCat{
    background-color: #e7ecfe;
}

.ttArt{
    background-color: #ffffff;
}

.ttSup{
    background-color:#e9ecef;
}
.ttBizUnit{
    background-color:#FFEA47;
    font-weight:bold;
}
 .ttTotal{
    background-color: #e7ecfe;
    font-weight:bold;
}

/** pick list style **/
.ui-picklist .ui-picklist-list{
    border: 1px solid #000000;
}
.ui-picklist .ui-state-hover .ui-icon{
    background-image: url("/javax.faces.resource/images/ui-icons_38667f_256x240.png.xhtml?ln=primefaces-aristo");
}
.ui-picklist .ui-state-focus .ui-icon{
    background-image: url("/javax.faces.resource/images/ui-icons_38667f_256x240.png.xhtml?ln=primefaces-aristo");
}

.ui-picklist .ui-picklist-filter-container{
    width: 90%;
    margin-bottom: 5px!important;
}

.downloadReport {
    background: url("/resources/img/download.png") no-repeat;
    background-size:contain;
    width:25px!important;
    height:25px;
    margin:0 5px;
}

.ui-treetable tbody td{
    white-space:normal!important;
}

.ui-datatable-odd {
    background: none repeat scroll 0 0 #fff;/*#f2f5f9*/
}

.ui-datatable .ui-datatable-data tr{ 
    height:25px;
}

.ui-fieldset, .checkToggle.ui-fieldset .ui-fieldset-legend{
    font-size: 18px;
    padding: 5px;
}

.footer-button .ui-datatable-footer{
    text-align:left!important;
}

.footer-button .ui-datatable-footer .btn-primary{
    background: white!important;
    font-size: 12px;
}

.footer-button .ui-datatable-footer .btn-primary:hover{
    color: grey;
}

.ui-datepicker-buttonbar .ui-button{
    color: #8b0025;
    background: #ffffff!important;
    border: none;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    border-radius: 8px;
}

.text-boldred{
    color: #8b0025;
    font-weight: bold;
}


.tableList .ui-datatable-tablewrapper{
    overflow: visible!important;
}