/* /Components/Heading/Heading.razor.rz.scp.css */
.ReglaHeading[b-lgck1juaao] {
    background-color: var(--rz-base-background-color) !important;
    border-radius: 10px;
}

.ReglaHeading-Content[b-lgck1juaao] {
    padding: 1em;
}

.ReglaHeading-Header[b-lgck1juaao] {
    padding-top: 1em;
    padding-left: 1em;
    padding-bottom: 0.8em;
    padding-right: 0.5em;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /* These two values are Important for when using .ReglaHeading div:has(.base-custom-radzen-grid-styling) 
       without them we get two small ugly corners that you cant bearly see ..... */
    position: relative;
    z-index: 10;
}

/* if the content is hidden then the bottom part of the header needs to finish the rounding*/
.ReglaHeading-Header-bottom-border[b-lgck1juaao] {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

/* If we display a table then we remove the padding and let the table handle its size and stuff
   we push the div then up to hide the two small ugly corners that you cant bearly see */
.ReglaHeading div:has(.base-custom-radzen-grid-styling)[b-lgck1juaao] {
    position: relative;
    margin-top: -0.35em;
    padding: 0 !important;
}
/* /Components/Shared/Datagrid/DatagridFilterDisplayer/DatagridFilterDisplayer.razor.rz.scp.css */
/* we want to hide the ugly scroll bar because 
   it takes to much space and does not look to good */
.FilterDisplay-ScrollContainer[b-en1dn49sja] 
{
    overflow-y: scroll;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none;  /* For Internet Explorer and Edge */
}
.FilterDisplay-ScrollContainer[b-en1dn49sja]::-webkit-scrollbar {
    display: none; /* For Chrome, Safari, and Opera */
}

.FilterDisplay[b-en1dn49sja]
{
    display: flex;
    justify-content: center; /* Centers items horizontally */
    align-items: center;     /* Centers items vertically */
    white-space: nowrap !important;
}

.FilterDisplay-Content-Wrapper[b-en1dn49sja]
{
    margin-left: 0.5em;
}

.FilterDisplay-MultiValueContent[b-en1dn49sja]
{
    display:flex;
}

.FilterDisplay-Label[b-en1dn49sja] 
{
    inset-inline-end: auto;
    inset-block-start: var(--rz-form-field-label-floating-top);
    padding-block-start: 0;
    padding-block-end: 0;
    transform: translate(0, 0);
    color: #616161;
    background-color: var(--rz-form-field-label-floating-background-color);
    line-height: 1rem;
    max-width: calc(100% - 1.5rem);
}

.FilterDisplay-Content-bouble[b-en1dn49sja]
{
    display: flex;
    border: 1px solid black;
    padding: 0.3em 0.35em;
    color: var(--regla-primary);
    border-color: var(--regla-primary);
    border-radius: var(--rz-border-radius);
    margin-right: 0.5em;
}

/* /Components/Shared/Datagrid/RightSideActionContainer/RightSideActionContainer.razor.rz.scp.css */
/* /Components/Shared/TextField/TextField.razor.rz.scp.css */
.RagleTextField[b-ri48mpo7ir]
{
    display:flex;
    flex-direction: column;
}

.RagleTextField-horizontal[b-ri48mpo7ir]
{
    display:flex;
    flex-direction:row;
}

.RagleTextField-Label[b-ri48mpo7ir] 
{
    inset-inline-end: auto;
    inset-block-start: var(--rz-form-field-label-floating-top);
    padding-block-start: 0;
    padding-block-end: 0;
    transform: translate(0, 0);
    color: var(--rz-input-placeholder-color);
    background-color: var(--rz-form-field-label-floating-background-color);
    font-size: 0.75rem;
    line-height: 1rem;
    max-width: calc(100% - 1.5rem);
}

.RagleTextField-Content[b-ri48mpo7ir] {
    color: var(--rz-input-disabled-color);
    opacity: 1;
}
/* /Components/SystemTitle/SystemTitle.razor.rz.scp.css */
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-8dm1vvdf98] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-8dm1vvdf98] {
    flex: 1;
}

.sidebar[b-8dm1vvdf98] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-8dm1vvdf98] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-8dm1vvdf98]  a, .top-row[b-8dm1vvdf98]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-8dm1vvdf98]  a:hover, .top-row[b-8dm1vvdf98]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-8dm1vvdf98]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-8dm1vvdf98] {
        display: none;
    }

    .top-row.auth[b-8dm1vvdf98] {
        justify-content: space-between;
    }

    .top-row[b-8dm1vvdf98]  a, .top-row[b-8dm1vvdf98]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-8dm1vvdf98] {
        flex-direction: row;
    }

    .sidebar[b-8dm1vvdf98] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-8dm1vvdf98] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-8dm1vvdf98]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-8dm1vvdf98], article[b-8dm1vvdf98] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}