body .ui-toolbar {
    border: none;
    background: none;
    padding: 0.5rem !important;
}

body .ui-messages .ui-messages-close {
    position: relative;
}

body .ui-datatable .ui-datatable-footer {
    text-align: center;
}

.ui-separator {
    border-color: white !important;
}

.l1-commandButton-button {
    margin-right: 10px !important;
    width: auto !important;
}

.l1-commandButton-minibutton{
    margin-right: 10px !important;
}

.l1-commandButton-button-login{
    width: 100% !important;
    padding: 0.5rem !important;
}

.l1-panelButton-confirmacao{
    justify-content: flex-end;
    padding-right: 1rem;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link{
    padding: 0.75rem 0rem;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link *{
    padding-left: 1rem;
}

.l1-pannel-button{
    padding-left:1rem;
}

body .ui-fileupload .ui-fileupload-buttonbar {
    border: none;
    background: none;
}

.dashboard {
    margin-top: 0px;
}

* {
    box-sizing: content-box;
}

:root {
    --color-primary: #2399e5;
    --color-primary-lighter: #81cafd;
    --color-secondary: #ECEFF1;
    --color-secondary-hover: #E2E6E9;
    --color-secondary-border: #CCCFD2;
    --color-tertiary: #1f89ce;
    --color-black: #282828;
    --color-grey-bold: #555;
    --color-grey: #737373;
    --color-grey-light: #8c8c8c;
    --color-grey-lighter: #bebebe;
    --color-highlight: #186ba0;
    --color-highlight-border: #156090;
    --color-highlight-font: #fff;
    --color-alert-text: #e38f15;
    --color-header-bg: #ebedf0;
    --color-header-bg-darker: #d3d8de;
    --color-body-bg: #f1f4f9;
    --color-datatable-row-odd: #fafafb;
    --color-datatable-column-header: #f2f2f2;
    --color-datatable-column-header-border: #d9d9d9;
    --color-line-divisor: #d5d5d5;
    --card-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.ui-outputlabel {
    color: var(--color-grey) !important;
    font-size: .9em !important;
}

.ui-inputfield{
    background: #fff !important;
    color: #222 !important;
}

.main-custom {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem  !important;
    padding-top: 50px !important;
}

.card {
    margin-top: 0.5rem !important;
}

.info-card-icon {
    position: absolute;
    top: 11px;
    left: 50%;
    width: 100px;
    text-align: center;
}

.info-card-icon span {
    font-size: 80px;
    color: #ffffff40;
}

.no-grid-table tbody, .no-grid-table .ui-datatable-tablewrapper td, .no-grid-table .ui-widget-content {
    border: 0
}


.ui-datatable th.ui-state-default, .ui-datatable tfoot td.ui-state-default
{
    background: #f4f4f4;
    border-color: #d9d9d9;
}

.ui-datatable th.ui-state-active {
    background: #f4f4f4 !important;
}

.ui-paginator.ui-paginator-top {
    height: 34px;
}

.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options
{
    height: 22px;
    margin-top: 5px;
}

.main-body .ui-datatable .ui-datatable-data > tr > td {
    padding: 7px 10px;

    overflow: hidden !important;
}

.l1-icons-topbar .ui-button{
    background: #0388E5;
    border: none;
}

.l1-icon-button-table{
    font-family: 'Font Awesome 5 Free' !important;
}

.pi-sign-out:before{
    font-size: smaller;
}

.pi-bars:before{
    font-size:larger
}
/***/

/* */
body .ui-paginator .ui-paginator-rpp-options {
    opacity: 0.6;
    border-radius: 10%;
    margin: 0.2rem;
}

@media screen and (max-width: 320px) and (orientation: portrait){
    .p-field-grid {
        padding-right:0 !important;
    }
}

.p-field-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.5rem;
    padding-right: 1em;
}

.secondary-button, .secondary-button button,
.ui-confirmdialog-no, .ui-fileupload-choose,
.ui-wizard-nav-back {
    background-color: var(--color-secondary) !important;
    border: 1px solid var(--color-secondary-border) !important;
    color: var(--color-grey-bold) !important;
}
span.secondary-button {
    border: none !important;
}
.secondary-button:hover, .ui-confirmdialog-no:hover {
    background-color: var(--color-secondary-hover) !important;
}

.l1-about div{
    border: none !important;
}

.l1-about{
    display: block;
    text-align: center;
    padding: 1rem;
}

.l1-label-no-login{
    white-space: nowrap;
}

.ui-datatable table{
    width: auto !important;
    min-width:100% ;
}


/* Wizard */
.ui-wizard-step-title {
    font-size: 16px !important;
    padding: .6em 0.7em !important;
    margin: 0 !important;
}

.ui-wizard-content {
    margin: 3px 0 6px 0 !important;
}

.ui-wizard-nav-back, .ui-wizard-nav-next {
    background-color: var(--color-highlight) !important;
    border: 1px solid var(--color-highlight-border) !important;
    font-size: 16px !important;
    height: 38px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.ui-wizard-action {
    margin-top: 6px !important;
}

.ui-wizard-nav-back{
    background-color: var(--color-secondary) !important;
    border: 1px solid var(--color-secondary-border) !important;
    color: var(--color-grey-bold) !important;
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title {
    border: 1px solid #dee2e6;
    background: initial;
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
    border: 1px solid #156090 !important;
    background: #186ba0 !important;
    color: #fff !important;
}

/* Fieldset with title header */
.fieldset-title.ui-fieldset-toggleable .ui-fieldset-legend {
    position: relative;
    top: -2px;
    left: -6px;
    width: 99%;
    padding: 0.5em 1em 0.5em 0;
    background: none;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid lightgray;
    white-space: nowrap;
}
.fieldset-title .ui-fieldset-legend > .title {
    font-size: 18px;
	font-weight: 500;
    margin-left: 2px;
}
.fieldset-title.ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
    margin-top: 8px;
    font-size: 15px;
}
.fieldset-title.ui-fieldset {
    border: none;
}

.ui-fieldset .ui-fieldset-legend.ui-state-focus {
    box-shadow: unset !important;
}

.ui-fieldset .ui-fieldset-legend.ui-state-hover {
    background: #fff !important;
}

.ui-autocomplete-panel{
    max-height: 200px !important;
}



/* Ajuste datapicker, correção de problema de ícone oculto no layout.css, linha 4762 */
body .p-datepicker-panel .ui-timepicker.ui-widget-header .ui-picker-up,
body .p-datepicker-panel .ui-timepicker.ui-widget-header .ui-picker-down {
    line-height: 2rem;
    font-family: unset;
}
body .p-datepicker-panel .ui-timepicker.ui-widget-header .ui-picker-up span ,
body .p-datepicker-panel .ui-timepicker.ui-widget-header .ui-picker-down span
{
    display: inline;
}
body .p-datepicker-panel .ui-timepicker.ui-widget-header .ui-picker-up:before,
body .p-datepicker-panel .ui-timepicker.ui-widget-header .ui-picker-down:before {
    content: "";
}

.ui-datepicker .ui-datepicker-next .ui-icon:before,
.ui-datepicker .ui-datepicker-prev .ui-icon:before {
    content: "";
}
.ui-icon-circle-triangle-e:before,
.ui-icon-circle-triangle-w:before {
    content: "";
}

/*Correção, ocultação de texto upload em telas menores*/
@media screen and (max-width: 40em){
    .ui-fileupload-buttonbar .ui-button .ui-button-text {
        display: block !important;
    }
}

@media screen and (max-width: 40em){
        .ui-fileupload-buttonbar .ui-button {
            padding: 0rem !important;
        }
}

#topBarUserMenu button {
    border: none;
    background: none;
    margin-top: -3px;
}

/* Ajuste no tamanho do datapicker */
body .ui-datepicker .ui-datepicker-calendar td a {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
}

.ui-selectonemenu-trigger {
    background: #2196F3 !important;
    color: #ffffff !important;
    border: 1px solid #2196F3 !important;
}

.ui-selectonemenu-trigger > .ui-icon {
    color: #ffffff !important;
}