.material-symbols,
.material-symbols i {
    font-family: 'Material Symbols Outlined';
}

.material-symbols-filled,
a.material-symbols-filled .rzi {
    font-variation-settings: "FILL";
}

html, body, ul, li {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
}

button {
    border-radius: 3px;
}

.rzi {
    font-family: "Material Symbols Outlined";
}

.rz-layout .rz-sidebar {
    position: absolute;
    width: 70px !important;
    z-index: 1000;
}

.rz-layout .rz-sidebar-expanded {
    width: 270px !important;
}

.rz-layout .rz-body {
    padding-left: 90px;
    position: relative;
}

.pinned + .rz-body {
    padding-left: 290px !important;
}

.rz-layout .rz-body:not(.)

.form-select:focus {
    border-color: unset;
    outline: 1px solid black;
    box-shadow: unset;
}

    /* MENU INFOS */
#mainLayout .rz-navigation-menu {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px 12px 12px 12px;
    border: 1px solid var(--angesp-border-color);
    border-radius: 8px;
    box-shadow: 0px 5px 8px 0px #00000033;
    overflow: unset;
}

.menu-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.menu-info h5 {
    font-size: 16px;
    font-weight: 700;
    word-break: break-word;
}

.home-icon {
    font-size: 27px;
    vertical-align: middle;

}

.material-icons-outlined {
    font-size: 30px;
}

.icon-text {
    vertical-align: middle;
    padding-left: 3px;
}

.rz-row {
    width: 100%;
}
.rz-panel h5 {
    white-space: nowrap;
}

/*Estilização Sidebar*/
body .rz-sidebar-collapsed {
    width: fit-content !important;
    opacity: 1 !important;
    align-items: center;
    padding: .5rem;
    transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out, padding 0.3s ease-in-out;
}
.rz-sidebar-collapsed .rz-navigation-menu {
    display: none !important;
}

.rz-sidebar-collapsed + .rz-body {
    padding-left: 90px !important;
}

.rz-sidebar .sidebar-logo .rz-button {
    border-radius: 62px;
}

.rz-sidebar .sidebar-logo .rz-button:hover {
    background-color: var(--angesp-base-200);
}

.rz-sidebar .rz-button.rz-variant-text.rz-secondary.rz-shade-default:not(.rz-state-disabled):active {
    outline: none;
}

.rz-sidebar .rz-panel-menu {
    font-family: "Inter";
    font-weight: normal;
}

.panel-applicant-defendant.panel-no-header .rz-panel-titlebar {
    padding: 0;
}

.sidebar-items-collapsed .rz-panel-menu .rz-navigation-item-icon {
    margin: 0;
    transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.rz-sidebar .rz-navigation-item .rz-navigation-item-icon {
    margin-right: .5rem;
}

.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link {
    padding-inline-start: 2rem;
}

.rz-sidebar .rz-panel-menu .rz-navigation-item:active, .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active {
    background-color: var(--bg-sidebar-item-active);
    color: var(--angesp-general-text-color);
}

.sidebar-items-collapsed .rz-panel-menu .rz-navigation-item-wrapper {
    display: flex;
    justify-content: center;
    margin: 0;
    border-radius: 5px;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.sidebar-items-collapsed .rz-panel-menu .rz-navigation-item-icon-children {
    position: absolute;
    right: -5px;
    bottom: -5px;
}

.rz-sidebar-collapsed .rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link {
    padding: 0.5rem;
}

.rz-panel-menu .rz-navigation-item-link {
    padding: 9px;    
}

.rz-navigation-item .rz-navigation-item-link-active {
    font-weight: 700;
}

.sidebar-container {
    width: 254px !important;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-right: 2px solid var(--angesp-border-color);
    transition: width 0.3s ease-in-out, padding 0.3s ease-in-out;
}

.rz-panel-menu .rz-navigation-item {
    border-block-end: none !important;
}

.sidebar-container,
.rz-sidebar .rz-panel-menu,
.rz-panel-menu .rz-navigation-item {
    overflow: unset;
}

.rz-layout .rz-body {
    overflow-x: hidden;
}

.rz-layout .rz-body:has(.process-page) {
    padding-right: 0;
    overflow: hidden;
}

    .rz-layout .rz-body:has(.index-admin-page) {
        overflow-y: scroll;
    }
    /*Estilização calendário/datepicker*/
/*    body:has(.light-mode) .rz-calendar,
    body:has(.light-mode) .rz-state-default,
    body:has(.light-mode) .rz-calendar-header,
    body:has(.light-mode) .rz-calendar-month-dropdown,
    body:has(.light-mode) .rz-numeric-input,
    body:has(.light-mode) .rz-listbox,
    body:has(.light-mode) .rz-grid-filter-buttons,
    body:has(.light-mode) .rz-date-filter,
    body:has(.light-mode) .rz-timepicker,
    body:has(.light-mode) .rz-dropdown-label,
    body:has(.light-mode) .rz-calendar-year-dropdown {
        background-color: white;
    }*/

    body:has(.light-mode) .rz-date-filter .rz-listbox-item {
        background-color: transparent;

    }
    body:has(.light-mode) .rz-date-filter .rz-state-highlight {
        background-color: var(--angesp-base-300);
        color: var(--angesp-base-700);
    }
    body:has(.light-mode) .rz-date-filter .rzi-chevron-down {
        color: var(--angesp-base-700);
    }

.sidebar-logo {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1rem 1rem 2rem;
}

.logo-angesp {
    width: 100%;
    height: 30px;
    position: relative;
    overflow: hidden;
}

.logo-angesp::after {
    content: "";
    width: 130px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: var(--angesp-logo-img);
    background-repeat: no-repeat;
}

.sidebar-logo-collapsed, .sidebar-logo-collapsed img {
    margin: 1rem 0rem 2rem;
}

.sidebar-items {
    height: 100%;
    overflow: auto;
    padding: 0 0 0 1rem;
    scrollbar-gutter: stable;
}

.sidebar-items-collapsed {
    padding: 0;
}

.sidebar-footer {
    width: 100%;
    height: 60px;
    border-top: 2px solid var(--angesp-border-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

.rz-panel-menu .rz-navigation-item {
    border-bottom: unset;
    border-radius: 5px;
    margin-top: 7px;
    position: relative;
    transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.rz-sidebar-expanded .rz-button.rz-variant-text.rz-secondary.rz-shade-default {
    color: var(--angesp-base-700);
    border: none;
}
/*Fim sidebar*/

/*SIDEBAR*/
.rz-menu:not(.rz-profile-menu) {
    flex-direction: column;
    align-items: flex-start;
    background-color: unset;
    gap: 8px;
}

.rz-menu:not(.rz-profile-menu) .rz-navigation-item {
    width: 100%;
}

    .rz-sidebar .rz-navigation-item:hover,
    ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover,
    .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover {
        background-color: var(--angesp-element-hover);
        border-radius: 5px;
    }

.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link,
.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children),
.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
    color: var(--angesp-base-700);
}

svg {
    stroke: var(--angesp-icon-color);
}

.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link {
    
    border-radius: 5px;
    color: var(--angesp-base-700);
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link.active {
    background-color: var(--angesp-base-200);
}

.sidebar-items.sidebar-items-collapsed .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link {
    width: fit-content;
    margin: 0 auto;
}

.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children),
.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
    color: inherit;
}

.rz-menu:not(.rz-profile-menu) .rz-navigation-menu {
    top: 0;
    left: 100%;
    overflow: unset;
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu {
    position: absolute;
    box-shadow: var(--rz-context-menu-box-shadow);
}

.rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before {
    display: none;
}

.sidebar-items.sidebar-items-collapsed .rzi.rz-navigation-item-icon {
    margin: 0;
}

.rzi.rz-navigation-item-icon-children {
    transition: transform 0.3s ease-out;
}

.rz-navigation-item-wrapper.rz-navigation-item-wrapper-active .rzi.rz-navigation-item-icon-children {
    transform: rotate(-90deg)!important;
}

.sidebar-items.sidebar-items-collapsed .rz-menu:not(.rz-profile-menu) .rzi.rz-navigation-item-icon-children {
    position: absolute;
    bottom: -8px;
    right: -5px;
}

.sidebar-logo > .rz-button.rz-variant-text.rz-secondary.rz-shade-default:not(.rz-state-disabled):focus {
    background-color: unset;
    color: var(--angesp-base-700);
    outline: none;
}

.rz-layout:has(.document-viewer-page) .rz-sidebar {
    display: none;
}
/*FINAL SIDEBAR*/
/* SUBMENU */
.rz-panel-menu .submenu-open .rz-navigation-menu {
    padding: 12px;
    position: absolute;
    top: 0;
    left: 100%;
    transform: translateX(17px);
    display: flex;
    flex-direction: column;
    background-color: var(--angesp-white);
    border: 1px solid #DADADA;
    border-radius: 8px;
    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);
}

.rz-panel-menu .submenu-open .rz-navigation-menu .rz-navigation-item:hover {
    background-color: var(--angesp-white)
}

    .rz-panel-menu .submenu-open .rz-navigation-menu .rz-navigation-item-wrapper:hover, .submenu-open .rz-navigation-menu .rz-navigation-item-link-active {
        background-color: var(--angesp-base-200);
    }

.rz-panel-menu .submenu-open .rz-navigation-menu .rz-navigation-item-wrapper {
    color: var(--angesp-base-700);
}

/*HEADER*/
.rz-layout .rz-header {
    box-shadow: unset;
    border-bottom: 2px solid var(--angesp-border-color);
    height: 52px;
    padding-right: 1rem;
}

.rz-layout .rz-header > div {
    height: 100%;
}

.rz-layout .rz-header .rz-stack {
    gap: 12px;
}

.rz-layout .rz-header .rz-button.rz-variant-text.rz-dark,
.rz-header a {
    color: var(--angesp-base-700);
    background-color: transparent;
    box-shadow: none;
    min-width: unset;
    padding: 0;
}

.rz-header a {
    height: 43px;
    display: flex;
    align-items: center;
}

.rz-header a.rz-link .rzi {
    font-family: 'Material Symbols Outlined';
    color: var(--angesp-icon-color);
    font-size: 20px;
} 

.rz-layout .rz-header .rz-button.rz-variant-text.rz-dark:hover,
.rz-layout .rz-header .rz-button.rz-variant-text.rz-dark:focus,
.rz-layout .rz-header .rz-button.rz-variant-text.rz-dark:active{
    background-color: unset;
}

.rz-layout .rz-header .rz-button.rz-variant-text.rz-dark .rzi {
    font-family: 'Material Symbols Outlined';
    color: var(--angesp-icon-color);
}
/*FIM HEADER*/

/*BREADCRUMB*/
.rz-breadcrumb {
    font-size: 12px;
    align-items: center;
}

.rz-breadcrumb label {
    text-transform: unset;
    text-decoration: underline;
    padding: 0;
}

.rz-breadcrumb > :last-child label {
    text-decoration: unset;
}

.rz-breadcrumb-item + .rz-breadcrumb-item::before {
    content: ">";
    font-family: "Inter";
    font-size: 12px;
    font-weight: 600;
}
/*FIM BREADCRUMB*/

/*BANNERS*/
.banners {
    min-height: 130px;
    border-radius: 10px;
    background-color: var(--angesp-white);
    border: 1px solid var(--angesp-base-400);
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    height: 100%;
}

.banners .rzi {
    font-size: 60px;
    color: var(--angesp-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Material Symbols Outlined';
}

.banner-tutorial {
    background: linear-gradient(134deg, #50B3FF 0%, #005BA1 100%);
    position: relative;
}

    .banner-tutorial p, .banner-tutorial h6 {
        color: var(--angesp-white);
    }

.tutorial-bg-img {
    position: absolute;
    right: -38px;
    bottom: -24px;
    width: 110px;
}

.banners > :first-child {
    width: 70%;
    max-width: 450px;
}

.banners > button.rz-button {
    width: 30%;
    max-width: 140px;
}

/*Fim banners*/

/*TABELAS*/
thead > :first-child > :first-child {
    border-radius: 6px 0 0 6px;
}
thead > :first-child > :last-child {
    border-radius: 0 6px 6px 0;
}

.rz-grid-table td .rz-cell-data {
    letter-spacing: 0.2px;
    font-size: 12px;
}

.rz-panel {
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 15px -14px var(--angesp-box-shadow-color);
}

.rz-panel .rz-panel-content-wrapper {
    border: unset;
    border-radius: inherit;    
    
}

/*.rz-panel .rz-panel-content-wrapper .rz-panel-content {
    padding: 1rem;
}*/

.rz-panel-titlebar {
    height: 64px;
    padding: 0 1.5rem;
    padding-bottom: 0;
    background-color: var( --angesp-titlebar-bg);
    border-radius: 6px 6px 0 0;
    color: var(--angesp-base-700) !important;
    align-items: center;
    border-bottom: 1px solid var(--angesp-border-color);
}

@media(max-width: 992px) {
    .rz-panel-titlebar {
        height: auto;
        padding: 1rem !important;
    }

    .rz-panel-titlebar .rz-row {
        align-items: flex-start !important;
    }
}

.rz-panel-titlebar-toggler .rzi.rzi-plus,
.rz-panel-titlebar-toggler .rzi.rzi-minus {
    font-size: 22px;
}

.light-panel.rz-panel > .rz-panel-titlebar {
    background-color: var(--angesp-base-100);
}

.light-panel.rz-panel > .rz-panel-titlebar > * {
    color: var(--angesp-base-700);
}

.light-panel.rz-panel .rz-panel-content-wrapper {
    padding: 24px 16px;
}

.rz-grid-table {
    padding: 0.5rem 1rem;
}
.rz-grid-table > thead :first-child > th {
    background-color: var(--angesp-grid-bg-header);
    border-bottom: 1px solid var(--angesp-base-300);
    font-weight: 600;
}

.rz-grid-table.rz-grid-gridlines-vertical > thead > tr > th:not(:last-child) {
    border: none;
}

.rz-column-resizer:after {
    background-color: var(--angesp-border-color);
}

.rz-grid-table thead th .rz-column-title-content {
    line-height: normal;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 0.22px;
    /*font-family: 'Maven Pro', sans-serif;*/
    font-family: 'Inter', sans-serif;
    white-space: normal;
}

.rz-datatable {
    border: none !important;
}

@media(max-width: 1200px) {
    .rz-datatable {
       padding-right: 1rem !important;
    }
}

.link-panel tr {
    cursor: pointer;
}

.kind-of-work-container {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

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

.initial-circle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: var(--angesp-base-800);
    font-size: .6rem !important;
    font-weight: bold !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.initial-s {
    background-color: var(--angesp-bg-kind-of-work-s);
}

.initial-pc {
    background-color: var(--angesp-bg-kind-of-work-pc);
}

.initial-pt {
    background-color: var(--angesp-bg-kind-of-work-pt);
}

.initial-c {
    background-color: var(--angesp-bg-kind-of-work-c);
}

.initial-q {
    background-color: var(--angesp-bg-kind-of-work-q);
}

.break-word-grid {
    font-size: 12px !important;
    white-space: normal !important;
}
/*Tabela de pesos - Objetos de Demanda */
.weights-header {
    margin-top: 1rem;
    background-color: var(--angesp-weights-header);
    margin-bottom: 10px;
}
.weights-column-title {
    padding: 1rem;
    text-align: center;
}

.weights-phase-container {
    text-align: center;
}

.weights-phase-title {
    text-align: start;
    padding: 1rem;
    border: 1px solid var(--angesp-white);
}
.weights-phase-row {
    text-align: center;
    background-color: #e0e0e0;
    color: var(--angesp-base-700);
}

.weights-phase-item {
    background-color: #e0e0e0 !important;
    border: none;
    padding: 1rem;
    display: flex;
    text-align: start;
    align-items: flex-start;
    justify-content: flex-start;
}

/* Tabela com Scroll Horizontal - Trabalhos Específicos por Área */
.scrollable-table-container {
    overflow-x: auto;
    width: 100%;
    margin-bottom: 30px;
}

.scrollable-table {
    width: 100%;
    min-width: 120%;
    border-collapse: collapse;
}
    .scrollable-table th {
        width: 100%;
        min-width: 100%;
        color: var(--angesp-base-700);
        font-weight: normal;
        background-color: #e0e0e0;
        text-align: center;
        padding: 1rem;
    }

    .scrollable-table td {
        min-width: 300px;
        padding: 1rem;
        text-align: left;
    }

.scrollable-table-area {
    background-color: #bdbdbd !important;
    color: var(--angesp-base-700) !important;
    border-radius: 0px !important;
    font-weight: bold !important;
}
.standard-input {
    width: 100%;
    max-width: 250px;
    box-sizing: border-box;
}
.footer-ListSpecificWorks {
    margin-top: -20px;
    padding: 20px;
}
/* Tabela com Scroll Horizontal - Trabalhos Específicos por Área */


/*Tabela de listagem de Clientes */
/*Estilização dos botões de ações*/
.action-container {
    display: flex;
    align-items: center;
    gap: 8px;
}
.action-buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 8px;
}
.action-buttons-request-history {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: fit-content;
    align-items: flex-start !important;
}

.action-buttons-request-history > div {
    width: 150px;
    
}

.action-buttons {    
    align-items: center;
    gap: 4px;
}

.action-buttons .rz-button {
    width: 45px;
    height: 40px;
}
.icons-normal .rzi {
    font-family: 'Material Symbols Outlined' !important;
}

/*Cores das condições de tempo restantes*/

.time-red {
    color: #FA7575;
}


.rz-data-grid.rz-has-paginator.rz-datatable.rz-datatable-scrollable {
    max-height: 75vh;
    border-radius: 8px;
}


@media (max-width: 1500px) {
    .rz-data-grid.rz-has-paginator.rz-datatable.rz-datatable-scrollable {
        max-height: 69vh;
    }
}

.rz-dropdown-panel.rz-popup {
    min-width: 160px !important;
}

.rz-grid-table td .rz-cell-data .rz-state-disabled:has(.rz-switch-circle) {
    opacity: 1;
}

.rz-grid-table td .rz-cell-data .rz-switch-circle.rz-disabled {
    opacity: 1;
}

/*FIM TABELAS*/
.body {
    background-color: var(--body-color);
    font-family: Inter;
}

/*#region RadzenText */

/*#region RadzenText */
.rz-text-body1, .rz-text-body2,
.rz-text-subtitle1, .rz-text-subtitle2, .rz-text-caption,
.rz-text-h1, .rz-text-h2, .rz-text-h3, .rz-text-h4, .rz-text-h5, .rz-text-h6 {
    margin: 0;
    /*font-family: 'Maven Pro', sans-serif;*/
    font-family: 'Inter', sans-serif;
}

.rz-text-body1, .rz-text-body2,
.rz-text-subtitle1, .rz-text-subtitle2 {
    font-weight: 400;
}


.rz-text-body1 {
    font-size: 16px;
}


.rz-text-body2 {
    font-size: 14px;
}

.rz-text-subtitle1 {
    font-size: 12px;
}


.rz-text-subtitle2 {
    font-size: 10px;
}

.rz-text-h1, .rz-text-h2, .rz-text-h3,
.rz-text-h4, .rz-text-h5, .rz-text-h6 {
    font-weight: 600;
    line-height: normal;
}

.rz-text-h1 {
    font-size: 24px;
}

.rz-text-h2 {
    font-size: 22px;
}

.rz-text-h3 {
    font-size: 20px;
}

.rz-text-h4 {
    font-size: 18px;
}

.rz-text-h5 {
    font-size: 16px;
}

.rz-text-h6 {
    font-size: 14px;
}

.input-container input{
    background-color: var(--angesp-stack-color);
}

/*#endregion */




/*#endregion */

html:root {
    /*--rz-icon-font-family: 'Material Symbols Outlined';*/
    --rz-primary: var(--angesp-primary);
    --rz-info: #057AD4;
    --rz-secondary: #DADADA;
    --rz-warning: #c27400;
    --rz-on-secondary: #000000;
    --rz-panel-menu-item-active-background-color: #F0F0F0 !important;
    --bs-font-sans-serif: Inter;
    --bs-font-maven-pro: Maven Pro;
    --rz-checkbox-checked-background-color: #333333;
    --rz-checkbox-checked-hover-background-color: #6B6B6B;
    --rz-checkbox-checked-color: #FFFFFF;
    --rz-checkbox-checked-border: #6B6B6B;
    --rz-checkbox-checked-hover-border: #6B6B6B;
    --rz-checkbox-border-radius: 3px;
    --rz-border-focus: var(--rz-border-width) solid darkgray;
    --rz-dropdown-item-selected-hover-background-color: var(--rz-base-100);
    --rz-dropdown-item-selected-background-color: lightgray;
    --rz-input-focus-shadow: inset 0 0 0 1px lightgray;
    --rz-border-primary: var(--rz-border-width) solid var(--rz-secondary);
    --rz-radio-circle-background-color: var( --rz-checkbox-checked-background-color);
    --rz-radio-circle-background-color: #6B6B6B;
    --rz-checkbox-margin: 4px 0;
    --rz-timeline-line-width: 0.35rem;
    --rz-timeline-axis-size: 3.125rem;
    --rz-notification-success-background-color: #6EB261;
    --rz-notification-warning-background-color: #D0A62C;
    --rz-notification-error-background-color: #D4542D;
    --rz-notification-info-background-color: #057AD4;
    --rz-grid-frozen-cell-background-color: #ffffff;
    --rz-header-background-color: var(--angesp-white);
    /*cores do projeto*/
    /*neutro*/
    --angesp-white: #FFFFFF;
    --angesp-base-50: #F5F5F5;
    --angesp-base-100: #EFEFEF;
    --angesp-base-200: #E9E9E9;
    --angesp-base-300: #DADADA;
    --angesp-base-400: #CCCCCC;
    --angesp-base-500: #BABABA;
    --angesp-base-600: #6B6B6B;
    --angesp-base-700: #333333;
    --angesp-base-800: #222222;
    --angesp-base-850: #202020;
    --angesp-base-900: #111111;
    --angesp-black: #000000;
    /*marca*/

    --angesp-brand-logo: #E71E1E;
    --angesp-brand-titles: #BF0411;
    /*primárias*/
    --angesp-primary: #DA4524;
    --angesp-primary-lighter: #FDE5E5;
    --angesp-primary-light: #F84545;
    --angesp-primary-dark: var(--angesp-primary);
    --angesp-primary-darker: #500000;
    --angesp-primary-medium: #E54522;
    /*cores info*/
    --angesp-info-primary: #057AD4;
    --angesp-info-lighter: #DAEFFF;
    --angesp-info-light: #3BA7F9;
    --angesp-info-dark: #0067B7;
    --angesp-info-darker: #004479;
    /*cores atenção*/
    --angesp-atention-lighter: #FFF6DA;
    --angesp-atention-light: #FFDD78;
    --angesp-atention: #F2B808;
    --angesp-atention-dark: #D8A409;
    --angesp-atention-darker: #AF8300;
    /*cores success*/
    --angesp-success-lighter: #DCFFDE;
    --angesp-success-light: #A7ECAB;
    --angesp-success: #63BA68;
    --angesp-success-dark: #3A8340;
    --angesp-success-darker: #006006;
    /*cores warning*/
    --angesp-warning-lighter: #FFF6DA;
    --angesp-warning-light: #FFDD78;
    --angesp-warning: #F2B808;
    --angesp-warning-dark: #D8A409;
    --angesp-warning-darker: #AF8300;
    /*cores danger*/
    --rz-danger: #E54522;
    /*body color*/
    --body-color: #F0F0F0;
    --rz-icon-font-family: "Material Symbols Outlined";
    /* TilteBar Color*/
    --angesp-titlebar-bg: var(--angesp-white);
    --angesp-titlebar-color: var(--angesp-base-700);
    --angesp-btn-secundary-outline-color: var( --angesp-black);
    --angesp-grid-bg-header: var(--angesp-base-100);
    --rz-panel-menu-item-active-background-color: var(--angesp-base-200);
    --rz-panel-menu-item-active-color: var(--angesp-base-700);
    --angesp-border-color: var(--angesp-base-300);
    --rz-grid-header-color: var(--angesp-base-600);
    --angesp-index-color: var(--angesp-white);
    --angesp-index-text-color: var(--angesp-base-600);
    --angesp-index-badge-color: var(--angesp-base-600);
    --angesp-index-badge-bg-color: var(--angesp-primary);
    --angesp-bg-tag: var(--angesp-base-900);
    --angesp-index-badge-border-color: var(--angesp-primary);
    --angesp-icon-color: var(--angesp-base-600);
    --angesp-index-admin-summary-bg: var(--angesp-white);
    --angesp-general-text-color: var(--angesp-base-800);
    --angesp-general-text-color-revert: var(--angesp-base-200);
    --rz-datalist-item-background-color: var(--angesp-white);
    --angesp-box-shadow-color: var(--angesp-base-500);
    --rz-panel-menu-item-2nd-level-active-color: var(--angesp-base-900);
    --angesp-stack-color: var(--angesp-white);
    --rz-link-color: var(--angesp-general-text-color);
    --rz-border-normal: 1px solid var(--angesp-border-color);
    --angesp-secudary-outline: var(--angesp-white);
    --angesp-panel-content-wrapper-bg: var(--angesp-base-50);
    --angesp-weights-header: var(--angesp-base-400);
    --angesp-textarea-bg: var(--angesp-white);
    --angesp-element-hover: var(--angesp-base-200);
    --angesp-read-notification-bg: var(--angesp-base-200);
    --angesp-datalist-item-color: var(--angesp-white);
    --angesp-download-bg: var(--angesp-base-100);
    --angesp-justification-bg: var(--angesp-base-50);
    --angesp-select-content: var(--angesp-base-400);
    --bg-icon-primary: var(--angesp-primary);
    --color-icon-primary: var(--angesp-white);
    --bg-icon-dark-fill: var(--angesp-base-700);
    --color-icon-dark-fill: var(--angesp-base-200);
    --rz-pager-numeric-button-selected-background-color: #e1e1e1;
    --rz-pager-numeric-button-selected-color: var(--angesp-base-700);
    --rz-panel-menu-item-3rd-level-active-background-color: var(--angesp-base-300);
    --rz-text-h4-color: var(--angesp-base-800);
    --bg-sidebar-item-active: var(--angesp-base-300);
    --angesp-logo-img: url('/images/angesp_logo_sidebar.png');
    --informative-color: var(--angesp-base-800);
    --rz-panel-menu-item-3rd-level-active-color: var(--angesp-base-600);
    --bg-model-content: var(--angesp-base-300);
    --bg-popup-children: var(--angesp-white);
    --title-popup-children: var(--angesp-base-700);
    --angesp-summary-late-bg: #c59696;
    --angesp-summary-late-broder: #d34121;
    --angesp-summary-late-notificantion-bg: #bf6c6c;
    --angesp-summary-late-notification-border: #c95645;
    --angesp-summary-pending-bg: #c7aa80;
    --angesp-summary-pending-broder: #ac7f3f;
    --angesp-summary-pending-notificantion-bg: #ba9561;
    --angesp-summary-pending-notification-border: #b38b52;
    --angesp-summary-completed-bg: #a4c781;
    --angesp-summary-completed-broder: #8aaf64;
    --angesp-summary-completed-notificantion-bg: #97bb73;
    --angesp-summary-completed-notification-border: #91b56c;
    --angesp-summary-total-bg: #80bac0;
    --angesp-summary-total-broder: #2895a1;
    --angesp-summary-total-notificantion-bg: #56a8b1;
    --angesp-summary-total-notification-border: #4ca3ad;
    --bg-message-history: #fff;
    --bg-modal-message: var(--angesp-base-200);
    --bg-message-history-textarea: var(--angesp-base-400);
    --modeal-border-color: var(--angesp-base-400);
    --angesp-bg-kind-of-work-c: #7acf8e;
    --angesp-bg-kind-of-work-s: #cf947a;
    --angesp-bg-kind-of-work-pt: #cfc97a;
    --angesp-bg-kind-of-work-pc: #7ac5cf;
    --angesp-bg-kind-of-work-q: #968cdc;
    --angesp-bg-modal: var(--angesp-base-50);
    --angesp-border-color-notification: var(--angesp-border-color);
    --angesp-bg-modal-variant: var(--angesp-base-300);
    --angesp-bg-modal-card-variant: var(--angesp-white);
    --angesp-card-message-p: var(--angesp-base-800);
    --angesp-bg-modal-message: var(--angesp-base-400);
    --angesp-bg-btn: var(--angesp-base-200);
}

.rz-material-dark {
    --rz-primary: var( --angesp-primary-dark);
    --angesp-titlebar-bg: var( --angesp-base-700);
    --rz-header-background-color: var(--angesp-bas-800);
    --angesp-btn-secundary-outline-color: var( --angesp-white);
    --angesp-titlebar-color: var(--angesp-base-300);
    --rz-grid-stripe-background-color: #1a1a1a;
    --angesp-grid-bg-header: var(--angesp-base-600);
    --rz-layout-background-color: var(--angesp-base-800);
    --rz-sidebar-background-color: var(--angesp-base-800);
    --rz-panel-menu-item-active-background-color: var(--angesp-base-600);
    --rz-panel-menu-item-active-color: var(--angesp-base-200);
    --rz-panel-menu-item-background-color: var(--angesp-base-800);
    --rz-panel-menu-item-2nd-level-background-color: var(--angesp-base-800);
    --rz-panel-menu-item-3rd-level-background-color: var(--angesp-base-800);
    --angesp-border-color: var(--angesp-base-700);
    --rz-grid-background-color: var(--angesp-base-800);
    --rz-panel-background-color: var(--angesp-base-800);
    --angesp-bg-tag: var(--angesp-base-200);
    --rz-grid-stripe-odd-background-color: #282828;
    --rz-grid-hover-background-color: var(--angesp-base-800);
    --rz-grid-stripe-background-color: var(--angesp-base-800);
    --rz-grid-header-background-color: var(--angesp-base-800);
    --rz-grid-frozen-cell-background-color: var(--angesp-base-800);
    --rz-grid-header-color: var(--angesp-base-50);
    --angesp-index-color: var(--angesp-base-800);
    --angesp-index-text-color: var(--angesp-primary-dark);
    --angesp-index-badge-color: var(--angesp-base-800);
    --angesp-index-badge-bg-color: var(--angesp-base-300);
    --angesp-index-badge-border-color: var(--angesp-base-200);
    --angesp-icon-color: var(--angesp-base-200);
    --angesp-index-admin-summary-bg: var(--angesp-base-800);
    --angesp-general-text-color: var(--angesp-base-200);
    --angesp-general-text-color-revert: var(--angesp-base-800);
    --rz-card-background-color: var(--angesp-base-800);
    --rz-datalist-item-background-color: var(--angesp-base-700);
    --angesp-box-shadow-color: var(--angesp-black);
    --rz-panel-menu-item-2nd-level-active-color: var(--angesp-base-100);
    --angesp-stack-color: var(--angesp-base-800);
    --rz-panel-menu-item-2nd-level-active-background-color: var(--angesp-base-600);
    --rz-link-color: var(--angesp-general-text-color);
    --angesp-secudary-outline: var(--angesp-base-700);
    --angesp-panel-content-wrapper-bg: var(--angesp-base-700);
    --angesp-weights-header: var(--angesp-base-700);
    --angesp-textarea-bg: var(--angesp-base-600);
    --rz-panel-menu-item-3rd-level-active-color: var(--angesp-base-400);
    --rz-listbox-background-color: var(--angesp-base-800);
    --angesp-element-hover: var(--angesp-base-700);
    --angesp-read-notification-bg: var(--angesp-base-800);
    --rz-datalist-item-background-color: var(--angesp-base-700);
    --angesp-datalist-item-color: var(--angesp-base-800);
    --angesp-download-bg: var(--angesp-base-600);
    --angesp-justification-bg: var(--angesp-base-700);
    --rz-dialog-title-background-color: var(--angesp-base-800);
    --rz-dialog-background-color: var(--angesp-base-800);
    --bg-icon-dark-fill: var(--angesp-base-200);
    --color-icon-dark-fill: var(--angesp-base-800);
    --rz-pager-numeric-button-selected-color: var(--angesp-base-700);
    --rz-panel-menu-item-3rd-level-active-background-color: var(--angesp-base-700);
    --rz-text-h4-color: var(--angesp-base-200);
    --bg-sidebar-item-active: var(--angesp-base-600);
    --angesp-logo-img: url('/images/angesp_logo_sidebar_darkmode.png');
    --rz-checkbox-checked-background-color: var(--angesp-base-400);
    --informative-color: var(--angesp-base-400);
    --bg-model-content: var(--angesp-base-700);
    --bg-row-content: var(--angesp-base-850);
    --bg-popup-children: var(--angesp-base-700);
    --title-popup-children: var(--angesp-base-200);
    --info-rzi: var(--angesp-base-200);
    --rz-grid-detail-template-background-color: var(--angesp-base-800);
    --angesp-summary-late-bg: #742f21;
    --angesp-summary-late-broder: #d34121;
    --angesp-summary-late-notificantion-bg: #6e2f27;
    --angesp-summary-late-notification-border: #d34121;
    --angesp-summary-pending-bg: #6d5431;
    --angesp-summary-pending-broder: #ac7f3f;
    --angesp-summary-pending-notificantion-bg: #8a6837;
    --angesp-summary-pending-notification-border: #ac7f3f;
    --angesp-summary-completed-bg: #5a6f46;
    --angesp-summary-completed-broder: #8aaf64;
    --angesp-summary-completed-notificantion-bg: #708c54;
    --angesp-summary-completed-notification-border: #8aaf64;
    --angesp-summary-total-bg: #466b6f;
    --angesp-summary-total-broder: #2895a1;
    --angesp-summary-total-notificantion-bg: #387e86;
    --angesp-summary-total-notification-border: #2895a1;
    --bg-message-history: var(--angesp-base-600);
    --bg-modal-message: var(--angesp-base-700);
    --bg-message-history-textarea: var(--angesp-base-500);
    --modeal-border-color: var(--angesp-base-600);
    --angesp-border-color-notification: var(--angesp-base-800);
    --angesp-bg-modal: var(--angesp-base-800);
    --angesp-bg-modal-variant: var(--angesp-base-700);
    --angesp-bg-modal-card-variant: var(--angesp-base-800);
    --angesp-card-message-p: var(--angesp-base-800);
    --angesp-bg-modal-message: var(--angesp-base-800);
    --angesp-bg-btn: var(--angesp-base-700);
}

.index-admin-page .index-admin-header .rz-expander .rz-expander-content {
    overflow: visible;
}
.rz-expander .rz-expander-content {
    overflow: auto;
}

.rz-state-active .rz-navigation-item-wrapper {
    background-color: var(--bg-sidebar-item-active) !important;
    color: var(--angesp-general-text-color) !important;
}

.rz-state-active .rz-navigation-item-text {
    font-weight: 700;
}

.edit-accredited-cliente-buttons .add-fields-container {
    align-self: flex-start;
    margin-top: 16px;
}

.edit-key-buttons .add-fields-container {
    align-self: flex-start;
}

.rz-html-editor-content {
    background-color: transparent
}

.toggle-text-toolbar .rz-navigation-item-link .rz-navigation-item-text {
    display: none !important;
}

.rz-navigation-item-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.view-request-buttons {
    display: flex;
    gap: 1rem;
}

.panel-field .rz-stack {
    gap: .5rem !important;
}

.custom-card .panel-field p,
.custom-card .panel-field label {
    font-size: .8rem !important;
}

.panel-field-content {
    gap: .5rem !important;
}

.panel-field-content .panel-fiel-title {
    font-size: 1rem !important;
    text-transform: uppercase !important;
    font-weight: 900;
}

.rz-cell-data button {
    margin-inline: 4px;
}

.rz-frozen-cell .rz-row, .rz-frozen-cell .action-buttons {
    gap: 0 !important;
}

.dashboard-news {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    margin: .5rem 0;
}



.accepted-icon {
    background-color: var(--angesp-success);
    color: var(--angesp-general-text-color);
    font-size: 3rem;
    font-weight: 900;
    line-height: 0;
    border-radius: 50%;
    padding: 2.5rem;
}

.icon-dashboard-news {
    font-size: 1.5rem !important;
}

.icon-text-primary, .icon-text-dark-fill, .icon-doc-blue {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    font-size: 1.3rem !important;
    line-height: 0;
}

.icon-doc-blue, .icon-img-blue {
    color: var(--angesp-general-text-color-revert);
    background-color: var(--angesp-info-primary);
}

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

.icon-text-dark-fill {
    background-color: var( --bg-icon-dark-fill);
    color: var(--color-icon-dark-fill);
}

.rz-treenode-content-selected .rz-treenode-label {
    background-color: var(--angesp-select-content) !important;
}

.panel-info {
    background-color: var(--angesp-stack-color);
}

.rz-accordion .rz-accordion-header {
    background-color: var(--rz-datalist-item-background-color);
}

.process-page .sidebar-panel {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    background: transparent;
}

.process-page .rz-tabview-panel {
    padding: 1rem 0 !important;
}

@media(max-width: 1024px) {
    .process-page .sidebar-panel .rz-navigation-item-link {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}

.process-page .sidebar-panel .rz-navigation-item {
    background-color: var(--rz-panel-menu-item-background-color);
}

.process-page .rz-datalist-data > li {
    background-color: var(--angesp-datalist-item-color) !important;
}

.input-list-container {
    min-width: 700px;
}

.input-field label {
    color: var(--angesp-general-text-color);
}

.rz-chkbox-box {
    background-color: var(--angesp-white);
}


.rz-panel-titlebar {
    color: var( --angesp-titlebar-color) !important;
}


.rz-button.rz-variant-text.rz-base.rz-shade-default.btn-toggle {
    background-color: transparent !important;
}

.rz-button.rz-variant-outlined.rz-secondary.rz-shade-default {
    color: var( --angesp-btn-secundary-outline-color) !important;
    background-color: var(--angesp-secudary-outline) !important;
}


.rz-pager .rz-dropdown, .rz-pager .rz-pagesize-text {
    order: -1 !important;
}



ul.rz-profile-menu {
    background-color: transparent !important;
}


::selection {
    background-color: #3165cf !important;
    color: white !important;
}

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

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

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

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

/*classes dos componentes*/
.btn-angesp-primary, .btn-angesp-primary-outlined {
    background-color: var(--angesp-primary);
    border: 1px solid var(--angesp-primary);
    width: 100%;
    height: 43px;
    color: var(--angesp-white);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.65px;
}

.btn-angesp-primary:hover {
    background-color: #BE4429;
    color: var(--angesp-white);
    border: 1px solid #BE4429;
}

button.btn-angesp-primary:focus {
    border: 1px solid var(--angesp-white);
    outline: 2px solid rgba(220, 37, 50, 0.30);
}

button.btn-angesp-primary:active {
    border: 1px solid var(--angesp-primary-dark);
}
button.btn-angesp-primary:disabled {
    background-color: var(--angesp-primary);
    opacity: 0.5;
}

.btn-angesp-primary-outlined {
    background: unset;
    color: var(--angesp-primary);
}

label {
    font-size: 12px;
    font-family: Inter;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.28px;
    word-wrap: break-word;
}

.rz-dropdown-label {
    text-transform: none;
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.32px;
    word-wrap: break-word;
}
.rz-widget-content .body .validation-message {
    position: relative !important;
    bottom: 0px;
    padding: 10px;
}
.validation-message {
    color: var(--angesp-primary-light);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    /*position: absolute;*/
    bottom: -20px;
}
.modal-validation-message {
    color: var(--angesp-primary-light);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
}

.cardScrollbar {
    position: absolute;
    top: 118px;
    left: 15px;
    bottom: -15px;
    right: 15px;
    overflow-y: scroll;
}

.rz-card.rz-variant-filled {
    box-shadow: 0 5px 15px -14px var(--angesp-box-shadow-color);
    border-radius: 8px;
}

.card {
    position: unset;
    background-color: var(--angesp-stack-color);
    display: unset;
    flex-direction: unset;
    min-width: unset;
    word-wrap: unset;
    background-clip: border-box;
    border: none;
    border-radius: 5px;
    padding: 1rem;
}

.main-card {
    display: flex;
    flex-direction: column;
    background-color: var(--angesp-stack-color);
    border-radius: 5px;
    padding: 16px;
    margin-top: 0.5rem;
    border: 1px solid var(--angesp-border-color);
}

.main-card-batches {
    display: flex;
    flex-direction: column;
    background-color: var(--angesp-stack-color);
    border-radius: 5px;
    padding: 1.5rem;
    margin-top: 0.5rem;
    border: 1px solid var(--angesp-border-color);
    gap: 12px;
}

.sub-card {
    background-color: transparent;
    border: 1px solid var(--angesp-border-color);
    border-radius: 5px;
    padding: 24px;
}

.sub-card > .rz-display-flex.rz-row.rz-align-items-center.rz-justify-content-normal > label {
    font-weight: 700;
}

.request-error-message {
    color: var(--angesp-primary);
    list-style: none;
    font-size: 14px;
    word-wrap: break-word;
    letter-spacing: 0.30px;
}

.rz-link:hover .rz-link-text {
    text-decoration: none;
}
/*----------------Imagem do login----------------*/

.logo-area {
    position: relative;
    height: 100vh;
    flex: 0 0 auto;
    width: 50%;
    padding: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.bg-img-login {
    position: absolute;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

div.row div.pollysoft-div {
    position: absolute;
    bottom: 100px;    
}

    div.row div.pollysoft-div a {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
        text-decoration: none;
    }

    div.row div.pollysoft-div p {
        color: var(--angesp-base-700);
        font-weight: 600;        
    }

    div.row div.pollysoft-div img {
        width: 80%;
    }

div.row div.angesp-div {
    width: 60%;
    max-width: 300px;            
    display: flex;
    justify-content: center;
}

div.row div.angesp-div > img {
    width: 100%;
}

/*---------------Fim Imagem do login--------------*/
/*-------------------Login------------------------*/
.login-area {
    height: 100vh;
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 0;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

@media (max-width: 575px) {
    .login-area {
        width: 100%;
    }
}

.login-area .scrollable-container {
    width: 100%;
    overflow-y: auto;
    display: flex;
    justify-content: center;
}

    .login-area .scrollable-container > .container-area {
        margin: 2rem 0 5rem;
    }

.login-area .container-area {
    width: 90%;
    height: 100%;
    max-width: 430px;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    display: flex;
}

@media (max-width: 768px) {
    .login-area .container-area {
        padding: 1rem;
        gap: 16px;
    }
}

.login-area .container-area form {
    display: contents;
}

.login-area .container-title {
    padding-bottom: 24px;
    justify-content: flex-start;
    align-items: flex-start;
    display: inline-flex
}

    .login-area .container-title .title {
        color: #040404;
        font-size: 24px;
        font-family: Maven Pro;
        font-weight: 800;
        letter-spacing: 0.60px;
    }

@media (max-width: 768px) {
    .login-area .container-title .title {
        font-size: 20px;
    }
}

.login-area .container-input {
    align-self: stretch;
    height: 57px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}

@media (max-width: 768px) {
    .login-area .container-input {
        height: auto;
        gap: 4px;
    }
}

.login-area .container-input .container-inputTitle {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2px;
    display: flex
}

    .login-area .container-input .container-inputTitle .inputTitle {
        color: var(--angesp-base-700);
        font-size: 11px;
        font-family: Inter;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.28px;
        margin-bottom: 6px;
    }

    .login-area .container-input .container-inputTitle .inputRequired {
        color: var(--angesp-primary-medium);
        font-size: 11px;
        font-family: Inter;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.28px;
    }

.login-area .container-input .validRequired {
    font-size: 11px;
    font-family: Inter;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.28px;
    float: left;
}

.login-area .buttons-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.login-area .btnBack {
    height: 43px;
    color: var(--angesp-white);
    font-size: 13px;
    font-family: Inter;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.65px;
    border-radius: 3px;
    overflow: hidden;
    border-left: 0.5px var(--rz-primary) solid;
    border-top: 0.5px var(--rz-primary) solid;
    border-right: 0.5px var(--rz-primary) solid;
    border-bottom: 0.5px var(--rz-primary) solid;
    color: var(--rz-primary);
}

.login-area .containerFooter {
    width: 100%;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 80px;
    border-top: 0.5px var(--angesp-base-400) solid;
}

@media (max-width: 768px) {
    .login-area .containerFooter {
        gap: 20px;
        height: 50px;
    }
}

.login-area .containerFooter .btnFooter {
    color: var(--angesp-primary);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.28px;
}
/*-----------------Fim Login----------------------*/

/*--------------------Menu------------------------*/
ul.rz-profile-menu {
    border: none;
    padding: 0;
}

ul.rz-profile-menu .rz-navigation-item-icon-children {
     display: none;
}

.sidebarExpanded:hover {
    background-color: #e9ecef;
}

.rz-panel-menu .rz-navigation-item-active, .rz-panel-menu .rz-navigation-item-wrapper-active {
    border-radius: 6px;
}

.menuBottomElement {
    position: absolute;
    bottom: 0;
}

.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link {
    margin-inline: 0;
}
/*-----------------Fim Menu-----------------------*/
/*formulários principais*/
.file-item {
    width: 100%;
    padding: 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--angesp-download-bg);
    border: 1px solid var(--angesp-border-color);

    border-radius: 4px;
}

.file-item .file-data {
    color: var(--angesp-general-text-color);
}

.file-item .rzi-info {
    font-family: 'Material Symbols Outlined';
    font-size: 35px;
}

.file-data-container, .file-buttons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
}

.file-buttons {
    height: 30px;
}

.file-item > .file-buttons button {
    height: 100%;
}

.file-data {
    display: flex;
    flex-direction: column;    
}

.main-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.rz-widget-content .rz-panel {
    box-shadow: unset;
}

.rz-widget-content .rz-panel-titlebar {
    height: 64px;
    
}

.rz-widget-content .rz-panel-content-wrapper,
.panel-applicant-defendant.input-list-panel .rz-panel-content-wrapper {
    background-color: var(--angesp-panel-content-wrapper-bg);
    border-radius: unset;
    border-top: 1px solid var(--angesp-base-400);
    border-bottom: 1px solid var(--angesp-base-400);
    padding: 20px;
    width: 100%;
    overflow-x: auto;
}

.panel-applicant-defendant.input-list-panel {
    border-radius: unset;
}
.panel-applicant-defendant .rz-panel-titlebar-icon span {
    color: var(--angesp-general-text-color)!important;
}

.concluion-container {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 60px 0;
}

.concluion-container img {
    width: 100%;
    max-width: 125px;
}

.concluion-container p {
    text-align: center;
}

.concluion-container button {
    width: 100%;
}

.concluion-container > :last-child {
    width: 100%;
}

.spinner {    
    animation-name: spinner-animation;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes spinner-animation {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    50% {
        transform: rotate(450deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    100% {
        transform: rotate(1080deg);
    }
}

.input-file {
    display: flex;
    width: fit-content;    
    align-items: center;
    height: 43px;
    background-color: var(--angesp-primary);
    color: var(--angesp-white) !important;
    line-height: 1.25rem;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    padding: 13px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.input-file:hover {
    background-color: var(--angesp-primary-dark);
}

/*fim formulários principais*/

/*painel com adição de múltiplas linhas, como passo 3 datalist nova solicitação*/

.rz-panel.panel-applicant-defendant {
    box-shadow: unset;
    background-color: var(--angesp-panel-content-wrapper-bg);
}
.rz-panel.panel-applicant-defendant .rz-panel-titlebar:has(.rz-chkbox.rz-state-empty) + .rz-panel-content-wrapper {
    padding: 0;
    border-bottom: unset;
}

.panel-applicant-defendant .rz-panel-titlebar {
    color: var(--angesp-base-700);
    height: fit-content;
    padding: 10px;
}

.panel-applicant-defendant .rz-panel-content-wrapper {
    border-top: 1px solid var(--angesp-base-400);
    border-bottom: 1px solid var(--angesp-base-400);
    padding: 20px;
}

.panel-applicant-defendant .rz-panel-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative;
    overflow-x: auto;
}

.panel-applicant-defendant .rz-panel-content  div > .panel-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 12px;
}

.panel-applicant-defendant .rz-panel-content > div > :last-child:is(.rz-button.rz-primary.rz-shade-default) {
    position: absolute;
    bottom: 0;
    right: 0;
}

.panel-applicant-defendant .rz-panel-titlebar-toggler {
    color: var(--angesp-base-700);
}

body .rz-panel-titlebar-toggler .rzi-plus:before {
    content: 'expand_more';
}

body .rz-panel-titlebar-toggler .rzi-minus:before {
    content: 'expand_less';
}

.panel-applicant-defendant .rz-panel-content .rz-row {
    width: 100%;
}

.panel-applicant-defendant .rz-panel-content  div > .panel-item:is(:not(:last-child)) .add-fields-container > :last-child {
    display: none;    
}

.panel-applicant-defendant .rz-panel-content > div > .panel-item:is(:last-child) .add-fields-container > :last-child {
    display: inline-block;
}

.add-fields-container {
    display: flex;
    min-width: 40px;
    padding-left:0;
    gap: 8px;
    min-width: 88px;
}

/*.add-fields-container:has(button + button) {
    min-width: 88px;
}*/

/*fim painel múltiplas linhas*/

/*-----------Classes de Dinâmicos-----------------*/
.input-field {
    display: flex;
    flex-direction: column;
    align-items: start;
    position: relative;
    width: 100%;
}
.input-field-with-buttons {
    display: flex;
    flex-direction: row;
}

.changeable-field .input-label {
    display: flex;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0px;
    padding-bottom: 0px;
}

.changeable-field .tooltip-container {
    display: inline-flex;
    align-items: center;
    margin-top: -8px;
    padding-left: 5px;
}

.tooltip-container > i {
    font-variation-settings: 'FILL';
}

.toolTipCustom {
    text-align: center !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-family: Inter !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: 0.28px !important;
    cursor: pointer !important;
    white-space: pre-line;
}
.input-label {
    display: flex;
    align-items: baseline;
    gap: 5px;
    padding-bottom: 6px;
    height: auto;
}
    .input-label[b-kpbvuy6pby] {
        border: none;
        padding: 0px;
        height: 22px !important;
    }
        .input-label[b-kpbvuy6pby] > label {
            display: flex !important;
            align-items: center !important;
            line-height: 1; 
        }
    .input-label .field-optional{
        padding-left: 5px;
    }

    .input-label .rzi {
        font-family: 'Material Symbols Outlined';
        font-size: 20px;
        color: var(--informative-color);
        user-select: none;
    }

.justification-container {
    background-color: var(--angesp-justification-bg);
    border: 1px solid var(--angesp-border-color);
    padding: 18px 24px 24px;
    border-radius: 5px;
}

.checkbox-container > label {
    font-weight: 400;
    font-size: 14px;
    text-transform: unset;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--bs-font-maven-pro);
    letter-spacing: 0.025em;
    text-align: left;
    font-weight: 800;
    margin: 0;
    padding: 0;
}

h4, h5, h6 {
    font-weight: 700;
}

h1 { /* Heading - H1 */
    font-size: 40px;
    line-height: 47px;
}

h2 { /* Heading - H2 */
    font-size: 32px;
    line-height: 38px;
}

h3 { /* Heading - H3 */
    font-size: 24px;
    line-height: 28px;
}

h4 { /* Heading - H4 */
    font-size: 20px;
    line-height: 24px;
}

h5 { /* Heading - H5 */
    font-size: 16px;
    line-height: 19px;
}

h6 { /* Heading - H6 */
    font-size: 14px;
    line-height: 16px;
}

.subtitle,
.header-comment { /* SUBTITLE */
    font-family: Maven Pro;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
}
.header-comment {
    color: var(--angesp-base-600);
}

.label-1 {
    font-weight: 700;
    font-size: 11px;
    color: var(--angesp-base-900);
    text-transform: uppercase;
}

.p-small, .p-medium, p {
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-align: left;
    margin: 0;
    padding: 0;
}
p {
    font-size: 16px;
    line-height: 22px;
}
.p-medium { /* BODY 2 - REGULAR */
    font-size: 14px;
    line-height: 20px;
    text-align:center;
}
.p-small {
    font-size: 12px;
    line-height: 16px;
}
.p-small-actions {
    font-size: 12px;
    line-height: 16px;
}

.rz-text-subtitle1, .rz-text-subtitle2
.rz-text-body, .rz-text-body1, .rz-text-body2 {
    margin-bottom: 0;
} 

.justificate-text {
    font-size: 12px;
    text-decoration: underline;
    color: var(--angesp-primary);
    font-weight: 700;
}

a {
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    color: var(--angesp-general-text-color)
}

a:hover {
    cursor: pointer;
    color: var(--angesp-primary-light)
}

.rz-link-text {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0px;
    transition: 0.2s;
}

.rz-link-text:hover {
    color: var(--angesp-base-400);
}

.rz-button.rz-variant-text.rz-base.rz-shade-default {
    color: var(--angesp-general-text-color);
}

.external-link.rz-link {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--angesp-general-text-color);
    font-weight: 600;
    font-size: 14px;
}

.external-link.rz-link:hover {
    text-decoration: unset;
}

.external-link.rz-link .rz-link-text {
    text-decoration: underline;
}

.link-medium {
    font-size: 14px;
    line-height: 20px;
}

.link-small {
    font-size: 12px;    
    line-height: 15px;    
}

.rz-button {
    height: 43px;
    min-width: 43px;
    padding: 0 0.75rem;
    gap: 6px;
    font-weight: 700;
    font-size: 13px;
    width: fit-content;
}

@media(max-width: 992px) {

    .rz-button {
        font-size: 11px;
    }
}

.rz-button.form-add-button {
    height: 40px;
    width: 40px;
    min-width: 40px;
}

.button-column {
    margin-top: 8px;
}

button.rz-spinner-button {
    height: unset;
    min-width: unset;
    padding: unset;
    gap: unset;
    font-weight: unset;
    font-size: unset;
}

button.rz-button.btn-small {
    height: 33px;
    min-width: 33px;
    font-size: 11px;
}
button.rz-button.btn-large {
    height: 53px;
    min-width: 53px;
    font-size: 16px;
}

.symbols-outlined .rzi {
    font-family: "Material Symbols Outlined" !important;
}

.symbols .rzi {
    font-family: "Material Symbols" !important;
}

.rz-button-sm {
    height: 33px;
    min-height: unset;
    padding: 0 13px;
}

.rz-button.rz-button-xs {
    height: 23px;
    min-height: unset;
    padding: 0 8px;
    font-size: 11px;
}



/* INICIO BOTÂO PRIMÁRIO */
.rz-button.rz-primary.rz-shade-default:not(.rz-state-disabled):active { /* ACTIVE */
    box-shadow: 0px 0px 0px 3px #DC25324D;
    box-shadow: 0px 0px 0px 1px var(--angesp-white);
    outline: 1px solid #f5bec2;
}
.rz-state-disabled{
    opacity: 0.5;
}

.rz-button.rz-primary.rz-shade-default:not(.rz-state-disabled):focus { /* FOCUS */
    box-shadow: 0 0 0 1px var(--angesp-white), 0 0 0 3px #f5bec2;
}

.rz-grid-filter-buttons .rz-button.rz-primary.rz-shade-default:not(.rz-state-disabled):hover { /* HOVER */
    background-color: var(--angesp-primary-dark);
    color: var(--angesp-white);
}

.rz-link.rz-button {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 43px;
}
.rz-link.rz-button > i.rzi {
    font-size: 20px;
}

/* FIM BOTÂO PRIMÁRIO */

/* INICIO PRIMÁRIO BOTÃO OUTLINE */
.rz-button.rz-variant-outlined.rz-primary.rz-shade-default:not(.rz-state-disabled):active { /* ACTIVE */
    color: var(--angesp-white);
    background-color: var(--rz-primary);
    outline: 1px solid #f5bec2;
}

.rz-button.rz-variant-outlined.rz-primary.rz-shade-default:not(.rz-state-disabled):focus { /* FOCUS */
    outline: 1px solid #f5bec2;
    background-color: transparent;
    color: var(--rz-primary);
}

.rz-button.rz-variant-outlined.rz-primary.rz-shade-default:not(.rz-state-disabled):hover { /* HOVER */
    color: var(--angesp-white);
    background-color: var(--rz-primary);
}

/* FIM BOTÃO PRIMÁRIO OUTLINE */

/* INICIO BOTÂO SECUNDÁRIO */
.rz-button.rz-secondary.rz-shade-default:not(.rz-state-disabled):active { /* ACTIVE */
    background-color: var(--angesp-base-600);
    color: var(--angesp-white);
}
.rz-button.rz-secondary.rz-shade-default:not(.rz-state-disabled):focus { /* FOCUS */
    outline: 1px solid var(--angesp-base-500);
}
.rz-button.rz-secondary.rz-shade-default:not(.rz-state-disabled):hover { /* HOVER */
    animation-timing-function: ease-out;
    animation-duration: 200ms;
    background-color: var(--angesp-base-500);
}
/* FIM BOTÂO SECUNDÁRIO */


/* INICIO PRIMÁRIO BOTÃO TEXT */
.rz-button.rz-variant-text.rz-primary.rz-shade-default:not(.rz-state-disabled):active { /* ACTIVE */
    outline: 1px solid #f5bec2;
    background-color: var(--rz-primary);
}

.rz-button.rz-variant-text.rz-primary.rz-shade-default:not(.rz-state-disabled):focus { /* FOCUS*/
    outline: 1px solid #f5bec2;
    background-color: #FFE4E4;
    color: var(--rz-primary);
}

.rz-button.rz-variant-text.rz-primary.rz-shade-default:not(.rz-state-disabled):hover { /* HOVER */
    background-color: #FFE4E4;
    color: var(--angesp-primary);
}
/* FIM PRIMÁRIO BOTÃO TEXT */

/* INICIO SECUNDÁRIO BOTÃO OUTLINE */
.rz-button.rz-variant-outlined.rz-secondary.rz-shade-default {
    color: var(--angesp-base-900);
    border: 1px solid var(--angesp-base-600)
}
.rz-button.rz-variant-outlined.rz-secondary.rz-shade-default:not(.rz-state-disabled):active { /* ACTIVE */
    color: var(--angesp-white);
    background-color: var(--angesp-base-600);
    outline: 1px solid #f5bec2;
}
.rz-button.rz-variant-outlined.rz-secondary.rz-shade-default:not(.rz-state-disabled):focus { /* FOCUS */
    outline: 1px solid var(--angesp-base-600);
    background-color: transparent;    
    color: var(--angesp-base-700);

}
.rz-button.rz-variant-outlined.rz-secondary.rz-shade-default:not(.rz-state-disabled):hover { /* HOVER */
    background-color: var(--angesp-base-700);  
    border: 1px solid var(--angesp-base-900);
    color: #fff;
    box-shadow: none;    
}

/* FIM SECUNDÁRIO BOTÃO OUTLINE */

/* INICIO SECUNDÁRIO BOTÃO TEXT */
.rz-button.rz-variant-text.rz-secondary.rz-shade-default:not(.rz-state-disabled):active { /* ACTIVE */
    outline: 1px solid var(--angesp-base-600);
}
.rz-button.rz-variant-text.rz-secondary.rz-shade-default:not(.rz-state-disabled):focus { /* FOCUS */
    background-color: var(--angesp-bg-btn);
    color: var(--rz-on-secondary);
}
.rz-button.rz-variant-text.rz-secondary.rz-shade-default:not(.rz-state-disabled):hover { /* HOVER */
    background-color: var(--angesp-bg-btn);
    color: var(--rz-on-secondary);
}
/* FIM SECUNDÁRIO BOTÃO TEXT */

/*BOTÃO BRANCO*/
.rz-button.rz-light {
    background-color: var(--angesp-white);
    color: var(--angesp-base-700);
}

.rz-button.rz-light:not(.rz-state-disabled):hover:not(:active) {
    background-color: var(--angesp-base-100);
    color: var(--angesp-base-700);
    border: 1px solid var(--angesp-base-700);
}
.rz-button.rz-light:not(.rz-state-disabled):active {
    background-color: var(--angesp-base-500);
    box-shadow: 0 0 0 3px var(--angesp-base-300), inset 0 0 0 1px #fff;
}

/*BOTÃO BRANCO OUTLINE*/
.rz-button.rz-light.rz-variant-outlined.rz-light.rz-shade-default {
    border: 1px solid var(--angesp-base-500);
    box-shadow: unset;
    color: var(--angesp-general-text-color);
}

.rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover:not(:active) { /* HOVER */
    background-color: var(--angesp-base-100);
    color: var(--angesp-base-700);
}

.rz-button.rz-light.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover:not(:active) {
    background-color: var(--angesp-base-100);
    border: 1px solid var(--angesp-base-500);
    box-shadow: unset;
    color: var(--angesp-base-700);
}


/*BOTÃO BRANCO TEXT*/



/* INICIO TOOLTIP */
.rz-tooltip-content {
    background-color: var(--angesp-base-700);
    border-radius: 3px;
    font-weight: 400;
    font-size: 14px;
    white-space: pre-line;
}
/* FIM TOOLTIP */


/* INICIO TEXTBOX */
.rz-textbox {
    width: 100%;
    display: block;
    padding: 0px 10px 0px 10px;
    border-radius: 5px !important;
    border: 1px solid var(--angesp-base-400);
    height: 40px;
}

/*Estilização datepicker dashboard externa*/
.progress-grid .dateFilters{
    display: flex;
}
.filter-container .rz-col-3,
.filter-container .rz-col-4 {
    border-right: 1px solid #E9E9E9;
    padding-right: 16px;
}
@media screen and (max-width: 768px) {
    .progress-grid .filter-container {
        align-items: stretch;
        gap: 10px;
        width: 100vw;
        padding: 0;
    }

/*        .progress-grid .filter-container .rz-column {
            width: 100vw !important;
            max-width: 100vw;
            padding: 0;
            display: flex;
            flex-direction: column;
            align-items: stretch;
        }*/

        .progress-grid .filter-container .dateFilters {
            flex-direction: column;
            gap: 10px;
            display: flex;
        }

        .progress-grid .filter-container .rz-label {
            margin-bottom: 5px;
        }

/*        .progress-grid .filter-container .rz-dropdown,
        .progress-grid .filter-container .rz-datepicker,
        .progress-grid .filter-container .searchbar-container {
            width: 80vw !important;
            max-width: 80vw;
        }*/

        .progress-grid .filter-container .rz-switch-container {
            flex-direction: row;
            align-items: center;
            gap: 10px;
        }
    .filter-container .rz-col-3,
    .filter-container .rz-col-4 {
        border: none !important;
    }
}
/*.rz-textbox:not(:disabled):not(.rz-state-disabled):focus, 
.rz-textbox:not(:disabled):not(.rz-state-disabled):hover,
.rz-dropdown:not(:disabled):not(.rz-state-disabled):hover,
textarea:not(:disabled):not(.rz-state-disabled):hover,
.rz-spinner:not(:disabled):not(.rz-state-disabled):hover {
    border: 1px solid var(--angesp-base-400);
    outline: 2px solid var(--angesp-base-400);
    outline-offset: 1px;
}*/
.rz-textbox:not(:disabled):not(.rz-state-disabled):active {
    border: 1px solid var(--angesp-base-600);
}

.rz-textbox:not(:disabled):not(.rz-state-disabled):focus {
    box-shadow: none;
}

.field-required, .field-optional {
    color: var(--angesp-primary-medium);
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    height: 15px !important;
}

.field-optional {
    font-style: italic;
}
/* FIM TEXTBOX */


/* INICIO BOTÕES FORMULÁRIOS DE SOLICITAÇÕES */
.form-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 24px;
    border: 1px solid var(--angesp-base-300);
    border-radius: 0px 0px 5px 5px;
}

.back-button, .submit-button {
    padding: 14px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.form-buttons .back-button {
    border: 1px solid var(--angesp-base-600);
    background-color: transparent;
}

.form-buttons .submit-button {
    background-color: var(--angesp-base-300);
    border: none;
}

.footer-buttons  {
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--angesp-base-300);
}
/* FIM BOTÕES FORMULÁRIOS DE SOLICITAÇÕES */

/*Botões de Exibir e Ocultar senha*/
.password-container {
    position: relative;
    display: flex;
    align-items: center;
}
.password-field {
    width: 100%;
    padding-right: 40px;
}
.toggle-password {
    position: absolute;
    right: 10px;
    background: none;
    border: none;
    color: #da4524;
    cursor: pointer;
    font-size: 18px;
}
.toggle-password:hover {
    color: #b8381e;
}
.btn-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #da4524;
    cursor: pointer;
    z-index: 10;
    padding: 5px;
    min-width: auto;
}
.input-field .btn-password.rz-button {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-width: auto !important;
    right: 20px;
}
.input-field .btn-password.rz-button .rz-button-icon {
   margin: 0 !important;
   padding: 0 !important;
}
.input-field .rz-shade-default {
    border: none !important;
    outline: none !important;
}

/* Ajuste para hover */
.input-field .btn-password:hover {
    color: #b8381e;
}

.input-field .rz-input {
    padding-right: 40px;
    background-color: none;
    border: none;
    background: none;
}

.btn-password:hover {
    color: #ff6347;
}

/* INICIO CHECKBOX E RELACIONADOS */
.checkbox-container {
    display: flex;
    align-items: center;
    padding: 5px 0;
    gap: 5px;
}

.rz-chkbox-box:hover:not(.rz-state-disabled), .rz-chkbox-box:not(.rz-state-disabled):focus {
    outline: 1px solid var(--angesp-white);
    box-shadow: lightgray 0px 0px 0px 3px;
    border: 2px solid lightgray !important;
}

.rz-chkbox-box{
    border-radius: 3px;
}

.rz-chkbox-box:not(.rz-state-disabled):active{
    border: 2px gray solid;
}

.rz-chkbox-box:hover:not(.rz-state-disabled):after{
    display:none;
}

.rz-chkbox .rz-chkbox-icon {
    background-color: var(--rz-checkbox-checked-hover-background-color);
}
.rz-chkbox-box.rz-state-active {
    background-color: var(--rz-checkbox-checked-hover-background-color);
}
/* FIM CHECKBOX E RELACIONADOS */


/* INICIO SELECT */
.rz-dropdown:not(.rz-calendar-year-dropdown):not(.rz-calendar-month-dropdown) {
    width: 100%;
}

span.rz-dropdown-trigger-icon.rzi.rzi-chevron-down:before {
    content: "keyboard_arrow_down";
}

div.rz-dropdown.rz-state-empty.rz-clear:focus:not(.rz-state-disabled){
    outline: none;
}

.rz-multiselect-items {
    font-size: 14px;
}

.rz-multiselect-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight,
.rz-multiselect-item.rz-state-highlight {
    color: var(--angesp-base-700) !important;
    font-weight: 700;
}

.rz-multiselect-items li.rz-state-highlight:hover {
    color: var(--angesp-base-700);
}
.rz-multiselect-items .rz-chkbox-box .rzi-check {
    color: var(--angesp-base-100);
}


.rz-multiselect-items .rz-chkbox-box:hover:not(.rz-state-disabled) {
    border-width: unset;
    box-shadow: none;
    border: none;
}

.rz-multiselect-items .rz-chkbox-box.rz-state-active, .rz-multiselect-items .rz-chkbox-box {
    background-color: transparent;
}

.rz-multiselect-items .rz-chkbox-box .rzi-check:before {
    content: 'done';
}

.rz-multiselect-items .rz-chkbox-box:hover:not(.rz-state-disabled), .rz-multiselect-items .rz-chkbox-box:not(.rz-state-disabled):focus {
    outline: none;
    box-shadow: none;
    border: none;
    background: transparent;
}

.rz-dropdown-chips-wrapper .rz-button {
    height: 0;
}

.rz-dropdown .rz-dropdown-clear-icon {
    opacity: 1;
}

.rz-dropdown .rz-dropdown-clear-icon:hover {
    opacity: 0.8;
}
.rz-dropdown-clear-icon {
    inset-inline-end: calc(var(--rz-dropdown-trigger-icon-width) + 1.0rem);
}
/* FIM SELECT */
/* INICIO RADIO BUTTON */
.rz-radiobutton-box:hover:not(.rz-state-disabled):after, .rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled):after {
    display: none;
}

.rz-radiobutton-box.rz-state-active .rzi-circle-on, .rz-radiobutton-box.rz-state-active .rzi-circle-on:hover:not(.rz-state-disabled) { /* Para não alterar a cor no hover */
    background-color: var(--rz-checkbox-checked-background-color);
}

.rz-radiobutton-box:hover:not(.rz-state-disabled), .rz-radiobutton-box:focus:not(.rz-state-disabled) {
    background: var(--angesp-base-300);
    border: 4px solid var(--angesp-white);
    box-shadow: 0 0 0 1px var(--angesp-base-300), 0 0 0 3px var(--angesp-white), 0 0 0 6px var(--angesp-base-300);
}

.rz-radiobutton .rz-radiobutton-box { /* thin radio! */
    border: 1px solid var(--angesp-base-400);
}

.rz-radiobutton-box:active:not(.rz-state-disabled) {
    border: 1px solid var(--rz-checkbox-checked-background-color) !important;
}

div.rz-radio-btn label.rz-radiobutton-label {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-transform: none;
    color: var(--angesp-base-700);
}

.rz-radio-button-list-vertical .rz-radio-btn {
    margin: 0;
}

.rz-radio-button-list-vertical {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
/* FIM RADIO BUTTON*/


/*#region RadzenSwitch */
div.rz-switch {
    position: relative;
    display: block;
    vertical-align: middle;
    width: 4rem;
    min-width: 4rem;
    height: 2rem;
}

.rz-switch .rz-switch-circle {
    background: var(--rz-switch-background-color);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: calc(5 * var(--rz-border-radius));
}

.rz-switch.rz-switch-checked .rz-switch-circle {
    background: var(--angesp-primary) !important;
}

.rz-switch .rz-switch-circle:before {
    background: var(--angesp-white) !important;
    inset-inline-start: 7px !important;
    width: 1rem;
    height: 1rem;
    left: 0.5rem;
    margin-top: -0.5rem;
    border-radius: calc((5 * var(--rz-border-radius)) - 3px);
    transition: transform 0.2s linear;
    box-shadow: var(--rz-switch-box-shadow);
    position: absolute;
    content: "";
    top: 50%;
}

.rz-switch.rz-switch-checked .rz-switch-circle:before {
    transform: translateX(2rem);
}

.rz-switch.rz-switch-checked .rz-switch-circle:before {
    transform: translateX(2rem) !important;
}
/*#endregion */

/*#region RadzenDatePicker */
.rz-datepicker {
    width: 100%;
}

.rz-overlaypanel-content .rz-multiselect-item,
.rz-overlaypanel-content .rz-multiselect-item.rz-state-highlight {
    background-color: var(--angesp-base-100);
    color: var(--angesp-base-700);
}
.rz-datepicker-popup-container {

}

.rz-calendar {
    width: 100%;
}
.rz-calendar-legal-analysis .rz-calendar {
    position: absolute !important;
    z-index: 1050 !important;
    transform: translateY(10px) !important;
}
.rz-calendar .rz-button.rz-variant-text.rz-secondary.rz-shade-default {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
}

.rz-calendar-year-dropdown .rz-dropdown-label,
.rz-calendar-month-dropdown .rz-dropdown-label {
    font-size: 14px;
}

.rz-calendar .rz-inputtext:not(:disabled):not(.rz-state-disabled) {
    border: unset;
    outline: unset;
    outline-offset: unset;
}

div :has(> .rz-calendar) {
    width: 100%;
}

.rz-datepicker-header .rz-datepicker-prev, .rz-datepicker-next {
    line-height: var(--rz-datepicker-header-line-height);
}

.rz-calendar .rz-calendar-button {
    padding: 0;
}

.rz-datepicker-calendar th {
    font-weight: normal;
    font-size: 11px;
    color: var(--angesp-base-500);
}

.rz-datepicker-calendar td .rz-state-active {
    background-color: #057AD4;
}

.rz-datepicker-calendar td .rz-state-default {
    border-radius: 4px !important;
    width: 44px !important;
    height: 36px !important;
}

    .rz-datepicker-calendar td .rz-state-default:hover {
        color: var(--angesp-info-dark);
        background-color: var(--angesp-info-lighter);
    }

.rz-datepicker-calendar .rz-datepicker-other-month {
    opacity: 0.6;
    color: var(--angesp-base-700);
}

.rz-overlaypanel {
    position: absolute;
    z-index: 2000;
}

.rz-textarea {
    width: 100%;
    height: 6.25rem;
    background-color: var(--angesp-textarea-bg) !important;
    color: var(--angesp-general-text-color) !important;
}

.rz-textarea::placeholder {
    color: var(--angesp-general-text-color) !important;
}

.rz-datepicker-trigger {
    right: 0.2rem
}

    .rz-datepicker-trigger .rzi {
        width: 2em;
    }

    .rz-datepicker-trigger .rzi-calendar:before {
        content: "calendar_month";
        font-size: 20px;
    }

/*#endregion */

div.panel-titlebar-info {
    display: flex;
    flex-direction: row;
}

div.panel-titlebar-info h5.titlebar-number{
    text-align:center;
    border-radius: 100%;
    color: var(--angesp-primary);
    background-color: var(--angesp-white);
    height: 21px;
    width: 21px;
    font-size: 12px;
    border: 1px solid var(--angesp-primary);
}

div.panel-titlebar-info h5.titlebar-text {
    font-size: 16px;
    padding: 0 0 0 8px;
}

div.info-item{
    margin: 10px 0;
}
/* 6Confirmation */
.a-document {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--angesp-info-primary);
    cursor: pointer;
}

.a-document > span {
    text-decoration: underline;
}

.a-document > i.rzi { 
    font-family: 'Material Symbols Outlined';
    font-size: 20px;
}

div.rz-row div.div100-insiderow{
    width: 100%;
}
/* FIM 6Confirmation */
.rz-calendar .rz-button {
    box-shadow: none !important;
}

.email-list li {
    font-size: 0.625rem;
    background-color: var(--angesp-base-900);
    color: white !important;
    border-radius: 1.75rem;
    padding: 0.375rem 0.375rem;
}

.email-list { /*Lista de e-mails*/
    display: flex;
    gap: 4px;
    font-weight: bold;
    align-items: center;
}

.email-list li,
.email-list button {
    height: 30px;
    min-height: 30px;
} 

div.rz-steps div.rz-row ul p.more-list-items{
    color: var(--angesp-primary);
    text-decoration: underline;
}
/* FIM SWITCH */
/*Paginação do app*/

/*Novo layout de paginação das Tabelas */
    .rz-pager {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        flex-wrap: nowrap !important;
    }

    .rz-pager .rz-dropdown {
        order: -1;
    }
    .rz-pager .rz-pagesize-text {
    order: -2;
    margin-right: auto;
    }
        .rz-pager .rz-pagesize-text {
            display: flex;
            align-items: center;
            order: -1;
            text-transform: capitalize;
        }
    .rz-pager-page,
    .rz-pager-prev,
    .rz-pager-next,
    .rz-pager-first,
    .rz-pager-last {
/*        background-color: #FFFFFF;*/
        border: 1px solid #DADADA;
        border-radius: 3px;
/*        color: #333333;*/
        font-weight: 700;
    }

/* Teste dos botões do paginator */

/* Modal */
.history-modal {
   width: 80% !important;
   height: auto;
}

.history-modal .rz-dialog-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 1rem;
}

.history-modal-content {
    display: grid;
    grid-template-columns: 1fr 240px;
    gap: 1rem;
}

.history-modal-content > div {
    border-radius: 8px;
    border: 1px solid var(--angesp-base-100);
    padding: 1rem;
}

.history-modal-content > div:last-child {
    padding: 0;
    overflow-y: scroll;
    max-height: 600px
}

.history-modal-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
}

.history-title-columns {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 1rem;
    padding: 1rem 0 0 1rem;
}

.rz-multiselect-header {
    margin: 0;
    padding: 1rem;
    font-weight: 700;
    border-bottom: 1px solid var(--angesp-base-100);
}

.rz-chkbox-label, .rz-multiselect-header {
    font-size: 10px;
}

.rz-checkbox {
    margin: 0 !important;
    padding: 1rem;
    border-bottom: 1px solid var(--angesp-base-100);
}

.rz-dialog {
    border-radius: 5px;
    box-shadow: 0px 5px 8px 0px #00000033;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.rz-dialog-titlebar {
    padding: 32px 32px 0;
}

.rz-dialog-content {
    padding: 10px 32px 32px;
    overflow: auto;
}

.view-request-modal .rz-dialog-content,
.view-request-modal .rz-dialog-titlebar {
    background-color: var(--angesp-bg-modal) !important;
}

.view-request-modal .paded-panel .rz-accordion-toggle-icon {
    display: none;
}

.view-request-modal-stack {
    background-color: var(--rz-panel-background-color);
    border-radius: 8px;
    padding: 0 !important;
}

.view-request-modal-stack .panel-field {
    align-items: flex-start;
}

.modal-stack-title {
    font-size: 14px !important;
    font-weight: 700;

}

.modal-stack-column {
    border: solid 1px;
    padding: .5rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.modal-stack-info {
    font-size: 12px;
}

.view-request-modal-stack .panel-titlebar-info {
    padding: 1.5rem;
    background-color: var(--angesp-titlebar-bg);
    border-radius: 8px 8px 0 0;
    border-bottom: solid 1px var(--angesp-border-color);
}

.view-request-modal-stack .view-request-modal-body {
    padding: 1rem;
    background-color: var(--rz-panel-background-color);
}

.modal-opened img {
    align-self: center;
    width: 75px;
    height: 75px;
}

.rz-dialog .rz-textarea {
    border-radius: 3px;
    padding: 10px;
    border: 1px solid var(--angesp-base-700);    
}

.modal-text, .modal-contents {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}

.modal-text p {
    display: flex;
    width: 85%;
    align-items: center;
    text-align: center;
}

.modal-contents ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    row-gap: 10px;
}

    .modal-contents ul li {
        font: 700 12px/16px Inter, sans-serif;
        border-radius: 28px;
        padding: 4px 6px;
        background-color: var(--bg-model-content);
    }

.modal-opened .rz-button {    
    min-width: 200px;
}

.row-button {
    display: flex;
    justify-content: center;
    gap: 12px;
    width: 100%;
}
.rz-dialog:has(.modal-400) {
    width: 427px !important;
}

.row-button .rz-button {
    width: max-content !important;
}

.rz-dialog .footer-buttons {
    width: 100%;
    padding: 0;
    border-top: none;
}

/* MODAL FILTER */
.rz-dialog:has(.modal-filter) {
    width: 290px !important;
}

.rz-dialog:has(.modal-filter) .rz-dialog-titlebar {
    padding: 24px;
    border-bottom: 1px solid var(--angesp-base-300)
}

.rz-dialog:has(.modal-filter) .rz-dialog-titlebar .rz-dialog-title {
    font-weight: bold;
}

.rz-dialog:has(.modal-filter) .rz-dialog-titlebar .rzi {
    display: none;
}

.filters-div {
    padding: 6px 24px 6px 24px;
}

.rz-dialog:has(.modal-filter) .row-button {
    justify-content: end;
    align-items: center;
    padding: 16px 24px 16px 24px;
}

.rz-dialog:has(.modal-filter) .rz-display-flex:has(.filters-div) {
    display: block !important;
}

.modal-contents .rz-html-editor-toolbar,
.modal-contents .rz-html-editor {
    border: none;
}

.view-request-modal .rz-dialog-content {
    overflow-y: auto;
    padding: 0 24px 50px;
}

.view-request-modal .rz-dialog-titlebar {
    padding: 2rem;
}

.view-request-modal .rz-panel .rz-panel-content-wrapper {
    border: none;
    border-radius: unset;
}

.view-request-modal .label-info, .view-request-modal .panel-field label {
    font-size: 14px !important;
    font-weight: 800 !important;
}

.view-request-modal .p-small, .view-request-modal .panel-field p {
    font-size: 13px !important;
    font-weight: 500 !important;
}

.view-request-modal .panel-field {
    align-items: flex-start !important;
}

.info-button {
    margin-left: -1rem;
}
/* ALERT */
.rz-alert.rz-primary {
    background-color: var(--angesp-info-primary);
}

.rz-alert.rz-danger:has(.rz-alert-item) {
    background-color: var(--angesp-primary-medium) !important;
}

.rz-alert.rz-success {
    background-color: #55B55B;
}

.rz-alert.rz-warning {
    background-color: #F2B808;
}

.rz-alert .rz-alert-item .rz-alert-icon {
    display: none;
}

/*PÁGINA PROCESSO*/
.panel-field {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.panel-field label {
    font-size: 10px;
    text-wrap: nowrap;
    text-transform: unset;
}
.panel-field p {
    font-size: 10px;
    font-weight: 700;
    text-wrap: nowrap;
}

.rz-col-2.panel-field {
    min-width: 190px;
}

.panel-field-itens {
    display: flex;
    gap: .5rem;
}

.panel-field-itens p {
    font-size: .775rem;
}

.panel-outline {
    padding: 8px;
    border: 1px solid var(--angesp-border-color);
    border-radius: 4px;
}

.change-responsible {
    background-color: transparent !important;
    box-shadow: none !important;
}
/*.process-data-column label, .process-data-column p {
    font-size: 10px !important;
}*/

.process-data-column {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    overflow-x: auto;
}

.progress-field {
    display: flex;
    flex-direction: column;
    width: 80px;
}

.progress-field label {
    padding-top: 0;
    text-transform: none;
}

.protocol-panel > .rz-panel-titlebar > :first-child {
    width: 100%;
    padding-right: 40px;
}

.protocol-panel > .rz-panel-titlebar .progress-field label,
.execution-panel > .rz-panel-titlebar .progress-field label,
.execution-panel > .rz-panel-titlebar .progress-field .rz-progressbar-label {
    color: var(--angesp-white);
}

.rz-progressbar-label-value {
    display: none;
}

.protocol-panel .rz-progressbar-label {
    display: block !important;
    position: absolute;
    left: 100%;
    width: unset;
    padding: 0 5px;
    font-size: 10px;
    font-weight: 600;
}

.protocol-panel .rz-progressbar {
    height: 8px;
    border-radius: 24px;    
}


/*.protocol-panel > .rz-panel-titlebar .rz-progressbar, 
.execution-panel > .rz-panel-titlebar .rz-progressbar {
    background-color: var(--angesp-base-600);
}*/
.rz-progressbar-determinate-success .rz-progressbar-value {
    position: unset;
    border-radius: 24px 0 0 24px;
}


.secondary-panel .progress-field .rz-progressbar-label {
    color: var(--angesp-base-600);
}

/* RADZEN TIMELINE */
body .rz-timeline-point {
    border: none;
}

body .rz-timeline-item:has(.rz-timeline-point-primary):before {
    background-color: var(--angesp-info-primary);
}

body .rz-timeline-point-primary {
    background-color: var(--angesp-info-primary);
}

body .rz-timeline .rz-timeline-align-items-center {
    align-items: self-start;
}

body .rz-timeline-axis-md {
    --rz-timeline-point-size: 2rem;
}

body .rz-timeline .rz-panel {
    padding-left: 0px !important;
}

body .rz-panel.secondary-panel .rz-panel-titlebar {
    padding: 0px 40px 10px 8px;
    height: 53px;
}

body .rz-timeline-column .rz-timeline-axis {
    margin-top: 8px;
}

body .rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before {
    left: calc((var(--rz-timeline-axis-size) / 2) - (var(--rz-timeline-line-width) / 2));
}

body .rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:first-child:before {
    top: calc(var(--rz-timeline-item-padding) + (var(--rz-timeline-point-size) / 2) - (var(--rz-timeline-line-width) / 2) + 10px);
}

body .rz-timeline.rz-timeline-column .rz-timeline-item {
    width: 100%;
    padding: 1rem 0;
}

/*UPLOAD BUTTON*/
.rz-fileupload-primary .rz-fileupload-buttonbar, .rz-fileupload-outline-primary .rz-fileupload-buttonbar {
    padding: 0;
    cursor: pointer;
}

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

@media(max-width:1280px) {
    .info-cadastro {
        order: 3;
    }
}

.user-image-container .rz-fileupload .rz-fileupload-content {
    display: none !important;
}

.rz-fileupload-primary .rz-fileupload-choose:not(.rz-state-disabled) {
    background-color: var(--angesp-primary);
    color: var(--angesp-white);
    height: 40px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.rz-fileupload-outline-primary .rz-fileupload-choose:not(.rz-state-disabled) {
    background-color: transparent;
    color: var(--angesp-primary);
    height: 40px;
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid var(--angesp-primary);
}

.rz-fileupload-outline-primary .rz-fileupload-choose.rz-button {
    box-shadow: unset;
}

.rz-fileupload-outline-primary .rz-fileupload-choose.rz-button .rz-button-text, .rz-fileupload-primary .rz-fileupload-choose.rz-button .rz-button-text {
   font-weight: 700;    
}        

.rz-fileupload-outline-primary .rz-fileupload-buttonbar {
    background-color: transparent;
}

.rz-row:has(.rz-fileupload-outline-primary) {
    width: unset;
}

.rz-fileupload-outline-primary .rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) {
    background-color: var(--angesp-primary);
    color: var(--angesp-white);
}

.rz-fileupload-primary .rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) {
    background-color: var(--angesp-primary-dark);
    color: var(--angesp-white);
}

.rz-fileupload-primary .rz-fileupload-choose:not(.rz-state-disabled) span {
    font-size: 13px;
}
.rz-fileupload-primary .rz-fileupload-choose:not(.rz-state-disabled) i { 
    font-size: 20px;
}

.rz-fileupload-row {
    display: grid;
    column-gap: 2rem;
    grid-template-areas: "name name btn"
               "kb kb btn";
}

    .rz-fileupload-row div {
        grid-area: kb;
    }

    .rz-fileupload-row div:first-child {
        grid-area: name;
        font-weight: 700;
    }

    .rz-fileupload-row div:last-child {
        grid-area: btn;
    }



    .rz-fileupload-files {
        margin-top:1rem;
        padding: 0.5rem .5rem .5rem 60px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: var(--angesp-base-100);
        border: 1px solid var(--angesp-base-400);
        border-radius: 4px;
        position: relative
    }

    .rz-fileupload-files .rz-icon-trash {
        display: none;
    }

    .rz-fileupload-files::after {
        content: '';
        position: absolute;
        top: 13px;
        left: 10px;
        width: 40px;
        height: 40px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url('/images/doc_icon.png');
    }

.rz-fileupload-row {
    margin-bottom: 0 !important;
}

.user-gravatar-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.user-gravatar-list > img {
    border: 2px solid #fff;
}
.user-gravatar-list > :not(:first-child) {
    margin-left: -12px;
}

.rz-button.rz-button-md.rz-variant-filled.rz-primary.rz-shade-default.gravatar-button {
    width: 40px;
    height: 40px;
    border: 2px solid var(--angesp-white);
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    min-width: unset;
}
/*.rz-button.rz-button-md.rz-variant-outlined.rz-secondary.rz-shade-default{
   margin: 5px;
}*/

.batch-summary-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border: 1px solid var(--angesp-base-300);
    border-radius: 5px;
}

    .batch-summary-card h6 {
        color: var(--angesp-primary);
    }

    .batch-summary-card p {
        background-color: var(--angesp-base-900);
        padding: 6px 8px;
        color: var(--angesp-white);
        border-radius: 20px;
    }

/* RADZEN TABS */
.rz-tabview-nav li a {
    font-weight: 700;
}

.rz-tabview-nav > li > a:not(.rz-state-disabled):before .rz-tabview-title {
    opacity: 0.5;
}

/* FIM RADZEN TABS */

.status-container {
    padding: 8px 0;
}

.status-container p {
    font-size: 12px;
}

/*#region RadzenProgressBar */
.progressbar-container {
    position: relative;
}

.progressbar-container .rz-progressbar.rz-progressbar-info,
.progressbar-container .rz-progressbar.rz-progressbar-success,
.progressbar-container .rz-progressbar.rz-progressbar-secondary {
    width: 80%;
    height: 10px !important;
    position: unset;
    overflow: hidden;
    border-radius: 6px !important;    
    background-color: var(--angesp-base-100);
}

.progressbar-container .rz-progressbar-determinate.rz-progressbar-secondary .rz-progressbar-value {
    background-color: var(--angesp-base-500);
}

.progressbar-container .rz-progressbar-value.rz-progressbar-value-animate {
    border-radius: 6px;
    position: unset;
}

.progressbar-container .rz-progressbar-label {
    display: block !important;
    font-weight: 600;
    font-size: 10px;
    position: absolute;
    right: 0px !important;
    width: fit-content;
    color: var(--angesp-general-text-color);
}

.rz-progressbar-value {
    max-height: 16px;
    position: unset;
}

.rz-progressbar-label, .rz-progressbar-label-value {    
     inset-inline: unset !important; 
     inset-block-start: unset; 
     margin-top: unset; 
     line-height: unset;
}

/*#endregion */


/*CARDS EXIBIDOS NO DASHBOARD bdo ADMIN*/
.index-admin-card {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border: 2px solid var(--angesp-border-color);
    padding: 16px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.admin-summary-card {
    display: none;
    position: absolute;
    opacity: 0;
    width: calc(100% + 4px);
    left: -2px;
    top: 99%;
    z-index: 10;
    border-top: none !important;
    border-radius: 0 0 8px 8px;
    
}

.index-admin-header .rz-panel-titlebar-toggler {
   display: none;
}

.index-admin-header .rz-button.rz-variant-text.rz-primary.rz-shade-default:not(.rz-state-disabled):focus, .index-admin-header .rz-panel-titlebar .rz-button.rz-button:hover {
    outline: 0;
    background-color: transparent;
    box-shadow: none;
    background: transparent !important;
    border: 0 !important;
}

.summary-panel {
    display: flex;
    align-items: center;
    justify-content: space-between !important;
}

.pinned-button {
    margin-left: auto;
}
.pinned-button-active {
    margin-left: auto;
    background-color: transparent;
    border: 2px solid #DA4524;
}

.pinned-button-active .rz-button-icon-left {
    transform: rotateZ(50deg);
}

    .index-admin-header .rz-panel-titlebar .rz-button:hover span {
        color: var(--angesp-primary) !important;
    }

    .pinned-button-active .rz-button-icon-left {
        transform: rotateZ(50deg);
    }

.summary-panel i.rzi {
    font-family: "Material Symbols Outlined";
}

.summary-pinned .index-admin-card {
    flex-direction: column;
}

.summary-pinned .index-admin-card .admin-summary-card {
    display: block;
    position: unset;
    opacity: 1;
    border: unset;
    box-shadow: unset;
    padding: 10px 0;
}

.index-admin-card:hover .admin-summary-card {
    display: block;
    animation-name: admin-summary-card-animation;
    animation-duration: 0.2s;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
    
}
.index-admin-card i.rzi {
    font-family: "Material Symbols Outlined";
}

.index-admin-card .rz-row {
    flex-wrap: nowrap;
}

@keyframes admin-summary-card-animation {
    to {
        opacity: 1;
    }
}

.admin-summary-card {
    background-color: var(--angesp-index-admin-summary-bg);
    border: 2px solid var(--angesp-border-color);
    padding: 16px;
}

.index-admin-card > :first-child {
    flex-wrap: nowrap;
}

.index-admin-card > :first-child h6 {
    color: var(--angesp-index-text-color);
}

.index-admin-card > :first-child p {
    background-color: var(--angesp-index-badge-bg-color);
    color: var(--angesp-index-color);
    padding: 2px 12px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid var(--angesp-index-badge-border-color);
}

.index-admin-card + .rz-button.rz-variant-outlined.rz-primary.rz-shade-default {
    width: 100%;
}

.index-admin-card label {    
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.index-admin-card .progressbar-container {
    width: 100%;    
    position: relative;
}

.index-admin-card .rz-progressbar.rz-progressbar-info {
    width: 85%;
    height: 8px;
    position: unset;
    overflow: hidden;
    color: var( --angesp-general-text-color);
}

.index-admin-card .rz-progressbar-label {
    display: block!important;
    font-weight: 600;
    font-size: 14px;
    position: absolute;
    right: 0px;
    width: fit-content;    
}

/*Novos cards*/
/*.index-admin-header .rz-panel-content-wrapper {
    min-height: 230px;
}*/
.summary-card-item {
    position: relative;
    color: var(--angesp-white);
    padding: 1rem 0.1rem 1rem .4rem;
    border-left: 13px solid;
    border-radius: 8px;
    color: var(--angesp-white);
    height: 70px;
    overflow-y: hidden;
    transition: .4s;
}

.summary-card-item:hover {
    height: 180px;
}

.summary-pinned .summary-card-item {
    height: 180px;
}

.summary-button-top .rzi {
    font-size: 1.1rem;
    font-weight: 200;
    color: var(--angesp-white);
}

.summary-card-item .summary-card-row-grid:first-child {
    margin-bottom: 5rem;
}

    .summary-card-row-grid {
        display: grid !important;
        grid-template-columns: 45px 1fr;
        align-items: center !important;
        gap: .5rem;
    }

.summary-card-row-grid div {
    grid-column: 2;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.summary-card-notification {
    border-radius: 50%;
    border: solid 1px;
    font-size: 1rem;
    font-weight: 700;
    padding: .4rem;
    display: grid;
    place-items: center;
    width: 42px;
    height: auto;
    aspect-ratio: 1/1;
}

.summary-card-title {
    font-size: .8rem;
    color: var(--angesp-white);
}

.summary-card-text {
    font-size: .7rem;
    color: var(--angesp-white);
}

.summary-button-top {
    position: absolute;
    top: .1rem;
    right: .1rem;
    background-color: transparent !important;
    box-shadow: none;
}

.summary-late {
    background-color: var(--angesp-summary-late-bg);
    border-color: var(--angesp-summary-late-broder);
}

.summary-late .summary-card-notification {
    background-color: var(--angesp-summary-late-notificantion-bg);
    border-color: var(--angesp-summary-late-notification-border);
}


.summary-pending {
    background-color: var(--angesp-summary-pending-bg);
    border-color: var(--angesp-summary-pending-broder);
}

.summary-pending .summary-card-notification {
    background-color: var(--angesp-summary-pending-notificantion-bg);
    border-color: var(--angesp-summary-pending-notification-border);
}

.summary-completed {
    background-color: var(--angesp-summary-completed-bg);
    border-color: var(--angesp-summary-completed-broder);
}

.summary-completed .summary-card-notification {
    background-color: var(--angesp-summary-completed-notificantion-bg);
    border-color: var(--angesp-summary-completed-notification-border);
}

.summary-total {
    background-color: var(--angesp-summary-total-bg);
    border-color: var(--angesp-summary-total-broder);
}

.summary-total .summary-card-notification {
    background-color: var(--angesp-summary-total-notificantion-bg);
    border-color: var(--angesp-summary-total-notification-border);
}

.button-message {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.button-message .rz-button.rz-primary.rz-shade-default {
    background-color: transparent !important;
    padding: .3rem !important;
    color: var(--angesp-general-text-color) !important;
    font-size: .6rem !important;
    border: none !important;
    box-shadow: none !important;
    height: auto !important;
}

.status-tecnician {
    font-size: .6rem;
    margin-top: .3rem;
}

.status-time {
    padding: .4rem .5rem;
    border-radius: 8px;
    color: var(--angesp-white);
    font-size: .6rem;
    display: inline-block;
}

.status-time-late{
    background-color: var(--angesp-summary-late-bg);
    border: solid 1px var(--angesp-summary-late-broder);
}

.status-time-pending {
    background-color: var(--angesp-summary-pending-bg);
    border: solid 1px var(--angesp-summary-pending-broder);
}

.status-time-completed {
    background-color: var(--angesp-summary-completed-bg);
    border: solid 1px var(--angesp-summary-completed-broder);
}

.status-time-total {
    background-color: var(--angesp-summary-total-bg);
    border: solid 1px var(--angesp-summary-total-broder);
}
/* FINAL CARDS EXIBIDOS NO DASHBOARD bdo ADMIN*/

/*Modal message History*/
.message-modal {
    max-width: 1500px;
}

.message-modal-header {
    padding: 1rem 1.5rem;
    border-bottom: solid 1px var(--modeal-border-color);
    background-color: var(--bg-modal-message);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    min-height: 80px;
}

.header-back {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.header-back .rz-button.rz-primary.rz-shade-default {
    background-color: transparent;
    border: none;
    box-shadow: none;
    height: 36px;
    font-size: .8rem !important;
    font-weight: 500;
    color: var(--angesp-general-text-color) !important;
    white-space: nowrap;
}

.header-info {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    min-width: 0;
    width: 50%;
}

.header-info .rz-row {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    column-gap: .5rem !important;
    row-gap: 1rem !important;
}

@media(max-width:1400px){
    .header-info .rz-row {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media(max-width:1200px){
    .header-info .rz-row {
        grid-template-columns: repeat(3, 1fr);
    }

    .message-history-request-container {
        grid-template-columns: 250px 1fr !important;
    }

    .message-history-chat-item {
        width: 50% !important;
    }
}
@media(max-width:1000px){
    .header-info .rz-row {
        grid-template-columns: repeat(2, 1fr);
        place-items: center;
    }

    .header-info-item,
    .header-info-item p {
        align-items: center !important;
        text-align: center;
    }

    .header-info .rz-row .header-info-item:last-child {
        grid-column: 1 / 3;
    }
}

.header-info-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .header-info-item label {
        font-size: .7rem !important;
        font-weight: 600;
        color: var(--rz-text-muted);
        margin-bottom: 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

    .header-info-item p {
        font-size: .8rem !important;
        margin: 0;
        color: var(--angesp-general-text-color);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        line-height: 1.2;
    }


.header-back, .header-info {
    flex-direction: column;
    font-size: .8rem !important;
}

    .header-back p, .header-info p {
        font-size: .8rem;
    }

    .header-back .rz-button.rz-primary.rz-shade-default {
        background-color: transparent;
        border: none;
        box-shadow: none;
        height: 36px;
        font-size: .8rem !important;
        font-weight: 500;
        color: var(--angesp-general-text-color) !important;
    }

.header-status {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    min-width: 120px;
}

    .header-status .rz-stack {
        align-items: flex-end;
    }

    .header-status .rz-button.rz-primary.rz-shade-default {
        background-color: transparent;
        border: solid 1px var(--angesp-general-text-color);
        box-shadow: none;
        height: 36px;
        font-size: .8rem !important;
        font-weight: 500;
        width: 100%;
        color: var(--angesp-general-text-color) !important;
    }

    .header-status .status-time {
        padding: .6rem;
    }

.message-modal .rz-dialog-content {
    overflow: hidden;
    height: 100%;
}

.message-modal-body {
    height: 90%;
    max-height: 80%;
    background-color: var(--bg-modal-message);
    overflow-y: auto;
}

.message-history-request-container {
    display: grid !important;
    grid-template-columns: 350px 1fr;
    height: 100%;
    overflow: hidden;
    background-color: var(--bg-modal-message);
}

.message-history-request, .message-history-chat {
    overflow-y: auto;
    height: 100%;
    scrollbar-gutter: stable;
}

.message-history-request {
    border-right: solid 1px var(--modeal-border-color);
    padding: .5rem .5rem 7rem .5rem;
}

.no-messages {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 200px;
    color: #6c757d;
    text-align: center;
    padding: 20px;
}

.no-messages-chat {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    color: #6c757d;
    text-align: center;
    padding: 20px;
}

.placeholder-history-photo {
    background-color: var(--rz-primary);
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 50%;
}

.message-history-request-item {
    position: relative;
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: .5rem;
    padding: 1rem .5rem 2rem;
    border-bottom: solid 1px var(--modeal-border-color);
    cursor: pointer;
    transition: .4s;
}

    .message-history-request-item:hover {
        transform: scale(1.04);
    }

    .message-history-request-item:last-child {
        border-bottom: none;
    }

.send-details {
    position: absolute;
    right: .2rem;
    bottom: .5rem;
    display: inline-block;
    font-size: .6rem;
}

.message-request-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .8rem;
}

.message-request-title {
    font-size: .8rem;
    font-weight: 600;
}

.message-history-chat {
    position: relative;
    height: 100%;
    min-height: 580px;
    overflow: hidden;
    padding: 1rem 1rem 10rem 0;
}

.message-history-chat-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
    overflow-y: auto;
    padding-bottom: 5rem;
    padding-right: .5rem;
    padding: 10px;
    background-color: var(--angesp-bg-modal-message);
    border-radius: 8px;
    flex-shrink: 0;
}

.message-history-chat-item {
    position: relative;
    padding: 1rem;
    border-radius: 12px;
    width: 40%;
    max-width: 80%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    font-size: .9rem;
    color: var(--angesp-general-text-color);
    line-height: 1.4;
    border: 1px solid rgba(0, 0, 0, 0.05);
    flex-shrink: 0;
}

    .message-history-chat-item.chat-received {
        align-self: flex-start;
        border-bottom-left-radius: 4px;
        background-color: #f8f9fa;
    }

    .message-history-chat-item.chat-sent {
        align-self: flex-end;
        border-bottom-right-radius: 4px;
        background-color: #e3f2fd;
    }
    .message-history-chat-item.chat-received.internal-user {
        border-left: 5px solid #2196f3 !important;
    }

    .message-history-chat-item.chat-sent.internal-user {
        border-right: 5px solid #2196f3 !important;
    }

    .message-history-chat-item.chat-received.external-user {
        border-left: 5px solid var(--angesp-primary) !important;
    }

    .message-history-chat-item.chat-sent.external-user {
        border-right: 5px solid var(--angesp-primary) !important;
    }

.chat-received .message-sender-info {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-weight: 600;
    color: #495057;
    font-size: .8rem;
}

.chat-sent .message-sender-info {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-weight: 500;
    color: #1565c0;
    font-size: .8rem;
}

.chat-received-info,
.chat-sent-info {
    position: absolute;
    bottom: .5rem;
    font-size: .7rem;
    color: #6c757d;
}

.chat-received-info {
    left: 1rem;
}

.chat-sent-info {
    right: 1rem;
}

.message-content {
    margin-bottom: 1.5rem;
    word-wrap: break-word;
    color: var(--angesp-card-message-p);
}
.message-sender-title {
    font-weight: 500;
    font-size: 12px;
    margin-left: 3px;
    color: var(--angesp-card-message-p);
}
.message-history-chat-sent {
    position: relative;
    display: flex;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

    .message-history-chat-sent .rz-textarea {
        background-color: var(--bg-message-history-textarea) !important;
        border-radius: 8px;
        resize: none;
        color: var(--angesp-base-800) !important;
        border: none !important;
        box-shadow: 5px 5px 15px #0000006e;
        width: 100%;
        margin-top: 10px;
        margin-right: 10px;
        height: 100%;
    }

.send-button-container {
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
}

    .send-button-container .rz-button.rz-primary.rz-shade-default {
        background-color: var(--angesp-info-primary) !important;
        border: none;
        box-shadow: none;
        color: white !important;
        height: 100%;
        min-width: 70px;
        font-size: .8rem !important;
        font-weight: 500;
        border-radius: 8px;
        transition: background-color 0.2s ease;
    }

        .send-button-container .rz-button.rz-primary.rz-shade-default.send-button-enabled {
            background-color: var(--angesp-info-primary) !important;
            border: none !important;
            box-shadow: none !important;
            color: white !important;
            height: 100%;
            min-width: 70px;
            font-size: .8rem !important;
            font-weight: 500;
            border-radius: 8px;
            transition: all 0.3s ease;
            cursor: pointer;
            opacity: 1;
        }

            .send-button-container .rz-button.rz-primary.rz-shade-default.send-button-enabled:hover {
                transform: translateY(-1px);
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
            }

            .send-button-container .rz-button.rz-primary.rz-shade-default.send-button-enabled:active {
                transform: translateY(0);
                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
            }

        .send-button-container .rz-button.rz-primary.rz-shade-default.send-button-disabled {
            background-color: #cccccc !important;
            border: 1px solid #bbbbbb !important;
            box-shadow: none !important;
            color: #666666 !important;
            height: 100%;
            min-width: 70px;
            font-size: .8rem !important;
            font-weight: 500;
            border-radius: 8px;
            cursor: not-allowed !important;
            opacity: 0.6;
            pointer-events: none;
        }

        .send-button-container .rz-button.rz-primary.rz-shade-default[disabled] {
            background-color: #cccccc !important;
            color: #666666 !important;
            cursor: not-allowed !important;
            opacity: 0.6;
            pointer-events: none;
        }

        .send-button-container .rz-button.rz-primary.rz-shade-default.sending {
            background-color: var(--rz-primary-light) !important;
            cursor: wait !important;
        }

.load-more-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    position: sticky;
    top: 0;
    z-index: 10;
    margin: -10px -10px 10px -10px;
}

.message-history-chat-item.chat-received:hover {
    background-color: #e9ecef; 
    transition: background-color 0.2s ease;
}

.message-history-chat-item.chat-sent:hover {
    background-color: #c5e6ff;
    transition: background-color 0.2s ease;
}

@media (max-width: 768px) {
    .message-modal-header {
        flex-direction: column;
        gap: 12px;
        padding: 1rem;
    }

    .header-info {
        order: 2;
        width: 100%;
    }

    .header-back {
        order: 1;
        align-self: flex-start;
    }

    .header-status {
        order: 3;
        align-self: flex-end;
        flex-direction: row;
        align-items: center;
        gap: 12px;
    }

    .message-history-chat-sent {
        padding: 0.5rem;
        bottom: 3rem;
    }

    .send-button-container .rz-button.rz-primary.rz-shade-default {
        min-width: 100px;
        height: 100%;
        font-size: .7rem !important;
    }

    /* Ajustes para mobile */
    .message-history-chat-item {
        width: 85%;
        max-width: 90%;
        padding: 0.8rem;
    }
}
.message-protocol-menu .rz-panel-menu,
.message-protocol-menu .rz-navigation-item,
.message-protocol-menu .rz-navigation-item-link {
    background-color: transparent !important;
}

.message-protocol-menu .rz-navigation-item-wrapper-active {
    background-color: transparent !important;
}
.message-protocol-menu .rz-panel-menu {
    border: none;
    width: 100%;

}
.message-protocol-menu .rz-navigation-item {
    margin-bottom: 4px;
    width: 100%;
}

.message-protocol-menu .rz-navigation-item-link {
    flex-direction: column;
    align-items: flex-start;
    padding: 12px 16px;
    border: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    min-height: auto;
    width: 100%;
    box-sizing: border-box;
}
.sidebar-panel .rz-panelmenu-item-content {
    padding: 8px 12px;
}
.sidebar-panel .rz-panelmenu-item .rz-stack {
    width: 100%;
}
.sidebar-panel .rz-panelmenu-item .rz-text:contains("-") {
    flex: 0 0 auto;
    margin: 0 4px;
}
.sidebar-panel .rz-navigation-item-wrapper-active {
    border-right: 3px solid var(--angesp-primary);
}
/*Fim modal message history*/
    ul .rz-menu {
    background-color: transparent;
}

.rz-layout.light-mode > * {
    transition: 0.5s;
}

.stage-icon {
    color: var(--angesp-base-700) !important;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    width: 48px;
    height: 48px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0 auto;
}

.aj-icon {
    background-color: var(--angesp-atention-light);
}

.ic-icon {
    background-color: var(--angesp-success-light);
}

.cl-icon {
    background-color: var(--angesp-info-lighter);
}

iframe {
    width: 100%;
    min-height: 500px;
    height: 100%;
}

.p-medium.office-name {
    color: var(--angesp-base-600);
    padding: 0 16px;
    font-style: italic;
}

.label-info {
    font-family: Inter;
    font-size: 11px !important;
    font-weight: 600;
    line-height: 13px;
    letter-spacing: 0.025em;
    text-align: left;
    text-transform: none;
    padding: 0 0 6px;
}

.play-button.rz-button.rz-primary.rz-shade-default {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    padding: 2px;
    min-width: 15px;
    min-height: 15px;
    background-color:transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--angesp-primary);
    box-shadow: unset;
}

.play-button.rz-button.rz-primary.rz-shade-default:not(.rz-state-disabled):hover {
    box-shadow: unset;
    background-color: transparent;
    color: var(--angesp-primary);
}

.play-button.rz-button.rz-primary.rz-shade-default:not(.rz-state-disabled):focus {
    box-shadow: unset;
}

.cnj-data-modal {
    padding: 12px;
    background: var(--angesp-base-50);
    border-top: 2px solid var(--angesp-base-400);
    border-bottom: 2px solid var(--angesp-base-400);
}

/*.index-admin-card .progressbar-container .rz-progressbar.rz-progressbar-info,
.index-admin-card .progressbar-container .rz-progressbar-value.rz-progressbar-value-animate {
    border-radius: unset;
}*/

/* STEPS */
.rz-steps .rz-steps-item:not(:last-child):after {
    color: #057AD4;
}

.rz-steps-item.rz-state-disabled:not(:last-child):after, .rz-steps-item.rz-steps-current:not(:last-child):after {
    color: var(--angesp-base-500);
}

.rz-steps-item a.rz-menuitem-link .rz-steps-title {
    font-weight: 500;
}

.add-file-modal h4 {
    text-align: center;
}

.modal-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 10px 24px 40px 24px;
    border: unset;
}

.table-layout-auto .rz-grid-table-fixed {
    table-layout: unset;
}
.table-layout-auto{
    width: 100%;
}

.input-field.rz-row {
    gap: 8px;
    row-gap: unset;
}

.process-modal .rz-row {
    width: unset;
}

.input-edit {
    width: 90%;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 24px;
}

.modal-opened:has(.input-edit) .form-buttons {
    padding: 0px 24px 0px 24px;
    border-top: unset;
}

.red-und,
.panel-field .red-und{
   font-weight: 900;
   text-transform: uppercase;
}

.panel-value {
    font-weight: 400 !important;
}


.items-inside-accordion {
    display: flex;
    gap: 12px;
    padding: 12px;
    border-radius: 8px;
    background-color: transparent;
    border: 1px solid var(--angesp-base-400);
    flex-wrap: wrap;
}

.rz-panel:has(.parameter-class) .rz-grid-table td .rz-cell-data {
    display: block;
    max-width: 250px;

}

div.validation-message:has(label) {
    /*position: absolute;*/
    display: inline-block;
}

div.validation-message label {
    color: var(--angesp-primary-light);
}

.process-modal .rz-data-grid.rz-has-paginator.rz-datatable.rz-datatable-scrollable {
    max-height: 60vh;
}

.process-modal.document-request {
    padding: 0px 24px 40px 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.process-modal.document-request .rz-stack {
    border: 2px solid var(--angesp-base-300);
    border-radius: 5px;
}

.process-modal.document-request h3 {
    padding: 12px 0px 12px 0px;
}

/*#region MessageScreen */
.rz-notification {
    inset-block-start: 60px;
}

.rz-growl-image.rzi-check:before,
.rz-growl-icon-close:before,
.rz-growl-message {
    color: white;
}

.rz-growl-item-container {
    background: rgb(255 255 255 / 77%);
    border-radius: 4px;
}

.rz-notification-item-wrapper {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 4px 0 #0c0c0d0d, 0 1px 4px #0c0c0dab;
}

.rz-notification-icon {
    background-color: white;
    border-radius: 50%;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    padding: 12px;
}

.rz-notification-success .rz-notification-item,
.rz-notification-message,
.rz-notification-close {
    color: white;
}

.rz-pager-next,
.rz-pager-prev,
.rz-pager-pages {
    margin-inline: 0 !important;
}
/*notification success*/
/*notification warning*/
.rz-notification-icon.rzi-exclamation-triangle:before {
    content: "exclamation";
}

/*notification error*/
.rz-notification-icon.rzi-times:before {
    content: "close";
}

/*notification info*/
.rz-growl-message-info .rz-growl-item {
    background-color: rgb(33 150 243);
}
.rz-notification-icon.rzi-info-circle:before
.rz-growl-image.rzi-info-circle:before {
    color: white;
    font-family: 'Material Symbols Outlined';
}

@keyframes animate-notification {
    0% {
        transform: translateX(350px);
        opacity: 0.2;
    }

    5% {
        transform: translateX(0px);
        opacity: 1;
    }

    95% {
        transform: translateX(0px);
        opacity: 1;
    }

    100% {
        transform: translateX(350px);
        opacity: 0.2;
    }
}

/*#endregion */

.new-process-tag {
    border: 2px solid var(--angesp-info-primary);
    border-radius: 4px;
    padding: 2px;
    width: fit-content;
    font-size: 10px;
    line-height: 1;
    font-weight: 600;
    color: var(--angesp-info-primary);
}

td:has(span > .new-process-tag),
td:has(span > .alert-tag) {
    padding: 0 6px;
}

.days-dropdown .rz-dropdown-label {
    font-size: 12px;
}

.days-dropdown .rz-dropdown {
    height: 30px;
    padding: 4px 15px;
}

.time-span {
    font-size: 10px;
    font-weight: 700;
    text-wrap: nowrap;
}

.fit-content {
    width: fit-content;
}

/*#region Modal de edição de dados na triagem */
.rz-dialog.data-validation-modal {
    min-height: 50%;
    max-height: 90%;
}
.triage-selection-header {
    margin: 10px;
}

.data-validation-modal > .rz-dialog-titlebar {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
}

.data-validation-modal .rz-dialog-titlebar-close {
    width: fit-content;
}

.data-validation-modal .rz-dialog-title {
    text-align: center;    
    width: 100%;
    font-size: 26px;
}

/*#endregion */

/*#region DROPDOWN GROUPING */

.rz-state-disabled.rz-multiselect-item, 
.rz-multiselect-items li.rz-state-disabled {
    opacity: 1;
    padding: 0.75rem 1rem 0;
}

.rz-multiselect-item.rz-state-disabled:hover, rz-dropdown-item rz-state-disabled:hover {
    background-color: unset;
    color: unset;
    cursor: default;
}

.rz-state-disabled.rz-multiselect-item > .rz-chkbox {
    display: none;
}

.rz-state-disabled.rz-multiselect-item > span {
    font-weight:600;
}

.rz-multiselect-items:has(> .rz-state-disabled.rz-multiselect-item) > .rz-multiselect-item:not(.rz-state-disabled) {
    padding-left:2rem;
}

.rz-dropdown-items li.rz-state-disabled {
    opacity: 1;
    font-weight: 600;
}

.rz-dropdown-items li.rz-state-disabled:hover {
    background-color: var(--rz-dropdown-item-selected-hover-background-color);
}


.rz-dropdown-item.rz-state-disabled:has(.files-container) {
    background-color: unset;
    color: unset;
    cursor: default;
}

.rz-dropdown-item:has(.files-container):not(.rz-state-disabled) {
    padding-left: 2rem;
}

/*#endregion */

/*#region RadzenAccordion */
.rz-accordion > .rz-accordion-header a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

/*#endregion */

.rz-layout:has(.document-viewer-page) .rz-header {
    display: none;
}

.rz-layout:has(.document-viewer-page) .rz-body {
    padding: 0 !important;
}

.support-documents-linked {
    border: var(--rz-grid-cell-border);
    padding: 10px;
    max-height: 302px;
    overflow-y: auto;
}

.main-card.register-modal.support-view-modal .linked-documents-container {
    max-height: 300px;
    overflow-y: auto;
    padding-right: 10px;
}

/*#region Cards Dashboards RadioInputs */
.summary-card {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    height: 70px;
    min-height: unset;
    box-shadow: 0 0 1px 2px inset white;
    transition: 0.3s;
    width: 100%;
    border: 2px solid var(--angesp-base-300);
    border-radius: 5px;
    padding: 16px;
    user-select: none;
}

    .summary-card:has(input) {
        cursor: pointer;
    }

    .summary-card input {
        display: none;
    }
        
    .summary-card.new-card {
        color: var(--angesp-info-primary);
    }

        .summary-card.new-card:has(input):hover {
            border-color: var(--angesp-info-primary);
            transition: 0.5s;
        }

    .summary-card:has(input[type="radio"]:checked).new-card {
        color: white;
        background-color: var(--angesp-info-primary);
    }

      
    .summary-card.new-card-dark {
        color: var(--angesp-info-darker);
    }

        .summary-card.new-card-dark:has(input):hover {
            border-color: var(--angesp-info-darker);
            transition: 0.5s;
        }

    .summary-card:has(input[type="radio"]:checked).new-card-dark {
        color: white;
        background-color: var(--angesp-info-darker);
    }


    .summary-card.not-started-card {
        color: var(--angesp-primary-medium);
    }

        .summary-card.not-started-card:has(input):hover {
            border-color: var(--angesp-primary-medium);
            transition: 0.5s;
        }

    .summary-card:has(input[type="radio"]:checked).not-started-card {
        color: white;
        background-color: var(--angesp-primary-medium);
    }

    .summary-card.running-card {
        color: var(--angesp-warning);
    }

        .summary-card.running-card:has(input):hover {
            border-color: var(--angesp-warning);
            transition: 0.5s;
        }

    .summary-card:has(input[type="radio"]:checked).running-card {
        color: white;
        background-color: var(--angesp-warning);
    }

    .summary-card.idle-card {
        color: #D87A23;
    }

        .summary-card.idle-card:has(input):hover {
            border-color: #D87A23;
            transition: 0.5s;
        }

    .summary-card:has(input[type="radio"]:checked).idle-card {
        color: white;
        background-color: #D87A23;
    }

    .summary-card.validation-card {
        color: var(--angesp-success);
    }

        .summary-card.validation-card:has(input):hover {
            border-color: var(--angesp-success);
            transition: 0.5s;
        }

    .summary-card:has(input[type="radio"]:checked).validation-card {
        color: white;
        background-color: var(--angesp-success);
    }


    .documents-container {
        height: 100%; 
        min-height: 500px;
    }
        .documents-container > .rz-column {
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        .popup-container {
            height: 100%;
            display: flex;
            flex-direction: column;
            background-color: var(--bg-popup-children);
        }
        .popup-children {
            flex: 1;
            overflow-y: auto;
        }

        .execution-panel {
            height: 100%;
            display: flex;
            flex-direction: column;
            border-radius: 8px;
        }

            .execution-panel > .rz-panel-content {
                flex: 1;
                overflow-y: auto;
                display: flex;
                flex-direction: column;
            }

            .values-found-document {
                flex: 1;
                display: flex;
                flex-direction: column;
                min-height: 0;
                max-height: 400px;
            }
                
            .values-found-document .rz-datagrid {
                    flex: 1;
                    min-height: 0;
                }

    .documents-container .popup-children,
    .documents-container .popup-header,
    .documents-container h6 {
        background-color: var(--bg-popup-children);
        color: var(--title-popup-children) !important;
    }

    .documents-container .rzi-light {
        color: var(--angesp-base-500) !important;
    }
/*#endregion */

.bank-documents .rz-dropdown-chips .rz-chip .rz-button {
    height: fit-content;
    min-width: 28px;
    padding: 0;
    align-self: unset;
}

.rz-dialog-content:has(.document-view-modal),
.rz-dialog-content:has(.document-view-modal) > div,
.rz-dialog-content:has(.document-view-modal) > div > .rz-stack {
    height: 100%
}

.dashboard-status-panel .rz-stack {
    padding: 24px 16px
}


tr.rz-data-row {
    height: 64px;
}

.overdue td span {
    /*background-color: #DA4524 !important;*/
    font-weight: bold;
    color: #DA4524 !important;
}

@media(max-width: 1200px) {
    .card-group {
        flex-direction: column !important;
    }
}

/* Estilização das linhas da tabela clicáveis */
.rz-datatable tbody tr {
    transition: background-color 0.3s ease-in-out;
}
    .rz-datatable tbody tr.rz-state-highlight {
        background-color: #DA4524 !important;
        color: #ffffff !important;
        font-weight: bold;
    }
.rz-datatable tbody tr.rz-state-highlight a,
.rz-datatable tbody tr.rz-state-highlight span {
     color: #ffffff !important;
     }
.values-found-document .rz-datatable tbody tr.rz-state-highlight {
    background-color: rgba(204, 204, 204, 1) !important;
    color: rgb(51, 51, 51) !important;
    font-weight: bold;
}

.values-found-document .rz-datatable tbody tr.rz-state-highlight > td {
    background-color: #CCCCCC !important;
    color: #333333 !important;
    opacity: 1 !important;
    font-weight: bold;
}
.values-found-document .rz-state-highlight .rz-cell-data {
    color: #333333 !important;
    }

.rz-datatable tbody tr a {
    text-decoration: none !important;
}

    .rz-datatable tbody tr a:hover {
            text-decoration: underline !important;
    }

.type-support-container {
    border-radius: 8px;
    padding: 6px 12px;
}

.padded-container {
    border: 1px solid var(--angesp-base-100);
    border-radius: 12px;
    padding: 1rem;
}

/*#region RadzenSelectBar */
.rz-selectbutton {
    gap: 4px;
}

.rz-selectbutton .rz-button.rz-button-md {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    min-width: unset;
    padding: 0;
}

.rz-selectbutton .rz-button.rz-button-md .rz-button-text {
    font-size: 1rem;
}

.rz-selectbutton .rz-button.rz-button-md.rz-state-active {
    color: white;
    background-color: var(--angesp-info-primary);
}
/*#endregion */

.light-panel .rz-panel-titlebar {
    color: var(--angesp-base-700);
}

.light-panel .rz-panel .rz-panel-content-wrapper {
    padding: 16px;
}

.light-panel .rz-panel-titlebar-toggler .rzi {
    color: black;
}

/*#region RadzenTabs */
.menu-left-tabs {
    gap: 16px;
}

.menu-left-tabs.rz-tabview-left > .rz-tabview-nav {
    background-color: white;
    border-radius: 8px;
    min-height: 300px;
    padding: 8px;
    width: 275px;
}

.menu-left-tabs.rz-tabview.rz-tabview-left > .rz-tabview-panels {
    border-left: unset;
    background-color: white;
    border-radius: 8px;
    margin-top: 56px;
}

.menu-left-tabs.rz-tabview.rz-tabview-left > .rz-tabview-nav .rz-tabview-selected {    
    background: var(--angesp-primary);
    color: white;
    border-radius: 8px;
}


/*#endregion */

.rz-dialog-content .customer-expert-form {
    max-height: 600px;
    overflow-y: auto;
}

.parts-card {
    padding: 12px;
    border-radius: 8px;
    background-color: transparent;
    border: 1px solid var(--angesp-base-400);    
}

.parts-card.rz-col-4 {
    min-width: 300px;
}

.parts-card p {
    font-weight: 600;
}

.title-row {
    border-bottom: 1px solid var(--angesp-base-200);
    padding: 4px 0;
}

.rz-tabview-nav li a, .rz-tabview-nav li a:not([href]):not([class]) {
    font-size: 12px;
    padding: 8px 16px;
    text-transform: none;
}

.modal-opened.modal-700 i.rzi.main-modal-icon {
    font-family: 'Material Symbols Outlined';
    font-size: 38px;
    color: white;
    margin: 10px;
    border-radius: 50%;
    box-shadow: 0 0 0 16px var(--angesp-base-400);
    background-color: var(--angesp-base-400);
}

.list-files-modal {    
    max-height: 330px;
    overflow-y: auto;    
    width: 100%;
}

@media (max-height: 800px) {

    .list-files-modal {
        max-height: 220px;     
    }
}

/*#region RadzenDataList */

.rz-panel .rz-datalist-data,
.rz-panel.secondary-panel .rz-datalist-data {
    padding: 0;
}

.rz-panel .rz-datalist-content > :not(:last-child),
.rz-panel.secondary-panel .rz-datalist-content > :not(:last-child) {
    border-bottom: 1px solid var(--angesp-border-color);
}

.rz-panel .rz-datalist-data > li:last-child,
.rz-panel.secondary-panel .rz-datalist-data > li:last-child {
    margin: 0;
    border: none;
    padding-right: 20px;
}

.rz-panel .rz-datalist-data:has(.notification-read) > li {
    background-color: var(--angesp-read-notification-bg) !important;
}
/*#endregion */

/*#region RadzenRating */

.rz-rating.rz-state-disabled a {
    cursor: not-allowed;
}

.rz-rating.rz-state-disabled > :first-child {
    display: none;
}

.rz-rating.rz-state-disabled .rzi {
    color: var(--angesp-primary);
}
    /*#endregion */

/*#region RadzenUpload */
.rz-fileupload-buttonbar {
    background-color: transparent;
    padding: unset;
}

.rz-fileupload-buttonbar .rz-fileupload-choose:not(.rz-state-disabled) {
    box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary);
    color: var(--rz-primary);
    background-color: transparent;
    height: 43px;
    min-width: 43px;
    padding: 0 0.75rem;
    display: flex;
    align-items: center;
    line-height: inherit;
    font-weight: 700;
    font-size: 13px;
}

.rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) {
    color: var(--angesp-white);
    background-color: var(--rz-primary);
}
.rz-fileupload-buttonbar .rz-fileupload-choose:not(.rz-state-disabled):active {
    outline: 1px solid #f5bec2;
    background-color: var(--rz-primary);
    color: var(--angesp-white);
}
.rz-fileupload-buttonbar .rz-fileupload-choose:not(.rz-state-disabled):focus {
    outline: 1px solid #f5bec2;
    background-color: transparent;
    color: var(--angesp-white);
}

.rz-fileupload-buttonbar .rz-button-text {
    text-wrap: nowrap;
}


/*#endregion */

div.validation-message.position-unset:has(label) {
    position: unset;
}

.overflow-container {
    max-height: 500px;
    overflow-y: auto;
}

.notification-link {
    position: relative;
}

.rz-link.fit-content.rz-button.rz-button-md.icon-only {
    justify-content: center;
}

.rz-link.fit-content.rz-button.rz-button-md.icon-only .rz-link-text {
    display: none;
}

.notification-link .rz-badge {
    position: absolute;
    top: 0px;
    left: 60%;
}

.external-user.rz-layout .rz-header {
    padding: 0 24px;
    border-bottom: unset;
    background-color: var(--rz-layout-body-background-color);
}

.message-threads-container .rz-button {
    background-color: var(--angesp-base-200) !important;
    color: var(--angesp-base-700) !important; 
}
.external-user.rz-layout .rz-body > :first-child {
    width: 95%;
    margin: 0 auto;
    max-width: 1600px;
}

.external-user .rz-body {
    padding-left: 1rem;
    padding-right: 1rem;
}

/*@media(max-width: 992px) {
    .external-user.rz-layout .rz-body > :first-child,
    .external-dashboard {
        width: 100% !important;
    }
}*/

.execution-panel {
    box-shadow: unset;
    border: 1px solid var(--angesp-base-200);
}

.execution-panel .rz-panel-content-wrapper {
    padding: 0;
}
    .execution-panel .registered-keys-card {
        margin-bottom: 20px;
        width: 100%;
        box-shadow: none;
    }
    .execution-panel .rz-numeric{
        width: 100%;
    }

.execution-panel .rz-panel-titlebar {
    overflow: auto !important;
}

.key-dropdown-title {
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
}
.key-dropdown-item {
    cursor: pointer;
    padding-left: 24px;
}
.key-dropdown-title .rzi{
    margin-right: 5px;
}
.clear-button {
    position: absolute;
    right: 30px; 
    top: 65%; 
    transform: translateY(-50%);
    z-index: 1;
    background-color: transparent; 
    background:none !important;
    border: none;
    padding: 0; 
}
.clear-button:hover{
    background-color: transparent !important;
}
.support-icon {
    padding: 3px;
    background-color: #057AD4;
    color: var(--color-icon-primary);
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

.support-inprogress {
    background-color: #D8A409;
}

.support-finished {
    background-color: #3A8340;
}

.support-primary {
    background-color: var(--angesp-primary);
}

.support-canceled {
    background-color: var(--angesp-base-400);
}

/*#region RadzenNumeric */
.rz-numeric .rz-numeric-button {
    height: fit-content;
}

.rz-numeric-button .rzi {
    vertical-align: middle;
}
/*#endregion */

/*#region Pager */

.rz-pager .rz-dropdown {
    width: var(--rz-pager-dropdown-width) !important;
}
/*#endregion */

/*#region Modal enviar documento */
.rz-dialog-content:has(.send-document-modal) {
    padding: 10px 22px 22px;
}


/*#endregion */

.excerpt-data-cell {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    white-space: break-spaces;
    overflow: hidden;
}

.submenu, .submenu .rz-navigation-item-link {
    padding-left: 1rem;
}

.rz-sidebar .rz-panel-menu .rz-navigation-item:active, 
.rz-sidebar .rz-panel-menu .rz-navigation-item:hover {
    background-color: transparent;
}

.rz-panel-menu .rz-navigation-item-wrapper {
    border-radius: 5px;
}

.rz-button.rz-variant-text.rz-primary.rz-shade-default:not(.rz-state-disabled):hover {
    background-color: var(--angesp-base-200);
}

.rz-button.rz-primary.rz-shade-default:not(.rz-state-disabled):focus {
    box-shadow: 0 0 0 1px var(--angesp-white), 0 0 0 3px #33333361;
}


.rz-button.rz-variant-text.rz-primary.rz-shade-default:not(.rz-state-disabled):focus {
    outline: 1px solid var(--angesp-base-900);
    border: 1px solid var(--angesp-base-900);
    background-color: var(--angesp-base-200);
}

.rz-button.rz-variant-text.rz-primary.rz-shade-default:not(.rz-state-disabled):active {
    background-color: var(--angesp-base-400);
    color: var(--anesp-200);
}

.rz-button.rz-variant-text.rz-primary.rz-shade-default {
    color: var(--angesp-icon-color);
}

.rz-form-field-content {
    display: inline-block;
}

.goto-process {
    font-size: 14px !important;
}
.rz-material-dark .rz-expanded-row-content td {
    background-color: var(--bg-row-content) !important;
}
.rzi-dark {
    color: var(--info-rzi);
}

.special-flows .rz-radio-button-list-horizontal .rz-radiobutton-label {
    margin-left: 5px;
}

.progressBarCircular {
    height: 104%;
    display: grid !important;
    place-items: center !important;
    position: sticky !important;
    background-color: var(--rz-sidebar-background-color) !important;
    width: 102%;
    z-index: 999999999;
    margin-top: -1rem;
    margin-left: -1.2rem;
}
.rz-fieldset-content {
    width: 100% !important;
    height: 100%;
    box-sizing: border-box;
    padding: 1 !important;
}

/*Complementar Objetos de Demanda modal*/
.response-demand-modal .panel-applicant-defendant .rz-panel-content {
    min-width: 100% !important;
}

/*Accredited Clients*/
.buttons-column {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
}

/*MOdal documentos bancários*/
.modal-documents, .modal-documents .rz-dialog-titlebar {
    background-color: var(--angesp-bg-modal-variant) !important;
}

.modal-documents .rz-dialog-titlebar {
    padding: 1rem 2rem 0.5rem 2rem !important;
}

.modal-bank-document-card {
    box-shadow: 1px 1px 9px 1px #00000059;
    border: none !important;
}

.modal-bank-document-card,
.modal-bank-document-body,
.modal-bank-document-card .rz-panel-titlebar {
    background-color: var(--angesp-bg-modal-card-variant) !important;
}

.modal-bank-document-card .titlebar-text {
    color: var(--rz-primary);
}

.modal-bank-document-card div.panel-titlebar-info h5.titlebar-number {
    background-color: transparent !important;
}

.modal-bank-document-body .list-container {
    min-height: 150px !important;
    align-items: flex-start !important;
}

.modal-bank-document-stack {
    border: solid 1px var(--angesp-border-color);
    padding: .5rem;
    border-radius: 5px;
}

.modal-bank-text-stack {
    font-weight: 800 !important;
    margin: 1rem 0 .5rem 0 !important;
    font-size: 11px !important;
}

.modal-data-columns label{
    font-weight: 700 !important;
}

.scroll-stack {
    overflow-y: auto;
    max-height: 180px;

}

.import-file-modal {
    text-align: center;
}

.icon-import-modal {
    background-color: var(--angesp-primary);
    padding: 1.2rem;
    border-radius: 50%;
    display: flex;
}

.icon-import-modal i.rzi {
    background-color: var(--angesp-white);
    border-radius: 50%;
    padding: 1.2rem;
    font-size: 2rem;
    font-weight: 900;
}

    .file-content-title {
        color: var(--rz-text-h4-color);
        font-weight: 700;
    }

.import-file-modal .icon-import-modal {
    background-color: var(--angesp-primary);
    border-radius: 50%;
}

.file-content {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    border: solid 1px var(--angesp-border-color);
    border-radius: 8px;
    padding: 1rem;
}

.file-content-line {
    width: 280px;
    justify-content: center !important;
}

.file-icon-valid,
.file-icon-invalid {
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

.file-icon-valid {
    background-color: #55B55B;
    
}

.file-icon-invalid {
    background-color: #E54522;
}

.file-modal-btn .rz-button {
    width: 100% !important;
}

/*Request steps*/


@media(min-width: 0px) {
    .main-card {
        margin-top: 0;
    }

        /* STEPS */
        .main-card.requests .rz-steps {
            overflow: auto;
        }

            .main-card.requests .rz-steps > ul {
                width: max-content;
            }

            .main-card.requests .rz-steps > ul,
            .main-card.requests .rz-steps .rz-widget-content {
                padding: 1rem;
            }

        .main-card.requests .footer-buttons > .request button.rz-button {
            /*width: 110px;*/
        }

        .main-card.requests .rz-steps .rz-widget-content {
            border-top: 1px solid var(--angesp-base-300);
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .main-card.requests .rz-steps-prev.rz-state-disabled {
            cursor: default;
        }

        /* BREADCRUMB */
        .main-card.requests .rz-steps .rz-menuitem-link {
            border: 1px solid var(--angesp-base-300);
            background-color: unset;
            padding: 5px 8px 5px 5px;
            border-radius: 35px;
            gap: 6px;
        }

        .main-card.requests .rz-steps-title {
            font-weight: 600;
            font-size: 11px;
            margin: 0;
        }

        .main-card.requests .rz-steps-number {
            width: 22px;
            height: 22px;
            padding: 0;
            line-height: unset;
            font-size: 14px;
        }

        .main-card.requests .rz-state-disabled.rz-state-highlight.rz-steps-current.rz-steps-item {
            opacity: 1;
        }

            .main-card.requests .rz-steps-current > .rz-menuitem-link,
            .main-card.requests .rz-state-disabled.rz-state-highlight.rz-steps-current.rz-steps-item > .rz-menuitem-link {
                color: var(--angesp-primary);
                border: 1px solid var(--angesp-primary);
                background-color: var(--angesp-primary-lighter);
            }

        .main-card.requests .rz-steps .rz-state-highlight .rz-steps-number {
            background-color: var(--angesp-primary);
            color: white;
        }

        .main-card.requests .rz-steps .rz-state-highlight .rz-steps-title {
            color: var(--angesp-primary);
        }

        .main-card.requests .rz-steps .rz-steps-item:not(.rz-state-disabled):not(.rz-state-highlight.rz-steps-current) .rz-menuitem-link {
            border: 1px solid var(--angesp-info-primary);
        }

        .main-card.requests .rz-steps .rz-steps-item:not(.rz-state-disabled):not(.rz-state-highlight.rz-steps-current) .rz-steps-number {
            display: none;
        }

        .main-card.requests .rz-steps .rz-steps-item:not(.rz-state-disabled):not(.rz-state-highlight.rz-steps-current) .rz-menuitem-link::before {
            content: 'check_circle';
            font-family: 'Material Symbols Outlined';
            font-size: 22px;
            color: var(--angesp-info-primary);
        }

        /* FORMULÁRIO PRINCIPAL */
        .main-card.requests .main-title :first-child {
            background-color: var(--angesp-primary);
            color: var(--angesp-white);
            width: 35px;
            height: 35px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
        }

        .main-card.requests .main-title :last-child {
            color: var(--angesp-primary-dark);
        }

        .main-card.requests .footer-buttons .btn-back-steps {
            background-color: var(--angesp-white);
        }

        .main-card.requests .rz-steps .rz-steps-item:not(:last-child):after {
            content: 'navigate_next';
            font-family: 'Material Symbols Outlined';
            height: unset;
            margin-right: unset;
            background-color: unset;
        }

        .main-card.requests .rz-steps-item:has(> .rz-menuitem-link.completeStep)::after {
            color: var(--angesp-info-primary);
        }
}


/*modal documentos bancários*/
.bank-document-modal .rz-expander .rz-expander-content {
    overflow: hidden;
}

/* History Request*/
@media(min-width: 0px) {
    .process-page .rz-button.rz-button-xs {
        white-space: nowrap;
        height: 23px;
    }

    .process-page .info-columns {
        display: grid !important;
        grid-template-columns: repeat(5, auto);
        gap: 2rem;
    }

    @media(max-width: 1024px) {
        .process-page .info-columns {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    .process-page {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

        .process-page > :first-child {
            border-radius: 8px;
        }

            .process-page > :first-child:not(.execution-panel) > .rz-panel-content-wrapper {
                border-top: unset;
                padding: 16px;
            }

        .process-page .rz-panel-content-wrapper {
            padding: 8px 16px;
            position: relative;
        }

            .process-page .rz-panel-content-wrapper:has(.rz-timeline) {
                padding-left: 6px;
            }

        .process-page .process-folder.rz-button.rz-variant-text.rz-secondary.rz-shade-default {
            height: 100%;
            color: var(--angesp-general-text-color);
        }

            .process-page .process-folder.rz-button.rz-variant-text.rz-secondary.rz-shade-default span {
                display: flex;
            }

        .process-page .process-folder label {
            padding: 0;
            text-transform: none;
        }

        .process-page .process-folder .rzi {
            font-family: 'Material Symbols Outlined';
        }

        .process-page .rz-timeline.rz-timeline-column .rz-timeline-item {
            padding: 1rem 0 0;
        }

        .process-page .progressbar-container {
            min-width: 110px;
        }

        .process-page .progressbar {
            background-color: var(--angesp-white);
        }

        .process-page .progress-fillbar {
            position: absolute;
            top: 25px;
            bottom: 40px;
            left: 26px;
            width: 5px;
            background-color: var(--angesp-info-primary);
            z-index: 10;
        }

        .process-page i.rzi.progress-checkbox {
            position: absolute;
            left: 0;
            width: 25px;
            height: 25px;
            color: #fff;
            font-size: 10px;
            background-color: var(--angesp-info-primary);
            border-radius: 50%;
            z-index: 20;
        }

        .process-page .progressbar-container.panel-field {
            height: 37px;
        }

            .process-page .progressbar-container.panel-field > div {
                height: 17px;
                display: flex;
                align-items: flex-end;
            }

        /*#region Support */
        .process-page .support-panel:has(.support-content) > .rz-panel-titlebar {
            background-color: lightblue;
        }

        .process-page .support-panel:has(.support-content.support-done) > .rz-panel-titlebar {
            background-color: lightgreen
        }

        .process-page .support-panel:has(.support-content.support-awaiting) > .rz-panel-titlebar {
            background-color: #fffdaf;
        }

        .process-page .support-panel:has(.support-content.support-canceled) > .rz-panel-titlebar {
            background-color: #ffb09c;
        }

        .process-page .support-panel:has(.support-content) > .rz-panel-titlebar .rz-panel-titlebar-toggler {
            color: #6a6a6a;
        }
        /*#endregion */

        /*#region RadzenTabs */
        .process-page .rz-tabview-panel {
            padding: 16px 0;
        }
        /*#endregion */

        .process-page .external-process-page {
            width: 95%;
            margin: 0 auto;
            max-width: 1600px;
            margin-top: 16px;
        }

        /*#region Menu lateral solicitações */
        .process-page .sidebar-panel.rz-panel-menu {
            display: flex;
            flex-direction: column;
            gap: 10px;
            background: transparent;
            height: calc(100vh - 68px);
            border-right: 2px solid var(--angesp-border-color);
            max-height: calc(100% - 2rem);
            padding-bottom: 20px;
        }

        .process-page .external-process-page .sidebar-panel.rz-panel-menu {
            max-height: calc(100% - 5rem);
        }

        .process-page .rz-panel-menu a.rz-navigation-item-link {
            flex-direction: column;
            align-items: flex-start;
            padding: 10px 16px;
        }

            .process-page .rz-panel-menu a.rz-navigation-item-link .rz-text-subtitle1 {
                text-wrap: nowrap;
                font-weight: 600;
            }

            .process-page .rz-panel-menu a.rz-navigation-item-link i.rzi {
                font-size: 10px;
            }

        .process-page .rz-panel-menu .rz-navigation-item {
            margin-top: unset;
        }

        .process-page .rz-panel-menu .rz-navigation-item-wrapper {
            border-right: 2px solid transparent;
            transition: 0.2s;
        }

        .process-page .rz-panel-menu .rz-navigation-item-wrapper,
        .process-page .rz-panel-menu .rz-navigation-item-wrapper-active {
            background-color: transparent;
            border-radius: 0;
        }

            .process-page .rz-panel-menu .rz-navigation-item-wrapper:hover {
                border-radius: 4px 0 0 4px;
                transition: 0.3s;
            }

        .process-page .rz-panel-menu .rz-navigation-item-wrapper-active {
            border-color: var(--angesp-primary);
            transition: 0.5s;
        }

            .process-page .rz-panel-menu .rz-navigation-item-wrapper-active
            a.rz-navigation-item-link
            .rz-text-subtitle1 {
                color: var(--angesp-primary);
            }
        /*#endregion */

        /*#region Painel Request */
        .process-page .request-container.rz-stack {
            overflow-y: auto;
            max-height: 92vh;
            padding-right: 16px;
            width: 100%;
        }
        /*#endregion */

        .process-page .rz-link.rz-button {
            height: 33px;
        }

    .process-modal .rz-datatable {
        border: 1px solid var(--angesp-base-300);
        border-radius: 5px;
    }

    .process-modal .rz-data-grid.rz-has-paginator.rz-datatable.rz-datatable-scrollable {
        max-height: 65vh;
    }

    .process-modal .rz-datatable,
    .process-modal .modal-sidebar-container {
        max-height: 590px;
    }

    .process-modal .modal-sidebar-container {
        min-width: 230px;
    }

        .process-modal .modal-sidebar-container > .rz-tree {
            max-height: 580px;
            min-height: 30px;
        }

            .process-modal .modal-sidebar-container > .rz-tree p {
                font-size: 12px;
                font-weight: 600;
                white-space: nowrap;
            }

        .process-modal .modal-sidebar-container label {
            font-size: 10px;
            color: var(--angesp-base-600);
        }

            .process-modal .modal-sidebar-container label::before {
                content: "folder";
                font-family: "Material Symbols Outlined";
                color: var(--angesp-info-primary);
                text-transform: none;
                font-size: 18px;
                margin-right: 8px;
            }

        .process-modal .modal-sidebar-container .rz-treenode-content-selected .rz-treenode-label {
            background-color: unset;
            font-weight: 700;
        }

    .process-modal .rz-treenode-content:not(.rz-treenode-content-selected):hover .rz-treenode-label {
        cursor: pointer;
    }

    .process-modal .rz-treenode-children .rz-treenode,
    .process-modal .rz-treenode{
        padding-left: 1.5rem;
    }

    .process-modal > :first-child {
        padding-bottom: 10px;
    }

    .process-modal .rz-datatable {
        width: 100%;
    }

    .process-modal .rz-panel-menu {
        min-width: 250px;
        height: 100%;
        max-height: 580px;
    }

    .process-modal .rz-treenode .rzi.rzi-info {
        font-family: "Material Symbols Outlined";
        color: var(--angesp-info-primary);
    }

    .process-modal .modal-sidebar-container {
        border: 1px solid var(--angesp-base-300);
        border-radius: 5px;
        padding: 0.5rem;
    }

    .process-modal ::-webkit-scrollbar {
        background-color: transparent;
        width: 8px;
        height: 8px;
    }

    .process-modal .rz-grid-table td:not(:last-child) {
        white-space: normal;
    }

    .process-modal ::-webkit-scrollbar-thumb {
        background-color: var(--angesp-base-300);
        border-radius: 48px;
        right: 10px;
    }

    .process-modal ::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .process-modal .add-file-modal {
        padding: 0 24px 40px;
    }

    .process-modal .add-file-modal > .input-field {
        width: 100%;
    }

    .process-modal .add-file-modal > .input-field .rz-textarea {
        background-color: red;
    }

    .rz-panel:not(.paded-panel) .rz-panel-content {
        padding: 1rem;
    }

    .suspended-modal .input-list-container {
        width: 100%;
        padding: 16px;
        border: 1px solid var(--angesp-base-200);
        border-radius: 8px;
        overflow-y: auto;
        max-height: 340px;
    }

        .suspended-modal .input-list-container .rz-button {
            width: fit-content;
        }

    .suspended-modal .rz-selectbutton .rz-button.rz-button-md {
        width: 100%;
        padding: 12px;
        height: 100%;
        border: 2px solid var(--angesp-border-color);
    }

    .suspended-modal .rz-selectbutton .rz-button.rz-button-md .rzi {
        font-family: 'Material Symbols Outlined';
    }

    .suspended-modal .rz-selectbar .rz-button.rz-state-active {
        border: 2px solid var(--angesp-info-primary);
        background-color: var(--angesp-info-primary) !important;
        color: var(--angesp-white) !important;
    }

        .suspended-modal .rz-selectbar .rz-button.rz-state-active:first-child .rzi {
            color: var(--angesp-white);
        }

        .suspended-modal div.input-field.fit-content {
            width: fit-content;
        }

    .suspended-modal .input-buttons-process {
        width: 100%;
        gap: 1rem;
    }

    .suspended-modal .rz-selectbutton {
        gap: 16px;
    }

    .suspended-modal .add-fields-container {
        padding: 0;
    }

    .suspended-modal .input-buttons-process .rz-button {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 1.5rem;
        border-radius: 4px;
    }

}


.subtitle-workflow {
    font-size: 0.8rem;
    font-weight: 500;
    color: #6B6B6B;
}

.divider {
    display: inline-block;
    width: 1px;
    height: 16px;
    background-color: #d0d0d0;
    margin: 0 8px;
    vertical-align: middle;
}