/* Card estilos personalizados */
.card {
    padding: 1.25rem;
    margin-bottom: 2rem;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
    border-radius: 4px;
}

.card-header {
    text-align: left;
    color: var(--primary-color);
    font-weight: 700!important;
}

/*Componente menu detalle de Extorción*/
.profile-nav .user-heading {
    background: var(--primary-color);
    color: #fff;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    padding: 30px;
    text-align: center;
}

.profile-nav .user-heading.round a  {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 10px solid rgba(255,255,255,0.3);
    display: inline-block;
}

.profile-nav .user-heading a img {
    width: 112px;
    height: 112px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.profile-nav .user-heading h1 {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 5px;
}

.profile-nav .user-heading p {
    font-size: 12px;
}

.profile-nav ul {
    margin-top: 1px;
}

.profile-nav ul > li {
    border-bottom: 1px solid #ebeae6;
    margin-top: 0;
    line-height: 30px;
    width: 100%;
    display: inline-block;
}

.profile-nav ul > li:last-child {
    border-bottom: none;
}

.profile-nav ul > li > a {
    border-radius: 0;
    -webkit-border-radius: 0;
    color: #495057;
    border-left: transparent!important;
}

.profile-nav ul > li > a:hover, .profile-nav ul > li > a:focus, .profile-nav ul li.active  a {
    background: #f8f7f5 !important;
    border-left: 5px solid var(--primary-color)!important;
    color: #495057 !important;
}

.profile-nav .nav-pills .nav-link.active {
    background-color: #f8f7f5 !important;
    border-left: 5px solid var(--primary-color)!important;
    color: #495057 !important;
}

/* Estilos personalizados para p:rowToggler */
.ui-row-toggler .p-row-toggler-custom {
    margin-right: 5px;
}
/* Estilos personalizados para p:list */
.list-custom .ui-datalist-content {
    border: none!important;
    background: transparent!important;
    padding: 0.2rem 0rem!important;
}
.list-custom .ui-datalist-empty-message {
    text-transform: uppercase!important;
    padding: 3px 1px!important;
}
/* Estilos personalizados para el componente p:dataTable  */

.custom-title1 {
    margin-bottom: 12px;
    margin-top: -5px;
    color: #495057;
    padding: 13px 10px 0px 3px;
    background: #f5f6f8;
    width: max-content;
    border-radius: 0px 80px 80px 0px;
    margin-left: -10px;
}
.custom-table1 thead th{
    padding: 0rem!important;
    border: none!important;
}
.custom-table1  .ui-datatable-data>tr>td {
    padding: 0rem 0rem 0rem 1rem!important;
    border-bottom:  1px solid rgba(0,0,0,.08)!important;
}
.custom-table1  .ui-datatable-data > tr:last-child > td {
    border-bottom: none!important;
    text-transform: uppercase!important;
}
.custom-table1 .ui-datatable-data>tr {
    background: transparent!important;
}

/* Estilos personalizados para el componente p:textEditor  */

.custom-textEditor1 .ql-container .ql-editor {
    background: transparent!important;
}
.custom-textEditor1 .ql-container.ql-snow {
    border: none!important;
}

.custom-textEditor1 .ql-formats {
    display: none!important;
}

.custom-textEditor1 .ui-editor-toolbar.ql-snow {
    border-bottom: none!important;
}

.custom-textEditor1 .ql-toolbar.ql-snow {
    padding: 2px!important;
    border: none!important;
}
.custom-textEditor1 .ui-editor-toolbar {
    background: transparent!important;
}
.custom-textEditor1 {
    opacity: 1!important;
}

/* Estilos personalizados */
.custom-nav-link {
    color: #8e8e8e; /* Color del texto */
    background-color: #f8f9fa; /* Color de fondo */
    border: 3px solid #ccc; /* Borde */
    border-radius: 0.25rem; /* Borde redondeado */
    padding: 0.5rem 1rem; /* Relleno interno */
    margin-right: 5px; /* Margen derecho */
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease; /* Transiciones suaves */
}

.custom-nav-link.active {
    border: 3px solid;
    color: var(--primary-color)!important;
    border-color: #ffffff #ffffff var(--primary-color)!important;
}

/* Estilos adicionales para el hover y focus */
.custom-nav-link:hover {
    border: transparent!important;
    color: var(--primary-color)!important;
}

.custom-nav-link:focus {
    color: #0a58ca; /* Color del texto al hacer hover o focus */
    border: 3px solid;
    color: var(--primary-color)!important;
    border-color: #ffffff #ffffff var(--primary-color)!important;
}

.custom-tab-content2.nav-tabs{
    border-bottom: 2px solid #dee2e6!important;
}

.custom-galleria1 .ui-galleria-thumbnail-items {
    text-align: center;
    width: 45%!important;
    display: flex;
    align-content: flex-start;
    justify-content: center;
}
.custom-galleria1 .ui-galleria-item {
    flex: 1 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    align-content: flex-end;
    flex-wrap: wrap;
}
.custom-galleria1 .ui-galleria-item {
    height: 300px; /* Ajusta esta altura según tus necesidades */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-galleria1 .ui-galleria-item img {
    height: 100%;
    object-fit: contain; /* Ajusta la imagen dentro del contenedor sin distorsionarla */
    display: block;
}


.custom-galleria1 .ui-galleria-content {
    width: 90%;
    display: flex;
    flex-direction: column;
}
.custom-galleria1 .ui-galleria-caption-items {
    align-items: flex-end;
}






/* Estilos personalizados para p:outputLabel */
.ui-outputlabel.p-output-label-custom {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ms-025 {
    margin-left: 0.8rem !important;
}

/* Estilo para el contenido del PanelMenu con Desplazamiento */
.custom-panelmenu .ui-panelmenu-content {
    max-height: 300px;
    overflow-y: auto;
}

/* Estilo adicional para el contenido del PanelMenu con barras de desplazamiento personalizadas */
.custom-panelmenu .ui-panelmenu-content {
    max-height: 300px;
    overflow-y: auto;
    scrollbar-color: #e9ecef #f8f9fa;
    scrollbar-width: thin;
}

/* Estilos para el calendario personalizado */
.custom-calendar .ui-datepicker-title {
    color: blue; /* Cambia el color del texto de la fecha en el calendario */
}

.custom-calendar .ui-datepicker-trigger {
    background-color: red!important; /* Cambia el color del botón del calendario */
    border-color: green; /* Cambia el color del borde del botón del calendario */
    /* Otros estilos deseados para el botón del calendario */
}



.badge {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
}

.activo {
    background: #f2faf5!important;
    color: #208d83!important;
}

.color-success {
    color: var(--success-color)!important;
}
.bg-success {
    background: #f2faf5!important;
    /*    background: var(--success-bg)!important;*/
}
.inactivo {
    background: #f4433614!important;
    color: #f44336!important;
}
.alta {
    background: #ff000014 !important;
    color: #ff0606 !important;
}

.baja {
    background-color: #fbc02d2e;
    color: #ffb705;
}

.media {
    background: #ff57221a !important;
    color: #ff3d00 !important;
}

.usuarioActivo {
    background: #f2faf5!important;
    color: #208d83!important;
}

.usuarioInactivo {
    background-color: #fbc02d2e;
    color: #ffb705;
}

.usuarioBloqueado {
    background: #ff57221a !important;
    color: #ff3d00 !important;
}

.usuarioPrimerIngreso {
    background-color: #bac7e7;
    color: #4a6cc1;
}

.usuarioBaja {
    background: #f4433614!important;
    color: #f44336!important;
}

.mxw-100{
    width: 100%!important;
    max-width: 100%!important;
    min-width: 100%!important;
}

.bg-primary{
    background: var(--primary-color)!important;
}

.sinPadding .ui-panel-content {
    border: 0px solid transparent!important;
    background: #ffffff!important;
    padding: 0rem!important;
}

.sinPadding .ui-panel .ui-panel-titlebar{
    border: 1px solid transparent!important;
    padding: 1rem 0rem 1rem 0rem!important;
}
.sinPadding .ui-dialog-titlebar{
    padding: 0rem!important;
}
.sinPadding .ui-dialog-content{
    padding: 0rem!important;
}
.sinPadding .ui-dialog{
    padding: 0rem!important;
}

.custom-dropdown .ui-selectonemenu-trigger {
    white-space: normal !important;
    word-wrap: break-word !important;
}

.custom-dropdown .ui-selectonemenu-label {
    max-width: 100% !important;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item {
    white-space: normal !important;
}

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

.form-control:focus, #focusedInput {
    border: 1px solid var(--primary-color);
    box-shadow: none;
}






.fR{
    float: right;
}

.tablaMenu  td{
    background: transparent!important;
    padding: 0.2rem 0rem!important;
    border: none!important;
}

.tablaMenu thead th {
    background: transparent!important;
    padding: 0px!important;
    border: none!important;
}


.botonDenunciasAP.ui-button {
    background: var(--primary-color)!important;
    border-radius: 0px!important;
}

body .botonDenunciasAP.ui-button.ui-button-text-icon-left .ui-button-text {
    text-align: left;
    padding: 0.5rem 0.3rem 0.5rem 2rem;
}

/* Interaction states
----------------------------------*/
.botonMenu.ui-state-default,
.botonMenu.ui-widget-content .ui-state-default,
.botonMenu.ui-widget-header .ui-state-default,
.botonMenu.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .botonMenu.ui-button.ui-state-disabled:hover,
html .botonMenu.ui-button.ui-state-disabled:active {
    background: transparent!important;
    border-left: 3px solid transparent;
    border: none!important;
    color: var(--text-sidebar);
    width: 90%;
    height: 35%;
    border-radius: 0 40px 40px 0;
    transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;
}


body .botonMenu.ui-button.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
}
body .botonMenu.ui-button.ui-state-hover {
    background: var(--color-sidebar)!important;
    border-left: 3px solid var(--primary-color)!important;
    border: none;
    width: 90%;
    height: 35%;
    color: var(--text-sidebar);
    border-radius: 0 40px 40px 0;
    transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;
}
body .botonMenu.ui-button.ui-button-text-icon-left:hover .ui-icon {
    color: #fff!important; 
}

body .botonMenu.ui-button.ui-button-text-icon-left .ui-button-text {
    text-align: left;
    padding: 0.8rem 1rem 0.8rem 2.5rem;
}








body .ui-inputfield {
    color: #495057;
    background: #fff;
    padding: 0.5rem 0.5rem;
    border: 1px solid #ced4da;
    outline: 0 none;
    font-size: var(--font-size-13);
    border-radius: 4px;
    transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;
    -webkit-appearance: none;
    appearance: none;
}

.custom-calendar .ui-datepicker-trigger {
    background-color: red!important; /* Cambia el color del botón del calendario */
    border-color: green; /* Cambia el color del borde del botón del calendario */
    /* Otros estilos deseados para el botón del calendario */
}

.badage-secondary{
    display: inline-block;
    border-radius: 10px;
    text-align: center;
    padding: 0 0.5rem;
    background: var( --secondary-color);
    color: var(--text-secundario);
    font-size: .75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
}

body .ui-fieldset .ui-fieldset-legend {
    font-size: 16px;
}


.tablaCategoria thead th {
    background: transparent!important;
    border: none!important;
}
.ui-datatable-scrollable-body::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px;
    background-color: transparent;
}

.bg-secondary {
    color: #495057!important;
    background-color: #f8f9fa!important;
}


body .ui-datatable .ui-datatable-header {
    text-align: right!important;
}

.paddingWrapper{
    padding: 96px 15px 15px 15px;
}

.text-table{
    text-align: center;
}

body .ui-panelmenu h3.ui-panelmenu-header {
    font-size: 13px!important;
}


.mt-32{
    margin-top: 32px;
}

.calendar .ui-inputfield {
    border-radius: 0;
    border: 1px solid #e4e6eb!important;
}
.calendarl .ui-inputfield {
    border-radius: 0px 4px 4px 0px;
    border: 1px solid #e4e6eb!important;
}
.brL-25{
    border-radius: 0.25rem 0rem 0rem 0.25rem;
}

.brR-25{
    border-radius: 0rem 0.25rem 0.25rem 0rem;
}

.br-0{
    border-radius: 0rem!important;
}

.ms-6 {
    margin-left: 6rem !important;
}

.input-group-text {
    background-color: #e4e6eb!important;
    border: none!important;
}

.hiddenDesktop{
    display: none;
}

@media only screen and (max-width: 768px) {
    .calendar .ui-inputfield {
        width: 85px;
    }
    body .ui-datatable .ui-datatable-scrollable-body {
        max-height: 100%!important
    }
    .hiddenDesktop{
        display: block;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1767px) {
    .calendar .ui-inputfield {
        width: 85px;
    }

    .hiddenDesktop{
        display: block;
    }
}


.p-datepicker {
    display: flex!important;
}


body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 {
    font-size: 13px!important;
}

.font-bold{
    font-weight: bold!important;
}


.sinPadding  .ui-panel-titlebar{
    border: 1px solid #ffffff!important;
    background: #ffffff!important;
    padding: 1rem 0rem!important;
}

.mR-2{
    margin-right: 2px!important;
}

.vh7{
    width: 5vh;
}

.bh{
    border: 1px solid #dee2e6;
    border-bottom: none;
}


/* Estilos para la lista ul con la clase estadistica */
.estadistica {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* Estilos para los elementos li dentro de la lista con la clase estadistica */
.estadistica li {
    width: calc(33.333% - 2rem);
    background-color: #f9f9f9;
    border-radius: 4px;
    padding: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
    margin-right: 2rem;
    font-size: 0.9rem;
}

/* Estilos para los elementos span dentro de los elementos li dentro de la lista con la clase estadistica */
.estadistica li span {
    display: block;
    margin-bottom: 0.5rem;
}

/* Estilos para los elementos li dentro de la lista con la clase estadistica cuando la pantalla tiene un ancho máximo de 768px */
@media (max-width: 768px) {
    .estadistica li {
        width: 100%;
        margin-right: 0;
    }
}

.est-selectonemenu .ui-selectonemenu{
    background: red!important;
}

/*
.container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
}

.box {
        background-color: #f2f2f2;
        border-radius: 5px;
        font-size: 2em;
        font-weight: bold;
        margin: 10px;
        padding: 20px;
        text-align: center;
        width: calc(33.333% - 20px);
}

@media (max-width: 768px) {
        .box {
                width: calc(50% - 20px);
        }
}*/



.tableTipoOrigen thead th{
    padding: 0rem!important;
    border: none!important;

}

.tableTipoOrigen  .ui-datatable-data>tr>td {
    padding: 0.5rem!important;
    border: none!important;
}

.tableTipoOrigen .ui-datatable-data>tr {
    background: transparent!important;
}
.tablaWizard thead th{
    padding: 0rem!important;
    border: none!important;

}

.tablaWizard  .ui-datatable-data>tr>td {
    padding: 0rem 0rem 0rem 1rem!important;
    border: none!important;
}


.tablaWizard .ui-datatable-data>tr {
    background: transparent!important;
}
.fw-bold{
    font-weight: bold!important;
}

.ui-badge.ui-badge-no-gutter {
    padding: 0;
    border-radius: 50%;
}

.w-5 {
    width: 5%!important;
}

.input-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.input-group .col-lg-6, .input-group .col-md-6 {
    flex: 0 0 50%; /* Establece el ancho de cada columna al 50% */
    max-width: 50%; /* Establece el ancho máximo de cada columna al 50% */
}

/* Estilos específicos para pantallas más pequeñas (por ejemplo, dispositivos móviles) */
@media (max-width: 767px) {
    .input-group .col-lg-6, .input-group .col-md-6 {
        flex: 0 0 100%; /* Establece el ancho de cada columna al 100% en dispositivos móviles */
        max-width: 100%; /* Establece el ancho máximo de cada columna al 100% en dispositivos móviles */
    }
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.top-0 {
    top: 0;
}

.end-0 {
    right: 0;
}


/* Estilos para la lista ul con la clase estadisticaFiltro */
.estadisticaFiltro {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* Estilos para los elementos li dentro de la lista con la clase estadisticaFiltro */
.estadisticaFiltro li {
    width: calc(100% - 2rem);
    background-color: #f9f9f9;
    border-radius: 4px;
    padding: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
    margin-right: 2rem;
    font-size: 0.9rem;
}

/* Estilos para los elementos li dentro de la lista con la clase estadisticaFiltro cuando la pantalla tiene un ancho máximo de 768px */
@media (max-width: 768px) {
    .estadisticaFiltro li {
        width: 100%;
        margin-right: 0;
    }
}

.tablaResultado table{
    width: -webkit-fill-available!important;
}


.listTabResultados  .ui-datalist-content{
    border: none!important;
    background: transparent!important;
    color: #495057;
    padding: 0.5rem 1rem 0.5rem 1rem!important;
}

.listTabResultados .ui-datalist-empty-message {
    text-transform: uppercase;
    margin-left: -15px;
    padding: 0rem!important; 
}

.listTabResultados ul li {
    list-style: outside!important;
}

body .ui-button.botonCerrarSesion {
    background: #ffffff;
    color: var(--primary-color);
    border: 1px solid #ffffff;
    margin: 0;
    font-weight: 500;
    outline: 0 none;
    border-radius: 4px;
    transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;
}


.text-header{
    color: var(--primary-color)!important; 
    font-size: 16.5px!important;
    font-weight: 700!important;
}



.calendarE.ui-inputfield{
    width: 91%;
}

@media only screen and (max-width: 600px) {
    .ui-dialog {
        width: 90% !important; /* Reducir el ancho del diálogo en pantallas pequeñas */
        left: 5% !important; /* Alinear el diálogo al centro en pantallas pequeñas */
        top: 10% !important; /* Alinear el diálogo al centro verticalmente en pantallas pequeñas */
    }

    .ui-dialog-content {
        max-height: 75vh !important; /* Limitar la altura máxima del contenido del diálogo en pantallas pequeñas */
    }

    .calendarE.ui-inputfield{
        width: 86%;
    }
    .ui-datatable-scrollable-header, .ui-datatable-scrollable-body, .ui-datatable-scrollable-footer {
        overflow-x: auto !important; /* Habilitar el scroll horizontal */
        overflow-y: hidden !important; /* Deshabilitar el scroll vertical */
    }

    body .ui-button {
        width: 100%;
    }

    .ui-selectoneradio label {
        margin: 0 8px 0 8px!important;
    }

    .hiddenDesktop{
        display: block;
    }
}


body .ui-button.btn-add  {
    border-radius: 0px 4px 4px 0px;
}


.select-add {
    /* Estilos específicos para el componente selectOneMenu */
    border-radius: 4px 0px 0px 4px !important;

}

@media screen and (max-width: 768px) {

    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
        font-weight: bold;
        min-width: 100%!important;

    }
    .wizard-buttons-container {
        flex-direction: column-reverse; /* Cambiar la dirección de flexión a column-reverse para dispositivos móviles */
        align-items: center; /* Centrar los elementos en el eje vertical */
    }

    .buttons-container {
        margin-left: -4px;
        margin-top: 4px !important;
        position: relative !important;
        width: 100% !important;
        right: none !important;
        margin-bottom: 0px !important;
        display: block !important;
    }

    .button-cancelar {
        left: -13px!important;
        position: relative!important;
        width: 100%!important;
        margin-bottom: 17px;
        display: block!important;

    }

    .button-cancelarG {
        left: -13px!important;
        position: relative!important;
        width: 100%!important;
        margin-bottom: 17px;
        display: block!important;

    }
}

/* Media query para Microsoft Surface Duo en modo horizontal */
@media (max-width: 1350px) and (min-aspect-ratio: 5/4) {
    .estadistica li {
        width: calc(50% - 2rem); 

    }
}


@media (max-width: 1024px) {
    .estadistica li {
        width: calc(100% - 0rem); 

    }

}
.buttons-container {
    display: flex;
    justify-content: flex-end;
    margin-top: -34px;
}
.buttons-container .ui-commandbutton {
    background-color: #d1b295;
    border: none;
    color: white;
    margin-left: 10px;
    padding: 10px 20px;
    font-size: 14px;
    cursor: pointer;
}
.buttons-container .ui-commandbutton:hover {
    background-color: #bfa17a;
}
.buttons-container .ui-commandbutton:focus {
    outline: none;
}





/*--------------Tasks Widget--------------*/

.task-content {
    margin-bottom: 10px;
}

.tasks-widget .task-content:after {
    clear: both;
}

.tasks-widget .task-footer {
    margin-top: 5px;
}

.tasks-widget .task-footer:after,
.tasks-widget .task-footer:before {
    content: "";
    display: table;
    line-height: 0;
}

.tasks-widget .task-footer:after {
    clear: both;
}

.tasks-widget .task-list {
    padding: 0;
    margin: 0;
}

.tasks-widget .task-list>li {
    position: relative;
    padding: 10px 5px;
    border-bottom: 2px dashed #eaeaea;
}

.tasks-widget .task-list li.last-line {
    border-bottom: none;
}

.tasks-widget .task-list li>.task-bell {
    margin-left: 10px;
}

.tasks-widget .task-list li>.task-checkbox {
    float: left;
    width: 30px;
}

.tasks-widget .task-list li>.task-title {
    overflow: hidden;
    margin-right: 10px;
}

.tasks-widget .task-list li>.task-config {
    position: absolute;
    top: 10px;
    right: 10px;
}

.tasks-widget .task-list li .task-title .task-title-sp {
    margin-right: 5px;
}

.tasks-widget .task-list li.task-done .task-title-sp {
    text-decoration: line-through;
    color: #bbbbbb;
}

.tasks-widget .task-list li.task-done {
    background: #f6f6f6;
}

.tasks-widget .task-list li.task-done:hover {
    background: #f4f4f4;
}

.tasks-widget .task-list li:hover {
    background: #f9f9f9;
}

.tasks-widget .task-list li .task-config {
    display: none;
}

.tasks-widget .task-list li:hover>.task-config {
    display: block;
    margin-bottom: 0 !important;
}


@media only screen and (max-width: 320px) {

    .tasks-widget .task-config-btn {
        float: inherit;
        display: block;
    }

    .tasks-widget .task-list-projects li>.label {
        margin-bottom: 5px;
    }

    .hiddenDesktop{
        display: block;
    }
}



/* Cusoms */
.taskList>li {
    padding: 5px 0 5px 15px !important;
    position: relative;
    background: #f5f6f8;
    margin-bottom: 4px;
    border-bottom: none !important;
    border-radius: 8px 8px 8px 8px;
}

.ldblue {
    border-left: 8px solid #5277aa;
}

.list-textareas {
    border: 1px solid #ced4da;
    background: #ffffff;
    border-radius: 6px;
    line-height: 1rem;
    width: calc(100% - -15px);
    height: auto;
    color: #868e94;
}

.list-textareas:focus,
#focusedInput {
    border: 1px solid #517397;
    box-shadow: none;
}

.treeview ul li:before {
    content: "";
    position: absolute;
    top: -26px;
    left: -45px;
    border-left: 2px dashed #c1c1c1;
    width: 1px;
    height: 100%;
}
.treeviewDash ul li:before {
    content: "";
    position: absolute;
    top: -26px;
    left: -18px;
    border-left: 2px dashed #c1c1c1;
    width: 1px;
    height: 96%;
}

.treeviewDash ul li:after {
    content: "";
    position: absolute;
    border-top: 2px dashed #c1c1c1;
    bottom: 22px;
    left: -17px;
    width: 10px;
}
.treeview ul li:after {
    content: "";
    position: absolute;
    border-top: 2px dashed #c1c1c1;
    bottom: 22px;
    left: -4px;
    width: 36px;
}


.pTask>li {
    padding: 15px 0 15px 20px !important;
}


/* Estos estilos son de la barras scroll */

body::-webkit-scrollbar {
    width: 12px;
}

body::-webkit-scrollbar-track {
    background: #e5e8eb;
}

body::-webkit-scrollbar-thumb {
    background-color: #bcc0c4;
    border-radius: 20px;
    border: 3px solid #e5e8eb;
}
::-webkit-scrollbar {
    height: 7px;
    width: 7px;
    background: #f1f1f1;
}
.ui-datatable-scrollable-body::-webkit-scrollbar {
    width: 7px;
}

.ui-datatable-scrollable-body::-webkit-scrollbar-track {
    background: #e5e8eb;
}

.ui-datatable-scrollable-body::-webkit-scrollbar-thumb {
    background-color: #bcc0c4;
    border-radius: 20px;
    border: 0px solid #e5e8eb;
}

.text-primary {
    color: var(--primary-color);
}

body .ui-button-excel, body .ui-button-excel.ui-state-hover, body .ui-button-excel.ui-state-active {
    background: #016e38!important; /* Fondo del botón */
    color: #fff; /* Color del texto */
    border-color: #016e38!important; /* Color del borde */
}

body .ui-button-excel.ui-state-focus {
    box-shadow: var(--box-shadow-success); /* Sombra del botón */
}

a.logoIncElectorales{
    font-size: 17px!important;
    color: var(--primary-color);
    float: left;
    font-weight: 600;
    margin-top: 19px;
}

.sidebar-toggle-box {
    color: var(--primary-color);
    float: left;
    padding-right: 6px;
    margin-top: 20px;
}

.ui-linkbutton.colorLink {
    color: #4285F4!important;
}

.checkbox-placeholder {
    display: none;
    color: #999;
}

.accordionMostrarMapa .accordion-header {
    background: transparent;
    color: #333;
}

.accordionMostrarMapa.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: transparent;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);

}

.accordion-item.accordionMostrarMapa {
    background-color: #fff;
    border: none;
}

.accordionMostrarMapa .accordion-button {
    padding: 0px;  
}
#btnMostrarMapa.accordion-button:not(.collapsed)::after {
    background-image:none;
    transform: rotate(-180deg);
}
.accordion-button::after {
    background-image:none;
}
#btnMostrarMapa:not(.collapsed) {
    color: #0c63e4;
    background-color: transparent;
    box-shadow: none;
}
#btnMostrarMapa.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}
.accordion-button#btnMostrarMapa:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none;
}

.dropdown-menu.extended.logout > li > a > i {
    display: inline;
}
.dropdown-menu.extended.logout > li {
    float: left;
    text-align: left;
    width: 100%;
}

.w-Textruncate{
    max-width: auto;
}


@media only screen and (max-width: 768px) {
    .hiddenDesktop{
        display: block;
    }

    .w-Textruncate{
        max-width: 90px;
    }

    .responsive-date-picker {
        max-width: 100%; /* Hacer que el ancho máximo sea 100% para que se ajuste al contenedor */
        width: auto; /* Permitir que el ancho se ajuste automáticamente */
    }

    /* Estilos para ajustar el tamaño del texto */
    .responsive-date-picker .ui-datepicker {
        font-size: 10em; /* Utilizar un tamaño de fuente relativo */
    }


    .responsive-date-picker .ui-datepicker .ui-datepicker-calendar td {
        padding: .003rem!important;
        text-align: center;
    }
    .responsive-date-picker .ui-datepicker-calendar td {
        padding: .003rem!important;
        text-align: center;
    }
    .responsive-date-picker .ui-datepicker  td {
        padding: .003rem!important;
        text-align: center;
    }

    .responsive-date-picker td>a, body .ui-datepicker .ui-datepicker-calendar td>span {
        padding: 0;
        color: #495057;
        text-align: center;
        width: 1.5rem!important;
        height: 1.5rem!important;
        line-height: 1.5rem!important;
        border: 0 none;
        display: inline-block;
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, opacity .2s;
        border-radius: 50%;
    }
    .header {
        position: fixed;
        z-index: 1001 !important;
    }

    .ui-fileupload-buttonbar .ui-button .ui-button-text {
        display: inline-block!important;
    }

    body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose 
    .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload 
    .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon {
        left: 15%;
        top: 42%;
        margin-left: -0.9rem;
    }

    body .ui-button.ui-button-text-icon-left .ui-button-text {
        padding: .5rem 1rem .5rem 0.5rem;
    }

    .ui-fileupload-buttonbar .ui-button {
        padding: .5em;
    }

    body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
        margin-right: .5rem;
        margin-bottom: .3em;
    }

    .custom-footer {
        position: relative!important;
        left: 0!important;
        transform: none!important;
        width: 100%!important;
        padding: 22px!important;
        border-top: none!important;

    }
}

@media screen and (max-width: 40em){
    .ui-fileupload-buttonbar .ui-button {
        padding: .5em .5em .5em 1.5em!important;
    }
    .hiddenDesktop{
        display: block;
    }
}
/* Media query para dispositivos con una resolución mínima de 280px */
@media only screen and (max-width: 280px) {
    .w-Textruncate{
        max-width: 65px;
    }

    .hiddenDesktop{
        display: block;
    }
}

/* Media query para dispositivos con una resolución mínima de 360px */
@media only screen and (max-width: 360px) {
    .w-Textruncate{
        max-width: 75px;
    }

    body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose 
    .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload 
    .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon {
        left: 18%;
        top: 39%;
        margin-left: -0.9rem;
    }

    .hiddenDesktop{
        display: block;
    }
}

.dropZone .ui-fileupload-buttonbar {
    text-align: center !important;
    border: 2px dashed #dee2e6!important;
    border-bottom: none !important;
    padding: 3rem!important;
    background: transparent!important;
    border-top-left-radius: 10px!important;
    border-top-right-radius: 10px!important;
}

.dropZone .ui-fileupload-content {
    border-left: 2px dashed #dee2e6 !important;
    border-right:2px dashed #dee2e6 !important;
    border-bottom:2px dashed #dee2e6 !important;
    padding: 1rem 1rem 3rem 1rem!important;
    border-bottom-left-radius: 10px!important;
    border-bottom-right-radius: 10px!important;
}
.ui-fileupload-filename, .ui-fileupload-progress, .ui-fileupload-filename + div {
    background: #e4e6eb69;
    padding: 6px;
    font-weight: 600;
    border-radius: 4px;
    display: block !important;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon::before {
    font-family: "Font Awesome 5 Pro" !important;
    content: "\e054";
    margin-right: 5px; 
    color: #ededede0;
    text-shadow: #ffffffb3 0 0 0.3em;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before {
    content: "\f057";
    color: rgb(0 0 0 / 80%);
    text-shadow: #8b8c8f 0 0 0.3em;
}

/* Estilos para el botón "Subir Archivos" */
.dropZone .ui-fileupload-choose  {
    background: var(--info-color);
    color: #fff;
    border: 1px solid  var(--info-color);
}

/* Estilos para el botón "Guardar imágenes" */
.dropZone .ui-fileupload-upload{
    background: var(--primary-color);
    color: #fff;
    border: 1px solid var(--primary-color);
}

/* Estilos para el botón "Cancelar todas" */
.dropZone .ui-fileupload-cancel  {
    background: var(--secondary-color);
    color: var(--text-secundario);
    border: 1px solid var(--secondary-color);
    text-shadow: #ffffff6b 0 0 0.2em;
}

.ui-fileupload .ui-fileupload-content .ui-fileupload-cancel {
    position: absolute;
    background: #f4433600 !important;
    color: var(--danger-color) !important;
    border: 1px solid #f4433600 !important
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before {
    content: "\f382";
    color: rgba(255, 255, 255, 0.8);
    text-shadow: #ffffff6b 0 0 0.2em;
}

body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before {
    content: "\f057";
    color: var(--danger-color) !important;
    text-shadow: #ff572275 0 0 0.2em;
}


.dropZone .ui-fileupload-buttonbar .ui-button {
    border-radius: 25px;
}

body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row>div {
    padding: 0rem;
    padding-left: 30px;
    font-size: 0px!important;
}

.ui-fileupload-row {
    position: relative; /* Asegura que el contenedor tenga una posición relativa */
    display: inline-block!important;
}

.ui-fileupload-preview {
    position: relative; /* Asegura que el contenedor de la imagen tenga una posición relativa */
    padding: 1rem 1rem 0rem 1rem !important;
    position: relative;
}

.ui-fileupload-cancel {
    position: absolute;
    top: 0;
    right: 0;  
    z-index: 1; /* Asegúrate de que el botón esté en un nivel superior que la imagen */
}

.ui-fileupload-preview {
    position: relative;
}

.ui-fileupload-progress {
    position: absolute;
    top: 0;
    right: 0;
}

.ui-fileupload-row>div {
    display: relative!important;
}

.disableTex{
    background: var(--secondary-color);
    color: var(--text-secundario);
    border: 1px solid var(--secondary-color);
}

.text-uppercase .ui-dialog {
    text-transform: uppercase;
}
body .mi-clase-dialog .ui-dialog-titlebar {
    /* Estilos específicos para .ui-dialog-titlebar dentro de .mi-clase-dialog */
    padding: .4em .4em .4em 1em;
    position: relative;
    border: 0;
    text-transform: uppercase;
}
.icon-expand {
    color: #000000;
    font-size: 18px !important;
    cursor: pointer;
}
.icon-minimize {
    color: #000000;
    font-size: 18px !important;
    cursor: pointer;
}

.review-container {
    /*                background-color: #fff;
                    border-radius: 8px;
                    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
    padding: 20px;
    max-width: 400px;
    width: 100%;
    text-align: center;
    color: #000; /* Color de texto negro */
}
.review-heading {
    font-size: 24px;
    font-weight: bold;
    color: #000; /* Color de texto negro */
    margin-bottom: 20px;
}
.review-info {
    font-size: 16px;
    color: #333; /* Color de texto más oscuro */
    margin-bottom: 20px;
    text-align: justify;
}
.review-user {
    font-size: 18px;
    font-weight: bold;
    color: #3d67a1; /* Color azul (puede ajustarse según tu preferencia) */
}
.review-icon {
    font-size: 55px;
    color: #3d67a1; /* Color azul (puede ajustarse según tu preferencia) */
    margin-bottom: 20px;
}


.dlgSinpadding .ui-dialog-titlebar {
    background: #fff;
    color: var(--primary-color);
    font-weight: 700;
    border-bottom: 0 none;
    padding: 0rem!important; 
}

.dlgSinpadding .ui-dialog-content {
    background: #fff;
    color: #495057;
    border: 0 none;
    padding: .2rem 1.5rem 1rem 1.5rem!important;;
    border: 0 none;
}

.tablaRelative{
    position: relative;
}

.btnActualizarFuentes{
    position: absolute!important;
    top: 35px;
    right: 35px;
    z-index: 1001;
}

.btnExpandirFuentes{
    position: absolute!important; 
    top: 35px;
    right: 0;    
    z-index: 1001;
}

.btnActualizarPolicia{
    position: absolute!important; 
    top: 35px;
    right: 40px;
    z-index: 1001;
}

.btnExpandirPolicia{
    position: absolute !important;
    top: 35px;
    right: 0px;    
    z-index: 1001;
}

.estado-1 {
    background: #3d67a11c !important;
    color: #3d67a1 !important;
}

.estado-2 {
    background: #60856e73 !important;
    color: #118b7f !important;
}

.estado-3 {
    background: #f2faf5!important;
    color: #208d83!important;
}

.estado-4 {
    background: #ffeb3b66 !important;
    color: #e77817 !important;
}

.estado-5 {
    background: #ff000014 !important;
    color: #ff0606 !important;
}

.estado-6 {
    background: #ff57221a !important;
    color: #ff3d00 !important;
}


.m-015 {
    margin: .15rem !important;
}

.tablaResultado table{
    width: -webkit-fill-available!important;
}


.session-expired-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.session-expired-panel {
    width: 350px;
}

.session-expired-content {
    text-align: center;
}

.session-expired-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-top: 35px;
}

.session-expired-description {
    font-size: 16px;
    margin-bottom: 20px;
}

.session-expired-button {
    font-size: 14px;
    padding: 10px 20px;
}
.text-info {
    color: var(--info-color)!important;
}
.ui-dialog-footer button.ui-button-text-icon-left.ui-confirmdialog-yes {
    text-transform: uppercase!important;
}
.ui-dialog-footer button.ui-button-text-icon-left.ui-confirmdialog-no {
    background: var(--secondary-color)!important;
    color: var(--text-secundario)!important;
    border: 1px solid var(--secondary-color)!important;
    text-transform: uppercase!important;
}

@media (max-width: 768px) { 
    .light-sidebar-nav .sidebar-nav {
        margin-top: 60px; 
    }


    .is-sidebar-nav-open #sidebar {
        position: fixed!important;
        z-index: 1000 !important;

    }

}


.ui-button {
    margin-top: 0px !important; 
}


body .ui-button.btn-add  {
    border-radius: 0px 4px 4px 0px;
}


.datepicker-add {
    border-radius: 4px 0px 0px 4px !important;
}


.timeline-messages:before {
    background: rgba(0, 0, 0, 0.1);
    bottom: 0;
    top: 0;
    width: 2px;
}

.timeline-messages:after{
    content: "";
    position: absolute;
    border-top: 2px solid #e5e5e5;
    bottom: 22px;
    left: 8px;
    width: 20px;

}
.timeline-messages:before, .msg-time-chat:before, .msg-time-chat .text:before {
    content: "";
    left: 6px;
    position: absolute;
    top: -4px;
}
.timeline-messages, .msg-time-chat , .timeline-messages .msg-in, .timeline-messages .msg-out {
    position: relative;
}


.timeline-messages .msg-in  .arrow {
    /*border-right: 8px solid #F4F4F4 !important;*/
}
.timeline-messages .msg-in .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    top: 13px;
    width: 0;
}

.timeline-messages .msg-out  .arrow {
    /*border-right: 8px solid #41cac0 !important;*/
}
.timeline-messages .msg-out .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    top: 13px;
    width: 0;
}

.msg-time-chat:first-child:before {
    margin-top: 16px;
}
.msg-time-chat:before {
    background:#CCCCCC;
    border: 2px solid #FAFAFA;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    height: 14px;
    margin: 23px 0 0 -6px;
    width: 14px;
}
.msg-time-chat:hover:before {
    background: var(--info-color);
}
.msg-time-chat:first-child {
    padding-top: 0;
}
.message-img {
    float: left;
    margin-right: 30px;
    overflow: hidden;
}
.message-img img {
    display: block;
    height: 44px;
    width: 44px;
}
.message-body {
    margin-left: 28px;
}
.msg-time-chat .msg-in .text {
    border: 1px solid #e3e6ed;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.msg-time-chat .msg-out .text {
    border: 1px solid #e3e6ed;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.msg-time-chat p {
    margin: 0;
}
.msg-time-chat .attribution {
    font-size: 11px;
    margin: 0px 0 5px;
}
.msg-time-chat {
    overflow: hidden;
    padding:8px 0;
}

.msg-in a, .msg-in a:hover{
    color: #000000;
    text-decoration: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right: 10px;
    font-weight: bold;
    font-size: 13px;
}
.msg-out a, .msg-out a:hover{
    color: #288f98;
    text-decoration: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right: 10px;
    font-weight: 400;
    font-size: 13px;
}

.w-93 {
    width: 93% !important;
}

.disable{
    background: #f5f6f8!important;
    border: 1px solid #f5f6f8!important;
    color: var(--text-secundario)!important;
}



.p-row-editor {
    position: sticky;
    margin-left: 79%;
    margin-top: -37px;
}

.p-delete-button {
    position: fixed;
    bottom: 45px;
    left: 92%;/* Ajusta para alinear a la derecha del rowEditor */
    z-index: 9999; /* Ajusta si es necesario */
}

/* Estilos adicionales según tus necesidades */
.rounded-button {
    border-radius: 5px;
    padding: 10px 20px;
}

body .ui-clock {
    border: 1px solid #dee2e600;
    background: #fff;
    color: #495057;
    padding: 0rem;
}

.dataListSinPadding  .ui-datalist-content {
    border: 1px solid #dee2e600!important;
    padding: 0rem!important;
}

.accordion-button {
    font-size: 12px;
}

.accordion-button:not(.collapsed) {
    color: #495057!important;
    font-weight: 800;
    background-color: #f8f9fa!important;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.list-group-item {
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
    border-bottom: 1px solid rgb(239, 242, 247)!important;
}

.btnlogin {
    text-align: left!important;
}

.paddingCardE{
    padding: 0rem!important;
}
.h3E{
    font-size: 1.5rem !important;
}


.text-black{  
    color: #212529;
}


.contact-info {
    font-family: Arial, sans-serif;
    max-width: 300px;
    margin: 20px auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
}
.contact-info h2 {
    font-size: 1.5em;
    margin-bottom: 10px;
}
.contact-info p {
    margin: 5px 0;
}
.contact-info .label {
    font-weight: bold;
    color: #333;
}
.contact-info .value {
    color: #555;
}






.p-text-area, .p-text-area:focus {
    border: none;
    font-weight: 300;
    box-shadow: none;
    color: #c3c3c3;
    font-size: 16px;
}

.profile-info .card-footer {
    background-color:#f8f7f5 ;
    border-top: 1px solid #e7ebee;
}

.profile-info .card-footer ul li a {
    color: #7a7a7a;
}

.profile-info .card-footer ul li a:hover {
    background: #eee;
}

.bio-graph-heading {
    background: #ffffff;
    color: var(--primary-color);
    text-align: left;
    padding: 15px;
    font-weight: 600;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    font-size: 16px;
}

.bio-graph-info {
    color: #89817e;
}

.bio-graph-info h1 {
    font-size: 22px;
    font-weight: 300;
    margin: 0 0 20px;
}

.bio-row {
    width: 50%;
    float: left;
    margin-bottom: 10px;
    padding:0 15px;
}

.bio-row p span {
    width: 100px;
    display: inline-block;
}

.bio-chart, .bio-desk {
    float: left;
}

.bio-chart {
    width: 40%;
}

.bio-desk {
    width: 60%;
}

.bio-desk h4 {
    font-size: 15px;
    font-weight:400;
}

.bio-desk h4.terques {
    color: #4CC5CD;
}

.bio-desk h4.red {
    color: #e26b7f;
}

.bio-desk h4.green {
    color: #97be4b;
}

.bio-desk h4.purple {
    color: #caa3da;
}

.file-pos {
    margin: 6px 0 10px 0;
}

.profile-activity h5 {
    font-weight: 300;
    font-size: 14px;
    margin-top: 0;
    color: #c3c3c3;
}

.summary-head {
    background: #ee7272;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #ee7272;
}

.summary-head h4 {
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.summary-head p {
    color: rgba(255,255,255,0.6);
}

ul.summary-list {
    display: inline-block;
    padding-left:0 ;
    width: 100%;
    margin-bottom: 0;
}

ul.summary-list > li {
    display: inline-block;
    width: 19.5%;
    text-align: center;
}

ul.summary-list > li > a > i {
    display:block;
    font-size: 18px;
    padding-bottom: 5px;
}

ul.summary-list > li > a {
    padding: 10px 0;
    display: inline-block;
    color: #818181;
}

ul.summary-list > li  {
    border-right: 1px solid #eaeaea;
}

ul.summary-list > li:last-child  {
    border-right: none;
}

.activity {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.activity.alt {
    width: 100%;
    float: right;
    margin-bottom: 10px;
}

.activity span {
    float: left;
}

.activity.alt span {
    float: right;
}
.activity span, .activity.alt span {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #eee;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.activity.terques span {
    background: #8dd7d6;
}

.activity.terques h4 {
    color: #8dd7d6;
}
.activity.purple span {
    background: #b984dc;
}

.activity.purple h4 {
    color: #b984dc;
}
.activity.blue span {
    background: #90b4e6;
}

.activity.blue h4 {
    color: #90b4e6;
}
.activity.green span {
    background: #aec785;
}

.activity.green h4 {
    color: #aec785;
}

.activity h4 {
    margin-top:0 ;
    font-size: 16px;
}

.activity p {
    margin-bottom: 0;
    font-size: 13px;
}

.activity .activity-desk i, .activity.alt .activity-desk i {
    float: left;
    font-size: 18px;
    margin-right: 10px;
    color: #bebebe;
}

.activity .activity-desk {
    margin-left: 70px;
    position: relative;
}

.activity.alt .activity-desk {
    margin-right: 70px;
    position: relative;
}

.activity.alt .activity-desk .card {
    float: right;
    position: relative;
}

.activity-desk .card {
    background: #F4F4F4 ;
    display: inline-block;
}


.activity .activity-desk .arrow {
    border-right: 8px solid #F4F4F4 !important;
}
.activity .activity-desk .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: -7px;
    position: absolute;
    top: 13px;
    width: 0;
}

.activity-desk .arrow-alt {
    border-left: 8px solid #F4F4F4 !important;
}

.activity-desk .arrow-alt {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    right: -7px;
    position: absolute;
    top: 13px;
    width: 0;
}

.activity-desk .album {
    display: inline-block;
    margin-top: 10px;
}

.activity-desk .album a{
    margin-right: 10px;
}

.activity-desk .album a:last-child{
    margin-right: 0px;
}

/*invoice*/

.invoice-list  {
    margin-bottom: 30px;
}

.invoice-list h4 {
    font-weight: 300;
    font-size: 16px;
}

.invoice-block {
    text-align: right;
}

ul.amounts li {
    background: #f5f5f5;
    margin-bottom: 5px;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: 300;
}

.invoice-btn a{
    font-weight: 300;
    margin: 0 5px;
    font-size: 16px;
}

.corporate-id {
    margin-bottom: 30px;
}
/* Estilos CSS personalizados */

/* Estilos CSS personalizados */

.custom-contenedor-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #fff;
    padding: 0.75rem;
    position: relative;
}

.custom-nav-tabs .nav-item {
    flex: 1 1 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0 10px;
    box-sizing: border-box;
}

.custom-nav-tabs .nav-item:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 50%;
    border-right: 1px solid #ddd;
}

.custom-nav-tabs .nav-link {
    border: none;
    border-radius: 0;
    color: #333;
    background-color: transparent;
    transition: border-color 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.custom-nav-tabs .nav-link.active {
    font-weight: bold;
    background: transparent !important;
    border: none !important;
    color: var(--primary-color) !important;
    border-radius: 10px;
}

.custom-nav-tabs .nav-link i {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.custom-tab-content {
    padding: 20px;
    border: 1px solid none;
    border-top: none;
    border-radius: 0 0 .25rem .25rem;
}

.borderRadius-10 {
    border-radius: 10px;
}

/* Responsive styling */
@media (max-width: 768px) {
    .custom-contenedor-tabs {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .custom-nav-tabs .nav-item {
        flex: 1 0 50%; /* 2 items per row */
        border-right: none; /* Remove the right border for mobile */
        border-bottom: 1px solid #ddd; /* Add bottom border for mobile */
    }

    .custom-nav-tabs .nav-item:nth-child(2n):after {
        content: none; /* Remove right border for mobile */
    }

    .custom-nav-tabs .nav-item:last-child,
    .custom-nav-tabs .nav-item:nth-last-child(2) {
        border-bottom: none;
    }
}

@media (min-width: 769px) {
    .custom-nav-tabs .nav-item {
        flex: 1 0 16.666%; /* 6 items per row */
    }
}

/*product post*/

.post-wrap aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
}

.pro-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}
.post-info {
    position: relative;
}

.arrow-pro.right:after {
    border-left-color: #FFFFFF;
    border-right-width: 0;
    top: 85px;
    content: " ";
}

.arrow-pro.left:after {
    border-right-color: #FFFFFF;
    border-left-width: 0;
    top: 80px;
    content: " ";
}

.arrow-pro.left {
    left: -8px;
}

.arrow-pro:after {
    border-width: 7px;
    content: "";
}

.arrow-pro, .arrow-pro:after {
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    right: -5px;

}

.post-highlight.yellow {
    background: #f8d347;
    border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
}

.post-highlight.terques {
    background: #41cac0;
    border-radius: 4px 0px 0px 04px;
    -webkit-border-radius: 4px 0px 0px 04px;
}

.post-info h1 {
    margin: 0;
    font-size: 18px;
    color: #a19899;
    font-weight: 300;
}

.post-highlight.terques h2 {
    font-size: 16px;
    color: #fff;
    font-style: italic;
    padding: 0 20px;
    line-height: 22px;
    margin: 0;
    font-weight: 300;
}

.post-highlight.terques h2 span, .post-highlight.terques h2 a {
    color: #92faf3;
}

.post-info h1 strong {
    text-transform: uppercase;
    color: #937b7b;
    font-weight: bold;
}

.post-info .desk {
    display: inline-block;
}

.post-info .desk  h3{
    font-size: 16px;
}

.post-info .desk.yellow h3 {
    color:#f8d347 ;
}

.post-btn {
    margin-bottom: 1.5rem;
}

.post-btn a {
    float: left;
    margin-right: 8px;
    font-size: 18px;
    color: #9a9a9a;
}

.post-btn a:hover {
    color: #727272;
}

.pro-thumb {
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 10px solid rgba(255,255,255,0.4);
}

.pro-thumb img{
    text-align: center;
    width: 112px;
    height: 112px;
    border-radius: 50%;
    -webkit-border-radius: 50%;

}

.v-align {
    vertical-align: middle !important;
}

.twite h1 {
    margin: 50px 0;
}


.social-footer {
    display: inline;
    text-align: center;
}

.social-footer ul {
    text-align: center;
    margin: 0;
    padding: 0;
}

.social-footer ul li {
    display: inline-block;
    margin: 0 20px;
}

.social-footer ul li a {
    font-size: 25px;
    color: #ceced0;
}

.social-footer ul li a:hover i.fa-facebook, .social-footer ul li.active a i.fa-facebook {
    color: #486eac;
}

.social-footer ul li a:hover i.fa-twitter, .social-footer ul li.active a i.fa-twitter {
    color: #58c9f3;
}

.social-footer ul li a:hover i.fa-google-plus, .social-footer ul li.active a i.fa-google-plus {
    color: #4a4a4a;
}

.social-footer ul li a:hover i.fa-pinterest, .social-footer ul li.active a i.fa-pinterest {
    color: #d1282d;
}

.bio-graph-heading {
    position: relative;
    padding-top: 20px; /* Espacio para la flecha */
}

.arrow-pro.down {
    position: absolute;
    top: 0;
    left: 50%; 
    transform: translateX(-50%); 
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 32px solid #f5f6f8;
}

.bg-gris{
    background: #f5f6f8!important;
}



/*flatlab carousel model*/

.flat-carousal {
    background: #58c9f3;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    padding: 10px;
    color: #fff;
    position: relative;
}

.flat-carousal h1 {
    text-align: center;
    font-size: 16px;
    margin: 30px 20px;
    line-height: 20px;
    font-weight: 300;
    font-style: italic;
}

a.view-all {
    color: #fff;
    background: rgba(0,0,0,0.1);
    padding: 8px 15px;
    text-align: center;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    margin-bottom: 18px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
}

ul.ft-link {
    margin: 0;
    padding: 0;
}

ul.ft-link li {
    border-right: 1px solid #E6E7EC;
    display: inline-block;
    line-height: 30px;
    margin: 8px 0;
    text-align: center;
    width: 24%;
}

ul.ft-link li a {
    color: #74829c;
    text-transform: uppercase;
    font-size: 12px;
}

ul.ft-link li a:hover, ul.ft-link li.active a {
    color: #58c9f3;
}

ul.ft-link li:last-child {
    border-right: none;
}

ul.ft-link li a i {
    display: block;
}


#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}

.owl-buttons {
    position: absolute;
    top: 70px;
    width: 100%;

}

.owl-prev, .owl-next {
    position: absolute;
}

.owl-next {
    right: 0;
}

.owl-buttons .owl-prev {
    text-indent: -9999px;
    background: url("../img/left-arrow.png") no-repeat;
    width: 6px;
    height: 10px;
    display: inline-block;
}

.owl-buttons .owl-next {
    text-indent: -9999px;
    background: url("../img/right-arrow.png") no-repeat;
    width: 6px;
    height: 10px;
    display: inline-block;
}

.text-icon{
    color:#607d8b !important;
}

/*---revenue----*/

.revenue-head {
    background: #ff6c60;
    border-radius: 4px 4px 0px 0px;
    color: #fff;
    line-height: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.revenue-head span {
    background: #e56155;
    padding: 16px;
    border-radius: 4px 0px 0px 0px;
}

.revenue-head span i {
    font-size: 18px;
}

.revenue-head h3 {
    margin: 0;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 300;
}

.revenue-head span.rev-combo {
    background: #e56155;
    padding: 16px;
    line-height: normal;
    border-radius: 0px 4px 0px 0px;
}

/*easy pie chart*/

.easy-pie-chart {
    display: inline-block;
    padding: 30px 0;
}

.chart-info, .chart-info .increase, .chart-info .decrease {
    display: inline-block;
}

.chart-info {
    width: 100%;
    margin-bottom: 5px;
}

.chart-position {
    margin-top: 70px;
}

.chart-info span {
    margin: 0 3px;
}

.chart-info .increase {
    background: #ff6c60;
    width: 10px;
    height: 10px;
}

.chart-info .decrease {
    background: #f2f2f2;
    width: 10px;
    height: 10px;
}

.card-footer.revenue-foot {
    background-color: #ffffff;
    border-radius: 0px 0px 4px 4px;
    padding: 0;
    width: 100%;
    display: inline-block;
}

.card-footer.revenue-foot ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-flex;
}

.card-footer.revenue-foot ul li {
    float: left;
    width: 33.33%;
}

.card-footer.revenue-foot ul li a {
    display: inline-block;
    width: 100%;
    padding: 14px 15px;
    text-align: center;
    border-right: 1px solid #d5d8df;
    color: #797979;
}

.card-footer.revenue-foot ul li a:hover, .card-footer.revenue-foot ul li.active a {
    background: #fff;
}

.card-footer.revenue-foot ul li a i {
    color: #c6cad5;
    display: block;
    font-size: 16px;
}

.card-footer.revenue-foot ul li a:hover i, .card-footer.revenue-foot ul li.active a i {
    color: #ff6c60;
}



/*timeline*/

.timeline {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%;
}

.timeline .card-body{
    padding: 14px;
}

.timeline:before {
    background-color: #C7CBD6;
    bottom: 0px;
    content: "";
    left: 90.3px;
    position: absolute;
    top: 0;
    width: 2px;
    z-index: 0;
}
.timelineDashed:before {
    border: 1px dashed #C7CBD6;
    background: none !important;
    bottom: 0px;
    content: "";
    left: 90.3px;
    position: absolute;
    top: 0;
    width: 2px;
    z-index: 0;
}

h3.timeline-title {
    margin: 0;
    color: #C8CCD7;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.t-info {
    color: #C8CCD7;
}

.timeline-item:before, .timeline-item.alt:after {
    content: "";
    display: block;
    width: 50%;
}

.timeline-item {
    display: table-row;
}

.timeline-desk {
    display: flex;
    vertical-align: top;
    width: 100%;
}

.timeline-desk h1 {
    font-size: 16px;
    font-weight: 300;
    margin: 0 0 5px;
}

.timeline-desk .card {
    /*display: block;*/
    margin-left: 116px;
    position: relative;
    text-align: left;
    background: #F4F4F4;
}

.timeline-item .timeline-desk .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: -7px;
    position: absolute;
    top: 13px;
    width: 0;
}
.timeline-item .timeline-desk .arrow {
    border-right: 8px solid #F4F4F4 !important;
}

.timeline-item.alt .timeline-desk .arrow-alt {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    right: -7px;
    position: absolute;
    top: 13px;
    width: 0;
    left: auto;
}

.timeline-item.alt .timeline-desk .arrow-alt {
    border-left: 8px solid #F4F4F4 !important;
}

.timeline .timeline-icon {
    left: -30px;
    position: absolute;
    top: 15px;
}

.timeline .timeline-icon {
    background: #C7CBD6;
    box-shadow: 0 0 0 3px #C7CBD6;
}

.timeline-desk span a {
    text-transform: uppercase;
}

.timeline-desk h1.red, .timeline-desk span a.red {
    color: var(--info-color);
}

.timeline .timeline-icon.red {
    background: var(--info-color);
    box-shadow: 0 0 0 3px #b1c2d9;
}

.timeline .timeline-icon {
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    height: 12px;
    width: 12px;
}

.timeline-item.alt .timeline-icon {
    left: auto;
    right: -32px;
}

.timeline .time-icon:before {
    font-size: 16px;
    margin-top: 5px;
}
.timeline .timeline-date {
    left: -200px;
    position: absolute;
    text-align: right;
    top: 12px;
    width: 150px;
}

.timeline-desk h5 span {
    color: #999999;
    display: block;
    font-size: 12px;
    margin-bottom: 4px;
}

.timeline-item.alt:before {
    display: none;
}
.timeline-item:before, .timeline-item.alt:after {
    content: "";
    display: block;
    width: 50%;
}

.timeline-desk p {
    font-size: 12px;
    margin-bottom: 0;
}

.timeline-desk a {
    color: #EF6F66;
}

.timeline-desk .card {
    margin-bottom: 5px;
}

.timeline-desk .album {
    margin-top: 20px;
}

.timeline-desk .album a {
    margin-right: 5px;
    float: left;
}

.timeline-desk .notification {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: 20px;
    padding: 8px;
}


.timeline-item.alt .card {
    margin-left: 0;
    margin-right: 25px;
}

.timeline-item.alt .timeline-date {
    left: auto;
    right: -200px;
    text-align: left;
}

.shadowN{
    box-shadow: none!important;
}

.alert-center{
    display: flex;
    align-items: center;
    flex-direction: row;
    align-content: flex-end;
    justify-content: center;
}

.custom-footer {
    position: absolute;
    bottom: 0vh;
    border-radius: 0px 0px 10px 10px;
    left: 66.2%;
    transform: translateX(-50%);
    width: 64%;
    padding: 0rem 1rem 1rem 1rem;
    border-top: none;

}
.customMontoE{
    margin-bottom: 0px;
    box-shadow: none !important;
    border-radius: 0px !important;
    border: none !important;
}
.card-container {
    position: relative;
    padding-bottom: 4rem; /* Space for footer */
}

.vh-70{
    height: 70vh !important;
}

.bg-Busquedas{
    border-radius: 10px 10px 0px 0px;
    background: #868686;
    color: #ffffff;
    font-weight: bold;
}
.bg-footerB{
    background: #868686;
    color: #ffffff;
    border-radius: 0px 0px 10px 10px!important;
    height: 18.6vh;
}
.bg-footerB1{
    background: #868686;
    color: #ffffff;
    border-radius: 0px 0px 10px 10px!important;
    height: 7vh;
}
.bg-grisOScuro{
    background: #ededed;
}

.cv{
    writing-mode: vertical-lr;
}

hr.hr1 {
    opacity: inherit;
    border: 1.3px solid #c8934d;
}
hr.hr2 {
    opacity: inherit;
    border: 1.3px solid #ffffff;
    margin: 0px;
}

.text-dorado{
    color: #c8934d;
    font-weight: bold;
}

.box-shadow-right {
    box-shadow: 0.5rem 0 1rem rgba(0, 0, 0, 0.15) !important;
    border-radius: 21px;
    border: 1px solid #868686;
}

.bl-1{
    border-left: 1px solid white;
}

.d-flex {
    display: flex;
    align-items: center;
}
.number {
    font-weight: bold;
    margin-right: 10px;
}
.mt-7vh{
    margin-top: -5.7vh;
}

.fz-20{
    font-size: 20px !important;
}



.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
    background: #252529;
    color: #fff;
    box-shadow: 0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12);
    border-radius: 4px
}

.ui-datatable-scrollable-body::-webkit-scrollbar {
    height: 8px;
}

.custom-text1{
    color: #495057;
}

.text-success {
    color: var(--success-color)!important;
}

.mxw-40 {
    min-width: 44.3vh !important;
}

.custom-dialog {
    border-radius: 8px!important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)!important;
}

.custom-dialog .ui-dialog-titlebar {
    color: #fff!important;
    border: none!important;
    border-radius: 8px 8px 0 0!important;
    padding: 0.5rem!important;
}

.custom-dialog .ui-dialog-content {
    padding: 20px!important;
}

.custom-dialog .ui-progressbar {
    border-radius: 4px!important;
}


.custom-dialog {
    border-radius: 12px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    max-width: 400px;
    padding: 20px;
}

.dialog-content {
    text-align: center;
}

.icon-dialog {
    font-size: 3em;
    color: #007bff;
    margin-bottom: 10px;
}

.dialog-label {
    font-size: 1.1em;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
    display: block;
}

.folio-value {
    font-size: 1.4em;
    color: #000;
    font-weight: 700;
    margin-top: 5px;
    display: block;
}

.text-primary{
    color: var(--primary-color)!important;
}

body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon {
    color: #fbc02d7a;
}

.center-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-danger {
    background: #f4433614 !important;
    color: #f44336 !important;
}

.custom-btn-green {
    background-color: #1e6c41 !important;
    border-color: #1e6c41 !important;
    color: white !important; 
}

.custom-btn-green:hover,
.custom-btn-green:focus,
.custom-btn-green:active {
    background-color: #1e6c41 !important;
    border-color: #1e6c41 !important;
    box-shadow: none !important; 
}

.text-warning {
    color: var(--warning-color)!important;
}

.mxw-95 {
    min-width: 91.5% !important;
}

.modus-operandi {
    display: flex;
    text-align: center;
    font-size: 12px;
}

.modus-operandi .item {
    border: 1px solid #ccc;
    padding: 10px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 200px; /* Ajusta esta altura según necesites */
}

.modus-operandi .item img {
    width: 50px;
    height: 50px;
}

.modus-operandi .red-item {
    background-color: #d9534f;
    color: white;
    font-weight: bold;
}

.modus-operandi .number {
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
}

.total {
    font-size: 36px;
    font-weight: bold;
    color: #d9534f;
}

@media (max-width: 768px) {
    .modus-operandi {
        flex-wrap: wrap;
    }
}  

.ui-helper-hidden-accessible input,
.ui-helper-hidden-accessible select {
    -webkit-transform: scale(0); 
    -moz-transform: scale(0); 
    transform: scale(0);
}

.ui-shadow {
    -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
}

.ui-overlay-visible {
    visibility: visible;
}
ui-overlay-visible * {
    visibility: visible !important;
}

.ui-overlay-hidden {
    visibility: hidden;
}
.ui-overlay-hidden * {
    visibility: hidden !important;;
}

.ui-overflow-hidden {
    overflow: hidden;
}

.ui-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-datepicker .ui-datepicker-current.ui-priority-secondary {
    opacity: 1;
}

.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-transparent-pixel {
    content:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}

/* Column Priorities */
@media only all {
    th.ui-column-p-6,
    td.ui-column-p-6,
    th.ui-column-p-5,
    td.ui-column-p-5,
    th.ui-column-p-4,
    td.ui-column-p-4,
    th.ui-column-p-3,
    td.ui-column-p-3,
    th.ui-column-p-2,
    td.ui-column-p-2,
    th.ui-column-p-1,
    td.ui-column-p-1 {
        display: none;
    }
}

/* Show priority 1 at 320px (20em x 16px) */
@media screen and (min-width: 20em) {
    th.ui-column-p-1,
    td.ui-column-p-1 {
        display: table-cell;
    }
}

/* Show priority 2 at 480px (30em x 16px) */
@media screen and (min-width: 30em) {
    th.ui-column-p-2,
    td.ui-column-p-2 {
        display: table-cell;
    }
}

/* Show priority 3 at 640px (40em x 16px) */
@media screen and (min-width: 40em) {
    th.ui-column-p-3,
    td.ui-column-p-3 {
        display: table-cell;
    }
}

/* Show priority 4 at 800px (50em x 16px) */
@media screen and (min-width: 50em) {
    th.ui-column-p-4,
    td.ui-column-p-4 {
        display: table-cell;
    }
}

/* Show priority 5 at 960px (60em x 16px) */
@media screen and (min-width: 60em) {
    th.ui-column-p-5,
    td.ui-column-p-5 {
        display: table-cell;
    }
}

/* Show priority 6 at 1,120px (70em x 16px) */
@media screen and (min-width: 70em) {
    th.ui-column-p-6,
    td.ui-column-p-6 {
        display: table-cell;
    }
}

/* FontAwesome */
.ui-icon.fa,
.ui-widget .ui-icon.fa,
.ui-icon.fab,
.ui-widget .ui-icon.fab,
.ui-icon.fas,
.ui-widget .ui-icon.fas,
.ui-icon.far,
.ui-widget .ui-icon.far,
.ui-icon.fal,
.ui-widget .ui-icon.fal {
    background: none repeat scroll 0 0 transparent !important;
    text-indent: 0px !important;
}

/* PrimeIcons */
.ui-widget .ui-icon.pi,
.ui-icon.pi {
    background: none repeat scroll 0 0 transparent !important;
    text-indent: 0px !important;
}

/* FlexGrid */
.p-grid,
.p-grid>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Overlay Animations  */
.ui-connected-overlay-enter {
    opacity: 0;
    transform: scaleY(0.8);
}

.ui-connected-overlay-enter-active {
    opacity: 1;
    transform: scaleY(1);
    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);
}

.ui-connected-overlay-enter-done {
    transform: none;
}

.ui-connected-overlay-exit {
    opacity: 1;
}

.ui-connected-overlay-exit-active {
    opacity: 0;
    transition: opacity .1s linear;
}
/*! jQuery UI - v1.13.3 - 2024-04-26
* https://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, slider.css
* Copyright OpenJS Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}
.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}
/* PrimeFaces Extensions */
.ui-datepicker-trigger.ui-button-icon-only .ui-button-text {
    padding: 0.3em;
}

.ui-icon { 
    display: block; 
    vertical-align: baseline;
    margin-top: 0px;
}

/* https://stackoverflow.com/a/62109988/502366 */
.ui-helper-hidden-accessible {
    border: 0 !important;
    padding: 0 !important;
    margin: -1px !important;
    position: absolute !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important; /* Legacy Browsers */
    clip-path: inset(50%) !important; /* Modern Browsers */
    white-space: nowrap !important;
}
.ui-avatar {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
}

.ui-avatar > * {
    position: absolute;
}

.ui-avatar.ui-avatar-circle {
    border-radius: 50%;
}

.ui-avatar-circle img {
    border-radius: 50%;
}

.ui-avatar .ui-avatar-icon {
    font-size: 1rem;
}

.ui-avatar img {
    width: 100%;
    height: 100%;
}

.ui-avatar.ui-avatar-dark {
    color: #fff;
}

.ui-avatar.ui-avatar-light {
    color: #495057;
}
.ui-avatar-group .ui-avatar + .ui-avatar {
    margin-left: -1rem;
}

.ui-avatar-group {
    display: flex;
    align-items: center;
}.ui-badge {
    display: inline-block;
    border-radius: 10px;
    text-align: center;
    padding: 0 .5rem;
}

.ui-overlay-badge {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.ui-overlay-badge .ui-badge {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%,-50%);
    transform-origin: 100% 0;
    margin: 0;
    z-index: 1;
}

.ui-badge.ui-badge-dot {
    width: .5rem;
    min-width: .5rem;
    height: .5rem;
    border-radius: 50%;
    padding: 0;
}

.ui-badge.ui-badge-no-gutter {
    padding: 0;
    border-radius: 50%;
}

.ui-badge.ui-state-hidden {
    display: none;
}

.ui-badge .ui-badge-icon {
    font-size: 0.75rem;
    margin-top: 0.4rem;
}.ui-card-header img {
    width: 100%;
}.ui-chip {
    display: inline-flex;
    align-items: center;
}

.ui-chip-text {
    line-height: 1.5;
}

.ui-chip-icon.pi {
    line-height: 1.5;
}

.ui-chip-remove-icon {
    line-height: 1.5;
    cursor: pointer;
}

.ui-chip img {
    border-radius: 50%;
}.ui-chronoline {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
}

.ui-chronoline-left .ui-chronoline-event-opposite {
    text-align: right;
}

.ui-chronoline-left .ui-chronoline-event-content {
    text-align: left;
}

.ui-chronoline-right .ui-chronoline-event {
    flex-direction: row-reverse;
}

.ui-chronoline-right .ui-chronoline-event-opposite {
    text-align: left;
}

.ui-chronoline-right .ui-chronoline-event-content {
    text-align: right;
}

.ui-chronoline-vertical.ui-chronoline-alternate .ui-chronoline-event:nth-child(even) {
    flex-direction: row-reverse;
}

.ui-chronoline-vertical.ui-chronoline-alternate .ui-chronoline-event:nth-child(odd) .ui-chronoline-event-opposite {
    text-align: right;
}

.ui-chronoline-vertical.ui-chronoline-alternate .ui-chronoline-event:nth-child(odd) .ui-chronoline-event-content {
    text-align: left;
}

.ui-chronoline-vertical.ui-chronoline-alternate .ui-chronoline-event:nth-child(even) .ui-chronoline-event-opposite {
    text-align: left;
}

.ui-chronoline-vertical.ui-chronoline-alternate .ui-chronoline-event:nth-child(even) .ui-chronoline-event-content {
    text-align: right;
}

.ui-chronoline-event {
    display: flex;
    position: relative;
    min-height: 70px;
}

.ui-chronoline-event:last-child {
    min-height: 0;
}

.ui-chronoline-event-opposite {
    flex: 1;
    padding: 0 1rem;
}

.ui-chronoline-event-content {
    flex: 1;
    padding: 0 1rem;
}

.ui-chronoline-event-separator {
    flex: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.ui-chronoline-event-marker {
    display: flex;
    align-self: baseline;
}

.ui-chronoline-event-connector {
    flex-grow: 1;
}

.ui-chronoline-horizontal {
    flex-direction: row;
}

.ui-chronoline-horizontal .ui-chronoline-event {
    flex-direction: column;
    flex: 1;
}

.ui-chronoline-horizontal .ui-chronoline-event:last-child {
    flex: 0;
}

.ui-chronoline-horizontal .ui-chronoline-event-separator {
    flex-direction: row;
}

.ui-chronoline-horizontal .ui-chronoline-event-connector  {
    width: 100%;
}

.ui-chronoline-bottom .ui-chronoline-event {
    flex-direction: column-reverse;
}

.ui-chronoline-horizontal.ui-chronoline-alternate .ui-chronoline-event:nth-child(even) {
    flex-direction: column-reverse;
}.ui-confirm-popup {
    position: absolute;
    margin-top: 10px;
    display: none;
}

.ui-confirm-popup-flipped {
    margin-top: 0;
    margin-bottom: 10px;
}

.ui-confirm-popup:after, .ui-confirm-popup:before {
    bottom: 100%;
    left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.ui-confirm-popup:after {
    border-width: 8px;
    margin-left: -8px;
}

.ui-confirm-popup:before {
    border-width: 10px;
    margin-left: -10px;
}

.ui-confirm-popup-flipped:after, .ui-confirm-popup-flipped:before {
    bottom: auto;
    top: 100%;
}

.ui-confirm-popup.ui-confirm-popup-flipped:after {
    border-bottom-color: transparent;
}

.ui-confirm-popup.ui-confirm-popup-flipped:before {
    border-bottom-color: transparent
}

.ui-confirm-popup .ui-confirm-popup-content {
    display: flex;
    align-items: center;
}.ui-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ui-tag-icon,
.ui-tag-value,
.ui-tag-icon.pi {
    line-height: 1.5;
}

.ui-tag.ui-tag-rounded {
    border-radius: 10rem;
}.ui-skeleton {
    position: relative;
    overflow: hidden;
}

.ui-skeleton:after {
    content: "";
    animation: ui-skeleton-animation 1.2s infinite;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-100%);
    z-index: 1;
}

.ui-skeleton.ui-skeleton-circle {
    border-radius: 50%;
}

.ui-skeleton-none:after {
    animation: none;
}

@keyframes ui-skeleton-animation {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(100%);
    }
}.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; min-height: 0; padding: .5em .5em .5em 2.2em;}
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; }
.ui-accordion .ui-accordion-header.ui-state-disabled, .ui-accordion .ui-accordion-header.ui-state-disabled a { cursor: default; }

/** RTL **/
.ui-accordion.ui-accordion-rtl {
    direction: rtl;
}

.ui-accordion.ui-accordion-rtl .ui-accordion-header .ui-icon {
    right: 0.5m;
    left: auto;
}

.ui-accordion.ui-accordion-rtl .ui-accordion-header a {
    padding: 0.5em 2.2em 0.5em 0.5em;
}

.ui-tabs-outline {
    outline: dotted thin;
    z-index: 1;
}

.ui-accordion .ui-panel-titlebar-icon {
    float: right;
    cursor: pointer;
}

.ui-accordion .ui-panel-titlebar-icon,
.ui-accordion .ui-panel-titlebar-icon:hover,
.ui-accordion .ui-panel-titlebar-icon:focus {
    margin-left:0.2em;
    margin-top:-0.2em;
    *margin:-1.5em 0em 0em 0.2em;
}

.ui-accordion .ui-panel-actions {
    float: right;
}

.ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon {
    position: inherit
}.ui-autocomplete {
    width: auto;
    cursor: pointer;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    display: inline-block;
}

.ui-autocomplete-input.ui-autocomplete-dd-input {
    padding-right: 2.4em;
}

.ui-autocomplete .ui-autocomplete-dropdown {
    position: absolute;
    height: 100%;
    width: 2.4em;
    right: -2px;
}

.ui-autocomplete-query{
    font-weight: bold;
}

.ui-autocomplete-panel {
    position: absolute;
    overflow: auto;
}

.ui-autocomplete-panel .ui-autocomplete-item {
    cursor: pointer;
}

.ui-autocomplete-panel .ui-autocomplete-list {
    padding: 0.4em;
    border: 0 none;
}

.ui-autocomplete-panel .ui-autocomplete-list-item {
    border:0px none;
    font-weight:normal;
    margin:1px 0;
    padding:3px 5px;
    text-align:left;
}

.ui-autocomplete-panel .ui-autocomplete-items:empty {
    padding: 0;
}

.ui-autocomplete-panel .ui-autocomplete-table {
    border-collapse:collapse;
    width: 100%;
}

.ui-autocomplete-panel .ui-autocomplete-table th,
.ui-autocomplete-panel .ui-autocomplete-table td {
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    padding:4px 10px 4px 10px;
}

.ui-autocomplete .ui-button-icon-only .ui-button-text {
    padding: 0.29em;
}

.ui-autocomplete-panel .ui-autocomplete-moretext {
    font-size: 90%;
    font-weight: bold;
}

.ui-autocomplete-list .ui-autocomplete-moretext {
    margin: 1px 0;
    padding: 3px 5px;
    text-align: left;
    border: 0 none;
}

/* Multiple Selection */
.ui-autocomplete-multiple-container {
    clear: left;
    cursor: text;
    list-style-type: none;
    margin: 0;
    min-height: 1px;
    overflow: hidden;
    width: 400px;
}

.ui-autocomplete-dd-multiple-container {
    float: left;
    padding-right: 2.4em !important;
}

.ui-autocomplete-multiple-container.ui-inputfield {
    padding:0;
}

.ui-autocomplete-token {
    cursor: default;
    float: left;
    overflow: hidden;
    padding: 1px 3px;
    white-space: nowrap;
    position: relative;
    margin:2px;
}

.ui-autocomplete-token-label {
    display: block;
    padding: 0em 2.1em 0em 0.5em;
}

.ui-autocomplete-token-label-disabled {
    display: block;
    padding: 0em 0.5em 0em 0.5em;
}

.ui-autocomplete-token-icon {
    margin-top: -9px;
    position: absolute;
    right: 0.2em;
    top: 50%;
    cursor: pointer;
}

.ui-autocomplete-input-token {
    float: left;
    list-style-type: none;
    margin: 1px;
    padding: 0;
}

.ui-autocomplete-input-token input {
    border: 0 none;
    width: 140px;
    outline: medium none;
    background-color: transparent;
    margin:2px;
}

.ui-autocomplete-itemtip-content {
    display:none;
}

.ui-autocomplete-itemtip {
    position: absolute;
    display: none;
    padding: 0.4em;
}

.ui-autocomplete-empty-message {
    padding:3px 5px;
    width: 100%;
}

.ui-autocomplete-panel .ui-autocomplete-group {
    font-weight: bold;
    cursor: default;
}

/* fluid */
.ui-fluid .ui-autocomplete-multiple-container {
    width: 100%;
}

/* loading */
.ui-autocomplete .ui-icon-loading {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
}
.ui-blockui {
    position: absolute;
    text-align: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    user-select: none;
}

.ui-blockui-content {
    position: absolute;
    text-align: center;
    padding:1em;
}.ui-carousel {
    display: flex;
    flex-direction: column;
}

.ui-carousel-content {
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.ui-carousel-prev,
.ui-carousel-next {
    align-self: center;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.ui-carousel-prev.ui-link,
.ui-carousel-next.ui-link {
    text-align: left;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    user-select: none;
}

.ui-carousel-prev.ui-link:hover,
.ui-carousel-next.ui-link:hover {
    text-decoration: none;
}

.ui-carousel-prev.ui-state-disabled,
.ui-carousel-next.ui-state-disabled {
    pointer-events: none;
}

.ui-carousel-container {
    display: flex;
    flex-direction: row;
}

.ui-carousel-items-content {
    overflow: hidden;
    width: 100%;
}

.ui-carousel-items-container {
    display: flex;
    flex-direction: row;
}

.ui-carousel-indicators {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.ui-carousel-indicator > button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-carousel-indicator > button.ui-link {
    text-align: left;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    user-select: none;
}

/* Vertical */
.ui-carousel-vertical .ui-carousel-container {
    flex-direction: column;
}

.ui-carousel-vertical .ui-carousel-items-container {
    flex-direction: column;
    height: 100%;
}

/* Keyboard Support */
.ui-items-hidden .ui-carousel-item {
    visibility: hidden;
}

.ui-items-hidden .ui-carousel-item.ui-carousel-item-active {
    visibility: visible;
}.ui-columntoggler {
    padding: 0;
    position: absolute;
    overflow: auto;
    display: none;
}

.ui-columntoggler .ui-columntoggler-items {
    border: 0 none;
    padding: 0.4em;
    margin: 0;
}

.ui-columntoggler .ui-columntoggler-item,
.ui-columntoggler .ui-columntoggler-all  {
    border:0px none;
    cursor:pointer;
    font-weight:normal;
    margin: 0;
    padding:.5rem 1rem;
    text-align:left;
    white-space: nowrap;
    display: block;
    position: relative;
}

.ui-columntoggler .ui-columntoggler-all  {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.ui-columntoggler .ui-columntoggler-item .ui-chkbox,
.ui-columntoggler .ui-columntoggler-all .ui-chkbox {
    position: absolute;
    top:50%;
    margin-top:-8px;
}

.ui-columntoggler .ui-columntoggler-item label,
.ui-columntoggler .ui-columntoggler-all label {
    display: block;
    padding-left: 2.2em;
}

.ui-columntoggler .ui-columntoggler-close {
    float: right;
    margin-top: 1px;
    margin-right: 1px;

}

.ui-columntoggler .ui-columntoggler-close:focus {
    outline: dotted thin;
}

.ui-columntoggler .ui-columntoggler-items {
    padding:1em 0.4em 0.4em 0.4em;
}

/* Column Priorities */
@media only all {
    .ui-columntoggler .ui-columntoggler-item.ui-column-p-1,
    .ui-columntoggler .ui-columntoggler-item.ui-column-p-2,
    .ui-columntoggler .ui-columntoggler-item.ui-column-p-3,
    .ui-columntoggler .ui-columntoggler-item.ui-column-p-4,
    .ui-columntoggler .ui-columntoggler-item.ui-column-p-5,
    .ui-columntoggler .ui-columntoggler-item.ui-column-p-6 {
        display: none;
    }

    th.ui-helper-hidden,
    td.ui-helper-hidden {
        display: none
    }
}

/* Show priority 1 at 320px (20em x 16px) */
@media screen and (min-width: 20em) {
    .ui-columntoggler .ui-columntoggler-item.ui-column-p-1 {
        display: block;
    }
}

/* Show priority 2 at 480px (30em x 16px) */
@media screen and (min-width: 30em) {
    .ui-columntoggler .ui-columntoggler-item.ui-column-p-2 {
        display: block;
    }
}

/* Show priority 3 at 640px (40em x 16px) */
@media screen and (min-width: 40em) {
    .ui-columntoggler .ui-columntoggler-item.ui-column-p-3 {
        display: block;
    }
}

/* Show priority 4 at 800px (50em x 16px) */
@media screen and (min-width: 50em) {
    .ui-columntoggler .ui-columntoggler-item.ui-column-p-4 {
        display: block;
    }
}

/* Show priority 5 at 960px (60em x 16px) */
@media screen and (min-width: 60em) {
    .ui-columntoggler .ui-columntoggler-item.ui-column-p-5 {
        display: block;
    }
}

/* Show priority 6 at 1,120px (70em x 16px) */
@media screen and (min-width: 70em) {
    .ui-columntoggler .ui-columntoggler-item.ui-column-p-6 {
        display: block;
    }
}.ui-dashboard-column {
    float: left;
    padding-bottom: 100px;
}

.ui-dashboard-column .ui-panel-titlebar,
.ui-dashboard-panel .ui-panel-titlebar {
    cursor: move;
}
.ui-datalist .ui-datalist-header,
.ui-datalist .ui-datalist-footer {
    text-align:center;
    padding:4px 10px;
}

.ui-datalist .ui-datalist-header {
    border-bottom: 0px none;
}

.ui-datalist .ui-datalist-footer {
    border-top: 0px none;
}

.ui-datalist .ui-paginator-top {
    border-bottom: 0px none;
}

.ui-datalist .ui-paginator-bottom {
    border-top: 0px none;
}

.ui-datalist .ui-datalist-empty-message {
    padding: 4px 10px;
}

.ui-datalist .ui-datalist-nobullets {
    list-style-type: none;
}

.ui-datagrid .ui-paginator {
    text-align: center;
}

.ui-datagrid-column {
    padding: 3px;
}

.ui-datagrid-content-empty {
    padding: 4px 10px;
}

.ui-datagrid .ui-datagrid-header,
.ui-datagrid .ui-datagrid-footer {
    text-align:center;
    padding:4px 10px;
}

.ui-datagrid .ui-datagrid-header {
    border-bottom: 0px none;
}

.ui-datagrid .ui-datagrid-footer {
    border-top: 0px none;
}

.ui-datagrid .ui-paginator-top {
    border-bottom: 0px none;
}

.ui-datagrid .ui-paginator-bottom {
    border-top: 0px none;
}

/** Table Layout **/
.ui-datagrid-data {
    width: 100%;
}.ui-datascroller {
}

.ui-datascroller .ui-datascroller-header {
    text-align: center;
    padding: 4px 10px;
    border-bottom: 0px none;
}

.ui-datascroller .ui-datascroller-content {
    padding: 4px 10px;
}

.ui-datascroller-inline .ui-datascroller-content {
    overflow: auto;
}

.ui-datascroller .ui-datascroller-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ui-datascroller .ui-datascroller-item {
    border: 0 none;
}

.ui-datascroller .ui-datascroller-loading .ui-datascroller-loading-default {
    background: url("/showcase/javax.faces.resource/datascroller/images/loading.gif.xhtml?ln=primefaces&v=14.0.4") center center no-repeat;
    width: 220px;
    height: 19px;
    padding: 0;
    margin: 4px auto;
    display: block;
}

.ui-datascroller .ui-datascroller-virtualscroll-wrapper {
    position: relative;
}

.ui-datascroller .ui-datascroller-virtualscroll-wrapper .ui-datascroller-list {
    top: 0px;
    left: 0px;
    position: absolute;
}.ui-datatable table {
    border-collapse:collapse;
    width: 100%;
    table-layout: fixed;
}

.ui-datatable-tablewrapper {
    overflow: auto;
}

.ui-datatable .ui-datatable-header,
.ui-datatable .ui-datatable-footer {
    text-align: center;
    padding: 4px 10px;
}

.ui-datatable .ui-datatable-header {
    border-bottom: 0px none;
}

.ui-datatable .ui-datatable-footer {
    border-top: 0px none;
}

.ui-datatable thead th, .ui-datatable tfoot td {
    text-align: center;
}

.ui-datatable thead th,
.ui-datatable tbody td,
.ui-datatable tfoot td,
.ui-datatable tfoot th{
    padding: 4px 10px;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
}

.ui-datatable tbody.ui-datatable-data {
    outline: 0;
}

.ui-datatable tbody td {
    border-color: inherit;
}

.ui-datatable .ui-sortable-column {
    cursor: pointer;
    user-select: none;
}

.ui-datatable div.ui-dt-c {
    position: relative;
}

.ui-datatable .ui-sortable-column-icon {
    display: inline-block;
    margin: -3px 0px -3px 2px;
}

.ui-datatable .ui-column-filter {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: .5rem auto auto auto;
}

.ui-datatable .ui-column-customfilter {
    margin: .5rem auto auto auto;
}

.ui-datatable .ui-row-toggler {
    cursor: pointer;
}

.ui-datatable tr.ui-state-highlight {
    cursor: pointer;
}

.ui-datatable .ui-selection-column .ui-chkbox-all {
    display: block;
    margin: 0px auto;
    width: 16px;
    height: 16px;
}

.ui-datatable-summary {
    display: none;
}

/* Scrollable */
.ui-datatable-scrollable table,
.ui-datatable-sticky table{
    table-layout: fixed;
}

.ui-datatable-scrollable-body {
    overflow:auto;
}
.ui-datatable-scrollable-header,
.ui-datatable-scrollable-footer {
    overflow: hidden;
    border: 0px none;
}

.ui-datatable-scrollable .ui-datatable-scrollable-header,
.ui-datatable-scrollable .ui-datatable-scrollable-footer {
    position: relative;
} 

.ui-datatable-scrollable .ui-datatable-scrollable-header td {
    font-weight: normal;
}

.ui-datatable .ui-datatable-scrollable-body  {
    min-height: 0%;
}

.ui-datatable .ui-datatable-data tr.ui-state-hover {
    border-color: inherit;
    font-weight: inherit;
    cursor: pointer;
}

.ui-datatable-scrollable-theadclone {
    height:0px;
}

.ui-datatable-scrollable-theadclone tr {
    height:0px;
}

.ui-datatable-scrollable-theadclone th.ui-state-default {
    height:0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    outline: 0 none;
}

.ui-datatable-scrollable-theadclone th span.ui-column-title {
    display: block;
    height: 0px;
}

.ui-datatable .ui-paginator,
.ui-datatable .ui-paginator {
    padding: 2px;
}

.ui-datatable .ui-datatable-virtualscroll-wrapper {
    position: relative;
}

.ui-datatable .ui-datatable-virtualscroll-table {
    top: 0px;
    left: 0px;
    position: absolute;
}

/** Accessibility **/
.ui-datatable-data td[role="gridcell"]:focus,
.ui-datatable-data td[role="gridcell"] *:focus,
.ui-datatable-data td[role="grid"] [tabindex="0"]:focus {
    outline: var(--primary-color, #90caf9);
    outline-style: solid;
    outline-width: 2px;
    border: none;
}

/* InCell Editing */
.ui-datatable .ui-cell-editor-input {
    display: none;
}

.ui-datatable .ui-row-editing .ui-cell-editor .ui-cell-editor-output {
    display:none;
}
.ui-datatable .ui-row-editing .ui-cell-editor .ui-cell-editor-input {
    display:block;
}

.ui-datatable .ui-row-editor span {
    cursor: pointer;
}

.ui-datatable .ui-row-editor .ui-row-editor-pencil {
    display: inline-block;
}
.ui-datatable .ui-row-editing .ui-row-editor .ui-row-editor-pencil {
    display: none;
}

.ui-datatable .ui-row-editor .ui-row-editor-check,
.ui-datatable .ui-row-editor .ui-row-editor-close {
    display: none;
}

.ui-datatable .ui-row-editing .ui-row-editor .ui-row-editor-check,
.ui-datatable .ui-row-editing .ui-row-editor .ui-row-editor-close {
    display: inline-block;
}

.ui-datatable .ui-datatable-data tr.ui-row-editing td.ui-editable-column,
.ui-datatable .ui-datatable-data td.ui-cell-editing {
    padding-top:0;
    padding-bottom:0;
    margin-top:0;
    margin-bottom:0;
}

.ui-row-editor-outline {
    outline: dotted thin;
}

/*resizer */
.ui-datatable .ui-column-resizer {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0;
    width:8px;
    height:100%;
    padding:0px;
    cursor:col-resize;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
    border: 1px solid transparent;
    box-sizing: border-box;
}

.ui-datatable .ui-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none;
}

.ui-datatable-resizable {
    padding-bottom:1px;     /*fix for webkit overlow*/
    overflow:auto;
}

.ui-datatable-resizable thead th,
.ui-datatable-resizable tbody td,
.ui-datatable-resizable tfoot td {
    white-space: nowrap;
}

.ui-datatable-resizable table {
    table-layout: fixed;
}

.ui-datatable-resizable th.ui-resizable-column {
    background-clip: padding-box;
    position: relative;
}

.ui-datatable-rtl {
    direction: rtl;
}

.ui-datatable-rtl.ui-datatable thead th, 
.ui-datatable-rtl.ui-datatable tfoot td {
    text-align: right;
}

/* Frozen Columns */
.ui-datatable table.ui-datatable-fs {
    width:auto;
}

.ui-datatable .ui-datatable-frozenlayout-left,
.ui-datatable .ui-datatable-frozenlayout-right {
    padding: 0;
    border: 0 none;
    vertical-align: top;
}

.ui-datatable .ui-datatable-frozen-container {
    margin-right: -1px;
}

.ui-datatable-frozen-container .ui-datatable-scrollable-body {
    overflow: hidden;
}

.ui-datatable .ui-datatable-frozen-container .ui-row-toggler {
    margin-top: -2px;
    margin-bottom: -2px;
}

.ui-datatable .ui-datatable-frozen-container .ui-row-editor {
    margin-top: -2px;
    margin-bottom: -2px;
}

.ui-datatable-frozenlayout-right .ui-datatable-empty-message td {
    text-indent: -9999px;
}

.ui-datatable-frozenlayout-right .ui-datatable-empty-message td > * {
    visibility: hidden;
}

/** Reflow **/
.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title,
.ui-datatable-reflow .ui-expanded-row-content td .ui-column-title {
    display: none;
}

.ui-datatable-reflow .ui-reflow-label,
.ui-datatable-reflow .ui-reflow-dropdown {
    margin-bottom: 10px;
    display: none;
}

/* Row Group Toggler */
.ui-datatable .ui-rowgroup-header > td > a.ui-rowgroup-toggler {
    padding-right: 1.5em;
    position: relative;
}

.ui-datatable .ui-rowgroup-header .ui-rowgroup-toggler-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

/* Multiple sort number badges */
.ui-datatable .ui-sortable-column-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.ui-datatable .ui-sortable-column-badge.ui-helper-hidden {
    display: none;
}

@media ( max-width: 640px ) {
    .ui-datatable-reflow thead th,
    .ui-datatable-reflow tfoot td {
        display: none;
    }

    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden) { 
        text-align: left;
        display: block;
        border: 0px none;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left;
    }

    .ui-datatable-reflow .ui-datatable-data.ui-widget-content {
        border: 0px none;
    }

    .ui-datatable-reflow .ui-datatable-data tr.ui-widget-content {
        border-left: 0px none;
        border-right: 0px none;
    }

    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title { 
        padding: .4em; 
        min-width: 30%; 
        display: inline-block;
        margin: -.4em 1em -.4em -.4em;
    }

    .ui-datatable-reflow .ui-reflow-label,
    .ui-datatable-reflow .ui-reflow-dropdown {
        display: inline-block;
    }

    .ui-datatable-reflow .ui-reflow-dropdown {
        margin-left: 5px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .ui-datatable-reflow tr.ui-datatable-empty-message > td {
        display: block;
        border: 0 none;
    }
}.ui-dialog { position: fixed; padding: 0; overflow: hidden; display:none; }
.ui-dialog.ui-dialog-absolute { position: absolute; }
.ui-dialog.ui-overlay-hidden {display:block;}
.ui-dialog .ui-dialog-titlebar { padding: .4em .4em .4em 1em; position: relative; border:0px; }
.ui-dialog .ui-dialog-title { float: left; margin: .3em 16px .1em 0; } 
.ui-dialog .ui-dialog-content {position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; }
.ui-dialog .ui-dialog-content.ui-df-content {overflow: hidden; padding: 0;}
.ui-dialog .ui-dialog-footer {padding: .4em 1em; border-width: 1px 0 0 0; text-align:left;}
.ui-dialog .ui-dialog-buttonpane { text-align: left; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { position: absolute; width: 9px; height: 9px; right: -5px; bottom: -5px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-minimize,.ui-dialog .ui-dialog-titlebar-maximize { float: right; margin: 0px; top:0px; padding: 1px; cursor:pointer; }
.ui-dialog .ui-dialog-titlebar-close span, .ui-dialog .ui-dialog-titlebar-minimize span, .ui-dialog .ui-dialog-titlebar-maximize span { display: block; margin: 0px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus, .ui-dialog .ui-dialog-titlebar-minimize:hover, .ui-dialog .ui-dialog-titlebar-minimize:focus, .ui-dialog .ui-dialog-titlebar-maximize:hover, .ui-dialog .ui-dialog-titlebar-maximize:focus   { padding: 0; }
.ui-dialog-docking-zone {position: fixed;bottom: 0;left: 0;}
.ui-dialog-minimizing {border: 2px dotted gray;}
.ui-dialog .ui-dialog-message {margin-right:.5em}

.ui-dialog-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    user-select: none;
}

/** Confirm Dialog **/
.ui-confirm-dialog .ui-dialog-content {
    padding: 1em;
}
.ui-confirm-dialog-severity {float: left; margin-right: 4px;}
.ui-confirm-dialog-message {display: inline-block; margin-top: 1px;}

/** RTL **/
.ui-dialog-rtl {
    direction: rtl;
}

.ui-dialog.ui-dialog-rtl .ui-dialog-title {
    float: right;
}

.ui-dialog.ui-dialog-rtl .ui-dialog-titlebar-close,
.ui-dialog.ui-dialog-rtl .ui-dialog-titlebar-minimize,
.ui-dialog.ui-dialog-rtl .ui-dialog-titlebar-maximize {
    float: left;
}

.ui-dialog.ui-dialog-rtl .ui-dialog-footer {
    text-align: right;
}

/* Message Dialog */
.ui-message-dialog .ui-dialog-content {
    padding: 1em;
}.ui-divider-horizontal {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
}

.ui-divider-horizontal:before {
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    width: 100%;
    content: "";
}

.ui-divider-horizontal.ui-divider-left {
    justify-content: flex-start;
}

.ui-divider-horizontal.ui-divider-right {
    justify-content: flex-end;
}

.ui-divider-horizontal.ui-divider-center {
    justify-content: center;
}

.ui-divider-content {
    z-index: 1;
}

.ui-divider-vertical {
    min-height: 100%;
    margin: 0 1rem;
    display: flex;
    position: relative;
    justify-content: center;
}

.ui-divider-vertical:before {
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    height: 100%;
    content: "";
}

.ui-divider-vertical.ui-divider-top {
    align-items: flex-start;
}

.ui-divider-vertical.ui-divider-center {
    align-items: center;
}

.ui-divider-vertical.ui-divider-bottom {
    align-items: flex-end;
}

.ui-divider.ui-divider-solid.ui-divider-horizontal:before {
    border-top-style: solid;
}

.ui-divider.ui-divider-solid.ui-divider-vertical:before {
    border-left-style: solid;
}

.ui-divider.ui-divider-dashed.ui-divider-horizontal:before {
    border-top-style: dashed;
}

.ui-divider.ui-divider-dashed.ui-divider-vertical:before {
    border-left-style: dashed;
}

.ui-divider.ui-divider-dotted.ui-divider-horizontal:before {
    border-top-style: dotted;
}

.ui-divider.ui-divider-dotted.ui-divider-horizontal:before {
    border-left-style: dotted;
}.ui-fieldset, .ui-fieldset .ui-fieldset-legend {
    padding:0.6em 1em;
}

.ui-fieldset-toggleable .ui-fieldset-legend {
    padding: 0.5em 1em 0.5em 0.5em;
    cursor: pointer;
    outline: 0;
}

.ui-fieldset .ui-fieldset-toggler {
    padding-right: .1em;
    float:left;
}.ui-inputfield {
    margin: 0;
    outline: medium none;
    padding: 4px;
    font-weight: normal;
}

.ui-widget-header .ui-inputfield,
.ui-widget-content .ui-inputfield {
    font-weight: normal;
}

.ui-inputtextarea-resizable {
    overflow: hidden;
    resize:none;
}

.ui-selectonelistbox,
.ui-selectmanymenu,
.ui-multiselectlistbox-listcontainer {
    padding: 2px;
    width: 150px;
}

.ui-selectonelistbox .ui-selectlistbox-listcontainer,
.ui-selectmanymenu .ui-selectlistbox-listcontainer,
.ui-multiselectlistbox-listcontainer {
    overflow:auto;
}

.ui-selectonelistbox.ui-state-disabled .ui-selectlistbox-listcontainer,
.ui-selectmanymenu.ui-state-disabled .ui-selectlistbox-listcontainer {
    overflow:hidden;
}

.ui-selectonelistbox .ui-selectlistbox-list,
.ui-selectmanymenu .ui-selectlistbox-list,
.ui-multiselectlistbox .ui-multiselectlistbox-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ui-selectonelistbox .ui-selectlistbox-item,
.ui-selectmanymenu .ui-selectlistbox-item,
.ui-multiselectlistbox .ui-multiselectlistbox-item {
    margin: 2px;
    border: 0 none;
    cursor: pointer;
    font-weight: normal;
}

.ui-selectonelistbox table.ui-selectlistbox-list,
.ui-selectmanymenu table.ui-selectlistbox-list {
    border-collapse:collapse;
    width:100%;
}

.ui-selectmanymenu .ui-selectlistbox-chkbox {
    width: 1rem;
}

.ui-selectlistbox-filter.ui-inputfield {
    padding-right: 12%;
    padding-left: 2%;
    width: 85%;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-selectlistbox-filter-container {
    position: relative;
    margin: 0.1em 0 0.1em 0;
    padding: 0;
}

.ui-selectlistbox-filter-container .ui-icon {
    position: absolute;
    top: 5px;
    right: 2px;
}

.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer {
    float: left;
    margin-right: 4px;
}

.ui-multiselectlistbox .ui-multiselectlistbox-item {
    white-space: nowrap;
}

.ui-multiselectlistbox.ui-state-disabled .ui-multiselectlistbox-item {
    cursor: default;
}

.ui-multiselectlistbox .ui-multiselectlistbox-header {
    text-align: center;
    padding: 2px 10px;
    border-bottom: 0px none;
}

.ui-listbox-outline {
    outline: 1px dotted black;
    z-index: 1;
}

/**
 * Checkbox
 */
.ui-chkbox {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.ui-chkbox .ui-chkbox-box {
    width: 16px;
    height: 16px;
    display: inline-block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}

.ui-chkbox .ui-chkbox-box.ui-state-disabled,
.ui-chkbox .ui-chkbox-box.ui-chkbox-readonly {
    cursor: default;
}

.ui-chkbox-icon.ui-icon {
    overflow: visible;
}

.ui-chkbox .ui-chkbox-label {
    cursor: pointer;
    margin: 0 16px 0 8px;
    outline: medium none;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
}

.ui-selectmanycheckbox.layout-line-direction.ui-grid-responsive > div,
.ui-selectmanycheckbox.layout-line-direction.ui-grid-responsive > div label {
    display: inline;
}
.ui-selectmanycheckbox.ui-grid-responsive > div > div {
    display:inline-flex;
}
.ui-selectmanycheckbox.ui-grid-responsive > div label {
    flex-grow: 1;
}

.ui-selectmanycheckbox label {
    vertical-align: middle;
    cursor: pointer;
    margin: 0 16px 0 8px;
    outline: medium none;
    z-index: 1;
    display: inline-block;
}

.ui-selectmanycheckbox .ui-chkbox .ui-chkbox-box {
    display: block;
}

.ui-selectoneradio label {
    cursor: pointer;
    display: inline-block;
    margin: 0 16px 0 8px;
    vertical-align: middle;
}

.ui-selectoneradio.ui-grid-responsive label {
    display: inline;
}

.ui-selectmanycheckbox.ui-widget td,
.ui-selectoneradio.ui-widget td {
    border: 0 none;
}

.ui-panelgrid .ui-selectoneradio.ui-grid-responsive .ui-grid-row,
.ui-panelgrid .ui-selectmanycheckbox.ui-grid-responsive .ui-grid-row {
    border-top: 0px none;
}

.ui-selectoneradio.ui-grid-responsive .ui-grid-row > div,
.ui-selectmanycheckbox.ui-grid-responsive .ui-grid-row > div {
    padding: .5em;
}

.ui-selectmanycheckbox .ui-selectmanycheckbox-item-group{
    font-weight: bold;
}

.ui-selectmanycheckbox .ui-selectmanycheckbox-responsive-group {
    padding: .5em .5em .5em 0px;
}

.ui-selectoneradio.layout-line-direction > div,
.ui-selectoneradio.layout-line-direction > div label {
    display: inline;
}

/** RadioButton **/
.ui-radiobutton {
    margin: 3px 0;
    width: 16px;
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.ui-radiobutton .ui-radiobutton-box {
    width: 16px;
    height: 16px;
    line-height: 16px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.ui-radiobutton .ui-radiobutton-box.ui-state-disabled {
    cursor: default;
}

.ui-radiobutton-icon {
    margin-left: 1px;
}

/** SelectOneMenu **/
.ui-selectonemenu {
    display: inline-block;
    position: relative;
    width: auto;
    cursor: pointer;
    padding-right: 22px;
    vertical-align: top;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    border-right: none;
    border-top: none;
    border-bottom: none;
    cursor: pointer;
    width: 16px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 3px;
}

.ui-selectonemenu .ui-selectonemenu-trigger  .ui-icon {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.ui-selectonemenu .ui-selectonemenu-label  {
    display: block;
    border: none;
    white-space: nowrap;
    overflow: hidden;
    font-weight: normal;
    width: 100%;
    text-align: left;
}

.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger,
.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label {
    cursor: default;
}

.ui-selectonemenu label.ui-selectonemenu-label  {
    cursor: pointer;
}

.ui-selectonemenu input.ui-selectonemenu-label  {
    cursor: default;
}

/* loading */
.ui-selectonemenu .ui-icon-loading {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    margin-left: -3rem;
    margin-right: 0;
}

.ui-selectonemenu-rtl .ui-icon-loading {
    margin-left: 0;
    margin-right: -3rem;
}

.ui-selectonemenu-panel {
    position: absolute;
    height: auto;
}

.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
    overflow: auto;
}

.ui-selectonemenu-panel .ui-selectonemenu-item {
    font-weight: normal;
    cursor:pointer;
}

.ui-selectonemenu-panel .ui-selectonemenu-item-group {
    font-weight: bold;
}

.ui-selectonemenu-panel .ui-selectonemenu-list {
    padding: 0.4em;
    border: 0 none;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
    border:0px none;
    margin:1px 0;
    padding:3px 5px;
    text-align:left;
    white-space: nowrap;
}

.ui-selectonemenu-footer {
    border:0px none;
    margin:1px 0;
    padding:3px 5px;
}

.ui-selectonemenu-panel .ui-selectonemenu-table {
    border-collapse:collapse;
    width:100%;
}

.ui-selectonemenu-panel .ui-selectonemenu-table td {
    border-color: inherit;
}

.ui-selectonemenu-panel .ui-selectonemenu-table th,
.ui-selectonemenu-panel .ui-selectonemenu-table td {
    border-width: 1px;
    border-style: solid;
    padding:4px 10px 4px 10px;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter {
    width: 85%;
    padding-right:15px;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
    position: relative;
    margin: 0;
    padding: 0.4em;
    display: inline-block;
    width: 100%;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
    position: absolute;
    top: 10px;
    right: 10px;
}

.ui-selectonemenu-rtl { 
    direction: rtl;
}

.ui-selectonemenu-rtl .ui-selectonemenu-label { 
    text-align: right; 
}

.ui-selectonemenu-rtl .ui-selectonemenu-trigger {
    left: 0;
    right: auto;
}

.ui-selectonemenu-panel-rtl .ui-selectonemenu-list-item { 
    text-align: right; 
}

.ui-state-disabled a{outline: none;}

/* Button */
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    overflow: visible; /* the overflow property removes extra width in IE */
}

.ui-button-icon-only {
    width: 2.4em;
}

/*button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

.ui-button-text-only .ui-button-text {
    padding: .3em 1em;
}

.ui-button-icon-only .ui-button-text {
    padding: .3em;
    text-indent: -9999999px;
}

.ui-button-text-icon-left .ui-button-text {
    padding: .3em 1em .3em 2.1em;
}

.ui-button-text-icon-right .ui-button-text {
    padding: .3em 2.1em .3em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-left .ui-icon,
.ui-button-text-icon-right .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

/* FontAwesome icon */
.ui-button-icon-only .ui-icon.fa,
.ui-button-text-icon-left .ui-icon.fa,
.ui-button-text-icon-right .ui-icon.fa,
.ui-button-icon-only .ui-icon.fab,
.ui-button-text-icon-left .ui-icon.fab,
.ui-button-text-icon-right .ui-icon.fab,
.ui-button-icon-only .ui-icon.far,
.ui-button-text-icon-left .ui-icon.far,
.ui-button-text-icon-right .ui-icon.far,
.ui-button-icon-only .ui-icon.fas,
.ui-button-text-icon-left .ui-icon.fas,
.ui-button-text-icon-right .ui-icon.fas,
.ui-button-icon-only .ui-icon.fal,
.ui-button-text-icon-left .ui-icon.fal,
.ui-button-text-icon-right .ui-icon.fal {
    margin-top: -7px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-icon-left {
    left: .5em;
}

.ui-button-icon-right {
    right: .5em;
}

/* button loading */
.ui-state-loading.ui-button-text-only .ui-icon-loading + .ui-button-text {
    opacity: 0;
}

.ui-state-loading.ui-button-text-only .ui-icon-loading {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1rem;
    height: 1rem;
    margin: -0.5rem;
}

.ui-state-loading .ui-icon:not(.ui-icon-loading) {
    display: none;
}

/*button sets*/
.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: 0;
}

/* workarounds */
button.ui-button::-moz-focus-inner {
    border: 0; padding: 0; /* reset extra padding in Firefox */
}

.ui-linkbutton.ui-button.ui-state-default > a {
    color: inherit;
}

.ui-linkbutton.ui-button.ui-state-hover > a {
    color: inherit;
}

/** SelectCheckboxMenu **/
.ui-selectcheckboxmenu {
    display: inline-block;
    position: relative;
    width: auto;
    cursor: pointer;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    border-right: none;
    border-top: none;
    border-bottom: none;
    cursor: pointer;
    width: 16px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 3px;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    margin-top: 3px;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
    display: block;
    padding: 3px 26px 3px 5px;
    width: auto;
    border: none;
    cursor: pointer;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label:after {
    content: "p";
    display: inline-flex;
    visibility: hidden;
    overflow: hidden;
    width: 0;
    clip: rect(0, 0, 0, 0);
}

.ui-selectcheckboxmenu.ui-state-disabled .ui-selectcheckboxmenu-trigger,
.ui-selectcheckboxmenu.ui-state-disabled .ui-selectcheckboxmenu-label {
    cursor: auto
}

.ui-selectcheckboxmenu-panel {
    padding: 0.2em;
    position: absolute;
    overflow: hidden;
    -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper {
    overflow: auto;
    position: relative;
    padding: 0.2em 0;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item {
    font-weight: normal;
    cursor:pointer;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item-group {
    font-weight: bold;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list {
    border: 0 none;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
    border:0px none;
    cursor:pointer;
    font-weight:normal;
    margin:1px 0;
    padding:3px 5px;
    text-align:left;
    white-space: nowrap;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
    display: block;
    position: relative;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item .ui-chkbox {
    position: absolute;
    top:50%;
    margin-top:-8px;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item label {
    display: block;
    padding-left: 2em;
}

.ui-selectcheckboxmenu-footer {
    border:0px none;
    margin:1px 0;
    padding:3px 5px;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-table {
    border-collapse:collapse;
    width:100%;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-table th,
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-table td {
    border-width: 1px;
    border-style: solid;
    border-color: var(--surface-border, inherit);
    padding: .25rem .75rem .25rem 1rem;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-table th:first-of-type,
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-table td:first-of-type {
    width: 3.5rem;
}

.ui-selectcheckboxmenu-header {
    margin-bottom: 0.3em;
    padding: 0.3em 0 0.3em 0.4em
}

.ui-selectcheckboxmenu-header .ui-chkbox {
    float:left;
    cursor:pointer;
}

.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container {
    float: left;
    position: relative;
    margin-left: 5px;
}

.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon{
    position: absolute;
    right: 5px;
    top: 2px;
}

.ui-selectcheckboxmenu-header .ui-inputfield {
    padding: 1px 20px 1px 2px;
}

.ui-selectcheckboxmenu-header span.ui-icon {
    float:left;
}

.ui-selectcheckboxmenu-header a.ui-selectcheckboxmenu-all,
.ui-selectcheckboxmenu-header a.ui-selectcheckboxmenu-none {
    float:left;
    margin-right: 10px;
    display: block;
}

.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close {
    float:right;
    padding:1px;
    margin-right:0.2em;
    display: block;
}

.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close.ui-state-hover {
    padding:0px;
}

.ui-selectcheckboxmenu-multiple-container {
    clear: left;
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    min-height: 24px;
    overflow: hidden;
    min-width: 100px;
}

.ui-selectcheckboxmenu-multiple-container.ui-inputfield {
    padding:0 22px 0 0;
    border: 0;
}

.ui-selectcheckboxmenu-multiple-container:empty:after {
    content: attr(label);
    white-space: nowrap;
    display: inline-block;
}

.ui-selectcheckboxmenu-token {
    cursor: default;
    float: left;
    overflow: hidden;
    padding: 1px 3px;
    white-space: nowrap;
    position: relative;
    margin:2px;
}

.ui-selectcheckboxmenu-token-label {
    display: block;
    padding: 0em 2.1em 0em 0.5em;
}

.ui-selectcheckboxmenu-token-icon {
    margin-top: -9px;
    position: absolute;
    right: 0.2em;
    top: 50%;
    cursor: pointer;
}

.ui-selectcheckboxmenu-input-token {
    float: left;
    list-style-type: none;
    margin: 1px;
    padding: 0;
}

.ui-selectcheckboxmenu-input-token input {
    border: 0 none;
    width: 140px;
    outline: medium none;
    background-color: transparent;
    margin:2px;
}

.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-trigger  .ui-icon {
    position: relative;
    top: 50%;
    margin-top: -8px;
}

.ui-splitbutton {
    position: relative;
    padding-right: 2em;
}

.ui-splitbutton .ui-button.ui-splitbutton-menubutton {
    position: absolute;
    top: 0px;
    margin-left: -1px;
    right: 0px;
}

.ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container {
    position: relative;
    margin: 0;
    padding: 0.4em 0;
    display: inline-block;
}

.ui-splitbuttonmenu .ui-splitbuttonmenu-filter {
    width: 100%;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon {
    position: absolute;
    top: 10px;
    right: 10px;
}

.ui-splitbuttonmenu .ui-splitbuttonmenu-list-wrapper {
    overflow: auto;
}

.ui-splitbuttonmenu.ui-menu .ui-menu-list .ui-widget-header,
.ui-splitbuttonmenu.ui-menu .ui-menuitem-link {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-splitbuttonmenu .ui-divider-horizontal {
    width: auto;
}

/** IE Hacks **/
div.ui-button, .ui-splitbutton {
    display: inline-block;
}

/** Password **/
.ui-password-panel {
    padding: 4px 10px;
    width: 150px;
    margin-top: 2px;
}

.ui-password-panel .ui-password-meter {
    height: 10px;
    background:transparent url("/showcase/javax.faces.resource/forms/password-meter.png.xhtml?ln=primefaces&v=14.0.4") no-repeat left top;
    padding: 0;
    margin: 0;
}

.ui-password-info {
    margin-top: 4px;
}

.ui-password-panel-overlay {
    position: absolute;
}

.ui-password-masked.ui-password > input::-ms-reveal,
.ui-password-masked.ui-password > input::-ms-clear,
.ui-password-unmasked.ui-password > input::-ms-reveal,
.ui-password-unmasked.ui-password > input::-ms-clear {
    display: none;
}

/* OutputLabel */
.ui-outputlabel.ui-state-error {
    border:0 none;
}

.ui-outputlabel .ui-outputlabel-rfi {
    margin-left: 0.4em;
}

.ui-outputlabel-rtl .ui-outputlabel-rfi {
    margin-left: 0;
    margin-right: 0.4em;
}

.ui-outputlabel .ui-outputlabel-label {
    overflow: hidden;
}

/* SelectOneButton */
.ui-selectonebutton{
    display: inline-block;
    padding:1px;
}

.ui-selectonebutton.ui-state-error{
    padding:0px;
}

.ui-selectonebutton .ui-button.ui-state-focus{
    outline: none;
}
/* SelectManyButton */
.ui-selectmanybutton{
    display: inline-block;
    padding:1px;
}

.ui-selectmanybutton.ui-state-error{
    padding:0px;
}

.ui-selectmanybutton .ui-button.ui-state-focus{
    outline: none;
}

/* CascadeSelect */
.ui-cascadeselect {
    display: inline-flex;
    cursor: pointer;
    position: relative;
    user-select: none;
}

.ui-cascadeselect-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ui-cascadeselect-label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    flex: 1 1 auto;
    width: 1%;
    text-overflow: ellipsis;
    cursor: pointer;
}

.ui-cascadeselect-label-empty {
    overflow: hidden;
    visibility: hidden;
}

.ui-cascadeselect-panel {
    min-width: 100%;
}

.ui-cascadeselect-panel {
    position: absolute;
}

.ui-cascadeselect-item {
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
}

.ui-cascadeselect-item-content {
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
}

body .ui-cascadeselect-item-content .ui-cascadeselect-group-icon {
    margin-left: auto;
}

.ui-cascadeselect-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.ui-cascadeselect-sublist {
    position: absolute;
    min-width: 100%;
    z-index: 1;
    display: none;
}

.ui-cascadeselect-item-active {
    overflow: visible !important;
}

.ui-cascadeselect-item-active > .ui-cascadeselect-sublist {
    display: block;
    left: 100%;
    top: 0;
}

/** Fluid **/
.ui-fluid .ui-inputfield {
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}

/** InputText **/
.ui-fluid .ui-inputtext {
    width: 100%;
}

/** InputNumber **/
.ui-fluid .ui-inputnumber {
    width: 100%;
}

.ui-fluid .ui-inputtext[size],
.ui-fluid .ui-inputfield[size] {
    width: auto;
}

/** InputTextarea **/
.ui-fluid .ui-inputtextarea {
    width: 100%;
}

/** SelectOneMenu **/
.ui-fluid .ui-selectonemenu {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}
.ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger {
    width: 32px;
    padding: 0 6px;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}

/** Calendar **/
.ui-fluid .ui-calendar, .ui-fluid .ui-calendar input {
    width: 100%;
}

.ui-fluid .ui-calendar {
    position: relative;
}

.ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button {
    position: absolute;
    right: -2px;
    width: 2.4em;
}

.ui-fluid .ui-trigger-calendar .ui-button-icon-only .ui-button-text {
    padding: 0.28em;
}

.ui-fluid .ui-trigger-calendar input.hasDatepicker {
    padding-right: 2.4em;
}

/** Spinner **/
.ui-fluid .ui-spinner {
    width: 100%;
}
.ui-fluid .ui-spinner .ui-spinner-input {
    padding-right: 36px;
    width: 100%;
}
.ui-fluid .ui-spinner .ui-spinner-button {
    width: auto;
}
.ui-fluid .ui-spinner .ui-spinner-button .ui-icon {
    left: 6px;
}

/** AutoComplete **/
.ui-fluid .ui-autocomplete,
.ui-fluid .ui-autocomplete-input {
    width: 100%;
}

.ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
    width: 2.4em;
}

/** InputMask **/
.ui-fluid .ui-inputmask {
    width: 100%;
}

/** Password **/
.ui-fluid .ui-password {
    width: 100%;
}

/** Keyboard **/
.ui-fluid .ui-keyboard-input {
    width: 100%;
}

/** CheckboxMenu **/
.ui-fluid .ui-selectcheckboxmenu {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}

.ui-fluid .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    margin-left: auto;
    margin-right: auto;
}

.ui-fluid .ui-selectcheckboxmenu-trigger {
    width: 32px;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}

/** Button **/
.ui-fluid .ui-button {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}

/** ButtonSet **/
.ui-fluid .ui-buttonset {
    width: 100%;
}

.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button {width: 100%;}
.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button {width: 50%;}
.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button {width: 33.3%;}
.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button {width: 25%;}
.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button {width: 20%;}
.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {width: 16.6%;}

@media (max-width: 640px) {
    .ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button,
    .ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button,
    .ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button,
    .ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button,
    .ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button,
    .ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {
        width: 100%;
    }
}

/** SplitButton **/
.ui-fluid .ui-splitbutton {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}

.ui-fluid .ui-splitbutton .ui-button {
    width: 100%;
}

.ui-fluid .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
    width: 32px;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}

/** Listbox **/
.ui-fluid .ui-selectonelistbox,
.ui-fluid .ui-selectmanymenu {
    width: 100%;
}

/** CascadeSelect **/
.ui-fluid .ui-cascadeselect {
    display: flex;
}

.ui-fluid .ui-cascadeselect .ui-cascadeselect-label {
    width: 1%;
}

/** Floating Label **/
.ui-float-label {
    display: block;
    position:relative;
}

.ui-float-label > label {
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: .25em;
    top: 50%;
    margin-top: -.5em;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    color: #898989;
    line-height: 1;
}

.ui-float-label > label.ui-outputlabel-rtl {
    left: 0;
    right: 0.75rem;
}

.ui-float-label > textarea ~ label {
    top: 1.2em;
}

.ui-float-label > input:focus ~ label,
.ui-float-label > input.ui-state-filled ~ label,
.ui-float-label > textarea:focus ~ label,
.ui-float-label > textarea.ui-state-filled ~ label,
.ui-float-label > .ui-inputwrapper-focus ~ label,
.ui-float-label > .ui-inputwrapper-filled ~ label {
    top: -.75em;
    font-size: 12px;
}

/** Firefox: https://github.com/primefaces/primefaces/issues/5508 **/
.ui-float-label > input:-webkit-autofill ~ label,
.ui-float-label > textarea:-webkit-autofill ~ label {
    top: -.75em;
    font-size: 12px;
}

/** Element becomes visually hidden however accessibility is still available. **/
.ui-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

/* Slider */
.ui-slider .ui-slider-handle {
    cursor: grab;
}.ui-inputgroup {   
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
}

.ui-inputgroup .ui-inputgroup-addon,
.ui-inputgroup .ui-inputgroup-addon-checkbox {
    display: inline-block;
    text-align: center;
    min-width: 1.5em;
    border-width: 1px;
    border-style: solid;
}

.ui-inputgroup .ui-inputgroup-addon {
    padding: 4px;
}

.ui-inputgroup .ui-inputgroup-addon-checkbox {
    padding: 1px;
}

.ui-inputgroup .ui-inputgroup-addon + .ui-inputgroup-addon {
    border-left: 0 none;
}

.ui-inputgroup .ui-inputtext,
.ui-inputgroup .ui-inputtextarea,
.ui-inputgroup .ui-password,
.ui-inputgroup .ui-autocomplete-input,
.ui-inputgroup .ui-chips-container,
.ui-inputgroup .ui-spinner-input {
    padding-left: .5em;
}

.ui-inputgroup > .ui-inputtext:not(:first-child),
.ui-inputgroup > .ui-inputtextarea:not(:first-child),
.ui-inputgroup > .ui-password:not(:first-child),
.ui-inputgroup > .ui-inputnumber:not(:first-child) > .ui-inputtext,
.ui-inputgroup > .ui-inputmask:not(:first-child),
.ui-inputgroup > .ui-calendar:not(:first-child) > .ui-inputfield,
.ui-inputgroup > .ui-chips:not(:first-child) > .ui-chips-container,
.ui-inputgroup > .ui-selectonemenu:not(:first-child),
.ui-inputgroup > .ui-selectonebutton:not(:first-child) > .ui-button,
.ui-inputgroup > .ui-autocomplete:not(:first-child) > .ui-autocomplete-input,
.ui-inputgroup > .ui-spinner:not(:first-child),
.ui-inputgroup > .ui-spinner:not(:first-child) > .ui-spinner-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0 none;
}

.ui-inputgroup > .ui-inputtext:not(:last-child),
.ui-inputgroup > .ui-inputtextarea:not(:last-child),
.ui-inputgroup > .ui-password:not(:last-child),
.ui-inputgroup > .ui-inputnumber:not(:last-child) > .ui-inputtext,
.ui-inputgroup > .ui-inputmask:not(:last-child),
.ui-inputgroup > .ui-selectonemenu:not(:last-child),
.ui-inputgroup > .ui-calendar:not(:last-child) > .ui-inputfield,
.ui-inputgroup > .ui-chips:not(:last-child) > .ui-chips-container,
.ui-inputgroup > .ui-selectonebutton:not(:last-child) > .ui-button,
.ui-inputgroup > .ui-autocomplete:not(:last-child) > .ui-autocomplete-input,
.ui-inputgroup > .ui-spinner:not(:last-child),
.ui-inputgroup > .ui-spinner:not(:last-child) > .ui-spinner-input,
.ui-inputgroup > .ui-spinner:not(:last-child) > .ui-spinner-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0 none;
}

.ui-inputgroup .ui-button {
    margin-right: 0;
    border-radius: 0;
}

.ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox {
    margin-right: 0;
    vertical-align: bottom;
    position: relative;
    top: 2px;
}

.ui-inputgroup .ui-button .ui-button-text {
    padding-bottom: 4px;
    padding-top: 4px;
}

.ui-fluid .ui-inputgroup .ui-button {
    width: auto;
}

.ui-fluid .ui-inputgroup .ui-button-icon-only {
    min-width: 2.2em;
}
/* Deprecated Grid CSS */
.ui-grid {
    clear: both;
    padding: 0;
    margin: 0;
}

.ui-grid::before,
.ui-grid::after {
    content:"";
    display:table;
}

.ui-grid::after {
    clear:both;
}

.ui-grid .ui-grid-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    clear:both;
}

.ui-grid-row::after {
    clear: both;
    content: "";
    display: table;
}

.ui-grid-col-1,
.ui-grid-col-2,
.ui-grid-col-3,
.ui-grid-col-4,
.ui-grid-col-5,
.ui-grid-col-6,
.ui-grid-col-7,
.ui-grid-col-8,
.ui-grid-col-9,
.ui-grid-col-10,
.ui-grid-col-11,
.ui-grid-col-12 {
    float: left;
    box-sizing: border-box;
}

.ui-grid-col-0 {
    display: none;
}

.ui-grid-col-1 {
    width: 8.33333333%;
}

.ui-grid-col-2 {
    width: 16.66666667%;
}

.ui-grid-col-3 {
    width: 25%;
}

.ui-grid-col-4 {
    width: 33.33333333%;
}

.ui-grid-col-5 {
    width: 41.66666667%;
}

.ui-grid-col-6 {
    width: 50%;
}

.ui-grid-col-7 {
    width: 58.33333333%;
}

.ui-grid-col-8 {
    width: 66.66666667%;
}

.ui-grid-col-9 {
    width: 75%;
}

.ui-grid-col-10 {
    width: 83.33333333%;
}

.ui-grid-col-11 {
    width: 91.66666667%;
}

.ui-grid-col-12 {
    width: 100%;
}

@media (min-width: 480px) {
    .ui-grid-fixed {
        width: 480px;
    }
}

@media (min-width: 768px) {
    .ui-grid-fixed {
        width: 768px;
    }
}

@media (min-width: 960px) {
    .ui-grid-fixed {
        width: 960px;
    }
}

@media (min-width: 1024px) {
    .ui-grid-fixed {
        width: 1024px;
    }
}

/* Responsive */
@media (max-width: 640px) {
    .ui-grid-responsive .ui-grid-row {
        display: block;
    }

    .ui-grid-responsive .ui-grid-col-1,
    .ui-grid-responsive .ui-grid-col-2,
    .ui-grid-responsive .ui-grid-col-3,
    .ui-grid-responsive .ui-grid-col-4,
    .ui-grid-responsive .ui-grid-col-5,
    .ui-grid-responsive .ui-grid-col-6,
    .ui-grid-responsive .ui-grid-col-7,
    .ui-grid-responsive .ui-grid-col-8,
    .ui-grid-responsive .ui-grid-col-9,
    .ui-grid-responsive .ui-grid-col-10,
    .ui-grid-responsive .ui-grid-col-11,
    .ui-grid-responsive .ui-grid-col-12 {
        width: 100%;
        float: none;
    }
}

.ui-grid.ui-grid-pad > .ui-grid-row > div {
    padding: .25em .5em;
}

/* Responsive */
@media (max-width: 640px) {
    .ui-grid-responsive .ui-grid-row {
        display: block;
    }

    .ui-grid-responsive .ui-grid-col-1,
    .ui-grid-responsive .ui-grid-col-2,
    .ui-grid-responsive .ui-grid-col-3,
    .ui-grid-responsive .ui-grid-col-4,
    .ui-grid-responsive .ui-grid-col-5,
    .ui-grid-responsive .ui-grid-col-6,
    .ui-grid-responsive .ui-grid-col-7,
    .ui-grid-responsive .ui-grid-col-8,
    .ui-grid-responsive .ui-grid-col-9,
    .ui-grid-responsive .ui-grid-col-10,
    .ui-grid-responsive .ui-grid-col-11,
    .ui-grid-responsive .ui-grid-col-12 {
        width: 100%;
        float: none;
    }
}

/* New Grid CSS */
.ui-g {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.ui-g::after {
    clear: both;
    content: "";
    display: table;
    box-sizing: border-box;
}

.ui-g-1,
.ui-g-2,
.ui-g-3,
.ui-g-4,
.ui-g-5,
.ui-g-6,
.ui-g-7,
.ui-g-8,
.ui-g-9,
.ui-g-10,
.ui-g-11,
.ui-g-12 {
    box-sizing: border-box;
    padding: 0.5em;
}

.ui-g-0 {
    display: none;
}

.ui-g-1 {
    width: 8.33333333%;
}

.ui-g-2 {
    width: 16.66666667%;
}

.ui-g-3 {
    width: 25%;
}

.ui-g-4 {
    width: 33.33333333%;
}

.ui-g-5 {
    width: 41.66666667%;
}

.ui-g-6 {
    width: 50%;
}

.ui-g-7 {
    width: 58.33333333%;
}

.ui-g-8 {
    width: 66.66666667%;
}

.ui-g-9 {
    width: 75%;
}

.ui-g-10 {
    width: 83.33333333%;
}

.ui-g-11 {
    width: 91.66666667%;
}

.ui-g-12 {
    width: 100%;
}

.ui-g-offset-12 {
    margin-left: 100%;
}

.ui-g-offset-11 {
    margin-left: 91.66666667%;
}

.ui-g-offset-10 {
    margin-left: 83.33333333%;
}

.ui-g-offset-9 {
    margin-left: 75%;
}

.ui-g-offset-8 {
    margin-left: 66.66666667%;
}

.ui-g-offset-7 {
    margin-left: 58.33333333%;
}

.ui-g-offset-6 {
    margin-left: 50%;
}

.ui-g-offset-5 {
    margin-left: 41.66666667%;
}

.ui-g-offset-4 {
    margin-left: 33.33333333%;
}

.ui-g-offset-3 {
    margin-left: 25%;
}

.ui-g-offset-2 {
    margin-left: 16.66666667%;
}

.ui-g-offset-1 {
    margin-left: 8.33333333%;
}

.ui-g-offset-0 {
    margin-left: 0%;
}

@media screen and (max-width: 40em) {
    .ui-sm-1,
    .ui-sm-2,
    .ui-sm-3,
    .ui-sm-4,
    .ui-sm-5,
    .ui-sm-6,
    .ui-sm-7,
    .ui-sm-8,
    .ui-sm-9,
    .ui-sm-10,
    .ui-sm-11,
    .ui-sm-12 {
        padding: 0.5em;
    }

    .ui-sm-0 {
        display: none;
    }

    .ui-sm-1 {
        width: 8.33333333%;
    }

    .ui-sm-2 {
        width: 16.66666667%;
    }

    .ui-sm-3 {
        width: 25%;
    }

    .ui-sm-4 {
        width: 33.33333333%;
    }

    .ui-sm-5 {
        width: 41.66666667%;
    }

    .ui-sm-6 {
        width: 50%;
    }

    .ui-sm-7 {
        width: 58.33333333%;
    }

    .ui-sm-8 {
        width: 66.66666667%;
    }

    .ui-sm-9 {
        width: 75%;
    }

    .ui-sm-10 {
        width: 83.33333333%;
    }

    .ui-sm-11 {
        width: 91.66666667%;
    }

    .ui-sm-12 {
        width: 100%;
    }

    .ui-sm-offset-12 {
        margin-left: 100%;
    }

    .ui-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .ui-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .ui-sm-offset-9 {
        margin-left: 75%;
    }

    .ui-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .ui-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .ui-sm-offset-6 {
        margin-left: 50%;
    }

    .ui-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .ui-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .ui-sm-offset-3 {
        margin-left: 25%;
    }

    .ui-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .ui-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .ui-sm-offset-0 {
        margin-left: 0%;
    }
}

@media screen and (min-width: 40.063em) {
    .ui-md-1,
    .ui-md-2,
    .ui-md-3,
    .ui-md-4,
    .ui-md-5,
    .ui-md-6,
    .ui-md-7,
    .ui-md-8,
    .ui-md-9,
    .ui-md-10,
    .ui-md-11,
    .ui-md-12 {
        padding: 0.5em;
    }

    .ui-md-0 {
        display: none;
    }

    .ui-md-1 {
        width: 8.33333333%;
    }

    .ui-md-2 {
        width: 16.66666667%;
    }

    .ui-md-3 {
        width: 25%;
    }

    .ui-md-4 {
        width: 33.33333333%;
    }

    .ui-md-5 {
        width: 41.66666667%;
    }

    .ui-md-6 {
        width: 50%;
    }

    .ui-md-7 {
        width: 58.33333333%;
    }

    .ui-md-8 {
        width: 66.66666667%;
    }

    .ui-md-9 {
        width: 75%;
    }

    .ui-md-10 {
        width: 83.33333333%;
    }

    .ui-md-11 {
        width: 91.66666667%;
    }

    .ui-md-12 {
        width: 100%;
    }

    .ui-md-offset-12 {
        margin-left: 100%;
    }

    .ui-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .ui-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .ui-md-offset-9 {
        margin-left: 75%;
    }

    .ui-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .ui-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .ui-md-offset-6 {
        margin-left: 50%;
    }

    .ui-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .ui-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .ui-md-offset-3 {
        margin-left: 25%;
    }

    .ui-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .ui-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .ui-md-offset-0 {
        margin-left: 0%;
    }
}

@media screen and (min-width: 64.063em) {
    .ui-lg-1,
    .ui-lg-2,
    .ui-lg-3,
    .ui-lg-4,
    .ui-lg-5,
    .ui-lg-6,
    .ui-lg-7,
    .ui-lg-8,
    .ui-lg-9,
    .ui-lg-10,
    .ui-lg-11,
    .ui-lg-12 {
        padding: 0.5em;
    }

    .ui-lg-0 {
        display: none;
    }

    .ui-lg-1 {
        width: 8.33333333%;
    }

    .ui-lg-2 {
        width: 16.66666667%;
    }

    .ui-lg-3 {
        width: 25%;
    }

    .ui-lg-4 {
        width: 33.33333333%;
    }

    .ui-lg-5 {
        width: 41.66666667%;
    }

    .ui-lg-6 {
        width: 50%;
    }

    .ui-lg-7 {
        width: 58.33333333%;
    }

    .ui-lg-8 {
        width: 66.66666667%;
    }

    .ui-lg-9 {
        width: 75%;
    }

    .ui-lg-10 {
        width: 83.33333333%;
    }

    .ui-lg-11 {
        width: 91.66666667%;
    }

    .ui-lg-12 {
        width: 100%;
    }

    .ui-lg-offset-12 {
        margin-left: 100%;
    }

    .ui-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .ui-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .ui-lg-offset-9 {
        margin-left: 75%;
    }

    .ui-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .ui-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .ui-lg-offset-6 {
        margin-left: 50%;
    }

    .ui-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .ui-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .ui-lg-offset-3 {
        margin-left: 25%;
    }

    .ui-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .ui-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .ui-lg-offset-0 {
        margin-left: 0%;
    }
}

@media screen and (min-width: 90.063em) {
    .ui-xl-1,
    .ui-xl-2,
    .ui-xl-3,
    .ui-xl-4,
    .ui-xl-5,
    .ui-xl-6,
    .ui-xl-7,
    .ui-xl-8,
    .ui-xl-9,
    .ui-xl-10,
    .ui-xl-11,
    .ui-xl-12 {
        padding: 0.5em;
    }

    .ui-xl-0 {
        display: none;
    }

    .ui-xl-1 {
        width: 8.33333333%;
    }

    .ui-xl-2 {
        width: 16.66666667%;
    }

    .ui-xl-3 {
        width: 25%;
    }

    .ui-xl-4 {
        width: 33.33333333%;
    }

    .ui-xl-5 {
        width: 41.66666667%;
    }

    .ui-xl-6 {
        width: 50%;
    }

    .ui-xl-7 {
        width: 58.33333333%;
    }

    .ui-xl-8 {
        width: 66.66666667%;
    }

    .ui-xl-9 {
        width: 75%;
    }

    .ui-xl-10 {
        width: 83.33333333%;
    }

    .ui-xl-11 {
        width: 91.66666667%;
    }

    .ui-xl-12 {
        width: 100%;
    }

    .ui-xl-offset-12 {
        margin-left: 100%;
    }

    .ui-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .ui-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .ui-xl-offset-9 {
        margin-left: 75%;
    }

    .ui-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .ui-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .ui-xl-offset-6 {
        margin-left: 50%;
    }

    .ui-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .ui-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .ui-xl-offset-3 {
        margin-left: 25%;
    }

    .ui-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .ui-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .ui-xl-offset-0 {
        margin-left: 0%;
    }
}

.ui-g-nopad {
    padding: 0;
}
.ui-growl {
    position:fixed;
    top:20px;
    right:20px;
    width:301px;
}
.ui-growl-item-container {
    position:relative;
    margin:0 0 10px 0;
    opacity:0.85;
    filter:alpha(opacity=85);
}
.ui-growl-item {
    display:block;
    padding:10px 15px;
}
.ui-growl-item p {
    padding:0;
    margin:0;
}
.ui-growl-icon-close {
    position:absolute;
    top:5px;
    right:3px;
    cursor:pointer;
}
.ui-growl-title {
    font-weight:bold;
    padding:0 0 7px 0;
    display:block;
}
.ui-growl-image {
    width:32px;
    height:32px;
    float:left;
    margin:0;
    padding:0;
    display: block;
    background: url("/showcase/javax.faces.resource/messages/messages.png.xhtml?ln=primefaces&v=14.0.4") no-repeat;
}

.ui-growl-image-info {
    background-position: 0 -264px;
}

.ui-growl-image-warn {
    background-position: 0 -396px;
}

.ui-growl-image-error {
    background-position: 0 0;
}

.ui-growl-image-fatal {
    background-position: 0 -132px;
}

.ui-growl-message {
    padding:0 0 5px 0;
    width:220px;
    float:right;
}

.ui-growl-message p {
    font-weight: normal;
}.ui-inplace .ui-inplace-display {cursor: pointer;border:0px none !important;}
.ui-inplace .ui-inplace-disabled {cursor: default;}
.ui-inplace .ui-inplace-content {}
.ui-inplace .ui-inplace-editor {margin-left:0.1em;}
.ui-inplace.p-password .p-masked:before {content:'••••••'}
.ui-menu {
    width: 12.5em;
    padding:0.3em;
    position:relative;
    outline: 0 none;
}

.ui-menu.ui-menu-dynamic {
    position: absolute;
    display: none;
    z-index: 100000;
}

.ui-menu.ui-menu-dynamic-maxheight {
    overflow-y: auto;
}

.ui-menu-list {
    position:static;
}

.ui-menu .ui-menu-list .ui-menuitem {
    border:none;
}

.ui-menu .ui-menu-list .ui-widget-header {
    clear:both;
    float:left;
    width:98%;
    margin:1px 0;
}

.ui-menu .ui-menuitem {
    width:100%;
    float:left;
    clear:both;
    margin:1px 0;
    padding:0;
}

.ui-menu .ui-menuitem-parent {
    width:100%;
    float:left;
    clear:both;
    margin:1px 0;
    padding:0;
}

.ui-menu .ui-menuitem-link {
    display:block;
    width:92%;
    outline:none;
    text-decoration:none;
    font-weight:400;
    border:solid 1px transparent;
    float:left;
    line-height:16px;
    padding:0.3em;
    cursor: pointer;
}

.ui-menu .ui-menuitem-link .ui-menuitem-icon,
.ui-menu .ui-submenu-icon {
    display:inline-block;
    float:left;
}

.ui-menu .ui-menuitem-icon-right {
    margin-left: 0.5rem;
}
.ui-menu .ui-menuitem-icon-left {
    margin-right: 0.5rem;
}

.ui-menu .ui-submenu-icon {
    margin-top: 1px;
}

.ui-menu .ui-menuitem-text {
    float:left;
}

.ui-menu .ui-widget-header h1,
.ui-menu .ui-widget-header h2,
.ui-menu .ui-widget-header h3,
.ui-menu .ui-widget-header h4,
.ui-menu .ui-widget-header h5,
.ui-menu .ui-widget-header h6 {
    float:left;
    display:block;
    font-size:1em;
    margin:0 auto;
    padding:0.3em 3%;
}

.ui-menu .ui-menu-parent .ui-menu-child {
    display:none;
    width:12.5em;
    padding:0.3em;
    position:absolute;
    margin:0; 
    outline:0; 
    line-height:1.3; 
    text-decoration:none; 
    font-size:100%; 
    list-style:none;
}

.ui-menu .ui-menu-parent {
    position:relative;
}

/* Toggleable Menu */
.ui-menu.ui-menu-toggleable li.ui-widget-header { 
    position: relative; 
    min-height: 0; 
}

.ui-menu.ui-menu-toggleable li.ui-widget-header h3 { 
    padding-left: 2em;
}

.ui-menu.ui-menu-toggleable li.ui-widget-header.ui-state-hover { 
    cursor: pointer; 
}

.ui-menu.ui-menu-toggleable li.ui-widget-header .ui-icon { 
    position: absolute; 
    left: .5em; 
    top: 50%; 
    margin-top: -8px; 
}

.ui-menu .ui-menu-parent .ui-icon-triangle-1-e,
.ui-menu .ui-menu-parent .ui-icon-triangle-1-s,
.ui-menubar .ui-menu-child .ui-icon-triangle-1-s,
.ui-menubar .ui-menu-child .ui-icon-triangle-1-s {
    float:right;
}

.ui-menubutton {
    padding:0;
    position: relative;
    display: inline-block;
}

.ui-menubutton .ui-button {
    margin:0;
}

/** Menubar **/
.ui-menubar {
    width:auto;
}

.ui-menubar .ui-menuitem {
    width:auto;
    clear:none;
}

.ui-menubar .ui-menu-child .ui-menuitem {
    width:100%;
}

.ui-menubar .ui-menu-child {
    top:25px;
    left:0;
}

.ui-menubar .ui-menuitem-link {
    width:auto;
    padding:0.4em 0.3em;
}

.ui-menubar .ui-menu-child .ui-menuitem-link {
    width:92%;
}

.ui-menubar .ui-widget-header {
    clear:none;
    width:auto;
    margin:0 3px 0 0;
}

.ui-menubar .ui-widget-header h1,
.ui-menubar .ui-widget-header h2,
.ui-menubar .ui-widget-header h3,
.ui-menubar .ui-widget-header h4,
.ui-menubar .ui-widget-header h5,
.ui-menubar .ui-widget-header h6 {
    padding:0.4em 0.3em;
}

.ui-menubar .ui-menubar-options {
    float: right;
}

.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link span.ui-icon-triangle-1-e,
.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link span.ui-icon-triangle-1-s{
    *float: none;
}

body .ui-menu .ui-divider.ui-divider-vertical {
    display: inline-flex;
    vertical-align: middle;
    margin: .25rem 0;
}

body .ui-menu .ui-divider.ui-divider-horizontal {
    margin: 0 .25rem;
}

/** MegaMenu **/
.ui-megamenu td {
    vertical-align: top;
}

.ui-menu.ui-megamenu .ui-menu-parent .ui-menu-child {
    width:auto;
}

.ui-menu.ui-megamenu .ui-menu-child > table {
    width:auto;
}

.ui-menu.ui-megamenu .ui-menu-child .ui-menu-list {
    width: 12.5em;
}

.ui-megamenu-vertical {
    width: 12.5em;
}
.ui-megamenu-vertical .ui-menu-parent {
    clear: both;
    width: 100%;
}

.ui-megamenu-vertical .ui-submenu-link.ui-menuitem-link {
    width: 92%;
}

.ui-megamenu .ui-widget-header span {
    display: block;
    float: left;
    font-size: 1em;
    margin: 0 auto;
    padding: 0.4em 0.3em;
}

/** Breadcrumb **/
.ui-breadcrumb {
    margin: 0;
    padding: 0;
    overflow-x: auto;
    padding: 5px 5px 7px 5px;
}

.ui-breadcrumb::-webkit-scrollbar {
    display: none;
}

.ui-breadcrumb ul {
    margin: 0;
    padding: 0;
    display: block;
}

.ui-breadcrumb ul li {
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
}

.ui-breadcrumb ul li span {
    display: block;
    overflow: hidden;
}

.ui-breadcrumb ul li .ui-menuitem-link {
    display: block;
    position: relative;
    overflow: hidden;
    float: left; 
    *cursor: pointer;
    margin-top:3px;
}

.ui-breadcrumb ul li a.ui-icon-home {
    padding: 0;
    margin-top: 1px;
    overflow: hidden;
}

.ui-breadcrumb-chevron{
    float:left;
    margin-top:2px;
}

.ui-breadcrumb .ui-breadcrumb-options {
    float: right;
}

.ui-breadcrumb .ui-breadcrumb-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
}

.ui-breadcrumb-home-icon .ui-menuitem-text {
    display: none;
}

.ui-breadcrumb .ui-menuitem-link {
    text-decoration: none;
}

/** SlideMenu **/
.ui-slidemenu .ui-slidemenu-wrapper {
    position: relative;
}

.ui-slidemenu .ui-slidemenu-content {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}

.ui-slidemenu .ui-menu-list {
    position: absolute;
    top: 0;
}

.ui-slidemenu .ui-menu-parent {
    position: static;
}

.ui-slidemenu .ui-menu-child {
    box-shadow : none;
    border: 0 none;
    background: none repeat scroll 0 0 transparent;
}

.ui-slidemenu-backward {
    position: absolute;
    bottom: 0;
    width: 95%;
    margin-bottom: 0.4em;
    padding: 0.2em;
    cursor: pointer;
    display: none;
}

.ui-slidemenu-backward .ui-icon {
    float:left;
}

/** SplitButtonMenu **/
.ui-splitbuttonmenu {
    width: auto;
}

/** PanelMenu **/
.ui-panelmenu { 
    width: auto; 
}

.ui-panelmenu .ui-panelmenu-panel { 
    padding: 0;
    margin: 0;
}

.ui-panelmenu .ui-panelmenu-header { 
    cursor: pointer; 
    position: relative; 
    margin: 0;
}

.ui-panelmenu .ui-panelmenu-header a { 
    display: block;
    padding: .5em .5em .5em 2.2em; 
}

.ui-panelmenu .ui-panelmenu-header .ui-icon { 
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-panelmenu .ui-panelmenu-content { 
    padding: 0.2em 0;
    border-top: 0; 
    margin-top: -2px; 
    position: relative; 
    top: 1px; 
    overflow: auto; 
    outline: none;
}

.ui-panelmenu .ui-panelmenu-header.ui-state-disabled, 
.ui-panelmenu .ui-panelmenu-header.ui-state-disabled a { 
    cursor: default; 
}

.ui-panelmenu .ui-menu-list { 
    position: static; 
}

.ui-panelmenu .ui-menuitem {
    margin:1px 0;
    padding:0;
}

.ui-panelmenu .ui-menuitem-link {
    display:block;
    outline:none;
    text-decoration:none;
    font-weight:400;
    border:solid 1px transparent;
    line-height:16px;
    cursor: pointer;
    position: relative;
    padding: 0.3em 0.3em 0.3em 2em;
}

.ui-panelmenu .ui-menu-parent .ui-menuitem-link-hasicon {
    padding-left: 2.8em;
}

.ui-panelmenu .ui-icon {
    position: absolute;
    right: auto;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 0.5em;
}

.ui-panelmenu .ui-menu-parent > .ui-menuitem-link > .ui-icon {
    left: 1.5em;
}

.ui-panelmenu .ui-menu-parent .ui-panelmenu-icon.ui-icon {
    left: 0.5em;
}

.ui-panelmenu .ui-menuitem-text {
    float: none;
}

.ui-panelmenu .ui-menu-parent .ui-menu-list {
    margin-left: 20px;
}

.ui-menuitem-outline {
    outline: 1px dotted;
    z-index: 1;
}

/** TabMenu **/
.ui-tabmenu { 
    position: relative; 
}

.ui-tabmenu .ui-tabmenu-nav { 
    margin: 0;
    padding: .2em .2em 0; 
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { 
    list-style: none; 
    float: left; 
    position: relative; 
    margin: 0 .2em 1px 0;  
    padding: 0; 
    white-space: nowrap;
    display: block;
    border-bottom: 0;
    top: 1px; 
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { 
    float: left; 
    padding: 0.5em 1em;
    text-decoration: none; 
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem-hasicon a { 
    padding: 0.5em 1em 0.5em 0.2em;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-icon { 
    float: left; 
    cursor: pointer; 
}

/** Steps **/
.ui-steps ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}     

.ui-steps .ui-steps-item {
    float: left;
    box-sizing: border-box;
}

.ui-steps .ui-steps-item .ui-menuitem-link {
    text-decoration: none;
    display: block;
    padding: 1em;
    position: relative;
    text-align: center;
}

.ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link,
.ui-steps .ui-steps-item.ui-state-disabled .ui-menuitem-link {
    cursor: default;
}

.ui-steps .ui-steps-number {
    font-size: 200%; 
    display: block;
}

.ui-steps .ui-steps-title {
    display: block;
    white-space: nowrap;
}

/* Responsive */
@media (max-width: 640px) {    
    .ui-steps .ui-steps-item .ui-menuitem-link {
        padding: 0.5em;
    }

    .ui-steps .ui-steps-item .ui-steps-title {
        display: none;
    }
}

/** Fluid **/
.ui-fluid .ui-menu {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}

/** Disable mobile browser right click when using context menu */
.ui-touch-selection-disabled {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}


.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {
    border: 1px solid;
    margin: 10px 0px;
    padding:10px 10px 10px 10px;
}

.ui-message-info, .ui-message-error, .ui-message-warn, .ui-message-fatal {
    border: 1px solid;;
    margin: 0px 5px;
    padding:2px 5px;
}

.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon,
.ui-message-info-icon, .ui-message-warn-icon, .ui-message-error-icon, .ui-message-fatal-icon {
    background: url("/showcase/javax.faces.resource/messages/messages.png.xhtml?ln=primefaces&v=14.0.4") no-repeat;
    display:block;
    float:left;
    margin:0;
    padding:0;
    position: relative;
}

.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon {
    height:24px;
    width:24px;
    margin-top:-4px;
}

.ui-message-info-icon, .ui-message-warn-icon, .ui-message-error-icon, .ui-message-fatal-icon {
    height:16px;
    width:16px;
}

.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:10px;
    font-weight:bold;
}

.ui-messages-info-detail, .ui-messages-warn-detail, .ui-messages-error-detail, .ui-messages-fatal-detail,
.ui-message-info-detail, .ui-message-warn-detail, .ui-message-error-detail, .ui-message-fatal-detail {
    margin-left:5px;
}

.ui-messages-info, .ui-message-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.ui-messages-warn, .ui-message-warn {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

.ui-messages-error, .ui-message-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.ui-messages-fatal, .ui-message-fatal {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.ui-messages ul {
    margin: 0 25px;
    padding:0;
    list-style-type:none;
}

.ui-messages.ui-messages-noicon ul {
    margin: 0 25px 0 0;
}

.ui-message-icon-only {
    width:16px;
    height:16px
}

.ui-messages-info-icon {background-position: 0px -316px;}
.ui-messages-warn-icon {background-position: 0px -448px;}
.ui-messages-error-icon {background-position: 0px -52px;}
.ui-messages-fatal-icon {background-position: 0px -184px;}
.ui-message-info-icon {background-position: 0px -360px;}
.ui-message-warn-icon {background-position: 0px -492px;}
.ui-message-error-icon {background-position: 0px -96px;}
.ui-message-fatal-icon {background-position: 0px -228px;}

.ui-messages .ui-messages-close {
    float:right;
    cursor: pointer;
}

body .ui-message.ui-helper-hidden {
    display: none;
}.ui-notificationbar {
    position:fixed;
    width:100%;
    height:100px;
    display:none;
    padding:10px;
}

.ui-notificationbar-close {
    position:absolute;
    right:3em;
    top:1em;
    cursor:pointer;
}.ui-orderlist {
    display: table;
}

.ui-orderlist .ui-orderlist-caption {
    width: 180px;
}

.ui-orderlist .ui-orderlist-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow:auto;
    height:200px;
    width:200px;
}

.ui-orderlist .ui-orderlist-list li {
    margin: 1px;
    padding: 2px;
}

.ui-orderlist .ui-button {
    display:block;
    margin-bottom:0.3em;
}

.ui-orderlist .ui-orderlist-button.ui-button-text-icon-primary {
    width:100%;
}

.ui-orderlist .ui-orderlist-item {
    cursor:pointer;
    border:0px none;
    font-weight: inherit;
}

.ui-orderlist .ui-orderlist-caption {
    text-align: center;
    padding:4px 0px;
    border-bottom:0px none;
}

.ui-orderlist table {
    width:100%;
    border-collapse:collapse;
}

.ui-orderlist.ui-state-disabled .ui-orderlist-item,
.ui-orderlist.ui-state-disabled .ui-button {
    cursor: default;
}

.ui-orderlist.ui-state-disabled .ui-orderlist-list {
    overflow:hidden;
}

/* Responsive */
.ui-orderlist.ui-grid-responsive {
    display: block;
    width: 100%;
}

.ui-orderlist.ui-grid-responsive .ui-orderlist-list,
.ui-orderlist.ui-grid-responsive .ui-orderlist-caption {
    width: 100%;
}  

.ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button {
    width: 100%;
}

@media (max-width: 640px) { 
    .ui-orderlist.ui-grid-responsive .ui-orderlist-controls {
        text-align: center;
        padding: 0px;
    }

    .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button {
        display: inline;
        width: 20%;
    }
}.ui-overlaypanel {
    padding: 0;
    margin: 0;
    position: absolute;
    display: none;
}

.ui-overlaypanel-content {
    padding: 0.5em 1em;
}

.ui-overlaypanel-close {
    position: absolute;
    top: -10px;
    right: -10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.ui-overlaypanel-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    user-select: none;
}.ui-panel {
    padding: 0.2em;
}

.ui-panel .ui-panel-titlebar {
    padding: 0.5em 1em 0.3em;
}

.ui-panel .ui-panel-title {
    margin: 0.1em 16px 0.2em 0;
}

.ui-panel .ui-panel-titlebar-icon {
    float: right;
    cursor: pointer;
}

.ui-panel .ui-panel-titlebar-icon,
.ui-panel .ui-panel-titlebar-icon:hover,
.ui-panel .ui-panel-titlebar-icon:focus {
    margin-left:0.2em;
    margin-top:-0.2em;
    *margin:-1.5em 0em 0em 0.2em;
}

.ui-panel .ui-panel-content {
    border: 0;
    background: none;
    padding: 0.5em 1em;
}

.ui-panel .ui-panel-footer {
    border-width:1px 0 0;
    margin:0.5em 0 0;
    padding:0.5em 1em;
    text-align:left;
}

.ui-panel-collapsed-h .ui-panel-titlebar-icon,
.ui-panel-collapsed-h .ui-panel-titlebar-icon:hover,
.ui-panel-collapsed-h .ui-panel-titlebar-icon:focus {
    *margin:-0.2em 0em 0em 0.1em;
}

.ui-panel.ui-panel-collapsed-h {
    width: 42px;
}

.ui-panel.ui-panel-collapsed-h .ui-panel-title {
    display:none;
}

.ui-panel .ui-panel-actions {
    float: right;
}.ui-panelgrid {
    border-collapse: collapse;
}

.ui-panelgrid .ui-panelgrid-header {
    text-align: center;
    padding: 4px 10px;
}

.ui-panelgrid .ui-panelgrid-footer {
    text-align: left;
    padding: 2px 5px;
}

.ui-panelgrid .ui-panelgrid-cell {
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    padding: 4px 10px;
}

.ui-panelgrid.ui-noborder .ui-panelgrid-cell {
    border: 0px none;
}

.ui-panelgrid.ui-noborder .ui-widget-content,
.ui-panelgrid.ui-noborder .ui-widget-header {
    border: 0px none;
}

.ui-panelgrid.ui-panelgrid-blank .ui-panelgrid-content.ui-widget-content, 
.ui-panelgrid.ui-panelgrid-blank .ui-panelgrid-header.ui-widget-header,
.ui-panelgrid.ui-panelgrid-blank .ui-panelgrid-footer.ui-widget-header,
.ui-panelgrid.ui-panelgrid-blank .ui-panelgrid-header > tr.ui-widget-header, 
.ui-panelgrid.ui-panelgrid-blank tbody > tr.ui-widget-content,
.ui-panelgrid.ui-panelgrid-blank tbody > tr.ui-widget-content > td.ui-panelgrid-cell,
.ui-panelgrid.ui-panelgrid-blank .ui-panelgrid-footer > tr.ui-widget-footer {
    background: none;
    border: 0 none;
}

.ui-panelgrid .ui-panelgrid-cell.ui-panelgrid-nopad {
    padding: 0;
}

/* Grid CSS */
.ui-panelgrid .p-grid .ui-panelgrid-cell,
.ui-panelgrid .grid .ui-panelgrid-cell,
.ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell {
    border: 0 none;
}

/* Responsive */
@media (max-width: 640px) {       
    .ui-panelgrid .ui-grid-responsive .ui-grid-row {
        border-top: 1px solid #BCC7CF;
    }

    .ui-panelgrid .ui-grid-responsive .ui-grid-row:first-child {
        border-top: 0 none;
    }

    .ui-panelgrid.ui-noborder .ui-grid-responsive .ui-grid-row {
        border: 0 none;
    }
}.ui-paginator {
    margin:0px;
    text-align: center;
    padding:2px;
}

.ui-paginator.ui-paginator-top {
    border-bottom:0px none;
}

.ui-paginator.ui-paginator-bottom {
    border-top:0px none;
}

.ui-paginator.ui-paginator-top .ui-paginator-top-left-content {
    float: left;    
}

.ui-paginator.ui-paginator-top .ui-paginator-top-right-content {
    float: right;    
}

.ui-paginator.ui-paginator-bottom .ui-paginator-bottom-left-content {
    float: left;    
}

.ui-paginator.ui-paginator-bottom .ui-paginator-bottom-right-content {
    float: right;    
}

.ui-paginator .ui-paginator-page,
.ui-paginator .ui-paginator-pages,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-current {
    display: inline-block;
    padding: 2px 6px;
    margin-left: 1px;
    margin-right: 1px;
    text-decoration: none;
    outline: none;
}

.ui-paginator .ui-paginator-page,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev{
    cursor: pointer;
}

.ui-paginator .ui-paginator-current,
.ui-paginator .ui-paginator-rpp-options {
    margin-left: 1em;
    margin-right: 1em;
    background-image: none;
}

.ui-paginator .ui-paginator-next .ui-icon,
.ui-paginator .ui-paginator-prev .ui-icon,
.ui-paginator .ui-paginator-first .ui-icon,
.ui-paginator .ui-paginator-last .ui-icon {
    height: auto;
    overflow: inherit;
}

.ui-paginator .ui-paginator-jtp-select option,
.ui-paginator .ui-paginator-rpp-options option {
    background-image: none;
    border:0 none;
    box-shadow:none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/* Responsive */
@media (max-width: 640px) {
    .ui-paginator .ui-paginator-pages {
        display: none;
    }
}.ui-picklist > div {
    float: left;
}

.ui-picklist .ui-picklist-buttons {
    height: 200px;
    padding: 0px 5px;
}

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

.ui-picklist .ui-picklist-list li {
    margin: 1px;
    padding: 2px;
    overflow-wrap: break-word;
}

.ui-picklist .ui-button {
    display:block;
    margin-bottom:0.3em;
}

.ui-picklist .ui-button-text-icon-left {
    width: 100%;
}

.ui-picklist .ui-picklist-item {
    cursor:pointer;
    border:0px none;
    font-weight: inherit;
}

.ui-picklist .ui-picklist-caption {
    text-align: center;
    padding: 4px 0px;
    border-bottom:0px none;
}

.ui-picklist table {
    width:100%;
    border-collapse:collapse;
}

.ui-picklist .ui-picklist-filter {
    padding-right: 15px;
    width: 100%;
    box-sizing: border-box;
}

.ui-picklist .ui-picklist-filter-container {
    position: relative;
    margin: 0;
    padding: 0;
}

.ui-picklist .ui-picklist-filter-container .ui-icon {
    position: absolute;
    top: 5px;
    right: 2px;
}

.ui-picklist {
    display: table;
}

.ui-picklist > div {
    float: none;
    display: table-cell;
    vertical-align: top;
}

.ui-picklist .ui-picklist-buttons {
    vertical-align: middle;
}

/* Vertical */
.ui-picklist.ui-picklist-vertical {
    display: table;
}

.ui-picklist.ui-picklist-vertical > div {
    float: none;
    display: table-row;
    vertical-align: top;
}

.ui-picklist.ui-picklist-vertical .ui-picklist-buttons {
    text-align:center;
    height: auto;
}

.ui-picklist.ui-picklist-vertical .ui-picklist-buttons .ui-button {
    display: inline-block;
}

.ui-picklist.ui-picklist-vertical .ui-button {
    margin-top: 0.3em;
}

.ui-picklist-outline {
    outline: 1px dotted black;
    z-index: 1;
}

.ui-picklist-list.ui-picklist-source,
.ui-picklist-list.ui-picklist-target {
    outline: none;
}

.ui-picklist .ui-chkbox {
    margin-right: 0.3em;
}

/* Responsive */
.ui-picklist.ui-picklist-responsive * {
    box-sizing: border-box;
}

.ui-picklist.ui-picklist-responsive {
    width: 100%;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper {
    width: 35%;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper:nth-child(1),
.ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper:nth-last-child(2) {
    width: 45%;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
    width: 10%;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
    width: 100%;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-list {
    width: auto;
}

.ui-picklist.ui-picklist-responsive .ui-chkbox-box {
    width: 18px;
    height: 18px;
}

/* Responsive */
@media (max-width: 640px) {
    .ui-picklist.ui-picklist-responsive {
        display: block;
    }

    .ui-picklist.ui-picklist-responsive > div {
        display: block;
        width: 100% !important;
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
        text-align: center;
        height: auto;
        padding: 5px 0px;
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
        display: inline;
        width: 20%;
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-source-controls.ui-picklist-buttons {
        padding-bottom: 5px;
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-target-controls.ui-picklist-buttons {
        padding-top: 5px;
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-icon-arrow-1-e {
        background-position: -64px -32px
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-icon-arrowstop-1-e {
        background-position: -224px -32px;
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-icon-arrow-1-w {
        background-position:  0 -32px;
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-icon-arrowstop-1-w {
        background-position: -192px -32px;
    }
}
.ui-progressbar { 
    height: 1.2em; 
    text-align: left; 
    position: relative;
}

.ui-progressbar-determinate .ui-progressbar-value {
    margin: -1px; 
    height: 100%;
    width: 0%;
    position: absolute;
    display: none;
}

.ui-progressbar-determinate .ui-progressbar-label {
    text-align: center;
    height: 100%;
    width: 100%;
    position: absolute;
    display: none;
    font-weight: bold;
}

.ui-progressbar-indeterminate {
    height: .5em;
    overflow: hidden;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    border: 0 none;
}

.ui-progressbar-indeterminate .ui-progressbar-value::before {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    animation: ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.ui-progressbar-indeterminate .ui-progressbar-value::after {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation: ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s;
}

@-webkit-keyframes ui-progressbar-indeterminate-anim {
    0% {
        left: -35%;
        right: 100%; }
    60% {
        left: 100%;
        right: -90%; }
    100% {
        left: 100%;
        right: -90%; } 
}
@keyframes ui-progressbar-indeterminate-anim {
    0% {
        left: -35%;
        right: 100%; }
    60% {
        left: 100%;
        right: -90%; }
    100% {
        left: 100%;
        right: -90%; } 
}

@-webkit-keyframes ui-progressbar-indeterminate-anim-short {
    0% {
        left: -200%;
        right: 100%; }
    60% {
        left: 107%;
        right: -8%; }
    100% {
        left: 107%;
        right: -8%; } 
}
@keyframes ui-progressbar-indeterminate-anim-short {
    0% {
        left: -200%;
        right: 100%; }
    60% {
        left: 107%;
        right: -8%; }
    100% {
        left: 107%;
        right: -8%; } 
}.ui-rating-star,
.ui-rating-cancel {
    display: inline-block;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
}

.ui-rating-star a,
.ui-rating-cancel a {
    width: 16px;
    height: 15px;
    display: block;
    background: url("/showcase/javax.faces.resource/rating/rating.png.xhtml?ln=primefaces&v=14.0.4") no-repeat 0 0;
}

.ui-rating-star a {
    background-position: 0 -32px;
}

.ui-rating-star-on a {
    background-position: 0 -48px;
}

.ui-rating-star-hover a {
    background-position: 0 -64px;
}

.ui-rating-cancel-hover a {
    background-position: 0 -16px;
}

.ui-rating.ui-state-disabled .ui-rating-star,
.ui-rating.ui-state-disabled .ui-rating-cancel {
    cursor: default;    
}
.ui-scrolltop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ui-scrolltop-sticky {
    position: sticky;
    margin-left: auto;
}.ui-spinner {
    display: inline-block;
    overflow: visible;
    padding: 0;
    position: relative;
    vertical-align: middle;
}
input.ui-spinner-input {
    vertical-align: middle;
    text-align: right;
    padding-right: 20px;
    font-family: var(--font-family);
    font-size: 1em;
    box-sizing: border-box;
    width: 100%;
}
.ui-spinner.text-left .ui-spinner-input {
    text-align: left;
}
.ui-spinner.text-center .ui-spinner-input {
    text-align: center;
}
.ui-spinner.text-right .ui-spinner-input {
    text-align: right;
}
.ui-spinner-button {
    cursor: default;
    display: block;
    font-size: 0.5em;
    height: 50%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    vertical-align: middle;
    width: 16px;
    z-index: 100;
}
.ui-spinner .ui-icon {
    left: 0;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.ui-spinner-up {
    top: 0;
}
.ui-spinner-down {
    bottom: 0;
}
.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-spinner .ui-icon-triangle-1-n {
    margin-top: -9px;
}

.ui-spinner-horizontal .ui-spinner-input {
    padding-left: 20px;
}

body .ui-spinner.ui-spinner-horizontal .ui-spinner-button.ui-button.ui-spinner-up,
body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-button.ui-button.ui-spinner-up {
    border-radius: 0 4px 4px 0;
}

body .ui-spinner.ui-spinner-horizontal .ui-spinner-button.ui-button.ui-spinner-down {
    border-radius: 4px 0 0 4px;
}

body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-button.ui-button.ui-spinner-down {
    border-radius: 0;
}

.ui-spinner-horizontal .ui-spinner-button, .ui-spinner-horizontal-after .ui-spinner-button {
    height: 100%;
    top: 0;
}

.ui-spinner-horizontal .ui-spinner-down {
    right: unset;
}

body .ui-fluid .ui-spinner-horizontal-after .ui-spinner-input, body .ui-spinner-horizontal-after .ui-spinner-input {
    padding-right: 5.214rem;
}

.ui-spinner-horizontal-after .ui-spinner-down {
    right: 2.357rem;
}

body .ui-fluid .ui-spinner.ui-spinner-vertical .ui-spinner-input, body .ui-spinner.ui-spinner-vertical .ui-spinner-input {
    padding-right: unset;
    padding: 2.857rem 0;
    text-align: center;
}

body .ui-spinner.ui-spinner-vertical .ui-spinner-button {
    width: 100%;
    height: 2.357rem;
    right: unset;
}

.ui-spinner-vertical .ui-spinner-down {
    right: unset;
    bottom: 0;
}

body .ui-spinner.ui-spinner-vertical .ui-spinner-button.ui-button.ui-spinner-up {
    border-radius: 4px 4px 0 0;
}

body .ui-spinner.ui-spinner-vertical .ui-spinner-button.ui-button.ui-spinner-down {
    border-radius: 0 0 4px 4px;
}
.ui-splitter {
    display: flex;
    flex-wrap: nowrap;
}

.ui-splitter-vertical {
    flex-direction: column;
}

.ui-splitter-panel {
    flex-grow: 1;
}

.ui-splitter-panel-nested {
    display: flex;
}

.ui-splitter-panel .ui-splitter {
    flex-grow: 1;
    border: 0 none;
}

.ui-splitter-gutter {
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: col-resize;
}

.ui-splitter-horizontal.ui-splitter-resizing {
    cursor: col-resize;
    user-select: none;
}

.ui-splitter-horizontal > .ui-splitter-gutter > .ui-splitter-gutter-handle {
    height: 24px;
    width: 100%;
}

.ui-splitter-horizontal > .ui-splitter-gutter {
    cursor: col-resize;
}

.ui-splitter-vertical.ui-splitter-resizing {
    cursor: row-resize;
    user-select: none;
}

.ui-splitter-vertical > .ui-splitter-gutter {
    cursor: row-resize;
}

.ui-splitter-vertical > .ui-splitter-gutter > .ui-splitter-gutter-handle {
    width: 24px;
    height: 100%;
}.ui-speeddial {
    position: absolute;
    display: flex;
    z-index: 1;
}

.ui-speeddial-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: top 0s linear 0.2s;
    pointer-events: none;
}

.ui-speeddial-item {
    transform: scale(0);
    opacity: 0;
    transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
    will-change: transform;
}

.ui-speeddial-action {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

.ui-speeddial-circle .ui-speeddial-item,
.ui-speeddial-semi-circle .ui-speeddial-item,
.ui-speeddial-quarter-circle .ui-speeddial-item {
    position: absolute;
}

.ui-speeddial-button.ui-speeddial-rotate .ui-button-icon-left {
    transition-duration: 250ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: opacity,transform;
}

.ui-speeddial-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.ui-speeddial-mask-visible {
    pointer-events: none;
    opacity: 1;
    transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.ui-speeddial-opened.ui-speeddial {
    z-index: 2;
}

.ui-speeddial-opened .ui-speeddial-list {
    pointer-events: auto;
}

.ui-speeddial-opened .ui-speeddial-item {
    transform: scale(1);
    opacity: 1;
}

.ui-speeddial-opened .ui-speeddial-rotate .ui-button-icon-left {
    transform: rotate(45deg);
}

.ui-speeddial .ui-speeddial-rotate .ui-button-icon-left + .ui-button-icon-left {
    transform: rotate(-90deg);
}

.ui-speeddial .ui-button-icon-left + .ui-button-icon-left {
    opacity: 0;
}

.ui-speeddial-opened .ui-speeddial-dual-icon .ui-button-icon-left {
    opacity: 0;
}

.ui-speeddial-opened .ui-button-icon-left + .ui-button-icon-left {
    opacity: 1;
}

.ui-speeddial-opened .ui-speeddial-rotate.ui-speeddial-dual-icon .ui-button-icon-left {
    transform: rotate(90deg);
}

.ui-speeddial-opened .ui-speeddial-rotate .ui-button-icon-left + .ui-button-icon-left {
    transform: rotate(0deg);
}

/* Direction */
.ui-speeddial-direction-up {
    align-items: center;
    flex-direction: column-reverse;
}

.ui-speeddial-direction-up .ui-speeddial-list {
    flex-direction: column-reverse;
}

.ui-speeddial-direction-down {
    align-items: center;
    flex-direction: column;
}

.ui-speeddial-direction-down .ui-speeddial-list {
    flex-direction: column;
}

.ui-speeddial-direction-left {
    justify-content: center;
    flex-direction: row-reverse;
}

.ui-speeddial-direction-left .ui-speeddial-list {
    flex-direction: row-reverse;
}

.ui-speeddial-direction-right {
    justify-content: center;
    flex-direction: row;
}

.ui-speeddial-direction-right .ui-speeddial-list {
    flex-direction: row;
}.ui-tabs {
    position: relative;
    padding: .2em;
} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

.ui-tabs .ui-tabs-nav {
    margin: 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    position: relative;
    margin: 0 .2em 1px 0;
    padding: 0;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    float: none;
}

/* GitHub #12338 menu inside tabs */
.ui-tabs .ui-tabs-nav li .ui-menu-list {
    white-space: initial;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
    outline: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel {
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tabs .ui-tabs-nav li > .ui-icon {
    float: left;
    margin: 0.4em 0.2em 0 0;
    cursor: pointer;
}

/* per orientation settings */
/* top and bottom */
.ui-tabs.ui-tabs-top > .ui-tabs-nav li {
    border-bottom: 0;
    top: 1px;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav {
    padding: .2em .2em 0;
}

.ui-tabs.ui-tabs-bottom > .ui-tabs-nav {
    padding: 0 .2em .2em;
}

.ui-tabs.ui-tabs-bottom > .ui-tabs-nav li {
    border-top: 0;
}

/* left and right*/
.ui-tabs-left:after,
.ui-tabs-right:after {
    clear:both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.ui-tabs-left > .ui-tabs-nav {
    float:left;
    width:23%;
    height:300px;
    background-image: none;
    padding-top:1px;
}

.ui-tabs-left > .ui-tabs-panels {
    overflow: hidden;
}

.ui-tabs.ui-tabs-left > .ui-tabs-nav li,
.ui-tabs.ui-tabs-right > .ui-tabs-nav li{
    display: block;
    white-space: normal;
    width: 98%;
}

.ui-tabs.ui-tabs-left > .ui-tabs-nav li a,
.ui-tabs.ui-tabs-right > .ui-tabs-nav li a {
    width: 90%;
}

.ui-tabs.ui-tabs-left > .ui-tabs-nav li {
    float: right;
}

.ui-tabs.ui-tabs-right > .ui-tabs-nav li {
    float: left;
}

.ui-tabs.ui-tabs-left > .ui-tabs-nav li {
    margin:0 0 1px 0.2em;
    border-right:0 none;
}

.ui-tabs.ui-tabs-right > .ui-tabs-nav {
    float:right;
    width:23%;
    height:300px;
    background-image: none;
    padding-top:1px;
}

.ui-tabs.ui-tabs-right > .ui-tabs-panels {
    float:left;
    width:75%;
}

.ui-tabs.ui-tabs-right > .ui-tabs-nav li {
    margin:0 0.2em 1px 0;
    border-left:0 none;
}

.ui-tabs.ui-tabs-left .ui-tabs-actions, .ui-tabs.ui-tabs-right .ui-tabs-actions {
    position: absolute;
    bottom: 0;
    padding: .2em; /** .ui-tabs padding **/
}

/** RTL **/
.ui-tabs-rtl {
    direction: rtl;
}

/** Scroll **/
.ui-tabs-scrollable .ui-tabs-nav {
    width:5000px;
}

.ui-tabs .ui-tabs-navscroller {
    overflow: hidden;
    padding-left: 18px;
}

.ui-tabs .ui-tabs-navscroller.ui-tabs-navscroller-btn-hidden {
    padding-left: 0;
}

.ui-tabs-scrollable .ui-tabs-nav li {
    margin: 0 .2em -1px 0;
}

.ui-tabs .ui-tabs-navscroller-btn {
    position: absolute;
    height: 28px;
    z-index: 100;
    cursor: pointer;
}

.ui-tabs .ui-tabs-navscroller.ui-tabs-navscroller-btn-hidden .ui-tabs-navscroller-btn {
    display: none;
}

.ui-tabs .ui-tabs-navscroller-btn-left {
    left: 0.2em;
}

.ui-tabs .ui-tabs-navscroller-btn-right {
    right: 0.2em;
}

.ui-tabs .ui-tabs-navscroller-btn-left .ui-icon,
.ui-tabs .ui-tabs-navscroller-btn-right .ui-icon {
    margin-top: 5px;
}

.ui-tabs-outline {
    outline: dotted thin;
    z-index: 1;
}

.ui-tabs li.ui-tabs-actions {
    float: right;
}

.ui-tabs.ui-tabs-rtl li.ui-tabs-actions {
    float: left;
}

.ui-tabs li.ui-tabs-actions[aria-hidden='true'] {
    display: none;
}.ui-tagcloud {
    width:250px;
}

.ui-tagcloud ul {
    margin:1em;
    padding:0.1em;
    text-align:center;
}

.ui-tagcloud li {
    margin:0;
    padding:0;
    list-style:none;
    display:inline-block;
}

.ui-tagcloud li a {
    text-decoration:none;
    padding:0 5px;
}

.ui-tagcloud-strength-1{
    font-size:100%;
}

.ui-tagcloud-strength-2{
    font-size:120%;
}

.ui-tagcloud-strength-3{
    font-size:140%;
}

.ui-tagcloud-strength-4{
    font-size:160%;
}

.ui-tagcloud-strength-5{
    font-size:180%;
}

.ui-tagcloud li a.ui-state-hover {
    border: 0px none;
    font-weight: inherit;
}.ui-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ui-toolbar-group-left,
.ui-toolbar-group-right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}.ui-tooltip {
    position:absolute;
    display:none;
}

.ui-tooltip.ui-tooltip-right,
.ui-tooltip.ui-tooltip-left {
    padding: 0 5px;
}

.ui-tooltip.ui-tooltip-top,
.ui-tooltip.ui-tooltip-bottom {
    padding: 5px 0px;
}

.ui-tooltip .ui-tooltip-text {
    padding: 3px 10px;
    background-color: rgb(76, 76, 76);
    background-image: none;
    color: #ffffff;
}

.ui-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.ui-tooltip-right .ui-tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: rgb(76, 76, 76);
}

.ui-tooltip-left .ui-tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: rgb(76, 76, 76);
}

.ui-tooltip.ui-tooltip-top {
    padding: 5px 0;
}

.ui-tooltip-top .ui-tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: rgb(76, 76, 76);
}

.ui-tooltip-bottom .ui-tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: rgb(76, 76, 76);
}.ui-tree {
    width: 300px;
    position: relative;
}

.ui-tree .ui-tree-container {
    margin: 0;
    padding: 3px;
    white-space: nowrap;
    overflow: auto;
}

.ui-tree .ui-treenode-children {
    margin: 0;
    padding: 0 0 0 16px;
}

.ui-tree .ui-treenode {
    background-attachment: scroll;
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat-y;
    list-style: none outside none;
    margin: 0;
    padding: 1px 0 0;
}

.ui-tree .ui-tree-toggler {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.ui-tree .ui-treenode-icon {
    display: inline-block;
    vertical-align: middle;
}

.ui-tree .ui-treenode-label {
    display: inline-block;
    vertical-align: middle;
    padding: 0 3px;
    cursor: default;
}

.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content * {
    flex: none;
}

.ui-tree .ui-tree-selectable .ui-treenode-content {
    cursor: pointer;
}

.ui-tree .ui-treenode-content.ui-state-hover,
.ui-tree .ui-treenode-content.ui-state-highlight {
    font-weight: normal;
    border: 0 none;
}

.ui-tree .ui-treenode-leaf-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.ui-tree .ui-chkbox-box {
    cursor: pointer;
    width: 15px;
    height: 15px;
    float: left;
}

.ui-tree .ui-chkbox {
    display: inline-block;
}

.ui-tree .ui-treenode-hidden {
    display: none;
}

.ui-tree.ui-noborder {
    border: 0;
    padding: 0;
}

/** Horizontal Tree **/
.ui-tree-horizontal {
    width:auto;
    padding:10px 0px;
    overflow:auto;
}

.ui-tree.ui-tree-horizontal table,
.ui-tree.ui-tree-horizontal tr,
.ui-tree.ui-tree-horizontal td {
    border-collapse: collapse;
    margin:0;
    padding:0;
    vertical-align: middle;
}

.ui-tree.ui-tree-horizontal .ui-tree-toggler,
.ui-tree.ui-tree-horizontal .ui-treenode-icon {
    vertical-align: bottom;
}

.ui-tree.ui-tree-horizontal .ui-treenode-content {
    outline: 0 none;
}

.ui-tree-horizontal .ui-treenode-content {
    font-weight: normal;
    position: relative;
    z-index: 1;
}

.ui-tree-horizontal .ui-treenode-content.ui-tree-selectable {
    cursor: pointer;
}

.ui-tree-horizontal .ui-treenode-parent .ui-treenode-content {
    font-weight: normal;
    white-space: nowrap;
}

.ui-tree-horizontal .ui-treenode-parent .ui-treenode-content {
    padding: 0.4em 1em 0.4em 0.2em;
}

.ui-tree-horizontal .ui-treenode-leaf .ui-treenode-content {
    padding: 0.4em 1em;
}

.ui-tree.ui-tree-horizontal .ui-treenode {
    background: url("/showcase/javax.faces.resource/tree/images/line.gif.xhtml?ln=primefaces&v=14.0.4") repeat-x scroll center center transparent;
    padding: 5px 40px;
    position: relative;
}

.ui-tree-horizontal .ui-treenode:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 40px;
    height: 100%;
    width: calc(100% - 80px);
    pointer-events: none;
}

.ui-tree-horizontal .ui-treenode.ui-treenode-collapsed:before,
.ui-tree-horizontal .ui-treenode.ui-treenode-leaf:before {
    width: calc(100% - 40px);
}

.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-leaf,
.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-collapsed {
    padding-right:0px;
}

.ui-tree.ui-tree-horizontal .ui-treenode-children {
    padding:0;
    margin:0;
}

.ui-tree.ui-tree-horizontal .ui-treenode-connector {
    width: 1px;
}

.ui-tree.ui-tree-horizontal .ui-treenode-connector-table {
    height: 100%;
    width: 1px;
}

.ui-tree.ui-tree-horizontal .ui-treenode-connector-line {
    background: url("/showcase/javax.faces.resource/tree/images/line.gif.xhtml?ln=primefaces&v=14.0.4") repeat-y scroll 0 0 transparent;
    width: 1px;
}

.ui-tree.ui-tree-horizontal table {
    height:0px;
}

.ui-tree.ui-tree-horizontal .ui-chkbox {
    vertical-align: bottom;
    margin-right: 3px;
}

.ui-tree.ui-state-disabled .ui-tree-toggler,
.ui-tree.ui-state-disabled .ui-tree-selectable .ui-treenode-content,
.ui-tree.ui-state-disabled .ui-tree-selectable .ui-treenode-icon,
.ui-tree.ui-state-disabled .ui-chkbox-box {
    cursor: default;
}

/** RTL **/
.ui-tree.ui-tree-rtl {
    direction: rtl;
}

.ui-tree.ui-tree-rtl.ui-tree-horizontal .ui-treenode.ui-treenode-leaf,
.ui-tree.ui-tree-rtl.ui-tree-horizontal .ui-treenode.ui-treenode-collapsed {
    padding-left:0px;
    padding-right:40px;
}

.ui-tree-rtl.ui-tree-horizontal .ui-treenode:before {
    left: 0px;
    width: auto;
}

.ui-tree.ui-tree-rtl.ui-tree-horizontal .ui-treenode-children {
    padding: 0 0 0 16px;
}

.ui-tree.ui-tree-rtl .ui-treenode-children {
    padding: 0 16px 0 0;
}

/** DragDrop **/
.ui-tree-droppoint {
    list-style: none outside none;
    height: 4px;
    margin: 0;
    padding: 0;
}

.ui-tree-droppoint.ui-state-hover {
    border: 0 none;
}

.ui-treenode-content.ui-state-hover {
    font-weight: inherit;
}

.ui-tree-draghelper.ui-state-highlight {
    background: none transparent;
}

.ui-tree .ui-tree-scrollertop,
.ui-tree .ui-tree-scrollerbottom {
    height: 10px;
    width: 100%;
    position: absolute;
}

.ui-tree .ui-tree-scrollertop {
    top: 0;
}

.ui-tree .ui-tree-scrollerbottom {
    bottom: 0;
}

.ui-tree .ui-treenode-content .ui-chkbox.ui-selection {
    display: none;
}

.ui-tree .ui-treenode-content.ui-tree-selectable .ui-chkbox.ui-selection {
    display: inline-block;
}

.ui-tree.ui-tree-checkbox-all .ui-treenode-content .ui-chkbox.ui-selection {
    display: inline-block;
}

.ui-tree .ui-treenode-outline {
    outline: 1px dotted;
}

/** Filter **/
.ui-tree-filter-container {
    margin: 0.4em 0.5em 0.1em;
    padding: 0;
    position: relative;
}

.ui-tree-filter-container .ui-icon {
    position: absolute;
    right: 2px;
    top: 5px;
}

.ui-tree-filter.ui-inputfield {
    box-shadow: none;
    padding-left: 2%;
    padding-right: 12%;
    width: 100%;
    box-sizing: border-box;
}

/** Fluid **/
.ui-fluid .ui-tree {
    width: 100%;
}.ui-treetable table {
    border-collapse:collapse;
    width: 100%;
    table-layout: fixed;
}

.ui-treetable .ui-treetable-header,
.ui-treetable .ui-treetable-footer {
    text-align:center;
    padding: 4px 10px;
}

.ui-treetable .ui-treetable-header {
    border-bottom: 0px none;
}

.ui-treetable .ui-treetable-footer {
    border-top: 0px none;
}

.ui-treetable th, .ui-treetable tfoot td {
    text-align: center;
}

.ui-treetable thead th,
.ui-treetable tbody td,
.ui-treetable tfoot td {
    padding: 4px 10px;
    overflow: hidden;
    white-space: nowrap;
    border-width: 1px;
    border-style: solid;
}

.ui-treetable tbody td {
    border-color: inherit;
}

.ui-treetable .ui-treetable-toggler {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -5px;
}

.ui-treetable .ui-treetable-data tr.ui-state-highlight,
.ui-treetable .ui-treetable-data tr.ui-state-hover {
    cursor: pointer;
}

.ui-treetable-scrollable-body {
    overflow:auto;
}
.ui-treetable-scrollable-header,
.ui-treetable-scrollable-footer {
    overflow: hidden;
    border:0 none;
}

body .ui-treetable.ui-treetable-scrollable .ui-treetable-scrollable-theadclone tr th > * {
    display: none;
}

.ui-treetable.ui-treetable-scrollable table {
    table-layout: fixed;
}
.ui-treetable-scrollable .ui-treetable-scrollable-header,
.ui-treetable-scrollable .ui-treetable-scrollable-footer {
    position: relative;
} 

.ui-treetable .ui-treetable-data tr.ui-state-hover {
    border-color: inherit;
    font-weight: inherit;
}

/** Resizable Columns **/
.ui-treetable-resizable {
    padding-bottom:1px;     /*fix for webkit overlow*/
    overflow:auto;
}

.ui-treetable.ui-treetable-resizable table {
    table-layout: fixed;
}

.ui-treetable .ui-column-resizer {
    width:8px;
    height:20px;
    padding:0px;
    cursor:col-resize;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
    margin: -4px -10px -4px 0px;
    float: right;
}

.ui-treetable .ui-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none;
}

.ui-treetable .ui-chkbox {
    margin-right: 3px;
}

.ui-treetable .ui-treetable-indent {
    width: 16px;
    height: 16px;
    float: left;
}

.ui-treetable .ui-sortable-column {
    cursor: pointer;
}

.ui-treetable .ui-sortable-column-icon {
    display: inline-block;
    margin: -3px 0px -3px 2px;
}

.ui-treetable .ui-chkbox.ui-selection {
    display: none;
}

.ui-treetable .ui-treetable-selectable-node .ui-chkbox.ui-selection {
    display: inline-block;
}

.ui-treetable.ui-treetable-checkbox-all  .ui-chkbox.ui-selection {
    display: inline-block;
}

.ui-treetable-scrollable-theadclone {
    height:0px;
}

.ui-treetable-scrollable-theadclone tr {
    height:0px;
}

.ui-treetable-scrollable-theadclone th.ui-state-default {
    height:0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    outline: 0 none;
}

.ui-treetable-scrollable-theadclone th span {
    display: block;
    height: 0px;
}

/** Filter **/
.ui-treetable .ui-column-filter {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: .5rem auto auto auto;
}

.ui-treetable .ui-column-customfilter {
    margin: .5rem auto auto auto;
}

/** Reflow **/
.ui-treetable-reflow .ui-treetable-data td .ui-column-title {
    display: none;
}

@media ( max-width: 640px ) {
    .ui-treetable-reflow thead th,
    .ui-treetable-reflow tfoot td {
        display: none;
    }

    .ui-treetable-reflow .ui-treetable-data td { 
        text-align: left;
        display: block;
        border: 0px none;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left;
    }

    .ui-treetable-reflow .ui-treetable-data.ui-widget-content {
        border: 0px none;
    }

    .ui-treetable-reflow .ui-treetable-data tr.ui-widget-content {
        border-left: 0px none;
        border-right: 0px none;
    }

    .ui-treetable-reflow .ui-treetable-data td .ui-column-title { 
        padding: .4em; 
        min-width: 30%; 
        display: inline-block;
        margin: -.4em 1em -.4em -.4em;
    }
}

/* InCell Editing */
.ui-treetable .ui-editable-column .ui-cell-editor {
    display: inline-block;
    vertical-align: middle;
}

.ui-treetable .ui-editable-column .ui-treetable-toggler {
    margin-top: 0px;
}

.ui-treetable .ui-cell-editor-input {
    display: none;
}

.ui-treetable .ui-row-editing .ui-cell-editor .ui-cell-editor-output {
    display:none;
}
.ui-treetable .ui-row-editing .ui-cell-editor .ui-cell-editor-input {
    display:block;
}

.ui-treetable .ui-row-editor span {
    cursor: pointer;
}

.ui-treetable .ui-row-editor .ui-row-editor-pencil {
    display: inline-block;
}
.ui-treetable .ui-row-editing .ui-row-editor .ui-row-editor-pencil {
    display: none;
}

.ui-treetable .ui-row-editor .ui-row-editor-check,
.ui-treetable .ui-row-editor .ui-row-editor-close {
    display: none;
}

.ui-treetable .ui-row-editing .ui-row-editor .ui-row-editor-check,
.ui-treetable .ui-row-editing .ui-row-editor .ui-row-editor-close {
    display: inline-block;
}

.ui-treetable .ui-treetable-data tr.ui-row-editing td.ui-editable-column,
.ui-treetable .ui-treetable-data td.ui-cell-editing {
    padding-top:0;
    padding-bottom:0;
    margin-top:0;
    margin-bottom:0;
}

.ui-treetable .ui-treetable-data tr.ui-row-editing td.ui-editable-column:first-child,
.ui-treetable .ui-treetable-data td.ui-cell-editing:first-child {
    padding-left: 10px;
} 

/* Multiple sort number badges */
.ui-treetable .ui-sortable-column-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.ui-treetable .ui-sortable-column-badge.ui-helper-hidden {
    display: none;
}.ui-wizard {
    margin:0;
    padding:0;
}

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

.ui-wizard-navbar {
    text-align: right;
}

.ui-wizard-nav-back, 
.ui-wizard-nav-next {
    cursor: pointer;
}

.ui-wizard-nav-back {
    float:left;
}

.ui-wizard-nav-next {
    float:right;
}

.ui-wizard-step-title {
    font-size: 18px;
    margin:0 3px 0 0;
    padding:0.4em;
    float:left;
}.ui-chips {
    box-shadow: none;
    cursor: pointer;
    display: inline-flex;
    position: relative;
}

.ui-chips-container {
    padding: 0;
    clear: left;
    cursor: text;
    list-style-type: none;
    margin: 0;
    min-height: 1px;
    overflow: hidden;
}

.ui-chips-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    overflow: hidden;
    padding: 1px 3px;
    position: relative;
    margin: 2px;
}

.ui-chips-token .ui-chips-token-label {
    display: block;
    padding: 0em 2.1em 0em 0.5em;
}

.ui-chips-token .ui-chips-token-icon {
    cursor: pointer;
    margin-top: -9px;
    position: absolute;
    right: 0.2em;
    top: 50%;
}

.ui-chips-input-token {
    display: inline;
    align-items: center;
    flex: 1 1 auto;
}

.ui-chips-input-token input {
    background-color: transparent;
    border: 0 none;
    outline: 0 none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
}

.ui-fluid .ui-chips {
    display: flex;
    flex: 1 1 auto;
}

.ui-fluid .ui-chips .ui-chips-container {
    width: 100%;
}.ui-sidebar {
    position: fixed;
    padding: .5em 1em;
    -webkit-transition: transform .3s;
    transition: transform .3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-sidebar-left {
    top: 0;
    left: 0;
    width: 20em;
    height: 100%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.ui-sidebar-right {
    top: 0;
    right: 0;
    width: 20em;
    height: 100%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.ui-sidebar-top {
    top: 0;
    left: 0;
    width: 100%;
    height: 10em;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.ui-sidebar-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10em;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.ui-sidebar-full {
    width: 100%;
    height: 100%;
    left: 0;
    -webkit-transition: transform 0s;
    transition: transform 0s;
}

.ui-sidebar-left.ui-sidebar-active,
.ui-sidebar-right.ui-sidebar-active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.ui-sidebar-left.ui-sidebar-sm,
.ui-sidebar-right.ui-sidebar-sm {
    width: 20em;
}

.ui-sidebar-left.ui-sidebar-md,
.ui-sidebar-right.ui-sidebar-md {
    width: 40em;
}

.ui-sidebar-left.ui-sidebar-lg,
.ui-sidebar-right.ui-sidebar-lg {
    width: 60em;
}

.ui-sidebar-top.ui-sidebar-active,
.ui-sidebar-bottom.ui-sidebar-active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.ui-sidebar-top.ui-sidebar-sm,
.ui-sidebar-bottom.ui-sidebar-sm {
    height: 10em;
}

.ui-sidebar-top.ui-sidebar-md,
.ui-sidebar-bottom.ui-sidebar-md {
    height: 20em;
}

.ui-sidebar-top.ui-sidebar-lg,
.ui-sidebar-bottom.ui-sidebar-lg {
    height: 30em;
}

.ui-sidebar-close {
    float: right;
    padding: 1px;
}

.ui-sidebar-close:hover,
.ui-sidebar-close:focus {
    padding: 0px;
}

@media screen and (max-width: 64em) {
    .ui-sidebar-left.ui-sidebar-lg,
    .ui-sidebar-left.ui-sidebar-md, 
    .ui-sidebar-right.ui-sidebar-lg,
    .ui-sidebar-right.ui-sidebar-md {
        width: 20em;
    }
}.ui-staticmessage {
    position: relative;
    padding: 0.5rem 0.5rem;
}

.ui-staticmessage .ui-messages-close {
    position: absolute;
    cursor: pointer;
    top: -.75rem;
    right: -.75rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
    text-align: center;
    background-color: inherit;
    color: inherit;
}

.ui-staticmessage .ui-messages-close .ui-icon {
    color: inherit;
}

.ui-staticmessage .ui-messages-close .ui-icon-close:before {
    font-family: "primeicons" !important;
    content: "\e90b";
}
.ui-dataview .ui-dataview-header {
    border-bottom: 0 none;
}

.ui-dataview .ui-dataview-header, 
.ui-dataview .ui-dataview-footer {
    text-align: center;
    padding: 4px 10px;
}

.ui-dataview .ui-dataview-header .ui-dataview-layout-options {
    float: right;
}

.ui-dataview-list .ui-dataview-content {
    padding: 4px 10px;
}

.ui-dataview-list .ui-dataview-list-container {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ui-dataview-list .ui-dataview-row {
    border: 0 none;
}

.ui-fluid .ui-dataview-layout-options.ui-buttonset {
    width: auto;
}.p-datepicker {
    position: relative;
    display: inline-block;
    width: auto;
}

.p-datepicker-panel .ui-datepicker-header .ui-datepicker-next, 
.p-datepicker-panel .ui-datepicker-header .ui-datepicker-prev,
.p-datepicker-panel table td > a,
.p-datepicker-panel .ui-timepicker > div a {
    cursor: pointer;
}

.p-datepicker-panel .ui-datepicker-calendar-container td span, 
.p-datepicker-panel .ui-datepicker-calendar-container td a {
    text-align: center;
}

.p-datepicker-panel .ui-datepicker-calendar-container td.ui-datepicker-other-month-hidden {
    visibility: hidden;
}

.p-datepicker-panel .ui-timepicker {
    text-align: center;
    padding: .5em;
}

.p-datepicker-panel .ui-timepicker .ui-icon {
    text-indent: 0;
}

.p-datepicker-panel .ui-timepicker > div {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    row-gap: .25rem;
    min-width: 1.5em;
}

.p-datepicker-panel .ui-timepicker > .ui-minute-picker, 
.p-datepicker-panel .ui-timepicker > .ui-second-picker,
.p-datepicker-panel .ui-timepicker > .ui-millisecond-picker {
    margin-left: 0;
}

.p-datepicker-panel .ui-timepicker > .ui-ampm-picker {
    margin-left: 1rem;
}

.p-datepicker-panel .ui-timepicker > div a {
    display: block;
}

.p-datepicker-panel .ui-timepicker > .ui-separator {
    margin-left: 0;
    min-width: .75em;
}

.p-datepicker-panel .ui-timepicker > .ui-separator button {
    visibility: hidden;
    opacity: 0;
}

.p-datepicker-panel .ui-timepicker.ui-timepicker-timeinput input {
    text-align: center;
    -moz-appearance: textfield;
}

.p-datepicker-panel .ui-timepicker.ui-timepicker-timeinput input::-webkit-outer-spin-button,
.p-datepicker-panel .ui-timepicker.ui-timepicker-timeinput input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.p-datepicker-panel .ui-timepicker.ui-timepicker-timeinput .ui-millisecond-picker input {
    width: 2.3em;
}

.p-datepicker-panel .ui-timepicker.ui-timepicker-timeinput .ui-ampm-picker .ui-picker-up {
    padding-bottom: .1em;
}

.p-datepicker-panel .ui-timepicker.ui-timepicker-timeinput .ui-ampm-picker .ui-picker-down {
    padding-top: .1em;
}

.p-datepicker-panel .ui-timepicker.ui-timepicker-timeinput .ui-ampm-picker > span {
    padding: .5rem;
}

.ui-datepicker-multiple-month .ui-datepicker-group {
    display: table-cell;
    border-left-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
}

.p-datepicker-panel.ui-datepicker-multiple-month {
    width: auto;
}

.p-datepicker .ui-datepicker-touch-ui,
.ui-datepicker-touch-ui {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 80vw;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.ui-datepicker-touch-ui.ui-datepicker td a, 
.ui-datepicker-touch-ui.ui-datepicker td span,
.ui-datepicker-touch-ui.ui-datepicker th {
    padding: 2em 0;
}

.ui-monthpicker .ui-monthpicker-month {
    width: 33.3%;
    display: inline-block;
    text-align: center;
    padding: .5em;
    cursor: pointer;
}

.p-datepicker-panel .ui-datepicker-buttonbar .ui-g-6 {
    text-align: center;
}

body .ui-state-disabled.ui-datepicker-disabled {
    opacity: 1;
}
.ui-datepicker-disabled tbody a {
    opacity: .4;
}
.ui-toggleswitch {
    position: relative;
    display: inline-block;
    width: 3em;
    height: 1.75em;
}

.ui-toggleswitch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 30px;
}

.ui-toggleswitch-handler {
    position: absolute;
    height: 1.250em;
    width: 1.250em;
    left: .25em;
    bottom: .25em;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-toggleswitch-checked .ui-toggleswitch-handler {
    -webkit-transform: translateX(1.250em);
    transform: translateX(1.250em);
}

.ui-toggleswitch-dual-icon .ui-toggleswitch-handler {
    position: relative;
}

.ui-toggleswitch-dual-icon .ui-toggleswitch-handler span {
    position: absolute;
    transition-duration: 250ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: opacity,transform;
}

.ui-toggleswitch-dual-icon .ui-toggleswitch-handler span {
    opacity: 0;
    transform: rotate(-90deg);
}

.ui-toggleswitch-dual-icon .ui-toggleswitch-handler span + span {
    opacity: 1;
    transform: rotate(0deg);
}

.ui-toggleswitch-dual-icon.ui-toggleswitch-checked .ui-toggleswitch-handler span {
    opacity: 1;
    transform: rotate(0deg);
}

.ui-toggleswitch-dual-icon.ui-toggleswitch-checked .ui-toggleswitch-handler span + span {
    opacity: 0;
    transform: rotate(90deg);
}
.bg-warning {
    background-color: #ffc10712 !important;
}

.w-65 {
    width: 65px !important;
}
.w-155 {
    width: 100px !important;
}

/* Ocultar en pantallas pequeñas (teléfonos móviles) */
@media (max-width: 767px) {
    .top-nav {
        display: none!important;
    }
    .movil {
        display: block!important;
    }
}

.movil {
    display: none;
}

body .ui-datatable .ui-datatable-data>tr>td {
    padding: 0.5rem 0.2rem;
    border: 1px solid rgba(0, 0, 0, .08);
    border-width: 0 0 1px 0;
}

body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover {
    background: #e9ecef2b!important;
}

body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover {
    color: #ffffff!important;
}

body .ui-commandlink:hover, body .ui-link:hover {
    color: var(--primary-color);
}

body .ui-commandlink:active, body .ui-link:active {
    color: var(--primary-color);
}


/* styles.css */
.custom-select-menu {
    width: 100%; /* Ajusta el ancho del menú */
    background-color: #3d67a1; /* Color de fondo */
    color: #ffffff; /* Color del texto */
    border: 1px solid #ffffff; /* Borde del menú */
    padding: 5px; /* Espaciado interno */
    border-radius: 4px; /* Bordes redondeados */
}

/* Opcional: para asegurarte de que el texto dentro del select tenga color blanco */
.custom-select-menu option {
    color: #ffffff; /* Color del texto de las opciones */
}

.ui-datatable .ui-row-editing 
.ui-cell-editor .ui-cell-editor-input {
    margin-top: 8px!important;
}

.text-justify{
    text-align: justify!important;
}
.bg-info {
    background-color: #3d67a121 !important;
    color: var(--info-color) !important; 
}

.ui-wizard-nav-back {
    float: left;
    margin-bottom: 9px !important;
}