/*
    PAGINA
*/
html {
    height: 100%;
    max-height: 100%;
    font-size: 0.75rem !important;
}

body{
    color: rgba(41, 50, 65, 0.8);
    padding: 0px;
    margin: 0px;
    min-height: 100%;
    height: 100%;
    max-height: 100%;
    background-color: var(--surface-a);   
}

body .ui-dialog .ui-dialog-titlebar{
    border-top: 0.8rem solid var(--primary-color) !important;
    padding-top: 14px !important;
}


/*
    TEMPALTE 5_0
*/
#body_container{
    height: 100%;
    margin: 0px;
}
#topbar_container{
    padding: 0px;
    height: 67px;
}
#menu_container_panel{
    width: 292px;
    min-width: 77px;
    max-width: 292px;
    height: 100%;
    padding: 0px;
    height: calc(100% - 67px);
    /* background: #cdbfde; */
    background: var(--surface-e);
    padding-top: 6px;
    overflow-y: auto;
    overflow-x: hidden;
}
#navbar_main_container{
    /*box-shadow: inset 59px 59px 23px -49px #cdbfde;*/
    height: calc(100% - 67px);
    overflow: auto;
    border-top-left-radius:  4px;
    background-color: var(--surface-c)

}
#navbar_main_container_grid{
    margin: 0px;
    height: 100%;
}
#navbar_container{
    height: 38px;
    padding: 0px;
    background: #ffffff;
    border-radius: 4px;
    margin-bottom: 8px;
}
#navbar_container .ui-breadcrumb{
    border: 0px;
}
#main_container{
    height: calc(100% - 38px - 8px);
    border-radius: 4px;
    padding: 0px;
}
#menusidebar_content{
    height: 100% !important;
}

.ui-inputfield.ui-state-disabled {
    background-color: var(--surface-b) !important;

}

                
body .ui-progressbar.ui-progressbar-success .ui-progressbar-value {
    background: #689f38
}

body .ui-progressbar.ui-progressbar-info .ui-progressbar-value {
    background: #0288d1
}

body .ui-progressbar.ui-progressbar-warning .ui-progressbar-value {
    background: #fbc02d
}

body .ui-progressbar.ui-progressbar-danger .ui-progressbar-value {
    background: #d32f2f
}