/* 
    Created on : 23-sep-2022, 10:52:02
    Author     : kike
*/

.display-none {
    display: none;
}

/*.ventanaEdicion{
    min-width: 50%;
    -- max-height: 80vh;     
    -- overflow-y: auto !important;
}

*/

.ui-state-loading .c-button__icon {
    display: none;
}

.radio-extension {
    /*overflow: hidden;*/
    /*max-height: 0;*/
    opacity: 0;
    transition: all 0.7s ease;
}

.radio-extension-visible {
    /*max-height: 500px;  ajustar según el contenido real */
    opacity: 1;
    padding-left: 1rem;
    border-left: 3px solid #3b82f6;
    /*background-color: #f9fafb;*/
    /*border-radius: 4px;*/
}

/*.ui-widget-overlay{
    display: grid;
    height: 100vh;
    place-items: center;
}*/
.ui-dialog-mask {
    position: fixed;
    inset: 0px;
    z-index: 50;
    overflow-y: auto;
    background-color: rgb(31 35 49 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.5;
}

.ui-datepicker{
    background-color: white;
}

.ui-datepicker .ui-state-active{
    background-color: rgb(0 96 122 / var(--tw-bg-opacity));
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.ui-growl .ui-growl-item-container{
    background-color: white;
    opacity: 1.0;
}

.c-listbox__tooltip .ui-selectonemenu-item{
    padding-right: 1rem;
    padding-left: 1.75rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    align-items: center;
    display: flex;
    font-size: 0.875rem;
    line-height: 1.25rem;
    list-style: none;
    --tw-bg-opacity: 1;
    --tw-border-opacity: 1;
    color: currentColor;
}

.c-listbox__tooltip .ui-selectonemenu-item.ui-state-highlight{
    position: relative;
    padding-right: 1rem;
    padding-left: 1.75rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    align-items: center;
    display: flex;   
    --tw-bg-opacity: 1;
    background-color: rgb(253 203 51 / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: rgb(253 203 51 / var(--tw-border-opacity));
    --tw-shadow: 0 0 0 3px#1f2331;
    --tw-shadow-colored: 0 0 0 3px#1f2331 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-text-opacity: 1;
    color: rgb(31 35 49 / var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.c-listbox__tooltip .ui-selectonemenu-item.ui-state-highlight::before{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg transform='matrix(3.4285714285714284,0,0,3.4285714285714284,0,0)'%3E%3Cpath d='M4,12.5a2,2,0,0,1-1.55-.78L.25,9.23A1,1,0,0,1,.34,7.81a1,1,0,0,1,1.41.1l2.06,2.33a.21.21,0,0,0,.18.09.23.23,0,0,0,.18-.08l8.11-8.44a1,1,0,0,1,1.44,1.38l-8.2,8.63A1.94,1.94,0,0,1,4,12.5Z' style='fill: %23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    content: '';
    width: 0.75rem;
    height: 0.75rem;
    position: absolute;
    top: 0.75rem;
    left: 0.5rem;
}

.ui-datatable tbody td.py-sm, .ui-datatable thead th.py-sm{
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.ui-datatable tbody td.px-base, .ui-datatable thead th.px-base{
    padding-left: 1rem;
    padding-right: 1rem;
}

.ui-datatable thead th{
    border-width: 0;
}

.ui-datatable .ui-datatable-header.border-t-2 {
    border-top-width: 2px;
}
.ui-datatable .ui-datatable-header.border-b {
    border-bottom-width: 1px;
}

.ui-datatable tbody td{
    border: none;
}

.ui-datatable .ui-datatable-footer.border-t-2 {
    border-top-width: 2px;
}

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

.lg\:w-p5{
    width: 5%;
}
.lg\:w-p8{
    width: 8%;
}
.lg\:w-p10{
    width: 10%;
}
.lg\:w-p13{
    width: 13%;
}
.lg\:w-p15{
    width: 15%;
}
.lg\:w-p20{
    width: 20%;
}
.lg\:w-p25{
    width: 25%;
}
.lg\:w-p30{
    width: 30%;
}
.lg\:w-p33{
    width: 33.333333%;
}
.lg\:w-p35{
    width: 35%;
}
.lg\:w-p40{
    width: 40%;
}
.lg\:w-p45{
    width: 45%;
}
.lg\:w-p50{
    width: 50%;
}
.lg\:w-p55{
    width: 55%;
}
.lg\:w-p60{
    width: 60%;
}
.lg\:w-p65{
    width: 65%;
}
.lg\:w-p67{
    width: 66.666667%;
}
.lg\:w-p70{
    width: 70%;
}
.lg\:w-p75{
    width: 75%;
}
.lg\:w-p80{
    width: 80%;
}
.lg\:w-p85{
    width: 85%;
}
.lg\:w-p87{
    width: 87%;
}
.lg\:w-p90{
    width: 90%;
}
.lg\:w-p95{
    width: 95%;
}
.lg\:w-p98{
    width: 95%;
}
.lg\:w-p100{
    width: 100%;
}


.lg\:grid-cols-9{
    grid-template-columns: repeat(9, minmax(0, 1fr));
}
.lg\:grid-cols-10{
    grid-template-columns: repeat(10, minmax(0, 1fr));
}
.lg\:grid-cols-11{
    grid-template-columns: repeat(11, minmax(0, 1fr));
}
.lg\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.lg\:grid-cols-13{
    grid-template-columns: repeat(13, minmax(0, 1fr));
}
.lg\:grid-cols-14{
    grid-template-columns: repeat(14, minmax(0, 1fr));
}
.lg\:grid-cols-15{
    grid-template-columns: repeat(15, minmax(0, 1fr));
}
.lg\:grid-cols-16{
    grid-template-columns: repeat(16, minmax(0, 1fr));
}

.grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-9{
    grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-10{
    grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-11{
    grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-13{
    grid-template-columns: repeat(13, minmax(0, 1fr));
}
.grid-cols-14{
    grid-template-columns: repeat(14, minmax(0, 1fr));
}
.grid-cols-15{
    grid-template-columns: repeat(15, minmax(0, 1fr));
}
.grid-cols-16{
    grid-template-columns: repeat(16, minmax(0, 1fr));
}
.col-span-5{
    grid-column: span 5 / span 5;
}
.col-span-6{
    grid-column: span 6 / span 6;
}
.col-span-7{
    grid-column: span 7 / span 7;
}
.col-span-8{
    grid-column: span 8 / span 8;
}
.col-span-9{
    grid-column: span 9 / span 9;
}
.col-span-10{
    grid-column: span 10 / span 10;
}
.col-span-11{
    grid-column: span 11 / span 11;
}
.col-span-12{
    grid-column: span 12 / span 12;
}
.col-span-13{
    grid-column: span 13 / span 13;
}
.col-span-14{
    grid-column: span 14 / span 14;
}
.col-span-15{
    grid-column: span 15 / span 15;
}
.col-span-16{
    grid-column: span 16 / span 16;
}

.c-notification--warn{
    --tw-border-opacity: 1;
    border-color: rgb(255 165 0 / var(--tw-border-opacity, 1));
}

.border-solid {
    --tw-border-style: solid;
    border-style: solid;
}
.border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
}
.border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
}
.border-double {
    --tw-border-style: double;
    border-style: double;
}

.ui-divider-horizontal::before{
    /*    border-top: 1px solid lightgray !important;
        width: 90% !important;*/
    width: 90%;
    border-color: lightgray;
    border-top-width: 1px;
}

.ui-grid-responsive [role='radio']{
    display: flex;
}

.ui-paginator {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    border: 0;
    background: transparent;
}

.ui-paginator .ui-paginator-pages {
    display: flex;
    flex-wrap: wrap;
}

.ui-paginator .ui-paginator-pages .ui-paginator-page{
    display: inline-flex;
    align-items: baseline;
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-left: .5rem;
    background-color: rgb(255, 255, 255);
    border-width: 1px;
    border-color: rgb(0, 96, 122);
    border-radius: 0.1875rem;
    vertical-align: baseline;
    font-weight: 600;
    color: rgb(0, 96, 122);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 100ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    white-space: nowrap;
    cursor: pointer;
}

.ui-paginator .ui-paginator-pages .ui-paginator-page:hover:not(:disabled), .ui-paginator .ui-paginator-pages .ui-paginator-page:hover:not(:disabled) {
    background-color: #ededec;
    border-color: #00607a;
    color: #00607a;
}

.ui-paginator .ui-paginator-pages .ui-paginator-page:focus {
    background-color: #fdcb33;
    border-color: #fdcb33;
    box-shadow: 0 0 0 3px #1f2331;
    color: #1f2331;
    outline-style: none;
}

.ui-paginator .ui-paginator-current {
    margin-left: auto;
    color: rgba(0,0,0,.65);
    font-size: .875rem;
    white-space: nowrap;
}

@media (max-width: 800px) {
    .ui-paginator .ui-paginator-current {
        margin-top: .5rem;
        margin-left: 0;
        color: rgba(0,0,0,.65);
        font-size: .875rem;
    }
}

body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s::before {
  content: "";
}

body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n::before {
  content: "";
}

body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s::before {
  content: "";
}

body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}