/* ---------------------------- MAIN ---------------------------- */
body{margin: 0;padding: 0;background: #f4f5f7}

.ui-inputfield:not(.ui-chips-container){padding-top:6px !important; padding-bottom:6px !important;}
.ui-selectonemenu .ui-selectonemenu-label{min-height:6px !important;}
.ui-selectonemenu .ui-selectonemenu-trigger{width:1.5rem !important;}
.ui-button.ui-button-text-only .ui-button-text{padding:0.4rem 0.5rem !important;}
.ui-button.ui-button-icon-only .ui-button-text{padding:0.4rem !important;}
.ui-button.ui-button-text-icon-left .ui-button-text{padding:0.4rem 0.5rem 0.4rem 2rem !important;}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container{padding:0.4rem 2rem 0.4rem 0.4rem !important;}
.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-multiple-container{padding: 0.4rem 1.5rem 0.4rem 0.4rem !important;}
.ui-tabs.ui-tabs-left>.ui-tabs-nav li a {width:100% !important;display: flex !important;align-items:baseline;justify-content: space-between}
.ui-tabs.ui-tabs-left>.ui-tabs-nav li a .ui-badge{margin-left: 5px}
.ui-badge{font-size: .75rem !important;}
.layout-content{display: flex;flex-direction: column}
.layout-main{display: flex; flex-direction: column;height: 100vh}
/* ---------------------------- TOPBAR ---------------------------- */
.layout-topbar{display:flex; flex-direction: row; align-items: center; justify-content: space-between; font-size: x-small !important; background-color: #205081}
.layout-topbar .layout-topbar-logo{display: inline-block;padding: 0.4em 0.6em 0 0;cursor: pointer}
.layout-topbar .layout-topbar-menu{float: right;padding: 0}
.layout-topbar .layout-topbar-menu > li{margin-left: 10px;display: inline-block}
.layout-topbar .ui-menu.ui-menubar{padding: 1px 0 0;background-color: #205081; width:100%}
.layout-topbar .ui-menu .ui-icon{color: white !important}
.layout-topbar .ui-button{margin: 5px 7px 5px 0; height: 32px; width: 42px !important; min-height: 32px; min-width: 42px}
.layout-topbar .ui-menu{border: none}
.layout-topbar .ui-button.ui-button-text-only .ui-button-text{padding: 0.2rem 0.5rem !important}
.layout-topbar .ui-button.ui-button-icon-only .ui-button-text{padding: 0.2rem 0.5rem !important}
.layout-topbar ul{margin: 0}
.layout-topbar .ui-inputfield{background: rgba(9,30,66,.48);padding: 0.3rem 0.3rem !important;border: none; margin-right: 5px;height:31px}
.layout-topbar .ui-inputfield:focus{color: white}
.layout-topbar .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active .ui-menuitem-link .ui-menuitem-text{color: #344563}
.layout-topbar .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text{color: #FFFFFF}
/* ---------------------------- TOOLBAR ---------------------------- */
.ui-toolbar button:not(:first-child) {margin-left:3px}
.ui-toolbar .ui-inputfield{padding: 0.3rem 0.3rem !important}
.ui-toolbar .ui-splitbutton:not(:first-child){margin-left:3px}
.ui-toolbar .ui-menubutton:not(:first-child){margin-left:3px}
.ui-toolbar .ui-inputfield:not(:first-child){margin-left:3px}
/* ---------------------------- FOOTER ---------------------------- */
.layout-footer {
    background: #1E2E37;
    color: #7a869a;
    font-size: 12px;
    padding: 10px 10px 20px;
    text-align: center;
    margin-top:auto;
}
.layout-footer a{color: #7a869a;}
.layout-footer-info ul>li{display:inline-block;}
.layout-footer-info a{text-decoration:none;}
.layout-footer-info ul>li:after{content: "\B7";margin-left: 10px;speak: none;}
.layout-footer-info ul>li+li{margin-left: 10px;}
.layout-footer-logo a {
    background: url(/resources/img/logo-footer.png) center center no-repeat;
    display: block;
    height: 42px;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
    text-indent: -9999em;
    width: 150px;
}
/* ---------------------------- PAGE HEADER ---------------------------- */
.layout-page-header{display: flex; justify-content: space-between; padding: 6px 0}
.layout-page-header .layout-page-header-left{display: flex; flex-direction: row; justify-content: left; padding-left: 20px}
.layout-page-header .layout-page-header-right{justify-content: right}
.layout-page-header .page-header-avatar{display: inline-block;margin-right: 25px;}
.layout-page-header .page-header-avatar i.pi{position: relative;left: -22px;top: 4px;font-size: 1.5rem}
.layout-page-header .page-header-icon:not(:empty){margin-right: 10px;}
.layout-page-header h2{margin: 0 0 0 15px;font-size: 20px;letter-spacing: -.008em;font-weight: 500;}
.layout-page-header h1{font-size: 24px;letter-spacing: -.01em;font-weight: 500;}
.layout-page-header .ui-breadcrumb{padding: 0;margin-bottom:1px;border: none}
.layout-page-header .switch-view-cmd:not(:first-child){margin-left:2px}
.switch-view-cmd.active{background-color:#4FAA55}
/* ---------------------------- MISC ---------------------------- */
.page-content{background-color: #FFFFFF; margin: 0 !important;}
.sui-page{padding:8px}
.layout-edit-page{display: flex}
.layout-edit-page .sui-group:not(:first-child){margin-left:10px}

.layout-panel-sb{display: flex; justify-content:space-between}
.layout-panel-sb .sui-group:first-child{margin-left:15px}
.layout-panel-sb .sui-group:not(:first-child){margin-left:10px}

.ui-panel-content .layout-panel-sb {padding-top: 5px;}
/* ---------------------------- INFO BOX ---------------------------- */
.infobox {display: flex; margin-right: 20px; line-height: 1.3;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;}
.infobox-labels {display: flex; flex-direction: column; margin-right: 20px}
.infobox-values {display: flex; flex-direction: column}
.infobox-values.sui-end {display: flex; flex-direction: column; place-items: flex-end}
/* ---------------------------- DIALOG ---------------------------- */
.ui-dialog .ui-dialog-titlebar.ui-widget-header:has(.sui-header>i){padding:0.8rem}
.ui-dialog .ui-dialog-titlebar.ui-widget-header:has(.sui-header>img){padding:0.3rem}
.ui-dialog .ui-dialog-titlebar.ui-widget-header{padding:0.9rem;background-color:#f5f5f5}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title .sui-icon{font-size: 2rem; margin-right: 10px}
.ui-dialog-title i {margin-right:10px;font-size: 2rem}
.ui-dialog .ui-dialog-content{padding: 1rem !important}
.ui-dialog .ui-dialog-footer {border-top: 2px solid #ebecf0 !important; padding: .4em 1em !important}
.ui-dialog .ui-dialog-title .sui-actions {margin-left: auto !important;}
.ui-dialog .sui-footer {margin: 0 -15px -15px -15px !important;}
.ui-dialog-title img{margin-right: 7px}
.ui-dialog-content{max-height: calc(100vh - 190px)}
.ui-dialog-content .sui-header {margin-bottom: 30px}
.ui-dialog .sui-header{display:inline-flex;align-items:center}
.ui-dialog .sui-header-flex{display:flex;align-items:center}
.sui-dlg-header h2{margin-left: 10px}
.sui-dlg-header-secondary{text-align: right}

.ui-dialog.sui-warning>.ui-widget-header.ui-dialog-titlebar{
    background-color: #de350b;
    border-bottom-color: #de350b;
    color: #fff;
}

.ui-messages>div{margin:inherit !important;}