/**
 Estilos CSS que sobreescriben los de defecto de primefaces

 @autor ARDeveloper
 @date 02/02/2022
 */

/* Dialog Emergente Generico */
#modalDialog {
    top: 40px !important;
}

*.ui-dialog-content {
    min-width: 400px !important;
}

*.divModalContentText {
    padding: 10px !important;
    max-width: 540px;
}

*.ui-dialog-titlebar {
    font-size: 14px !important;
}

*.ui-dialog-title{
    font-size: 14px !important;
}

*.ui-inputfield.ui-state-error{
    border: 2px solid #ff04044d !important;
}

*.ui-state-error{
    border: 2px solid #ff04044d  !important;
}

*.ui-card-title{
    font-size: 14px !important;
}

*.ui-selectonemenu-item{
    text-align: center !important;
}

*.ui-inputfield{
    text-align: center;
    font-weight: 500 !important;
}

*.ui-selectonemenu-label{
    text-align: center !important;
}

label.ui-selectonemenu-label{
    text-align: center !important;
}

*.ui-datatable-data > tr > td{
    text-align: center !important;
}

th[role="columnheader"]{
    text-align: center !important;
}

*.ui-dialog {
    top: 22px !important;
}

.ui-dialog-content {
    margin-top: -20px !important;
}

*.ui-datatable-data > tr > td{
    padding: 1px !important;
}

*.ui-tabs-center>ul{
    lex-wrap: wrap;
    flex-direction: row;
    align-content: space-between;
    justify-content: center;
}

*.ui-spinner-input{
    text-align: center !important;
}

*.ui-confirm-dialog-message{
    text-align: center !important;
}

*.ui-dialog-buttonpane{
    text-align: center !important;
}

*.ui-confirm-dialog-message{
    text-align: center !important;
    margin: 0 auto !important;
}

*.ui-autocomplete-list-item {
    text-align: center !important;
}

*.card{
    border-radius: 10px !important;
}

*.ui-datatable thead th{
    text-align: center !important;
}

body .ui-widget-overlay{
    background: rgb(0 0 0 / 78%) !important;
}

#modalLoading{
    margin-top: 30% !important;
    box-shadow: none !important;
}

#modalLoading>div{
    margin-top: 20px !important;
    background: #ffffff00 !important;
}

#statusDialog{
    box-shadow:  none !important;
    border: 0 !important;
    top: 30% !important;
    webkit-box-shadow: 0 !important;
    box-shadow: 0 !important;
}

#statusDialog>div{
    background: transparent !important;
}