.permission_listPermitions__ZlkSC {
    display: flex;
    flex: 1 1;
    flex-direction: column;
}
.permission_listPermitions__ZlkSC * {
    margin-bottom: 0.5rem;
}
body {
    background-color: var(--background-lightest);
    font-family: "Ubuntu", sans-serif !important;
}

.container>.topbar>.right::after {
    background: none !important;
}

body .container {
    max-width: 100%;
    background-color: var(--background-lightest);
}

body .container>.topbar {

    background: linear-gradient(90deg,
            var(--color-primary-purple-dark) 40%,
            var(--color-primary-purple) 100%);



}

body .container>.topbar>.left>.lc-tooltip .item.notifications,
body .container>.topbar .center>.lc-tooltip .item.notifications,
body .container>.topbar .right>.lc-tooltip .item.notifications {
    position: relative;
}

body .container>.topbar>.left>.lc-tooltip .item.notifications .badge,
body .container>.topbar .center>.lc-tooltip .item.notifications .badge,
body .container>.topbar .right>.lc-tooltip .item.notifications .badge {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 3px;
    right: 3px;
    background-color: #fff;
    color: #000;
    font-size: 10px;
    padding: 2px;
    border-radius: 8px;
    min-width: 20px;
    color: #fff;
    background-color: #4ebaff;
}

body .container>.topbar>.left>.lc-tooltip .item.notifications .badge.success,
body .container>.topbar .center>.lc-tooltip .item.notifications .badge.success,
body .container>.topbar .right>.lc-tooltip .item.notifications .badge.success {
    background-color: #a5bf3e;
}

body .container>.topbar>.left>.lc-tooltip .item.notifications .badge.warning,
body .container>.topbar .center>.lc-tooltip .item.notifications .badge.warning,
body .container>.topbar .right>.lc-tooltip .item.notifications .badge.warning {
    background-color: var(--color-secondary-lime);
    color: var(--text-default);
}

body .container>.topbar>.left>.lc-tooltip .item.notifications .badge.danger,
body .container>.topbar .center>.lc-tooltip .item.notifications .badge.danger,
body .container>.topbar .right>.lc-tooltip .item.notifications .badge.danger {
    background-color: #e64646;
}

body .container>.topbar>.left .lc-tooltip>.item,
body .container>.topbar .center>.lc-tooltip>.item,
body .container>.topbar .right>.lc-tooltip>.item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    width: 44px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    cursor: pointer;
    color: #fff;
}

body .container>.topbar>.left .lc-tooltip>.item>i,
body .container>.topbar .center>.lc-tooltip>.item>i,
body .container>.topbar .right>.lc-tooltip>.item>i {
    font-size: 24px;
}

body .container>.topbar>.left .lc-tooltip>.item:hover,
body .container>.topbar>.left>.lc-tooltip>.item.active,
body .container>.topbar .center>.lc-tooltip>.item:hover,
body .container>.topbar .center>.lc-tooltip>.item.active {
    background-color: rgba(0, 0, 0, 0.4);
}

body .container>.topbar .right>.lc-tooltip>.item:hover,
body .container>.topbar .right>.lc-tooltip>.item.active {
    background-color: rgba(46, 25, 86, 0.4);
}

body .container>.topbar>.left .lc-tooltip>.item>.avatar,
body .container>.topbar .center>.lc-tooltip>.item>.avatar,
body .container>.topbar .right>.lc-tooltip>.item>.avatar {
    width: 24px;
    height: 24px;
    border: 1px solid #fff;
    border-radius: 14px;
}

body .container>.topbar>.left>.items {
    display: flex;
    gap: 25px;
    align-items: center;
}

body .container>.topbar>.left>.items>.division {
    width: 3px;
    height: 22px;
    border-radius: 2px;
    background-color: #ccc;
    margin-left: 8px;
    margin-right: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}

body .container>.topbar>.left>.items>.group {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    width: fit-content;
    max-width: 150px;
    font-size: 0.8rem;
    padding-right: 10px;
}

body .container>.topbar>.left .items .lc-tooltip .item .title {
    margin-left: 0;
}

body .container>.topbar>.left .items .gtm {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    min-width: 52px;
    margin-top: 8px;
    border-radius: 10px 10px 0 0;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    padding: 10px 20px;
    cursor: pointer;
    color: var(--text-dark);
    position: relative;
    background-color: var(--background-white);
    /* margin-left: 20px;
    margin-right: 20px; */
}

body .container>.topbar>.left .items .gtm.secops {
    background-color: #f1f5fb;

}

body .container>.topbar>.left .items .gtm .title {
    font-size: 14px;
}

body .container>.topbar>.left .items .gtm::after,
body .container>.topbar>.left .items .gtm::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border-radius: 50%;
}

body .container>.topbar>.left .items .gtm::after {
    left: -20px;
    box-shadow: 10px 10px #fff;
}

body .container>.topbar>.left .items .gtm::before {
    right: -20px;
    box-shadow: -10px 10px #fff;
}

body .container>.topbar>.left .items .gtm.secops::after {
    box-shadow: 10px 10px #f1f5fb;
}

body .container>.topbar>.left .items .gtm.secops::before {
    box-shadow: -10px 10px #f1f5fb;
}


body .container>.topbar>.left .items .gtm>i {
    font-size: 24px;
    text-align: center;
    font-weight: 100;
}

body .container>.topbar>.center {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
}

body .container>.topbar>.center>.logo {
    height: 20px;
    margin: 0 20px;
}

body .container>.topbar>.right .changearea {
    padding-left: 20px;
    margin-right: 15px;
    width: 250px;
    display: flex;
    justify-content: end;
    align-items: center;
}

body .container>.topbar>.right .lastupdate {
    display: flex;
    flex-direction: column;
    text-align: right;
    font-weight: 400;
    font-size: 11px;
    color: var(--text-default);
    /* opacity: 0.5; */
    gap: 2px;
}

body .container>.topbar>.right .changearea .notification {
    height: 50px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-size: 10px;
    text-align: right;
    color: #ffffff;
    text-overflow: ellipsis;
    overflow: hidden;
    display: flex;
    align-items: center;
}

body .container>.topbar>.right .changearea .notification>span {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

body .container>.toolbar {
    z-index: 10;
}

body .container>.toolbar>.left>.items>.item.active {
    background-color: var(--color-primary-purple-dark) !important;
    color: var(--text-white) !important;
}

body .container>.toolbar>.right>*:not(:last-child)::after {
    content: " ";
    display: inline-flex;
    width: 1px;
    height: 20px;
    border-radius: 2px;
    background-color: var(--line-dark);
    margin: auto 12px;
}

body .container>.toolbar>.right *>.lc-dropdown * {
    white-space: nowrap;
}

body .container>.toolbar>.right>.gridfilter {
    display: flex;
    align-items: center;
    overflow: hidden;
    font-size: 12px;
}

body .container>.toolbar>.right>.gridfilter>.size {
    font-weight: 700;
}

body .container>.toolbar>.right>.gridfilter:hover {
    overflow: visible;
}

body .container>.toolbar>.right>.select-period {
    display: flex;
    align-items: center;
    font-size: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

body .container>.toolbar>.right>.functions {
    position: relative;
    display: flex;
    overflow: hidden;
}

body .container>.toolbar>.right>.functions:hover {
    overflow: visible;
}

body .container>.toolbar>.right>.row {
    display: flex;
    align-items: center;
    gap: 5px;
}

body .container>.toolbar>.right>.row>.lc-dropdown {
    font-size: 12px;
    font-weight: 500;
}

body .container>.toolbar>.right>.row>.lc-dropdown .ppi {
    font-weight: bolder;
}

body .container>.toolbar>.right>.row select {
    font-family: "Ubuntu", sans-serif;
    font-size: 13px;
    font-weight: 500;
    padding: 4px 5px;
    border: 0;
    cursor: pointer;
}

body .container>.toolbar>.right>.clientgroup {
    display: flex;
    align-items: center;
}

body .container>.toolbar>.right>.clientgroup span {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 10px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 400;
}

body .container>.toolbar>.right>.last {
    display: flex;
    align-items: center;
    gap: 5px;
}

body .container>.page {
    margin: 0 auto;
    padding: 0.75rem;
}

body .container>.page>.pp-dropmenu.right {
    right: 239px;
}


.pp-dropmenu>.items>.group-solution {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: .25rem;
    padding: .0rem 0;
}

.pp-dropmenu>.items .group-solution-meu-lc {
    display: flex;
    grid-gap: 0.25rem;
    gap: 0.25rem;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: .25rem 1.5rem;
}

.pp-dropmenu>.items>.item .group-solution {
    display: flex;
    align-items: center;
    gap: .25rem;
}

.pp-dropmenu>.items>.item .label,
.pp-dropmenu .label {
    margin-bottom: 0;
}


.pp-dropmenu .color-group {
    width: .5rem;
    height: .5rem;
    border: 1px solid #fff;
    background: blue;
    border-radius: 50%;
}


.pp-dropmenu>.items>.item,
.pp-dropmenu>.items .item {
    gap: 0.3125rem;
    flex-shrink: 0;
    align-self: stretch;
}


.pp-dropmenu>.items,
.pp-dropmenu .subitems {
    width: 280px !important;
}

.pp-dropmenu .subitems>.group-solution .item {
    cursor: pointer;
    width: 100%;
    display: flex;
    padding: 0.3125rem 1.5rem;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0.125rem;
    align-self: stretch;
}


.pp-dropmenu .items>.group-solution .item {
    cursor: pointer;
    width: 100%;
    display: flex;
    padding: 0.3125rem 1.5rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.125rem;
}


.pp-dropmenu .subitems>.group-solution {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
}

.pp-dropmenu .subitems>.group-solution .item .label.solution-name,
.pp-dropmenu .items>.group-solution .item .label {
    color: var(--text-light);
    font-family: "Ubuntu", sans-serif;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}


.pp-dropmenu .subitems>.group-solution .item .label,
.pp-dropmenu .items>.group-solution .item .label {
    margin-bottom: 0 !important;
}

.pp-dropmenu .subitems>.group-solution .item .solution {
    display: flex;
    align-items: flex-start;
    gap: .25rem;
    justify-content: space-between;
    width: 100%;
    flex-direction: column;
}


.pp-dropmenu .title-menu {
    color: var(--text-light);
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    /* 1.4rem */
    letter-spacing: -0.035rem;
    display: flex;
    padding: .75rem 1.25rem;
    align-items: center;
    gap: 0.3125rem;
    align-self: stretch;
}

.pp-dropmenu .subitems>.group-solution .item i {
    font-size: 18px;
    font-weight: bolder;
}




.pp-dropmenu .subitems>.group-solution .item.selected,
.pp-dropmenu .items>.group-solution .item.selected {
    background-color: #eee;
}

.pp-dropmenu .subitems>.group-solution .item:hover,
.pp-dropmenu .subitems>.group-solution .item:hover .label,
.pp-dropmenu .items>.group-solution .item:hover,
.pp-dropmenu .items>.group-solution .item:hover .label {
    background-color: #f5f5f5;
    color: var(--text-default);
}

.pp-dropmenu .subitems>.group-solution .item>.label {
    display: flex;
    align-items: center;
    gap: 10px;
}


.pp-dropmenu .subitems>.group-solution .item .sufixo,
.pp-dropmenu .item .sufixo {
    font-size: 11px;
    color: var(--text-light);
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 1rem */
}


.pp-dropmenu>.items hr,
.pp-dropmenu .items .group-solution hr {
    margin: 1rem auto;
    display: inline-block;
    width: calc(100% - 3rem);
    padding: 0 1.5rem;
    background-color: #d6d8e1;
    border: 0
}

.pp-dropmenu>.subitems>.group-solution .item i {
    font-size: 22px;
    font-weight: 300;
}


.pp-dropmenu .subitems .group-solution,
.pp-dropmenu .items .group-solution {
    margin: 0;
}

.pp-dropmenu .subitems .group-solution .group-title {
    font-size: 0.75rem;
    color: var(--text-light);
    padding: 5px 24px;
    display: block;
    font-weight: 500;
}


.pp-dropmenu .items .group-solution .group-title {
    font-size: 10px;
    font-family: "Ubuntu", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    /* 1rem */
    letter-spacing: -0.025rem;
    color: var(--text-light);
    display: block;
}


/*.pp-dropmenu .group_0 .color-group {
    background-color: #5F5DAD;
}

.pp-dropmenu .group_1 .color-group {
    background-color: #0055A8;
}

.pp-dropmenu .group_2 .color-group {
    background-color: #16C2F3;
}

.pp-dropmenu .group_3 .color-group {
    background-color: #6E2D8E;
}

.pp-dropmenu .group_4 .color-group {
    background-color: #DC291E;
}

.pp-dropmenu .group_5 .color-group {
    background-color: #59BAC5;
}*/


/*.pp-dropmenu .subitems .group-solution.group_0 .group-title, .pp-dropmenu .items .group-solution.group_0 .group-title {
    color: #5F5DAD;
}

.pp-dropmenu .subitems .group-solution.group_1 .group-title, .pp-dropmenu .items .group-solution.group_1 .group-title {
    color: #0055A8;
}

.pp-dropmenu .subitems .group-solution.group_2 .group-title, .pp-dropmenu .items .group-solution.group_2 .group-title {
    color: #16C2F3;
}

.pp-dropmenu .subitems .group-solution.group_3 .group-title, .pp-dropmenu .items .group-solution.group_3 .group-title {
    color: #6E2D8E;
}

.pp-dropmenu .subitems .group-solution.group_4 .group-title, .pp-dropmenu .items .group-solution.group_4 .group-title {
    color: #DC291E;
}

.pp-dropmenu .subitems .group-solution.group_5 .group-title, .pp-dropmenu .items .group-solution.group_5 .group-title {
    color: #59BAC5;
}*/



.pp-dropmenu>.items {
    height: fit-content;
    overflow-y: auto;
}

.pp-dropmenu>.items::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 0.25rem;
    background-color: #eee;
    z-index: 99;
}

.pp-dropmenu>.items::-webkit-scrollbar-thumb {
    background: #cccccf;
    border-radius: 0.25rem;
}

.pp-dropmenu>.items::-webkit-scrollbar-thumb:hover {
    background: #ddd;
}

.pp-dropmenu>.items::-webkit-scrollbar-track {
    border-radius: 0.25rem;
}



/* plataforma */

.container>.topbar {
    /*background-color: #173192 !important;*/
    height: 44px !important;
}

.container>.topbar>.left>.items {
    overflow: inherit !important;
}




.pp-dropmenu {
    top: 44px !important;
}

.container>.toolbar {
    height: 36px !important;
}

.container>.toolbar>.left>.items>span.item {
    color: var(--text-light) !important;
    font-size: 12px !important;
    padding: 0 10px !important;
    height: 22px !important;
    font-weight: 400 !important;

}

.container>.toolbar>.left>.items>span.item.active:hover {
    color: #fff !important;
    background: var(--color-primary-purple-dark) !important;
}

.container>.toolbar>.left>.items {
    padding: 0 25px 0 12px;
    gap: 10px;
}

.container>.toolbar>.left>.items>span.item:hover {
    background-color: var(--background-light) !important;
    color: var(--text-default) !important;
}

.container>.toolbar>.right .element,
.container>.toolbar>.right .clientgroup {
    color: var(--text-light) !important;
}

.container>.toolbar>.right {
    height: 36px !important;
    padding: 0 12px !important;
}


.container>.toolbar>.right .input-toggle>.title {
    color: var(--text-light);
}

.toolbar>.left>.btnscroll {
    border-radius: 10px;
    border: none;
    box-shadow: 0px -4px 8px 4px #ebebeb;
    padding: 4px 10px;
}

.toolbar>.left>.btnscroll.left {
    box-shadow: 0px -4px 8px 4px #ebebeb;
    border-radius: 0px 10px 10px 0px;
    z-index: 1;
}

.pp-dropmenu>.items>.item,
.pp-dropmenu .subitems>.item {
    font-size: 13px;
    font-weight: 400 !important;
    font-family: 'Ubuntu' !important;
}

.pp-dropmenu>.items,
.pp-dropmenu .subitems {
    background-color: var(--background-white) !important;
    color: var(--text-default) !important;
}

.pp-input>.title,
.pp-input>.field>input {
    font-family: "Ubuntu" !important;
    color: var(--text-default) !important;
}


.MuiInputBase-input {
    font-family: 'Ubuntu' !important;
}

.pp-input>.field.required {
    border-left: 3px solid var(--color-secondary-lime) !important;
}


div.pp-input>.field:focus,
div.pp-textarea>.field:focus,
div.pp-dropdown>.field:focus,
div.pp-multiselect>.field:focus {
    border: 1px solid var(--color-secondary-lime) !important;
    border-left: 3px solid var(--color-secondary-lime) !important;
}

.pp-modal>.body>.header>.title {
    font-family: "Ubuntu" !important;
    font-weight: 300 !important;
    font-size: 20px !important;
    color: var(--text-dark) !important;
}

.pp-modal>.body>.content {
    color: var(--text-default) !important;
}

spline-viewer {
    width: 100%;
    height: 100vh;
    display: block;
}


.homeflex .fix-card-content .card-frame-header-content {
    display: none !important;
}

.MuiBox-root.css-vxc1o {
    left: -30px;
}

.pp-tooltip > .body > .main > .content {
    
    background-color: var(--background-light) !important;
    box-shadow: 0px 0px 3px rgba(32, 47, 47, 0.36) !important;
    color: var(--text-default) !important;
}

.MuiGrid-root {
    font-family: 'Ubuntu' !important;
}




.lc-datatableinfinite.infinitetable-with-tooltip > .body > .row > .cells > .cell, .lc-datatableinfinite.infinitetable-with-tooltip > .body > .lc-accordion.visible > .body > .row > .cells > .cell { 
    overflow: visible !important; 
    overflow: initial !important;
}

.pp-textarea > .field > textarea, .MuiTypography-body1 {
    font-family: 'Ubuntu' !important;
    color: var(--text-default);
}

.MuiButtonBase-root {
    font-family: 'Ubuntu' !important;
    color: var(--text-default) !important;
}

.MuiSlider-valueLabel {
    color: var(--color-primary-purple-dark) !important;
}


.MuiSlider-track {
    height: 4px !important;
}
.MuiSlider-rail {
    height: 4px !important;
}

.MuiPopover-paper, .css-3bmhjh-MuiPaper-root-MuiPopover-paper, .MuiPaper-elevation8 {
    box-shadow: none !important;    
    background: transparent !important;
}
.lcdashboard {
  
    max-height: calc(100vh - 104px);
    display: grid;
    /*grid-template-columns: repeat(12, 1fr );*/
    grid-template-rows: 1fr;
    grid-gap: 0px
}


.overflow-hidden .lcdashboard.isHomeType {
    min-height: calc(100% + 48px);
    max-height: calc(100% + 48px);
}

.overflow-hidden .lcdashboard.isHomeType .right-sidepanel {
    grid-column-start: 1 !important;
    display: block;
    margin-left: -0.8rem !important;
}
.suggestion-card {
    font-size: 12px !important;
    cursor: pointer;
    margin: 0 !important;
    /* Center cards within their grid cells */
    max-width: 200px;
    color: var(--text-light) !important;
    overflow-y: auto !important;
    max-height: 120px;
    background-color: transparent !important;
    border: 1px solid var(--background-light);
    font-weight: 300;
    border-radius: 8px !important;
}

.overflow-hidden .lcdashboard.isHomeType .right-sidepanel .cell {
    width: 100% !important;
}


.lcdashboard.isHomeType {
    min-height: calc(100vh - 133px);
    max-height: calc(100vh - 133px);
    width: 100%;
}

.lcdashboard.isSubGrid {
     
    max-height: 100% !important;
    display: flex;
}

.lcdashboard.isSubGrid .lcdashboard-cards .lcdashboard-cards-panel {
    display: flex;
}

.lcdashboard.isSubGrid .lcdashboard-cards .lcdashboard-cards-panel .lcdashboard-cards-panel-body {
    display: flex;
    min-height: 100%;
    flex-wrap: wrap;
}

.lcdashboard.isSubGrid .lcdashboard-cards .lcdashboard-cards-panel .lcdashboard-cards-panel-body .card-frame {
    width: calc(50% - 16px);
    flex: 1 1;
}

.lcdashboard.isSubGrid .lcdashboard-cards .lcdashboard-cards-panel .lcdashboard-cards-panel-body {
    gap: 0.75rem;
}

.no-padding {
    padding: 0 !important;
}

.overflow-hidden {
    overflow: hidden;
}

/*.lcdashboard .chart-treemap > div {
        cursor: grab;
    }

    .lcdashboard .chart-treemap path:hover, .lcdashboard .chart-treemap text:hover {
        cursor: zoom-in !important;
    }*/





.lcdashboard .automation-resource-home {
    color: var(--color-primary-blue);
    font-weight: 400 !important;
    font-size: 14px;
}

.lcdashboard .automation-resource {
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    max-width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lcdashboard .automation-name-home {
    color: var(--text-default);
    font-size: 12px;
}

.lcdashboard .automation-name {
    color: #fff;
    font-size: 12px;
}

.lcdashboard .automation-schedule {
    color: #fff;
    font-size: 12px;
}

.lcdashboard .title-schedule {
    color: var(--text-dark);
    font-family: "Ubuntu", sans-serif;
    font-size: .9rem;
    /*font-size: 2.3vh; */
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
    min-width: 60px;
}

.lcdashboard .lcdashboard-cards {
    min-height: calc(100%);
    max-height: calc(100%);
    grid-column-start: 1;
    grid-row-start: 1;
    grid-row-end: 1;
}

.lcdashboard .lcdashboard-cards .lcdashboard-cards-panel {
    min-height: calc(100%);
    max-height: calc(100%);
    display: grid;
    grid-template-columns: 1fr;
    /*grid-template-rows: repeat(12, 1fr );*/
    grid-gap: 0px;
    padding: 0;
}


.lcdashboard .lcdashboard-cards .lcdashboard-cards-panel .lcdashboard-cards-panel-header {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: span 1;
}



.lcdashboard .lcdashboard-cards .lcdashboard-cards-panel .lcdashboard-cards-panel-body {
    min-height: calc(100%);
    max-height: calc(100%);
    display: grid;
    /*grid-template-columns: repeat(12, 1fr );
                grid-template-rows: repeat(4, 1fr );*/
    grid-gap: 0.75rem;
}

@keyframes cardFadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes cardFocused {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes cardFadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes cardUnfocused {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.lcdashboard .card-frame:not(.focused):hover {
    box-shadow: 4px 4px 18px 0px rgba(58, 79, 135, 0.2);
}

.lcdashboard.isHomeType .card-frame:hover,
.lcdashboard .card-frame.small-card:hover,
.lcdashboard .card-frame.small-card {
    box-shadow: none;
}

.lcdashboard .card-frame {
    display: flex;
    background-color: #fff;
    border-radius: 0.25rem;
    padding: 0.75rem;
    box-shadow: 4px 4px 18px 0px rgba(58, 79, 135, 0.06);
    flex-direction: column;
    justify-content: space-evenly;
    height: auto;
}

.lcdashboard .card-frame.small-card {
    padding: 0.5rem 0.75rem;
}


.lcdashboard.isHomeType .card-frame.small-card {
    padding: 0.5rem !important;
}

.card-frame.no-header {
    justify-content: space-around;
}

.card-frame.fix-card-content {
    justify-content: space-between;
}

.lcdashboard.isHomeType .card-frame {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}

.lcdashboard .card-frame.card-focused {
    z-index: 2;
    animation: cardFocused 0.5s forwards;
}

.lcdashboard .card-frame.card-hidden {
    pointer-events: none;
    animation: cardFadeOut 0.5s forwards;
}


.card-fade {
    opacity: .3;
    animation: none !important;
}

.card-active {
    opacity: 1;
    animation: none !important;
}

.lcdashboard .card-frame.card-reappearing {
    animation: cardFadeIn 0.5s forwards;
}

.lcdashboard .card-frame.card-unfocusing {
    animation: cardUnfocused 0.5s forwards;
}

.lcdashboard .card-frame-header-content {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 0.5rem;
    align-self: stretch;
    flex-wrap: wrap;
}

.lcdashboard .card-title {
    display: flex;
    height: 1.6rem;
    min-width: 5.25rem;
    align-items: flex-end;
    flex: 1 0;
}

.lcdashboard .lcdashboard-cards .lcdashboard-cards-panel .lcdashboard-cards-panel-body .card-frame .card-frame-header-content .title,
.lcdashboard .lc-title {
    color: var(--text-dark);
    font-family: "Ubuntu", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
    min-width: 60px;
}

.lcdashboard.isHomeType .lcdashboard-cards .lcdashboard-cards-panel .lcdashboard-cards-panel-body .card-frame .card-frame-header-content .title,
.lcdashboard.isHomeType .lc-title {
    font-size: .9rem;
}

.lcdashboard.isHomeType .card-title {
    font-size: .9rem;
}

.lcdashboard .lc-segment-title-row-resume {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.lcdashboard .lc-segment-title-row-resume .lc-buttons {
    justify-content: center;
    margin: 10px 0;
}


.lcdashboard .lc-segment-buttons {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0;
}

.lcdashboard .lc-segment-buttons .lc-buttons > .active {
    background-color: var(--color-primary-blue) !important;
    color: #fff !important;
}

/*maiores consumos*/
.lcdashboard .card-frame:has(.titlefix) .card-frame-header-content {
    display: inline;
}

.lcdashboard .card-frame:has(.titlefix) .block-icons {
    justify-content: flex-end;
}

.lcdashboard .card-frame-header-content .block-icons {
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.25rem;
}

.lcdashboard .card-frame .block-icons span.icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--icon-default);
    border-radius: 50%;
    transition: 0.3s all;
    font-size: 20px;
}

.lcdashboard .card-frame span.icon i,
.lcdashboard .card-frame span.icon svg {
    padding: 5px;
    border-radius: 100%;
}

.lcdashboard .card-frame span.icon svg {
    width: 32px;
    height: 32px;
}

.lcdashboard .card-frame .block-icons span.icon>:not(.lc-iconlink):hover {
    background: var(--background-light);
    color: var(--icon-default);
    cursor: pointer;
}

.lcdashboard .card-content-body {
    max-height: calc(100% - 20px);
    min-height: calc(100% - 20px);
    display: flex;
    flex-direction: column;
}

.lcdashboard .card-frame .centered {
    justify-content: center;
}

.lcdashboard .card-frame .fromStart {
    justify-content: flex-start;
}

.lcdashboard .card-content-body-home {
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.lcdashboard .card-content-body:has(.titlefix) {
    justify-content: flex-start;
}


.lcdashboard .card-content-body-content {
    display: contents;
}

.lcdashboard .card-content-body:has(.titlefix) {
    max-height: calc(100% - 30px);
    min-height: calc(100% - 30px);
}

.lcdashboard .lcdashboard-cards .lcdashboard-cards-panel .lcdashboard-cards-panel-footer {
    min-height: calc(100%);
    max-height: calc(100%);
    grid-column-start: 1;
    grid-column-end: 1;
    /*grid-row-start: 12;*/
    grid-row-end: span 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lcdashboard .pp-dropdown .icons .ppi-x {
    display: none;
}

.lcdashboard .right-sidepanel {
    background: #fafafa;
    box-shadow: -10px 0 18px 0px rgba(58, 79, 135, 0.15);

    max-height: calc(100% + 1.5rem);
    grid-column-end: 13;
    grid-row-start: 1;
    grid-row-end: 1;
    z-index: 9;
    width: 25%;
    position: fixed;
    right: 0;
    padding: 1rem;
    margin-top: -0.75rem;
    /* margin-right: -0.2rem; */
    /* margin-left: 0.75rem; */
}

    .lcdashboard .right-sidepanel .title-sidebar {
        color: var(--text-dark);
        font-family: "Ubuntu", sans-serif;
        font-size: 22px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
    }


.lcdashboard .right-sidepanel .right-sidepanel-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.lcdashboard .right-sidepanel .title-sidebar-content {
    display: flex;
    justify-content: space-between;
}

.lcdashboard .right-sidepanel .title-icons {
    display: flex;
    gap: 0.25rem;
    align-items: center;
}

/* .lcdashboard .right-sidepanel .title-icons span, .icons-filter {
            color: #2E1956;
            transition: 0.3s all;
            display: flex;
            justify-content: center;
            align-content: center;
            align-items: center;
            padding: 0.5rem;
            /* width: 36px;
            height: 36px;
            border-radius: 50%; */
/* } */

/* .lcdashboard .right-sidepanel .title-icons span:hover, .icons-filter:hover {
                background: #cccccf;
            } */

.lcdashboard .right-sidepanel .filter-content {
    display: flex;
    flex-direction: column;
}

.lcdashboard .right-sidepanel .filter-content .right-sidepanel-filters {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-between;
    height: calc(100vh - 180px);
}

.lcdashboard .right-sidepanel .filter-content .right-sidepanel-filters .principal-filters {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.lcdashboard .right-sidepanel .advanced-filters {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.lcdashboard .right-sidepanel .advanced-filters .title {
    font-family: "Ubuntu", sans-serif;
    font-weight: 600;
    font-size: 0.75rem;
    color: var(--text-default);
    margin-bottom: 0.5rem;
}

.lcdashboard .right-sidepanel .advanced-filters .advanced-filters-content {
    /* min-height: calc(100vh - 474px); */
    /* max-height: calc(100vh - 474px); */
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 54vh;
    max-height: 54vh;
}

.lcdashboard .right-sidepanel .advanced-filters .filter-condition {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

.filter-condition>.MuiBox-root>.MuiGrid-container>.MuiGrid-root>.pp-tooltip>.termfield>.MuiInputBase-root.MuiOutlinedInput-root.MuiInputBase-fullWidth.MuiInputBase-formControl.MuiInputBase-marginDense.MuiOutlinedInput-marginDense {
    height: 27px;
    margin-top: 0px;
    width: 8vw;
}

.filter-condition>.MuiBox-root>.MuiGrid-container>.MuiGrid-root>.pp-tooltip>.termfield>.MuiInputBase-root.MuiOutlinedInput-root.MuiInputBase-fullWidth.MuiInputBase-formControl.MuiInputBase-marginDense.MuiOutlinedInput-marginDense>input {
    padding: 4px
}

.filter-condition>.MuiBox-root>.MuiGrid-container>.MuiGrid-root>div:nth-child(2) {
    padding: 5px;
    max-height: 20vh;
    max-width: 13.5vw;
    min-width: 13.5vw;
    display: flex;

}

.filter-condition>.MuiBox-root>.MuiGrid-container>.MuiGrid-root>div:nth-child(2)>.loading {
    display: flex;
    justify-content: space-around;
    align-items: center;
    min-width: 10vw;
    font-size: 12px;
}

.MuiGrid-root>div:nth-child(2)::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 0.25rem;
    background-color: #eee;
    z-index: 99;
}

.MuiGrid-root>div:nth-child(2)::-webkit-scrollbar-thumb {
    background: #cccccf;
    border-radius: 0.25rem;
}

.MuiGrid-root>div:nth-child(2)::-webkit-scrollbar-thumb:hover {
    background: #ddd;
}

.MuiGrid-root>div:nth-child(2)::-webkit-scrollbar-track {
    border-radius: 0.25rem;
}

.filter-condition>.MuiBox-root>.MuiGrid-container>.MuiGrid-root>div:nth-child(2)>.sugestion {
    font-size: 10px !important;
}

.lcdashboard .cell-descricao {
    min-width: 60px;
}

.lcdashboard .big-numbers-icons {
    width: 2.2vw;
    height: 2.2vw;
}

.lcdashboard .card-big-number {
    display: flex;
    flex-direction: column;
}

.lcdashboard .card-big-number>.content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.lcdashboard .card-big-number.colorfull {
    color: #fff;
}

.lcdashboard .table-card {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 0.25rem;
    color: var(--text-default);
    height: calc(100vh - 180px);
}


.lcdashboard .big-number-content {
    min-width: 100%;
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    /*min-height: 100%;*/
}

.lcdashboard .big-number-content {
    font-size: 2vw;
}

.lcdashboard .big-number-value {
    font-size: 2vw;
}

.lcdashboard .lc-subtitle {
    font-size: 75%;
    color: #2E1956;
    text-align: center
}


.lcdashboard .inner-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    height: 100%;
}


.page:has(.card-focused) {
    overflow-y: hidden !important;
}

.lcdashboard .chart-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.lcdashboard .chart-content {
    flex: 1 1;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1500px) {
    .lcdashboard .right-sidepanel .advanced-filters .advanced-filters-content {
        gap: 0.5rem;
        min-height: 46vh;
        max-height: 45vh;
    }
}
.pp-dropdown>.field {
    height: 28px !important;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

*:focus {
    outline: none;
}

body .container>.page {
    margin: 0 auto;
}

.MuiButtonBase-root {
    font-family: 'Ubuntu' !important;
    padding: 0px !important;
    font-size: 12px !important;
}

.ai-gradient-text {
    font-weight: 400 !important;
    background: linear-gradient(90deg, #00FF00 0%, #00FFFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-family: 'Ubuntu'
}

.ai-gradient-icon {

    background: linear-gradient(90deg, #00FF00 0%, #00FFFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.container>.page {
    width: 100%;
    height: 100%;
    overflow-x: auto;
    overflow-y: auto;
}

.echarts-for-react g text {
    width: 150px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.echarts-for-react g text :hover {
    overflow: visible !important;
}

div.pp-input>.field,
div.pp-dropdown>.field,
div.pp-multiselect>.field {
    max-height: 28px !important;
}

.pp-input>.suggestions,
.pp-input>.loading {
    top: auto !important;
}

div.pp-textarea>.field {
    max-height: 70px;
    align-items: baseline;
}

.pp-inputfile>.body {
    height: auto !important;
}

h1 {
    font-size: 1.5rem;
}

h2 {
    font-size: 1.25rem;
}

h3 {
    font-size: 1.1rem;
}

h4 {
    font-size: 1rem;
}

h5 {
    font-size: 0.9rem;
    font-weight: 400;
}

h6 {
    font-size: 0.8rem;
    font-weight: 400;
}

hr {
    height: 1px;
    background-color: #cccccf;
    border: 0;
    margin: 0.5rem 0;
}

ul,
li {
    padding: revert;
}

.hide {
    display: none !important;
}

.shrunked {
    width: 0 !important;
    overflow: hidden !important;
}

.fullheigth {
    height: 100%;
}

.link {
    cursor: pointer;
    text-decoration: none;
    -webkit-user-select: none;
    user-select: none;
    color: var(--primary);
}

.link-text {
    cursor: pointer;
    color: var(--text-link);
    font-weight: bold;
    text-decoration: underline;
}

.hover:hover {
    background-color: #eee;
}

.bold {
    font-weight: bold;
}

.bolder {
    font-weight: bolder;
}

.lclink {
    width: 38px;
    height: 38px;
    border-radius: 19px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.lclink:hover {
    background-color: #cccccf;
}

.lctaglink {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.3rem 1.2rem;
    border: 0;
    /* box-shadow: 4px 4px 18px rgba(58, 79, 135, 0.06); */
    border-radius: 8px;
    height: 2.5rem;
    cursor: pointer;
    background-color: #fff;
    margin-bottom: 0.2rem;
}

.lctaglink>div {
    display: flex;
    align-items: center;
}

.lctaglink i {
    font-size: 1.5rem;
}

.lctaglink:hover {
    outline: 3px auto #666;
}

button.lc-button,
button.pp-button,
#react-joyride-portal button[aria-label='Pular'],
#react-joyride-portal button[aria-label='Voltar'] {
    padding: 0.3rem 1.2rem;
    border: 0;
    border-radius: 4px;
    height: 40px;
    cursor: pointer;
    font-weight: 600;
    font-family: "Ubuntu", sans-serif;
    min-width: 135px;
    background-color: var(--background-light) !important;
    color: var(--text-default) !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}


button.lc-button:hover,
button.pp-button:hover,
.react-joyride__tooltip button[aria-label='Pular']:hover,
.react-joyride__tooltip button[aria-label='Voltar']:hover {
    background-color: #ECEEF6 !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}



button.lc-button>.small,
button.pp-button>.small {
    height: 30px;
    min-width: 50px;
}



button.lc-button.small,
button.pp-button.small {
    padding: 0.2rem 0.5rem;
    border-radius: 0.25rem;
    height: 24px;
    font-size: 0.6rem;
}

button.lc-button.disabled,
button.pp-button.disabled {
    background-color: #ebebeb !important;
    color: var(--text-light) !important;
    cursor: not-allowed;
}

button.lc-button.grey,
button.pp-button.grey {
    background-color: #cccccf !important;
    color: #000 !important;
}

.lc-buttons {
    display: flex;
    align-items: center;
    gap: 0;
}

.lc-buttons>.active {
    background-color: var(--color-primary-blue);
    color: #fff;
}

.lc-buttons> :not(.active) {
    background-color: #EAEEF6;
}

.lc-buttons>* {
    border-radius: 0 !important;
}

.lc-buttons>*:first-child {
    border-radius: 4px 0 0 4px !important;
}

.lc-buttons>*:last-child {
    border-radius: 0 4px 4px 0 !important;
}

.lc-pivot-segments {
    column-count: 2;
    column-gap: 0.5rem;
    flex-flow: row wrap;
}

.bg-primary,
.bg-info {
    background-color: var(--color-primary-purple-dark) !important;
    color: #fff !important;
}


.lc-button.bg-primary,
.lc-button.bg-info {
    background-color: var(--button-primary-default) !important;
    color: var(--text-default) !important;
    font-family: 'Ubuntu' !important;
}

.react-joyride__tooltip button[aria-label='Próximo'],
.react-joyride__tooltip button[aria-label='Fim'] {
    background-color: var(--button-primary-default) !important;
    color: var(--text-default) !important;
    font-family: 'Ubuntu' !important;
}

.lc-button.bg-primary:hover,
.lc-button.bg-info:hover,
.react-joyride__tooltip button:hover {
    background-color: #C3C6FD !important;
    /* Ajuste a cor para uma versão mais clara ou escura */
}

.bg-secondary {
    background-color: #1b3a7a !important;
    color: #fff !important;
}

.bg-danger {
    background-color: #e64646 !important;
    color: #fff !important;
}

.bg-success {
    background-color: #a5bf3e !important;
    color: #000 !important;
}

.bg-warning {
    background-color: #ffb800 !important;
    color: #000 !important;
}


.bg-link {
    background-color: #0580ce !important;
    color: #fff !important;
}

.bg-grey {
    background-color: #cccccf !important;
    color: #000 !important;
}

.bg-purple {
    background-color: #5969cd !important;
    color: #fff !important;
}

.bg-pink {
    background-color: #e273c5 !important;
    color: #fff !important;
}

.bg-green {
    background-color: #a5bf3e !important;
    color: #fff !important;
}

.bg-brown {
    background-color: #b48c48 !important;
    color: #fff !important;
}

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

.text-secondary {
    color: var(--text-blue) !important;
}

.text-danger {
    color: var(--status-red) !important;
}

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

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

.text-lime {
    color: var(--color-secondary-lime) !important;
}

.text-info {
    color: #b8ccea !important;
}

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

.text-grey {
    color: #cccccf !important;
}

.text-purple {
    color: #5969cd !important;
}

.text-pink {
    color: #e273c5 !important;
}

.text-green {
    color: #a5bf3e !important;
}

.text-brown {
    color: #b48c48 !important;
}

.scrollable-v {
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0.8rem;
}

.scrollable-v::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 0.25rem;
    background-color: #eee;
    z-index: 99;
}

.scrollable-v::-webkit-scrollbar-thumb {
    background: #cccccf;
    border-radius: 0.25rem;
}

.scrollable-v::-webkit-scrollbar-thumb:hover {
    background: #ddd;
}

.scrollable-v::-webkit-scrollbar-track {
    border-radius: 0.25rem;
}

.scrollable-h {
    overflow-x: auto;
    overflow-y: hidden;
    padding-right: 0.5rem;
    /* z-index: 99; */
}

.scrollable-h::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
}

.scrollable-h::-webkit-scrollbar-thumb {
    background: #cccccf;
    border-radius: 0.25rem;
}

.scrollable-h::-webkit-scrollbar-thumb:hover {
    background: #ddd;
}

.scrollable-h::-webkit-scrollbar-track {
    border-radius: 0.25rem;
}

.lci-1x {
    font-size: 1rem !important;
}

.lci-2x {
    font-size: 1.2rem !important;
}

.lci-3x {
    font-size: 1.4rem !important;
}

.lci-4x {
    font-size: 1.6rem !important;
}

.lci-5x {
    font-size: 1.8rem !important;
}

.lci-6x {
    font-size: 2rem !important;
}

.lci-7x {
    font-size: 2.5rem !important;
}

.lci-rotate-180 {
    transform: rotate(180deg) !important;
}

.lci-rotate-90 {
    transform: rotate(90deg) !important;
}

.lci-rotate-270 {
    transform: rotate(270deg) !important;
}

.font-xs {
    font-size: 0.7rem !important;
}

.font-sm {
    font-size: 0.8rem !important;
}

.font-md {
    font-size: 1rem !important;
}

.font-lg {
    font-size: 1.25rem !important;
}

.font-xl {
    font-size: 1.5rem !important;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-dark {
    font-weight: 500;
}

.text-darker {
    font-weight: 700;
}

.font-1x {
    font-size: 6px;
}

.font-2x {
    font-size: 8px;
}

.font-3x {
    font-size: 10px;
}

.font-4x {
    font-size: 12px;
}

.font-5x {
    font-size: 14px;
}

.font-6x {
    font-size: 16px;
}

.font-7x {
    font-size: 20px;
}

.font-8x {
    font-size: 24px;
}

.font-9x {
    font-size: 26px;
}

@media only screen and (max-width: 600px) {
    .pc-only {
        display: none !important;
    }
}

@media only screen and (min-width: 600px) {
    .mobile-only {
        display: none !important;
    }
}

.m-1 {
    margin: 1px;
}

.m-2 {
    margin: 2px;
}

.m-3 {
    margin: 5px;
}

.m-4 {
    margin: 8px;
}

.m-5 {
    margin: 10px;
}

.m-6 {
    margin: 15px;
}

.m-7 {
    margin: 20px;
}

.mt-1 {
    margin-top: 1px;
}

.mt-2 {
    margin-top: 2px;
}

.mt-3 {
    margin-top: 5px;
}

.mt-4 {
    margin-top: 8px;
}

.mt-5 {
    margin-top: 10px;
}

.mt-6 {
    margin-top: 15px;
}

.mt-7 {
    margin-top: 20px;
}

.mb-1 {
    margin-bottom: 1px;
}

.mb-2 {
    margin-bottom: 2px;
}

.mb-3 {
    margin-bottom: 5px;
}

.mb-4 {
    margin-bottom: 8px;
}

.mb-5 {
    margin-bottom: 10px;
}

.mb-6 {
    margin-bottom: 15px;
}

.mb-7 {
    margin-bottom: 20px;
}

.ml-1 {
    margin-left: 1px;
}

.ml-2 {
    margin-left: 2px;
}

.ml-3 {
    margin-left: 5px;
}

.ml-4 {
    margin-left: 8px;
}

.ml-5 {
    margin-left: 10px;
}

.ml-6 {
    margin-left: 15px;
}

.ml-7 {
    margin-left: 20px;
}

.mr-1 {
    margin-right: 1px;
}

.mr-2 {
    margin-right: 2px;
}

.mr-3 {
    margin-right: 5px;
}

.mr-4 {
    margin-right: 8px;
}

.mr-5 {
    margin-right: 10px;
}

.mr-6 {
    margin-right: 15px;
}

.mr-7 {
    margin-right: 20px;
}

.mv-1 {
    margin-top: 1px;
    margin-bottom: 1px;
}

.mv-2 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.mv-3 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mv-4 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.mv-5 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mv-6 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mv-7 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mh-1 {
    margin-left: 1px;
    margin-right: 1px;
}

.mh-2 {
    margin-left: 2px;
    margin-right: 2px;
}

.mh-3 {
    margin-left: 5px;
    margin-right: 5px;
}

.mh-4 {
    margin-left: 8px;
    margin-right: 8px;
}

.mh-5 {
    margin-left: 10px;
    margin-right: 10px;
}

.mh-6 {
    margin-left: 15px;
    margin-right: 15px;
}

.mh-7 {
    margin-left: 20px;
    margin-right: 20px;
}

.p-1 {
    padding: 1px !important;
}

.p-2 {
    padding: 2px !important;
}

.p-3 {
    padding: 5px !important;
}

.p-4 {
    padding: 8px !important;
}

.p-5 {
    padding: 10px !important;
}

.p-6 {
    padding: 15px !important;
}

.p-7 {
    padding: 20px !important;
}

.pt-1 {
    padding-top: 1px !important;
}

.pt-2 {
    padding-top: 2px !important;
}

.pt-3 {
    padding-top: 5px !important;
}

.pt-4 {
    padding-top: 8px !important;
}

.pt-5 {
    padding-top: 10px !important;
}

.pt-6 {
    padding-top: 15px !important;
}

.pt-7 {
    padding-top: 20px !important;
}

.pb-1 {
    padding-bottom: 1px !important;
}

.pb-2 {
    padding-bottom: 2px !important;
}

.pb-3 {
    padding-bottom: 5px !important;
}

.pb-4 {
    padding-bottom: 8px !important;
}

.pb-5 {
    padding-bottom: 10px !important;
}

.pb-6 {
    padding-bottom: 15px !important;
}

.pb-7 {
    padding-bottom: 20px !important;
}

.pl-1 {
    padding-left: 1px !important;
}

.pl-2 {
    padding-left: 2px !important;
}

.pl-3 {
    padding-left: 5px !important;
}

.pl-4 {
    padding-left: 8px !important;
}

.pl-5 {
    padding-left: 10px !important;
}

.pl-6 {
    padding-left: 15px !important;
}

.pl-7 {
    padding-left: 20px !important;
}

.pr-1 {
    padding-right: 1px !important;
}

.pr-2 {
    padding-right: 2px !important;
}

.pr-3 {
    padding-right: 5px !important;
}

.pr-4 {
    padding-right: 8px !important;
}

.pr-5 {
    padding-right: 10px !important;
}

.pr-6 {
    padding-right: 15px !important;
}

.pr-7 {
    padding-right: 20px !important;
}

.pv-1 {
    padding: 1px 0 !important;
}

.pv-2 {
    padding: 2px 0 !important;
}

.pv-3 {
    padding: 5px 0 !important;
}

.pv-4 {
    padding: 8px 0 !important;
}

.pv-5 {
    padding: 10px 0 !important;
}

.pv-6 {
    padding: 15px 0 !important;
}

.pv-7 {
    padding: 20px 0 !important;
}

.ph-1 {
    padding: 0 1px !important;
}

.ph-2 {
    padding: 0 2px !important;
}

.ph-3 {
    padding: 0 5px !important;
}

.ph-4 {
    padding: 0 8px !important;
}

.ph-5 {
    padding: 0 10px !important;
}

.ph-6 {
    padding: 0 15px !important;
}

.ph-7 {
    padding: 0 20px !important;
}

.w-90 {
    width: 90px !important;
}

.w-100 {
    width: 100px !important;
}

.w-200 {
    width: 200px !important;
}

.w-300 {
    width: 300px !important;
}

.w-400 {
    width: 400px !important;
}

.w-500 {
    width: 500px !important;
}

.w-600 {
    width: 600px !important;
}

.w-700 {
    width: 700px !important;
}

.w-800 {
    width: 800px !important;
}

.w-900 {
    width: 900px !important;
}

.w-1000 {
    width: 1000px !important;
}

.h-100 {
    height: 100px !important;
}

.h-200 {
    height: 200px !important;
}

.h-300 {
    height: 300px !important;
}

.h-400 {
    height: 400px !important;
}

.h-500 {
    height: 500px !important;
}

.h-600 {
    height: 600px !important;
}

.h-700 {
    height: 700px !important;
}

.h-800 {
    height: 800px !important;
}

.h-900 {
    height: 900px !important;
}

.h-1000 {
    height: 1000px !important;
}

.w-10p {
    width: 10% !important;
}

.w-15p {
    width: 15% !important;
}

.w-20p {
    width: 20% !important;
}

.w-25p {
    width: 25% !important;
}

.w-30p {
    width: 30% !important;
}

.w-40p {
    width: 40% !important;
}

.w-45p {
    width: 45% !important;
}

.w-50p {
    width: 50% !important;
}

.w-55p {
    width: 55% !important;
}

.w-60p {
    width: 60% !important;
}

.w-70p {
    width: 70% !important;
}

.w-75p {
    width: 75% !important;
}

.w-80p {
    width: 80% !important;
}

.w-90p {
    width: 90% !important;
}

.w-100p {
    width: 100% !important;
}

.h-10p {
    height: 10% !important;
}

.h-15p {
    height: 15% !important;
}

.h-20p {
    height: 20% !important;
}

.h-25p {
    height: 25% !important;
}

.h-30p {
    height: 30% !important;
}

.h-40p {
    height: 40% !important;
}

.h-45p {
    height: 45% !important;
}

.h-50p {
    height: 50% !important;
}

.h-55p {
    height: 55% !important;
}

.h-60p {
    height: 60% !important;
}

.h-70p {
    height: 70% !important;
}

.h-75p {
    height: 75% !important;
}

.h-80p {
    height: 80% !important;
}

.h-90p {
    height: 90% !important;
}

.h-100p {
    height: 100% !important;
}

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

.centralized-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.space-between {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.sequence {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}

.embed-insights {
    max-width: 1050px;
    width: 100%;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-1turn);
    }
}

.lci.lci-spin,
.ppi.ppi-spin {
    animation: spin 2s linear infinite;
    display: block;
}

.lci.lci-pulse {
    animation: spin 1s steps(8) infinite;
    display: block;
}

.table,
.pp-table {
    margin: 15px 0;
    border: none;
    width: 100%;
}

.table thead,
.pp-table thead {
    font-weight: 700;
    background-color: #eee;
}

.table tbody tr,
.pp-table tbody tr {
    background-color: #fff;
}

.table tbody tr:nth-child(odd),
.pp-table tbody tr:nth-child(odd) {
    background-color: #fafdff;
}

.table tbody tr:hover,
.pp-table tbody tr:hover {
    background-color: #eee;
}

.table tbody tr td,
.pp-table tbody tr td {
    font-size: 0.9rem;
    padding: 3px;
}

.table tbody tr td.dark,
.pp-table tbody tr td.dark {
    font-weight: 700;
}

.table tfoot,
.pp-table tfoot {
    font-weight: 700;
    background-color: #eef;
}

.table tfoot tr th,
.pp-table tfoot tr th {
    text-align: left;
    padding: 3px;
    font-size: 0.8rem;
}

form,
.form {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    height: 100%;
}

form>.fields,
.form>.fields {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

form>.commands,
.form>.commands {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
}

form.gap-mini,
.form.gap-mini {
    row-gap: 3px;
}

form.gap-tiny,
.form.gap-tiny {
    row-gap: 7px;
}

form.gap-small,
.form.gap-small {
    row-gap: 10px;
}

.cards {
    column-count: 2;
    column-gap: 0.5rem;
    flex-flow: row wrap;
}

.cards>.lc-segment {
    break-inside: avoid-column;
}

.bg-hover:hover {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.05));
    border-radius: 5px;
}

.pvtUi {
    color: #333;
}

table.pvtTable {
    font-size: 10pt;
    text-align: left;
    border-collapse: collapse;
}

table.pvtTable tbody tr th,
table.pvtTable thead tr th {
    background-color: #fafafa !important;
    border: 1px solid #cdcdcd;
    font-size: 10pt !important;
    padding: 5px;
}

table.pvtTable .pvtColLabel {
    text-align: center;
}

table.pvtTable .pvtTotalLabel {
    text-align: right;
}

table.pvtTable tbody tr td {
    color: #3d3d3d;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    vertical-align: top;
    text-align: right;
}

.pvtGrandTotal,
.pvtTotal {
    font-weight: 700;
}

.pvtVals {
    text-align: center;
    white-space: nowrap;
}

.pvtColOrder,
.pvtRowOrder {
    cursor: pointer;
    width: 15px;
    margin-left: 5px;
    display: inline-block;
}

.pvtAggregator {
    margin-bottom: 5px;
}

.pvtAxisContainer,
.pvtVals {
    border: 1px solid #e4eaec !important;
    background: #fff !important;
    min-width: 20px;
    min-height: 20px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

.pvtAxisContainer li {
    padding: 8px 6px;
    list-style-type: none;
    cursor: move;
}

.pvtAxisContainer li.pvtPlaceholder {
    -webkit-border-radius: 5px;
    padding: 3px 15px;
    border-radius: 5px;
    border: 1px dashed #aaa;
}

.pvtAxisContainer li span.pvtAttr {
    -webkit-text-size-adjust: 100%;
    background: #fff !important;
    border: 1px solid #e4eaec !important;
    padding: 2px 5px;
    white-space: nowrap;
    border-radius: 5px;
}

.pvtTriangle {
    cursor: pointer;
    color: grey;
}

.pvtHorizList li {
    display: inline;
}

.pvtVertList {
    vertical-align: top;
}

.pvtFilteredAttribute {
    font-style: italic;
}

.pvtFilterBox {
    z-index: 100;
    width: 300px;
    border: 1px solid gray;
    background-color: #fff;
    position: absolute;
    text-align: center;
}

.pvtFilterBox h4 {
    margin: 15px;
}

.pvtFilterBox p {
    margin: 10px auto;
}

.pvtFilterBox label {
    font-weight: 400;
}

.pvtFilterBox input[type=checkbox] {
    margin-right: 10px;
    margin-left: 10px;
}

.pvtFilterBox input[type=text] {
    width: 230px;
}

.pvtFilterBox .count {
    color: gray;
    font-weight: 400;
    margin-left: 3px;
}

.pvtCheckContainer {
    text-align: left;
    font-size: 14px;
    white-space: nowrap;
    overflow-y: scroll;
    width: 100%;
    max-height: 250px;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    cursor: grab;
}

table#ngxpivottable {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: a 0px;
}

table.pvtUi {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}

.pvtCheckContainer p {
    margin: 5px;
}

table.pvtTable {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}

.pvtAxisContainer,
.pvtVals {
    border: 1px solid #e4eaec !important;
    background: #fff !important;
    min-width: 10px;
    min-height: 10px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

table.pvtTable thead tr th {
    background-color: #0487d9 !important;
    font-size: 10pt !important;
    color: #fff !important;
}

.pvtUi td.pvtOutput {
    vertical-align: top;
    overflow: scroll !important;
    overflow-x: auto !important;
    max-height: calc(100vh - 220px) !important;
    max-width: calc(100vw - 300px) !important;
    display: flex;
}

.pvtTable {
    background-color: #fff !important;
}

table.pvtTable tbody tr th {
    background-color: #fff !important;
}

.pvtAxisContainer li span.pvtAttr {
    min-width: 50px !important;
}

.zIndex {
    z-index: 5000;
}

div[class^=MuiSelect-root] {
    background-color: transparent !important;
}

div.column {
    display: flex;
    flex-direction: column;
}

div.row,
span.row {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

div.row.full,
span.row.full {
    width: 100%;
}

div.row.botton,
span.row.botton {
    align-items: flex-end;
}

div.row.gap-0,
span.row.gap-0 {
    gap: 0;
}

div.row.gap-1,
span.row.gap-1 {
    gap: 5px;
}

div.row.gap-2,
span.row.gap-2 {
    gap: 10px;
}

div.row.gap-3,
span.row.gap-3 {
    gap: 15px;
}

div.row.gap-4,
span.row.gap-4 {
    gap: 20px;
}

div.row.gap-5,
span.row.gap-5 {
    gap: 25px;
}

div.row.right,
span.row.right {
    justify-content: flex-end;
}

div.row.wrap,
span.row.wrap {
    flex-wrap: wrap;
}

div.row.between,
span.row.between {
    justify-content: space-between;
}

div[class*=SnackbarItem-contentRoot] {
    background-color: #fff;
    color: var(--text-default);
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size: 14px;
    border: 1px solid #cccccf;
}

div.MuiCollapse-wrapperInner .jss15 {
    background-color: #fff;
    color: var(--text-default);
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size: 14px;
    border: 1px solid #cccccf;
}

div.MuiCollapse-wrapperInner .jss15.jss17 {
    border: 1px solid #31cf70;
}

div.MuiCollapse-wrapperInner .jss15.jss18 {
    border: 1px solid #d35555;
}

div.MuiCollapse-wrapperInner .jss15.jss19 {
    border: 1px solid #2196f3;
}

div.MuiCollapse-wrapperInner .jss15.jss20 {
    border: 1px solid #be8e12;
}

div[class*=SnackbarItem-variantError] {
    border: 1px solid #d35555;
}

div[class*=SnackbarItem-variantSuccess] {
    border: 1px solid #31cf70;
}

div[class*=SnackbarItem-variantWarning] {
    border: 1px solid #be8e12;
}

div[class*=SnackbarItem-variantInfo] {
    border: 1px solid #0580ce;
}

body>iframe {
    display: none;
}

/* svg > g > path[fill="#777777"]:nth-child(n+2) {
    filter: opacity(0);
} */

.fullspace {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.date {
    /* font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-feature-settings: "tnum" on, "Inum" on;
    letter-spacing: 0.05em; */
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}

div.pp-input>.field,
div.pp-textarea>.field,
div.pp-dropdown>.field,
div.pp-multiselect>.field {
    border: 1px #ddd solid;
}

.MuiOutlinedInput-notchedOutline {
    border-top: 1px #ddd solid !important;
    border-right: 1px #ddd solid !important;
    border-bottom: 1px #ddd solid !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}


/*.pp-dropdown > .list.wt {
    transform: translateY(32px) translateX(3px);
}*/

.pp-dropdown>.list {
    margin-top: 50px;
}


.lc-tooltip>.body {
    filter: drop-shadow(0px 0px 3px rgba(58, 79, 135, 0.36));
}

.lc-tooltip>.body .content {
    background-color: #f1f5fb
}

.lc-tooltip>.body>.arrow {
    background-color: #f1f5fb
}

.card-page {
    display: flex;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 0.25rem;
    padding: 0.75rem;
    box-shadow: 4px 4px 18px 0px rgba(58, 79, 135, 0.06);
    flex-direction: column;
    /*justify-content: space-between;*/
    height: calc(100vh - 104px);
}

.container:has(.backupGoldTree) .functions .lc-iconlink {
    display: none;
}

.container:has(.backupGoldTree) .functions {
    width: 64px !important;
}

.container:has(.backupGoldTree) .functions .lc-iconlink:has(.ppi-filter) {
    display: flex;
}

.container:has(.backupGoldTree) .right>.row {
    display: none !important;
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap;
}

/* .card-frame:hover {
    box-shadow: 4px 4px 18px 0px rgba(58, 79, 135, 0.2);
} */

.card-frame {
    display: flex;
    background-color: #fff;
    border-radius: 0.25rem;
    padding: 0.75rem;
    box-shadow: 4px 4px 18px 0px rgba(58, 79, 135, 0.06);
    flex-direction: column;
    justify-content: space-between;
}

.bordered {
    border: 1px solid #EBEBEB;
}

.label {
    font-size: 0.75rem;
    display: inline-block;
    margin-bottom: 4px;
}

[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}

[data-title]:after {
    content: attr(data-title);
    background-color: var(--background-lightest);
    /* Darker background color for better contrast */
    color: var(--text-default);
    /* White text for readability */
    font-size: 11px;
    position: absolute;
    padding: 4px 8px;
    border-radius: 4px;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    filter: drop-shadow(0px 0px 3px rgba(58, 79, 135, 0.36));
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
}

[data-title] {
    position: relative;
}

.MuiTooltip-tooltip {
    filter: drop-shadow(0px 0px 3px rgba(58, 79, 135, 0.36));
    color: var(--text-default) !important;
    background-color: #f1f5fb !important;
    font-size: 11px !important;
    padding: 8px 12px !important;
    font-weight: 400 !important;
    font-family: "Ubuntu", sans-serif !important;
}

.MuiTooltip-arrow {
    color: #f1f5fb !important;
}


body .container>.page:has(.homeflex) {
    overflow-y: hidden;
}

.pp-textarea>.title {
    font-family: "Ubuntu" !important;
    color: var(--text-default) !important;
}

.pp-textarea>.field.required {
    border-left: 3px solid var(--color-secondary-lime);
}
.page-agendamentos .MuiBadge-root {
  margin: 0px 15px;
}

.page-agendamentos .MuiBadge-root.pinned {
  margin: 0px 12px;
}

.page-agendamentos .MuiBadge-root .MuiBadge-colorPrimary {
  background-color: var(--color-secondary-mint);
  color: var(--text-default);
}

/* .page-agendamentos .customBadgeWeek span {
  background-color: var(--background-neutral);
  color: var(--text-light);
  word-break: keep-all !important;
  font-size: 10px;
  font-family: "Ubuntu", sans-serif;
  padding: 8px;
  border-left: 1px solid #fff;
} */

.page-agendamentos .customBadgeWeek span {
  background-color: var(--background-neutral);
  color: var(--text-light);
  word-break: keep-all !important;
  font-size: 10px;
  font-family: "Ubuntu", sans-serif;
  border-left: 1px solid #fff;

  /* border: 0.5px solid white; */
  /* font-weight: 100; */
  height: 1.2rem;
  width: 2rem;
}
.bkpgoldresume .doughnut-chart {
  padding: 0;
}

.bkpgoldresume .doughnut-chart>.chart {
  flex-wrap: initial;
  transform: scale(0.9);
}

.bkpgoldresume .doughnut-chart>.chart>.legend {
  transform: scale(0.7);
}

.otimizacoes-text {
  font-size: 1.8vw !important;
  margin-left: 5px;
}

.card-frame:has(.card-big-number.colorfull) .card-content-body {
  padding-top: 13px;
}
.graph-container {
  color: var(--text-default);
  margin-top: 4rem;
  margin-bottom: 3rem;
}

.bksaasresume .doughnut-chart > .chart {
  flex-wrap: initial !important;
}
.bksaasresume .doughnut-chart > .chart > .legend {
  min-width: 0 !important;
  min-width: initial !important;
}
.resumo_text__S5sqW {
    color: #192266;
}

.resumo_smallText__gaWG- {
    font-size: small;
}

.resumo_parentDiv__VTkda {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 2px;
}

.resumo_parentDivSource__myriE {
    display: flex;
    flex-direction: row;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 2px;
}

.resumo_parentDivSource__myriE p {
    margin-top: 7.5px;
    margin-left: 9px;
}

.resumo_divItem__3oqor {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.resumo_resultValue__mkmqU {
    display: flex;
    justify-content: right;
}

.resumo_textSecundary__RA-6l {
    color: #5b5d6f
}

.resumo_sourceName__7E6ad {
    display: flex;
    flex-direction: row;
    justify-content: right;
    margin-top: 1.75rem;
}

.resumo_notFoundCredentialMessage__9WUEB p {
    margin-left: 22%;
    margin-top: 25px;
}

.resumo_infoCardRow__X1W0K {
    padding: 0px;
    height: auto;
    display: grid;
    grid-template-columns: 2fr 6fr 8fr 14fr;
}

.resumo_iconBlock__eZCMn {
    align-self: center;
    text-align: center;
}

.resumo_titleBlockContainer__H1bdr {
    padding: 5px;
    align-self: center;
    font-family: "Ubuntu", sans-serif;
}

.resumo_titleAlias__eYVB\+ {
    font-weight: 700;
    font-size: 20px;
}

.resumo_titleSource__9YpUV {
    font-size: 14px;
    padding: 8px 0 8px 0;
}

.resumo_titleStatus__P5jKm {
    text-align: center;
    font-size: 12px;
    width: 100px;
    padding: 4px;
    border-radius: 10px;
}

.resumo_infoBlockContainer__ta0fB {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr 2fr 2fr;
}

.resumo_infoBlock__-9YOa {
    align-self: center;
    text-align: center;
}

.resumo_infoBlockLabel__Y60Wj {
    display: block;
    font-size: 12px;
    color: grey;
    padding: 0 0 3px 0;
}

.resumo_infoBlockContent__Wy6O1 {
    font-size: 14px;
}

.resumo_infoBlock__-9YOa:nth-child(3) {
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
}

.resumo_infoBlock__-9YOa:last-child {
    border-right: 1px solid lightgrey;
    margin-right: 5px
}
.graph-container {
  color: var(--text-default);
  margin-top: 4rem;
  margin-bottom: 3rem;
}

.date-info {
  color: var(--text-default);
  font-size: 0.7rem;
}

.bkpsilverresume .doughnut-chart>.chart {
  flex-wrap: initial;
}

.bkpsilverresume .doughnut-chart>.chart>.legend {
  min-width: 0;
  min-width: initial;
}

.card-reappearing .chart-medium,
.card-unfocusing .chart-medium,
.card-hidden .chart-medium {
  max-height: 35vh;
  /* Increased from 25vh */
  min-height: 25vh;
  /* Added minimum height */
}
.hidden {
    display:none;
}
.red{
    color:red
}
.green{
    color:green
}
.detailList {
  height: calc(100vh - 400px);
  width: 97%;
  overflow: auto;
}

.providerToolbar {
  display: flex;
  position: relative;
  align-items: right;
  justify-content: right;
}

.subscriptionForm {
  display: contents !important;
}

.subscriptionForm .pp-multiselect {
  padding-right: 5px !important;
}

#searchSubscriptions {
  margin-top: 20px;
  margin-left: -10px;
}
.aws-regions-manager {
	padding: 20px;
	font-family: "Ubuntu", sans-serif;
	color: var(--text-default);
	min-height: 270px;
	height: auto;
}

.aws-regions-manager .subscription-details {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
}

.aws-regions-manager .subscription-alias {
	font-size: 14px;
	font-family: "Ubuntu", sans-serif;
	color: var(--text-default);
	font-weight: 600;
}

.aws-regions-manager .form-group {
	margin-bottom: 20px;
}

.aws-regions-manager .form-group.regions-selector {
	margin-bottom: 15px;
}

.aws-regions-manager .form-group.toggle-group {
	margin-bottom: 10px;
	margin-top: 5px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
}

.aws-regions-manager .toggle-label-container {
	display: flex;
	align-items: center;
}

.aws-regions-manager .toggle-label {
	font-family: "Ubuntu", sans-serif;
	color: var(--text-default);
	font-size: 14px;
	font-weight: 500;
}

.aws-regions-manager .ppdropdown {
	width: 100%;
	font-family: "Ubuntu", sans-serif;
}

.aws-regions-manager .ppdropdown.disabled {
	opacity: 0.6;
	pointer-events: none;
}

.aws-regions-manager .info-text-container {
	margin-top: 25px;
	margin-bottom: 10px;
}

.aws-regions-manager .info-text {
	font-family: "Ubuntu", sans-serif;
	font-size: 12px;
	color: var(--text-default);
	font-style: italic;
	line-height: 1.4;
	padding: 12px 15px;
	background-color: rgba(0, 123, 255, 0.05);
	border-left: 3px solid rgba(0, 123, 255, 0.3);
	border-radius: 4px;
}

.aws-regions-manager * {
	font-family: "Ubuntu", sans-serif;
	color: var(--text-default);
}

.aws-regions-manager label,
.aws-regions-manager span,
.aws-regions-manager p,
.aws-regions-manager div {
	font-family: "Ubuntu", sans-serif;
	color: var(--text-default);
}
/* VendorCredentialErroWarnning.css */

.vendor-credential-erro-warnning-root .super-app-theme--cell {
    background-color: rgba(224, 183, 60, 0.55);
    color: #1a3e72;
    font-weight: 600;
}

.vendor-credential-erro-warnning-root .super-app.negative {
    background-color: rgba(157, 255, 118, 0.49);
    color: #1a3e72;
    font-weight: 600;
}

.vendor-credential-erro-warnning-root .super-app.positive {
    background-color: #d47483;
    color: #1a3e72;
    font-weight: 600;
}

.vendor-manager-container {
	display: flex;
	flex-direction: column;
	height: calc(100vh - 200px);
	max-height: calc(100vh - 200px);
	padding-bottom: 60px;
	position: relative;
	min-height: 400px;
	overflow: hidden;
	font-family: "Ubuntu", sans-serif;
	color: var(--text-default);
}

.vendor-manager-actions {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: auto;
	display: flex;
	justify-content: flex-end;
	padding: 0;
	z-index: 1000;
}

.vendor-manager-actions .lc-button {
	width: auto;
	padding: 8px 16px;
	margin-bottom: 0;
}

.vendor-list-container {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1 1;
	overflow: visible;
}

.vendor-list-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 6px;
	font-family: "Ubuntu", sans-serif;
	color: var(--text-default);
}

.credential-list-container {
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex-grow: 1;
	padding-bottom: 16px;
	/* Ajustar altura da lista de credenciais exibidas */
	max-height: 180px;
	overflow-y: auto;
	overflow-x: hidden;
}

.credential-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: transparent;
	border: none;
	box-shadow: none;
	transition: background-color 0.3s ease;
	padding: 4px 0;
}

.credential-item:hover {
	background-color: #f5f7fa;
}

.credential-item:hover .credential-actions {
	opacity: 1;
	visibility: visible;
}

.credential-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 2px 8px;
	min-height: 28px;
}

.credential-label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-family: "Ubuntu", sans-serif;
	font-size: 14px;
	color: var(--text-default);
}

.credential-actions {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	opacity: 1;
	visibility: visible;
}

.credential-list-container::-webkit-scrollbar {
	width: 6px;
}

.credential-list-container::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 3px;
}

.credential-list-container::-webkit-scrollbar-thumb {
	background: #c1c1c1;
	border-radius: 3px;
}

.credential-list-container::-webkit-scrollbar-thumb:hover {
	background: #a8a8a8;
}

.lcdashboard .right-sidepanel:has(.vendor-manager-container) {
	overflow-y: hidden !important;
}

.lcdashboard .right-sidepanel .filter-content:has(.vendor-manager-container) {
	height: calc(100vh - 140px);
	max-height: calc(100vh - 140px);
	overflow: hidden;
}
.pp-modal .MuiStepper-root {
	padding: 0;
}

.vendor-provider-grid {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}

.vendor-assistant-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: calc(100% - 20vh);
	min-height: 40vh;
	max-height: 60vh;
}

.vendor-assistant-container a {
	text-decoration: none;
}

.vendor-assistant-container a:visited {
	text-decoration: none;
}

.vendor-assistant-container a:hover {
	-webkit-text-decoration: dotted underline;
	        text-decoration: dotted underline;
	text-underline-offset: 0.2rem;
}

.vendor-assistant-step-1 {
	margin-top: 2rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5rem;
	padding: 0 2rem;
}

.vendor-welcome-message {
	max-width: 100%;
	font-size: 1rem;
	line-height: 1.5;
	padding: 0;
}

.vendor-welcome-message h2 {
	margin-bottom: 0.5rem;
	font-size: 1.2rem;
}

.vendor-welcome-message p {
	text-align: left;
	margin-bottom: 0;
}

.vendor-welcome-message-warning {
	margin: 20px 0;
	padding: 12px 16px;
	background-color: #fff3cd;
	border: 1px solid #ffeaa7;
	border-radius: 6px;
	font-size: 0.9rem;
	color: #856404;
	width: 100%;
}

.vendor-credential-header {
	display: flex;
	align-items: center;
	padding: 10px 20px;
	background-color: #f5f6fa;
	border-radius: 8px;
	margin-bottom: 20px;
}

.vendor-credential-header .icon-container {
	font-size: 30px;
	margin-right: 15px;
}

.vendor-credential-header .instructions-container {
	display: flex;
	flex-direction: column;
	line-height: 1.5;
}

.vendor-credential-header .instructions-container .vendor-title {
	font-weight: bold;
	color: #3f3d56;
	font-size: 18px;
}

.vendor-credential-header .instructions-container .vendor-instructions {
	font-size: 12px;
	color: #777;
}

.vendor-card {
	display: flex;
	align-items: center;
	background-color: transparent;
	border-radius: 8px;
	padding: 0.5rem 1rem;
	box-shadow: none;
	border: none;
	width: 100%;
	max-width: 400px;
	margin: 0;
	transition: background-color 0.2s ease;
	column-gap: 0.75rem;
	min-height: auto;
}

.vendor-card:hover {
	background-color: #f0f4ff;
	cursor: pointer;
}

.vendor-card.selected {
	background-color: #f0f4ff;
}

.vendor-label {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.credential-field-info-icon {
	color: var(--text-light);
}

.credential-field-info-icon:hover {
	color: var(--text-default);
}

.vendor-assistant-step-3 {
	width: 100%;
}

.vendor-credential-review-fields {
	display: grid;
	grid-template-columns: auto 1fr auto 1fr;
	grid-gap: 15px 30px;
	gap: 15px 30px;
	margin: 20px auto;
	width: 80%;
	max-width: 800px;
}

.review-field {
	display: contents;
}

.field-label-container {
	display: flex;
	flex-direction: column;
	gap: 2px;
	align-items: flex-end;
	justify-self: end;
}

.field-label {
	font-weight: bold;
	font-size: 0.9rem;
	color: #333;
	text-align: right;
	white-space: nowrap;
}

.field-original-name {
	font-size: 0.75rem;
	color: #666;
	font-weight: normal;
	text-align: right;
	white-space: nowrap;
}

.field-value {
	font-size: 1rem;
	color: #333;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	justify-self: start;
}