@charset "UTF-8";

/* PrimeFaces/JQuery UI Overrides */

.ui-paginator .ui-paginator-current,.ui-paginator .ui-paginator-rpp-options {
    margin-left: 1px !important;
}

/* Used to disable check from row with this class */
    td.selectionDisabled .ui-chkbox{
        display: none;
    }
    
.pi {
    display: inline-block;
    vertical-align: middle !important;
    padding-left: 1px !important;
    padding-right: 3px !important;
}    

.pi-angle-left {line-height: 1.5 !important}
.pi-angle-right {line-height: 1.5 !important}  

.fa{
     padding-left: 3px;
    padding-right: 4px;
}



/* setting the box shadow for all focused elements, which is default focus visual cue for primefaces input text fields.*/
 .ui-state-focus{
    box-shadow: -2px -2px 5px 3px darkgray;
}



.ui-row-toggler:focus{
    border: 1px solid red;
}
/* Used to change white on white color for month and year selectors when in accessibility theme */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%;
    color: black;
}

.ui-datatable {
    padding: 8px;
}

/* These changes relate to correcting font sizing, spacing and vertical height in select lists of various types */
    .ui-picklist-item .ui-multiselectbox-item {
        margin: 2px;
        border: 0 none;
        cursor: pointer;
        font-weight: 400;
        font-size: 1.05em;
    }

    li.ui-selectlistbox-item {
        margin: 2px;
        border: 0 none;
        cursor: pointer;
        font-weight: 400;
        font-size: 1.05em;
    }

    .ui-selectonemenu .ui-selectonemenu-label {
        display: block;
        border: none;
        white-space: nowrap;
        overflow: hidden;
        font-weight: normal;
        width: 100%;
        text-align: left;
        font-size: 1.05em;
        margin-right: 12px;
    }

    .ui-picklist .ui-picklist-list {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: auto;
        height: 200px;
        width: 200px;
        font-size: 1.05em;
    }

    .ui-chkbox {
        display: inline-block;
        margin-right: 2px;
    }

    li.ui-selectlistbox-item
    {
            font-size: 1.05em;
            display: flex;
    }

/* used to correct the position of the fieldset toggle with no legend set
.ui-fieldset-toggleable .ui-fieldset-legend*/
 .ui-fieldset-toggler
 {
    padding-right: .1em;
    margin-top: -.6em;
    float: left;
}

.ui-fieldset .ui-fieldset-toggler

.ui-growl{ padding-top: 50px !important;}


/* Used to hide the PF placement of required asterisk */
span.ui-outputlabel-rfi {display:none;}
/* Adds red asterisk to the left of label text */



.tceq-required:before { content:"* "; color:red; }

fieldset.tceq-fs-required>legend:before { content:"* "; color:red; }

fieldset.tceq-fs-legend-hide>legend {
    content: "";
    position: absolute;
    top: -100;
    left: 0;
    visibility: hidden;
    width: 0px;
    height: 0px;}

fieldset.tceq-fs-legend-hide { padding-top: 10px !important;}

.tceq-fs-border-hide {border: 0px !important; padding:0px !important; margin: 0px !important;}



.ui-layout-container{
    margin:0 auto;
    width: 100%;

}

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

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

.ui-grid-row {
    padding: 0px;
    margin: 0px;
}

/* Not an override but we need it in here so it trumps ui-grid-row when needed */
.topPad1em {padding-top: 1em;}
.topPad2em {padding-top: 2em;}

/* Not an override but we need it in here so it trumps ui-grid-row when needed */
.topMargin1em {margin-top: 1em;}
.topMargin2em {margin-top: 2em;}

/* Not an override but we need it in here so it trumps ui-grid-row when needed */
.bottomPad1em {padding-bottom: 1em;}

/* Not an override but we need it in here so it trumps ui-grid-row when needed */
.bottomMargin1em {margin-bottom: 1em;}

.ui-layout-resizer {
    border: 0px;
    padding: 0px;
    margin: 0px;
    height: 0px;
    visibility: hidden !important;
    display: none !important;
}

.ui-selectonemenu {
     padding-right: 1em !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    width: 20px !important;
}


/* Slick Overrides */
.slick-prev:before, .slick-next:before {
    color: #ffffff;
    /* color: rgb(55,85,98) */;
}

/*
* define small font legend for reference tables
*/
 .ui-fieldset-legend {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    background-color: transparent;
    border-color: transparent;
    background: none !important;
    text-align: left;
    padding: 0.30em 0em 0.35em 0em !important;

}

.ui-fieldset{
    background: white !important;
    text-align: left;
    border: 1px solid lightgray;
    margin-top: 10px;
    padding: 0em 0.625em 0.625em 0.625em !important;
}

/* remove the drop shadow */
.ui-selectcheckboxmenu-panel{
    box-shadow:0 0 0 0 !important;
}

.ui-selectcheckboxmenu-panel-readonly{
    padding-left:5px;
    overflow:hidden;
}

.ui-selectmanymenu.ui-state-readonly,
.ui-selectmanymenu.ui-state-readonly .ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=1);
  pointer-events: auto;
}

.ui-selectmanymenu.ui-state-readonly .ui-selectlistbox-listcontainer {
  overflow: auto;
}

/* font size of editable selectOneMenu item */
.ui-autocomplete-item.ui-autocomplete-list-item {
  font-size: 13px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-color:#666666;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#666666),color-stop(100%,#666666));
    background:-webkit-linear-gradient(#666666,#666666);
    background:-moz-linear-gradient(#666666,#666666);
    background:-ms-linear-gradient(#666666,#666666);
    background:-o-linear-gradient(#666666,#666666);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#666666');
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#666666');
    background:linear-gradient(#666666,#666666);
}

.ui-column-filter::-ms-clear {
   display: none;
}

.ui-filter-column {
  vertical-align: bottom;
}

 .ui-datatable-even {
   background-image: none ;
   background-color: #f2f2f2  ;
 }
 .ui-datatable-odd {
   background-image: none ;
   background-color: #ffffff ;
 }

.ui-datatable-even td{
     border-bottom-color: lightgray !important;
 }
 .ui-datatable-odd td{
     border-bottom-color: lightgray !important;
 }

 .ui-datatable tfoot td, .ui-datatable-footer, .ui-datatable-header {
  border-width:0px;
  border-style:none;
    border:white;
}

.ui-datatable-scrollable-header-box, .ui-datatable-scrollable-body, .ui-datatable-header-box, .ui-datatable-body {
       border: 1px solid lightgray !important;
}


.ui-datatable tbody tr, .ui-datatable tbody td, .ui-datatable thead th, .ui-datatable tfoot td, .ui-datatable-header, .ui-datatable-footer {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
}

.ui-paginator {
    text-align: right !important;
     border-width:0px;
  border-style:none;
    border:white;

}
.ui-paginator span {
    text-align: left !important;
}

/* hover row color */
.ui-datatable tr.ui-datatable-even:hover, .ui-datatable tr.ui-datatable-odd:hover {
    background: #d1dee7;
}

.ui-accordion .ui-accordion-content{
    padding: .5em !important;
    background: white !important;
    border: 1px solid lightgray !important;
}

.ctu-panel .ui-panel > .ui-panel-content{
    background: white !important;
    padding: .5em !important;
}
.ctu-search-panel .ui-panel > .ui-panel-content{
    background: #eee !important;
    padding: .5em !important;
}

.ctu-search-panel .ui-panel,
.ctu-panel .ui-panel {
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid lightgray !important;
}

.ctu-search-panel .ui-panel > .ui-panel-titlebar > .ui-panel-titlebar-icon > .ui-icon-minusthick,
.ctu-panel .ui-panel > .ui-panel-titlebar > .ui-panel-titlebar-icon > .ui-icon-minusthick {
    background-position: -64px -16px;
}

.ctu-search-panel .ui-panel > .ui-panel-titlebar-closed > .ui-panel-titlebar-icon > .ui-icon-plusthick,
.ctu-search-panel .ui-panel > .ui-panel-titlebar > .ui-panel-titlebar-icon > .ui-icon-plusthick,
.ctu-panel .ui-panel > .ui-panel-titlebar-closed > .ui-panel-titlebar-icon > .ui-icon-plusthick,
.ctu-panel .ui-panel > .ui-panel-titlebar > .ui-panel-titlebar-icon > .ui-icon-plusthick {
    background-position: -32px -16px;
}

.ctu-search-panel .ui-widget-header,
.ctu-panel .ui-widget-header{
    text-shadow:none;
}

.ctu-search-panel .ui-panel > .ui-panel-titlebar > .ui-state-default,
.ctu-panel .ui-panel > .ui-panel-titlebar > .ui-state-default{
    border: none !important;
    background-color: #666666 !important;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#666666),color-stop(100%,#666666)) !important;
    background: -webkit-linear-gradient(#666666,#666666) !important;
    background: -moz-linear-gradient(#666666,#666666) !important;
    background: -ms-linear-gradient(#666666,#666666) !important;
    background: -o-linear-gradient(#666666,#666666) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#666666') !important;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#666666') !important;
    background: linear-gradient(#666666,#666666) !important;
}

.ctu-search-panel .ui-panel > .ui-panel-titlebar-closed,
.ctu-panel .ui-panel > .ui-panel-titlebar-closed{
    border: none !important;
    min-height: 0 !important;
    padding: .5em !important;
    background-color: #cccccc !important;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ececec),color-stop(100%,#cccccc)) !important;
    background: -webkit-linear-gradient(#ececec,#cccccc) !important;
    background: -moz-linear-gradient(#ececec,#cccccc) !important;
    background: -ms-linear-gradient(#ececec,#cccccc) !important;
    background: -o-linear-gradient(#ececec,#cccccc) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#cccccc') !important;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#cccccc') !important;
    background: linear-gradient(#ececec,#cccccc) !important;
}

.ctu-search-panel .ui-panel > .ui-panel-titlebar,
.ctu-panel .ui-panel > .ui-panel-titlebar{
    border: none !important;
    min-height: 0 !important;
    padding: .5em !important;
    color: #fff !important;
    background-color: #666666 !important;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#666666),color-stop(100%,#666666)) !important;
    background: -webkit-linear-gradient(#666666,#666666) !important;
    background: -moz-linear-gradient(#666666,#666666) !important;
    background: -ms-linear-gradient(#666666,#666666) !important;
    background: -o-linear-gradient(#666666,#666666) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#666666') !important;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#666666') !important;
    background: linear-gradient(#666666,#666666) !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.ctu-search-panel .ui-panel > .ui-panel-titlebar > .ui-panel-titlebar-icon,
.ctu-search-panel .ui-panel > .ui-panel-titlebar-closed > .ui-panel-titlebar-icon,
.ctu-panel .ui-panel > .ui-panel-titlebar > .ui-panel-titlebar-icon,
.ctu-panel .ui-panel > .ui-panel-titlebar-closed > .ui-panel-titlebar-icon {
    border:none;
    float: left !important;
    cursor: pointer !important;
    margin-top: 0 !important;
    margin-right: .2em !important;
    margin-left: 0 !important;
}

.ui-growl-message {
  overflow-wrap: break-word;
}

.ui-fileupload-content .ui-progressbar.ui-widget-content {
    background-color:#165686 !important;
    background-image:none;
}

/* Fix for Data table sorted columns with a selectOneMenu where its down-arrow icon is clipped */
body .ui-datatable .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    background-image: url("../javax.faces.resource/images/ui-icons-dark.png.jsf?ln=primefaces-afterwork") !important;
}

body .ui-datatable .ui-sortable-column,
body .ui-datatable .ui-column,
body .ui-datatable .ui-state-default[role=columnheader] {
    vertical-align: top !important;
}

body .ui-datatable .ui-column-customfilter {
    margin: 0 0 !important;
}

body .ui-datatable .ui-filter-column > .ui-column-filter {
  margin: 0 0 !important;
}

/* get the headers left aligned */
.ui-datatable thead th {text-align: left !important;}

/* For accessibility reset text color to black */
.ui-messages-error, .ui-message-error {color:black !important;}

.ui-messages-info, .ui-message-info  {color: black !important;}

.ui-messages-warn, .ui-message-warn  {color: black !important;}

.ui-messages-fatal, .ui-message-fatal  {color: black !important;}

.ui-growl-error {color:black !important;}

.ui-growl-info  {color: black !important;}

.ui-growl-warn  {color: black !important;}

.ui-growl-fatal  {color: black !important;}