.no-padding-left {
    padding: 0.3rem 0.5rem 0.3rem 0 !important
}

.custom-input-text {
    color: var(--negre);
    line-height: 2rem;
    width: 100%;
    align-self: end;
    border-radius: 0 !important;
    border: 1px solid var(--gris-clar) !important;
}

.custom-input-text:hover, .custom-input-text:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.custom-selectonemenu-filtros {
    line-height: 2rem;
    width: 100% !important;
    min-width: 0 !important;
    padding-right: 0.5rem !important;
    border: 1px solid var(--gris-clar) !important;
    border-radius: 0 !important;
}

.custom-select-date {
    line-height: 2rem;
}

.custom-input-date {
    color: var(--negre);
    line-height: 2rem;
    width: 100%;
}

.column-flex-center {
    display: flex;
    align-items: center;
}

.ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only {
    background: none;
    border: none;
}

.ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only:before {
    content: "\e927";
    font-family: 'primeicons';
    position: absolute;
    top: 33%;
    right: 25%;
    font-size: 1.5rem;
    color: var(--vermell);
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-shadow.ui-input-overlay.p-datepicker-panel.ui-connected-overlay-enter-done {
    width: 31%;
}

@media screen and (max-width: 768px) {
    .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-shadow.ui-input-overlay.p-datepicker-panel.ui-connected-overlay-enter-done {
        width: calc(100% - 1.7rem);
    }
}

.ui-button-icon-left.ui-icon.ui-icon-calendar {
    display: none;
}

.ui-wizard-step-title.ui-state-default.ui-state-highlight.ui-corner-all {
    display: inherit;
}

.ui-wizard-step-title.ui-state-default.ui-corner-all {
    display: none;
    font-size: 1rem;
}

.column1 {
    flex: 1;
    padding: 0 0 0 2rem;
}

.column2 {
    flex: 2;
    display: flex;
    flex-direction: column;
}

.row {
    flex: 1;
    margin: 0 1rem;
}

.container {
    display: flex;
    flex-wrap: wrap;
}

td.ui-panelgrid-cell.column88 {
    padding: 0;
}

.custom-panelgrid td.ui-panelgrid-cell.column85, .custom-panelgrid td.ui-panelgrid-cell.column15 {
    border: none;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .column5 {
        width: 16%;
    }

    .column95 {
        width: 84%;
    }

    .dataTableModulCurs {
        display: none;
    }

    .dataGridModulCurs {
        display: table-cell;
    }

    .headerRow {
        grid-column: 2;
    }

    .custom-select-one-menu-panel {
        width: calc(100% - 1.25rem) !important;
    }

    .column1 {
        max-width: 95%;
        padding: 0 2.3rem 0 1rem;
    }

    .column2 {
        max-width: 95%;
    }
}

.ui-panelgrid .ui-grid-responsive .ui-grid-row {
    border: none !important;
}

@media screen and (min-width: 768px) {
    .dataGridModulCurs {
        display: none;
    }

    .dataTableModulCurs {
        display: table-cell;
    }

    .headerRow {
        grid-column: 8;
    }

    .custom-select-one-menu-panel {
        width: calc(100% - 46.3rem) !important;
    }

    .column1 {
        max-width: 47%;
    }

    .column2 {
        max-width: 47%;
    }

}

.ui-widget-content {
    border: none;
    color: var(--negre);
}

.ui-selectbooleanbutton.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-state-hover,
.ui-selectbooleanbutton.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-state-focus:hover,
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-wizard-nav-back.ui-state-hover,
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-right.ui-wizard-nav-next.ui-state-hover {
    cursor: pointer;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(225, 83, 97, 0.6);
}

.ui-selectbooleanbutton.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-state-active:hover {
    cursor: pointer;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 148, 69, 0.6);
}

.ui-selectbooleanbutton.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-state-disabled {
    background: var(--gris-clar);
    border: 2px solid var(--gris-fosc);
}

.ui-selectbooleanbutton.ui-button.ui-widget.ui-state-default.ui-corner-all,
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: var(--vermell);
    color: white;
    border-radius: 0;
    border: 2px solid darkred;
}

.ui-selectbooleanbutton.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-state-focus {
    outline: none;
}

.ui-selectbooleanbutton.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-state-active {
    background: #009445;
    border: 2px solid darkgreen;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
    cursor: auto;
    color: var(--negre) !important;
    background: none;
    border: none;
}

.ui-widget-header {
    border: none;
    background: none;
    border-bottom: 2px solid var(--vermell);
    margin-bottom: 1rem;
}

.ui-datatable .ui-datatable-footer {
    border-radius: 0;
    border: 1px solid var(--vermell);
    padding: 0;
    margin-top: 1rem;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-right.ui-wizard-nav-next,
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-wizard-nav-back,
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-right.ui-wizard-nav-next.ui-state-focus,
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-right.ui-wizard-nav-back.ui-state-focus {
    background: var(--vermell);
    outline: none;
    color: white;
    border-radius: 0;
}

.ui-fieldset-legend.ui-corner-all.ui-state-default {
    background-color: var(--gris-clar);
    border: none;
    background-image: none;
    border-radius: 0;
    padding: 0.3rem 1.4rem;
    text-shadow: none;
    box-shadow: 4px 4px 5px 1px rgba(0, 0, 0, 0.3);
    color: white;
    cursor: auto;
}

.custom-fieldset {
    border-top: 2px solid var(--vermell);
    border-radius: 0;
    margin-inline-start: 0;
    padding-inline-start: 0;
    box-shadow: 6px 6px 10px 4px rgba(0, 0, 0, 0.2);
}

.borderless {
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    width: 30px;
    height: 30px;
    margin: 0.2rem;
}

.custom-size-button {
    width: 25px !important;
    height: 25px !important;
}

.ui-panelgrid-cell.borderless-panelgrid.ui-g-12.ui-md-6 {
    border: none !important;
    padding: 0;
}

.ui-panelgrid-cell.borderless-panelgrid.compartir-column.ui-g-12.ui-md-6 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 5rem;
}

.btn-filtra {
    color: var(--vermell) !important;
    background: white !important;
    border: 2px solid var(--vermell) !important;
}
.ui-datatable table {
    width: auto !important;
}
@media screen and (min-width: 768px){
    .mobile {
        display:none;
    }
}
@media screen and (max-width: 768px){
    .computer {
        display:none;
    }
}