@import url('./theme-default/ui-panelmenu.css');
@import url('./theme-default/ui-selectbutton.css');
* {
    font-size: .9rem;
}


/* Cambio para que el stepper aparezca en toda la pantalla siendo 4 pasos */

.ui-steps .ui-steps-item {
    width: 25%;
    transition: all 0.5s;
}


/* Cambio para que los listbox ocupen todo el contenedor */

.ui-listbox {
    width: 100%;
}

.bg-ligth-2 {
    background-color: #eee;
}

/* Date picker que siempre aparezca abajo */
.ui-calendar .ui-datepicker  {
    top: inherit!important;
}

/*
Usar clase app-theme en body para setear el tema
.app-theme {}

*/

label {
    margin-bottom: 0;
}


/* p-calendar */

.app-theme .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button {
    height: 2.4rem;
}


/* Preloader colors */

@keyframes ui-progress-spinner-color {
    100%,
    0% {
        stroke: var(--stateActiveBgColor);
    }
    40% {
        stroke: var(--stateActiveTextColor);
    }
    66% {
        stroke: var(--stateErrorTextColor);
    }
    80%,
    90% {
        stroke: var(--stateHoverBgColor);
    }
}


/* p-table responsive */

.p-datatable-responsive .p-datatable-tbody>tr>td .p-column-title {
    display: none;
}

@media screen and (max-width: 40rem) {
    .p-datatable.p-datatable-responsive .p-datatable-thead>tr>th,
    .p-datatable.p-datatable-responsive .p-datatable-tfoot>tr>td {
        display: none !important;
    }
    .p-datatable .p-datatable-tbody>tr>td {
        text-align: left;
        display: block;
        width: 100%;
        float: left;
        clear: left;
        border: 0 none;
    }
    .p-datatable .p-datatable-tbody>tr>td:last-child {
        border-bottom: 1px solid var(--surface-d);
    }
    .p-datatable .p-datatable-tbody>tr>td .p-column-title {
        padding: .4rem;
        min-width: 30%;
        display: inline-block;
        margin: -.4em 1em -.4em -.4rem;
        font-weight: bold;
    }
}