:root{--side-menu-width: 300px;--top-bar-height: 64px;--user-info-box-height: 250px;--page-padding: calc(2 * var(--mui-spacing));--page-padding-left: var(--page-padding);--page-padding-right: var(--page-padding);--page-padding-top: var(--page-padding);--page-padding-bottom: var(--page-padding);--page-segment-gap: var(--page-padding);--makpetrol-yellow: #edd10b;--bg-gradient-high: color(from var(--mui-palette-primary-main) srgb r g b / 1);--bg-gradient-low: color(from var(--mui-palette-primary-main) srgb r g b / .7);--bg-gradient: linear-gradient(90deg, var(--bg-gradient-low), var(--bg-gradient-high));--overlay-gradient: linear-gradient(90deg, #5D78A8, #194083) }input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=number]{-moz-appearance:textfield}.logo{height:50px;margin-top:8px;margin-left:10px;will-change:filter;transition:filter .3s}.logo :hover{filter:drop-shadow(0 0 30px rgba(100,108,255,.6666666667))}.logo.react:hover{filter:drop-shadow(0 0 30px rgba(97,218,251,.6666666667))}.top-row{background:var(--overlay-gradient);top:0;position:sticky;z-index:1000;padding:12px 0}.root-layout{height:100vh;overflow-y:hidden}.root-layout .main-page-vert{width:calc(100vw - var(--side-menu-width));height:100vh;flex-grow:0;flex-shrink:0}.root-layout .main-page-vert .main-page-outlet{width:100%;height:calc(100vh - var(--top-bar-height));overflow-y:auto;overflow-x:auto;background-image:var(--bg-gradient);background-size:100% 25vh;background-repeat:no-repeat;padding-left:var(--page-padding-left);padding-right:var(--page-padding-right)}.text-color-success{color:var(--mui-palette-success-main)}.text-color-error{color:var(--mui-palette-error-main)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:30px}.SideMenu{width:var(--side-menu-width);flex-grow:0;flex-shrink:0;flex-basis:var(--side-menu-width);min-height:100vh;overflow-y:auto}.SideMenu .side-menu-items{padding-top:75px;width:100%;min-height:calc(100vh - var(--user-info-box-height))}.SideMenu .role-chip{color:#fff;background-color:#768cb3}.MenuItem .icon{color:var(--mui-palette-text-primary)}.MenuItem--nested.MenuItem{padding-left:40px}.MenuItem--nested.MenuItem--selected.MenuItem{background-color:var(--makpetrol-yellow)}.MenuItem--selected.MenuItem{background-color:var(--mui-palette-action-selected)}.UserInfo.user-info-box{height:var(--user-info-box-height);flex-grow:0;flex-shrink:0;width:100%}.UserInfo .user-avatar{width:115px;height:115px;position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}.UserInfo.avatar-icon-anchor{width:100%;height:0;position:relative;flex-grow:0;flex-shrink:0}.TopBar{height:var(--top-bar-height);flex-grow:0;flex-shrink:0}.ComponentPalette{width:100%;gap:var(--page-segment-gap)}.ComponentPalette .content{width:100%;min-height:300px}.ComponentPalette .content .buttons-layout{width:100%}.CustomizedDataGrid .MuiDataGrid-columnHeader{color:#fff;background-color:var(--bg-gradient-high)}.CustomizedDataGrid .MuiDataGrid-columnHeader svg{color:#fff}.CustomizedDataGrid .MuiDataGrid-columnHeaderTitleContainer{justify-content:start}.CustomizedDataGrid .even-row{background-color:#f5f5f5}.CustomizedDataGrid .odd-row{background-color:#fff}.CustomizedDataGrid .grid-placeholder{color:gray;font-style:italic;text-align:center}.CustomizedDataGrid .MuiDataGrid-row:hover{cursor:pointer}.CustomizedDataGrid .checkbox-error .MuiDataGrid-cellCheckbox .MuiCheckbox-root svg{fill:var(--mui-palette-error-main)}.CasesPage .custom-paper{padding:var(--page-padding)}.CasesPage .filter-field-sizing{display:inline-flex;width:223px}.CasesPage .filter-fields{height:40px}.CaseDetailsPage .content{min-height:300px}.InvoicesPage .custom-paper{padding:var(--page-padding)}.InvoicesPage .filter-field-sizing{display:inline-flex;width:223px}.InvoicesPage .filter-fields{height:40px}.TransportDetailsPage .content{min-height:300px}.loader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1300;display:flex;align-items:center;justify-content:center}.InvoiceDetailsPage .data-grid-container{overflow-y:scroll}.InvoiceDetailsPage .content{min-height:300px}#GridFooter{flex-direction:column;align-items:end}#GridFooter .total-sum{padding:8px;font-weight:700}.file-upload-container .upload-button{border:2px dashed #ccc;border-radius:8px;padding:8px;transition:all .3s ease}.file-upload-container .upload-button:hover{border-color:#1976d2;background-color:#1976d20a}.file-upload-container .upload-button:disabled{border-color:#e0e0e0;background-color:#f5f5f5}.file-upload-container .error-alert{margin-top:8px}.file-upload-container .uploaded-files-container{margin-top:16px}.file-upload-container .files-list{display:flex;flex-wrap:wrap;gap:8px}.file-upload-container .file-chip{max-width:300px;cursor:pointer}.file-upload-container .file-chip:hover{background-color:#0000000a}.file-upload-container .file-chip .MuiChip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.EnumPreview .custom-paper{padding:var(--page-padding)}.NomenclatureDataGrid .MuiDataGrid-columnHeader{color:#fff;background-color:var(--bg-gradient-high)}.NomenclatureDataGrid .MuiDataGrid-columnHeader svg{color:#fff}.NomenclatureDataGrid .MuiDataGrid-columnHeaderTitleContainer{justify-content:start}.NomenclatureDataGrid .even-row{background-color:#f5f5f5}.NomenclatureDataGrid .odd-row{background-color:#fff}.NomenclatureDataGrid .grid-placeholder{color:gray;font-style:italic;text-align:center}.InvoicePaymentPage .content{min-height:300px}.InvoicePaymentPage .specification-checkbox{width:fit-content}.InvoicePaymentPage .dialog-title{padding-left:16px;padding-right:16px}.InvoicePaymentPage .dialog-content{padding-bottom:8px;padding-left:16px;padding-right:16px;overflow:visible}.InvoicePaymentPage .dialog-content-stack{margin-top:8px}.InvoicePaymentPage .dialog-actions{padding-left:16px;padding-bottom:16px}.InvoicePaymentPage .tab-label{font-weight:700}.InvoicePaymentPage .action-btn{min-width:75px;max-width:170px;font-size:10px;padding:0 8px;height:52px}.OutgoingInvoicesPage .custom-paper{padding:var(--page-padding)}.OutgoingInvoiceDetailsPage .data-grid-container{overflow-y:scroll}.OutgoingInvoiceDetailsPage .content{min-height:300px}.SigningPermissionsPage .custom-paper{padding:var(--page-padding)}