@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:Roboto,sans-serif}.app{min-height:100dvh;display:flex;flex-direction:column;position:relative}.applyBody{margin:5%}.waterMark{position:fixed;right:1rem;bottom:1rem;font-size:.8rem;color:#29abe259;pointer-events:none;z-index:0}.helpButton{position:fixed;left:1rem;bottom:1rem;z-index:20}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){body{overflow:auto}}@media screen and (max-width: 768px){.waterMark,.helpButton{display:none}}.cardsContainer{display:flex;justify-content:center;align-items:flex-start;overflow-x:auto;margin:1%;gap:1rem}.muiTabsPane{display:flex;flex-direction:row}@media screen and (max-width: 1024px){.cardsContainer{flex-direction:column;align-items:center;margin-top:2%;overflow:hidden}}@media screen and (max-width: 768px){.cardsContainer{flex-direction:column;align-items:center;margin:5%}.muiTabsPane{overflow-x:auto;white-space:nowrap}.cardsContainer .fieldsCardBtn button{width:100%}.cardsContainer .fieldsCardBtn button .iconBtnV1Icon{width:12.5vw}}@media (max-width: 480px){.cardsContainer{margin-bottom:50%}}.shipDocStatusMain .cardsContainer{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1%;margin-top:2rem;justify-content:center}@media (min-width: 1024px){.shipDocStatusMain .cardsContainer{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1023px){.shipDocStatusMain .cardsContainer{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.shipDocStatusMain .cardsContainer{grid-template-columns:1fr}}.muiTabsPane .orderControls{display:flex;flex-direction:row;justify-content:center;align-items:center}.orderMapDiv{display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 768px){.muiTabsPane{display:flex;flex-direction:column}.muiTabsPane .orderControls{display:flex;flex-direction:row;align-items:center;margin-top:20px}}.noItemsCapsule{display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:15px;margin:15px;background-color:var(--my-background-color);border-radius:10px;color:var(--my-black-color)}.darkMainTheme{background-color:#34495e}.darkMainTheme .noItemsCapsule{background-color:#34495e;border:5px solid #4f7187;color:#fff}.inventoryDocItemsGridDiv,.financialDocItemsGridDiv,.documentItemsGrid{margin:15px}@media (max-width: 768px){.noItemsCapsule{flex-direction:column}.noItemsCapsule h1{font-size:2rem}.noItemsCapsule button{width:fit-content;margin-bottom:5%}}.darkMainTheme .cardsContainer p{color:#fff}.darkMainTheme .MuiDataGrid-root{background-color:#051e37;border:5px solid #4f7187;color:#fff;font-size:1rem}.darkMainTheme .MuiDataGrid-columnHeader{background-color:#2c3e50;color:#fff}.darkMainTheme .MuiDataGrid-footerContainer{color:#fff!important;background-color:#2c3e50!important;border-top:5px solid #4f7187!important;border-bottom:5px solid #4f7187!important}.darkMainTheme .MuiDataGrid-footerContainer .MuiTypography-root{color:#fff!important}.darkMainTheme .MuiDataGrid-root .MuiCheckbox-root,.darkMainTheme .MuiDataGrid-root .MuiCheckbox-root.Mui-checked{color:#fff}.darkMainTheme .MuiTablePagination-selectLabel,.darkMainTheme .MuiTablePagination-displayedRows,.darkMainTheme .MuiTablePagination-actions .MuiButtonBase-root.MuiIconButton-root,.darkMainTheme .MuiTablePagination-actions .MuiSvgIcon-root,.darkMainTheme .MuiIconButton-root.Mui-disabled,.darkMainTheme .MuiSvgIcon-root.Mui-disabled,.darkMainTheme .MuiInputBase-root.MuiTablePagination-input,.darkMainTheme .MuiTablePagination-select,.darkMainTheme .MuiSelect-select,.darkMainTheme .MuiSvgIcon-root.MuiSelect-icon{color:#fff!important}.darkMainTheme .MuiButtonBase-root.MuiIconButton-root.MuiIconButton-sizeSmall.MuiDataGrid-menuIconButton,.darkMainTheme .MuiDataGrid-menuIcon{display:none!important}.MuiDataGrid-filler.css-5wdp45-MuiDataGrid-root .MuiDataGrid-row--borderBottom .MuiDataGrid-filler{background-color:#000!important}.MuiButtonBase-root.MuiTabScrollButton-root.MuiTabScrollButton-horizontal.Mui-disabled.MuiTabs-scrollButtons.css-145v6pe-MuiButtonBase-root-MuiTabScrollButton-root,.MuiButtonBase-root.MuiTabScrollButton-root.MuiTabScrollButton-horizontal.MuiTabs-scrollButtons.css-145v6pe-MuiButtonBase-root-MuiTabScrollButton-root{height:50px!important}.darkMainTheme .MuiList-root.MuiList-padding.MuiMenu-list.css-6hp17o-MuiList-root-MuiMenu-list{background-color:#add8e6!important}.itemDetailsContainer{display:flex;flex-direction:column;width:100%;height:100%}.itemDetailsContainer{width:100%;display:flex;justify-content:center}.itemDetailsButtonsContainer{display:flex;flex-direction:row;justify-content:center;gap:1rem;margin:2rem}@media (max-width: 768px){.itemDetailsButtonsContainer{flex-direction:column;align-items:stretch}.itemDetailsButtonsContainer>*{width:100%}}.messageBandsWrapper{position:absolute;left:1%;right:1%;bottom:1%;z-index:20;display:flex;flex-direction:column;gap:10px;pointer-events:none}.messageBand{width:100%;border-radius:8px;box-shadow:0 4px 12px #0000002e;overflow:hidden;pointer-events:auto;border:1px solid transparent}.messageBandHeader{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-weight:700;font-size:1rem}.messageBandTitle{display:inline-block}.messageBandClose{border:none;background:transparent;font-size:1.4rem;font-weight:700;line-height:1;cursor:pointer;padding:0;margin:0}.messageBandBody{max-height:180px;overflow-y:auto;padding:0 14px 12px}.messageBandItem{font-size:1rem;line-height:1.45;margin-top:6px;word-break:break-word;overflow-wrap:anywhere}.messageBandError{background-color:#fde8e8;border-color:#f5b5b5;color:#7a1f1f}.messageBandError .messageBandHeader{background-color:#f9d4d4}.messageBandError .messageBandClose{color:#7a1f1f}.messageBandWarning{background-color:#fff7cc;border-color:#ead77a;color:#6d5800}.messageBandWarning .messageBandHeader{background-color:#ffef99}.messageBandWarning .messageBandClose{color:#6d5800}.messageBandSuccess{background-color:#dff5e3;border-color:#9ed3aa;color:#1f5c2c}.messageBandSuccess .messageBandHeader{background-color:#c8ebd0}.messageBandSuccess .messageBandClose{color:#1f5c2c}@media (max-width: 768px){.messageBandsWrapper{left:0;right:0;bottom:0;gap:8px}.messageBandHeader{padding:8px 10px;font-size:.95rem}.messageBandBody{max-height:140px;padding:0 10px 10px}.messageBandItem{font-size:.95rem}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navigationBody{margin:1%;transition:margin .3s}.navigationContainer{display:flex;flex-direction:column;flex:1;min-height:0}.navigationBody{flex:1;min-height:0;display:flex;flex-direction:column;margin:1%;transition:margin .3s}.selectViewContainer{display:flex;flex-direction:column;gap:4pt;width:200px;margin-left:16px}.selectViewLabel{font-size:.875rem;color:var(--my-black-color)}.selectViewInput{background-color:var(--my-background-color);color:var(--my-black-color);border:none;outline:none;gap:5px;font-size:1rem;height:40px;padding:0 10px;border-radius:10px}.selectViewInput option{border:none;outline:none}.darkMainTheme .selectViewInput{background-color:#1c2833;color:#fff}.darkMainTheme .selectViewLabel{color:#fff}@media screen and (max-width: 768px){.selectViewContainer{width:100%;margin-left:0}}.modern-header{position:relative;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 4px 20px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;overflow:hidden}.header-background{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.9;z-index:-1}.header-left{display:flex;align-items:center;gap:16px;min-width:200px}.nav-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:12px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;opacity:0;transition:opacity .3s ease}.nav-button:hover:before{opacity:1}.nav-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;background:#ffffff40}.nav-button:active{transform:translateY(0)}.nav-button.primary{background:#fff3;border:1px solid rgba(255,255,255,.3)}.nav-button.secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.3)}.nav-icon{width:20px;height:20px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.logo-container{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 16px;border-radius:12px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.logo-container:hover{background:#ffffff40;transform:translateY(-1px)}.logo-icon{width:24px;height:24px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.logo-text{font-size:18px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:-.5px}.header-center{display:flex;align-items:center;gap:24px;flex:1;justify-content:center;max-width:800px;margin:0 auto}.server-status-modern{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2)}.server-badge{display:flex;align-items:center;gap:8px}.server-icon{width:16px;height:16px;color:#fff}.server-name{font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.erp-chip{background:#fff3!important;color:#fff!important;border-color:#ffffff4d!important;font-size:12px!important;height:24px!important}.errorChip{background:#fff3!important;color:red!important;border-color:#ffffff4d!important;font-size:12px!important;height:24px!important}.erp-chip .MuiChip-icon{color:#fff!important}.errorChip .MuiChip-icon{color:red!important}.user-info-section{display:flex;align-items:center;padding:8px 16px;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.15);cursor:pointer}.welcome-text,.user-text{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1)}.dashboard-icon,.user-icon{width:16px;height:16px;color:#ffffffe6}.view-title{padding:8px 16px;background:#fff3;border-radius:12px;border:1px solid rgba(255,255,255,.25);display:flex;flex-direction:row;gap:8px}.view-title span{color:#fff;font-size:13px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.station-info{display:flex;align-items:center;gap:8px;padding:8px 16px;color:#fff;font-size:14px;background:#ffffff26;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.station-icon{width:14px;height:14px;color:#fff}.station-info span{color:#fff;font-size:14px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1)}.header-right{display:flex;align-items:center;gap:16px;min-width:200px;justify-content:flex-end}.user-menu-section{position:relative}.user-badge .MuiBadge-badge{background:#10b981!important;box-shadow:0 2px 8px #10b9814d!important}.user-menu-button{background:#ffffff26!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.2)!important;transition:all .3s ease!important;border-radius:12px!important;padding:10px!important}.user-menu-button:hover{background:#ffffff40!important;transform:translateY(-2px);box-shadow:0 8px 25px #00000026!important}.settings-icon{width:20px;height:20px;color:#fff}.modern-menu .MuiPaper-root{animation:slideDown .3s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item-content{display:flex;align-items:center;gap:12px;width:100%}.menu-item-icon{width:18px;height:18px;color:#6b7280;transition:color .2s ease}.menu-item-text{font-size:16px;color:#374151}.modern-menu-item:hover .menu-item-icon{color:#3b82f6}.modern-menu-item:hover .menu-item-text{color:#1f2937}@media screen and (max-width: 1200px){.header-center{gap:16px}.server-name,.welcome-text span,.user-text span{font-size:13px}}@media screen and (max-width: 900px){.modern-header{padding:0 16px}.header-center{gap:12px}.view-title,.station-info{display:none}}@media screen and (max-width: 768px){.modern-header{height:60px;padding:0 12px}.header-left{min-width:auto;gap:8px}.header-center{display:none}.header-right{min-width:auto;gap:8px}.nav-button{width:36px;height:36px}.nav-icon{width:18px;height:18px}.logo-container{padding:6px 12px}.logo-icon{width:20px;height:20px}.logo-text{font-size:16px}}@media screen and (max-width: 480px){.modern-header{height:56px;padding:0 8px}.logo-text{display:none}.user-avatar{width:32px!important;height:32px!important}.settings-icon{width:16px;height:16px}}.modern-header *{transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-button,.logo-container,.server-status-modern,.user-info-section,.view-title,.station-info{will-change:transform}.unauthorized-container{text-align:center;padding:20px}.title{font-size:2rem;color:tomato}.message{font-size:1.2rem;margin-top:20px;color:#333}.home-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;font-size:1rem;cursor:pointer;border-radius:5px;margin-top:20px;transition:background-color .3s}.home-button:hover{background-color:#0056b3}.loginContainer{display:flex;flex-direction:column;z-index:99;position:relative;margin:0 auto;width:500px}.buttonLogin{margin-left:3%}.loginImage{width:100vw;height:100vh;position:fixed;z-index:0;top:0;left:0;opacity:.5}.tLoadText{font-size:5rem;font-weight:700;margin:2%}.tLoadText .orange{color:var(--my-color1)}.tLoadText .blue{color:var(--my-color2)}.darkMainTheme .tLoadText .orange{color:#ff8c00}.darkMainTheme .tLoadText .blue{color:#4682b4}@media screen and (max-width: 768px){.loginImage{visibility:hidden}.loginContainer{width:100%}}@media screen and (min-width: 769px) and (max-width: 1024px){.loginImage{width:100vw;height:100vh;margin-left:4%}}.darkMainTheme .loginContainer .textInput{background-color:#1c2833;color:#fff;font-size:1rem}.darkMainTheme .loginContainer .textInput:focus{border:5px solid #4f7187;outline:none}.darkMainTheme .loginContainer .textInput:not(:placeholder-shown){border:5px solid #4f7187;outline:none}.textInputContainer{display:flex;flex-direction:column;justify-content:center;width:100%;margin-top:.5rem}.inputControl{display:flex;align-items:center;gap:5px;width:100%}.keyboardFieldWrapper{position:relative;width:100%}.textInputCapsule{height:40px;width:100%;padding:10px;border-radius:10px;background-color:var(--my-background-color);border:none;outline:none;font-size:1.1rem}.textInputCapsule[disabled]{background-color:var(--my-disabled-color);background:var(--my-disabled-color)}.textInputCapsule:focus,.textInputRequired:focus{border:1px solid #ccc}.textInputCapsule:required:valid{height:40px;width:100%;border-radius:10px;background-color:var(--my-background-color);border:none;outline:none;font-size:1.1rem}.textInputCapsule:required:invalid{height:40px;border-radius:10px;border:1px solid red;outline:none;font-size:1.1rem}.textInputCapsule::placeholder{font-size:.8rem}.darkMainTheme .textInputCapsule,.darkMainTheme .textInputCapsule::placeholder{background-color:#1c2833;color:#fff}.aZ-wZ{z-index:1000;box-sizing:border-box}.-BwKf{position:fixed;width:min(96vw,var(--keyboard-max-width));max-width:var(--keyboard-max-width);transform:translate(-50%,-50%)}.-hmZ8{margin-top:8px;width:clamp(320px,90vw,var(--keyboard-max-width));max-width:var(--keyboard-max-width)}.fG2Z2{width:100%;max-width:100%;display:grid;gap:clamp(.35rem,1vw,.65rem);padding:clamp(.5rem,1.6vw,1rem);background:linear-gradient(145deg,#29abe2,#1e8ac9);border-radius:clamp(12px,2vw,18px);border:clamp(2px,.5vw,5px);box-sizing:border-box}.fG2Z2>*{min-width:0;min-height:0;overflow:hidden}.BbTFP{grid-template-columns:repeat(7,minmax(0,1fr))}.l-k7G{grid-template-columns:repeat(3,minmax(0,1fr))}.yWDh9,.bNo5D,.IleB9,._8GjL3,.uxp-N,.O-CqA{width:100%;min-width:0;min-height:clamp(48px,9vw,78px);padding:clamp(.65rem,1.5vw,1.1rem) clamp(.25rem,.8vw,.5rem);border:none;border-radius:clamp(10px,1.5vw,14px);font-size:clamp(1rem,3vw,2rem);font-weight:700;line-height:1.1;color:#1f2021;background:linear-gradient(145deg,#fff,#f8fafd);box-shadow:0 8px 18px -4px #00000047,inset 0 3px 6px #ffffffd9,inset 0 -4px 8px #00000014;touch-action:manipulation;transition:box-shadow .09s ease,background .09s ease,transform .09s ease;text-shadow:0 2px 3px rgba(0,0,0,.09);box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis}.-hmZ8 .yWDh9,.-hmZ8 .bNo5D,.-hmZ8 .IleB9,.-hmZ8 ._8GjL3,.-hmZ8 .uxp-N,.-hmZ8 .O-CqA{min-height:clamp(32px,6vw,56px);padding:clamp(.35rem,1vw,.65rem) clamp(.15rem,.5vw,.3rem);font-size:clamp(.75rem,2.3vw,1.1rem)}.yWDh9:active,.bNo5D:active,.IleB9:active,._8GjL3:active,.uxp-N:active{background:linear-gradient(145deg,#f0f3f7,#e8ecf3);box-shadow:inset 0 7px 14px #00000052,inset 0 -2px 4px #fff6,0 2px 4px #00000026;transform:translateY(1px)}.bNo5D{background:linear-gradient(145deg,#dff7df,#cdeecd)}.IleB9{background:linear-gradient(145deg,#ffe5e5,#ffd6d6)}._8GjL3,.uxp-N{background:linear-gradient(145deg,#eef3ff,#dfe8ff)}.O-CqA{visibility:hidden;pointer-events:none}.CXbEq .fG2Z2{animation:F5i6X .18s ease-out}@keyframes F5i6X{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.-BwKf{width:96vw}.-hmZ8{width:90vw;max-width:90vw}.fG2Z2{gap:.3rem;padding:.4rem}.yWDh9,.bNo5D,.IleB9,._8GjL3,.uxp-N,.O-CqA{min-height:38px;font-size:.8rem;padding:.35rem .12rem}.-hmZ8 .yWDh9,.-hmZ8 .bNo5D,.-hmZ8 .IleB9,.-hmZ8 ._8GjL3,.-hmZ8 .uxp-N,.-hmZ8 .O-CqA{min-height:32px;font-size:.75rem;padding:.3rem .1rem}}.textAreaInputDiv{display:flex;flex-direction:column;justify-content:center;margin:10px}.textAreaInputDiv textarea::placeholder{color:#888;font-size:1rem;opacity:1;text-indent:5px}.textAreaInput{height:350px;resize:none;width:100%;border-radius:10px;background-color:var(--my-background-color);border:none;outline:none;font-size:1.1rem}.textAreaInput:required:valid{height:40px;width:100%;border-radius:10px;background-color:var(--my-background-color);border:none;outline:none;font-size:1.1rem}.textAreaInput:required:invalid{height:40px;width:inherit;border-radius:10px;background-color:var(--my-required-background-color);border:1px solid red;outline:none;font-size:1.1rem}.textAreaInput::placeholder{font-size:.8rem}.textAreaInput[disabled]{background-color:var(--my-disabled-color);background:var(--my-disabled-color)}.textInput:focus,.textAreaInput:focus,.textAreaInput:required:valid:focus,.textInput:required:valid:focus,.textInputRequired:focus{border:1px solid #ccc}.darkMainTheme .textAreaInput{background-color:#1c2833;color:#fff;padding-right:10px}.selectTouchContainer{display:flex;flex-direction:column;width:100%}.selectNormalContainer{display:flex;flex-direction:column}.selectTouchContainer,.selectNormalContainer{margin-top:.5rem}.InputControl{display:flex;align-items:center;gap:5px}.labelSelectTouch{color:var(--my-black-color);margin:1px;font-size:1.3rem;font-weight:700}.labelSelectNormal{font-size:1rem;color:var(--my-black-color);margin:2px}.selectTouchPlaceholder{color:gray;font-size:3rem}.selectTouch{width:100%;height:80px;border-radius:15px;font-size:2rem;font-weight:700;background-color:var(--my-background-color);color:var(--my-black-color);outline:none;border:none;box-sizing:border-box;padding-left:.3rem}.selectNormal{width:100%;height:40px;border-radius:10px;font-size:1.1rem;background-color:var(--my-background-color);color:var(--my-black-color);outline:none;border:none;box-sizing:border-box;padding-left:.3rem}.selectRequired{border-radius:10px;border:2px solid red}.selectDisabled{background-color:var(--my-disabled-color)!important;color:#111!important;cursor:not-allowed;opacity:.6}.select[disabled]{background-color:var(--my-disabled-color);background:var(--my-disabled-color)}.select:focus,.select:required:valid:focus,.selectRequired:focus{border:1px solid #ccc}@media (max-width: 1200px){.selectTouchRequired{font-size:1.8rem}}@media (max-width: 768px){.selectTouchRequired{font-size:1.5rem}.selectTouch{font-size:1.5rem;height:8vh;padding:8px}.selectTouch option{font-size:15px;padding:8px}.selectTouchPlaceholder{font-size:1.2rem}}@media (max-width: 480px){.selectTouch{font-size:1.2rem;height:6vh;padding:6px}.selectTouch option{font-size:1.2rem;padding:6px}.selectTouchPlaceholder{font-size:1rem}}.darkMainTheme .labelSelectTouch{color:#fff}.darkMainTheme .selectTouch{background-color:#1c2833;color:#fff}.darkMainTheme .labelSelectNormal{color:#fff}.darkMainTheme .selectNormal,.darkMainTheme .selectNormal option{background-color:#1c2833;color:#fff;font-size:1rem}.darkMainTheme .selectNormal:disabled{pointer-events:none;background-color:#1c2833;color:#fff;font-size:1rem}.dateTimeInputContainer{margin-top:1rem;display:flex;flex-direction:column;justify-content:center}.dateTimeInputContorl{display:flex;align-items:center;gap:5px}.dateTimeInputNormal{width:100%;height:40px;border-radius:10px;font-size:1.1rem;background-color:var(--my-background-color);color:var(--my-black-color);outline:none;border:none;box-sizing:border-box;padding-left:.3rem}.dateTimeInputLabel{font-size:1rem;color:var(--my-black-color);margin-bottom:5px}.darkMainTheme .dateTimeInputNormal{background-color:#1c2833;color:#fff;font-size:1rem;padding:.5rem}.darkMainTheme .dateTimeInputNormal::placeholder{color:#eee}.darkMainTheme input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1)}.darkMainTheme .dateTimeInputLabel{color:#fff}.workbenchSelectContainer{display:flex;flex-direction:row;align-items:flex-end;margin-top:1rem!important;margin-bottom:1rem!important;width:100%}.workbenchSelectContainer .workbenchTextInput{flex-grow:1;margin-right:8px;display:flex;flex-direction:column}.buttonSearch{margin-left:5px;height:40px;width:50px;cursor:pointer;outline:none;background-color:var(--my-background-color);border:none;border-radius:20px;align-items:flex-end;justify-content:flex-end}.btnIconSearch{height:24px;color:var(--my-color2)}.buttonSearch:hover .btnIconSearch{height:27px;color:var(--my-color1)}.btnIconSuccess{height:20px;color:green}.btnIconFail{height:20px;color:red}.darkMainTheme .workbenchTextInput .dateTimeInputLabel{color:#fff}.darkMainTheme .buttonSearch,.darkMainTheme .btnIconSearch{background-color:#1c2833;color:#fff}.darkMainTheme .btnIconSuccess{color:#00f500}.darkMainTheme .buttonSearch:hover svg{color:#b3e5fc}.workbenchContainer{display:flex;flex-direction:row;margin:1%;gap:1rem;align-items:flex-start}.workbenchGrid{height:80vh;width:80%;justify-content:center}.workbenchButtons{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:5px}@media (max-width: 1024px){.workbenchContainer{flex-direction:column;align-items:center;margin:0 10%}}@media (min-width: 1025px){.xxx{width:20%}}@media screen and (max-width: 768px){.workbenchContainer{flex-direction:column;align-items:center;margin:0 10%;margin-bottom:30rem}.workbenchButtons{width:100%;height:60vh}.workbenchButtons{display:flex;justify-content:center;gap:10px}}.tLoadButtonContainer{margin:0 5px 0 0;margin-bottom:.5rem;max-width:300px;width:100%;cursor:pointer;outline:none;color:var(--my-white-color);border:none;border-radius:15px;box-shadow:0 4px #999;display:block;overflow:hidden;transition:background-color .3s ease,transform .1s ease,box-shadow .1s ease;padding:.6rem 1.2rem;box-sizing:border-box;font-size:clamp(1rem,1.5vw,1.8rem)}.tLoadButtonContainer:active{box-shadow:0 3px #666;transform:translateY(4px)}.btnIcon,.ButtonsIcon{height:25px;width:25px;color:var(--my-white-color)}.buttonBackgroundGreen{background-color:var(--my-green-color)}.buttonBackgroundGreen:hover{background-color:var(--my-green-color_1)}.buttonBackgroundYellow{background-color:#f1c40f}.buttonBackgroundYellow:hover{background-color:#e0b60a;transition:background-color .3s ease}.buttonBackgroundBlack{background-color:#17202a}.buttonBackgroundBlack:hover{background-color:#1c2833;transition:background-color .3s ease}.buttonSmall{font-size:1rem;padding:.4rem .8rem}.buttonMedium{font-size:1.2rem;padding:.6rem 1rem}.buttonLarge{font-size:1.4rem;padding:.8rem 1.2rem}.buttonXLarge{font-size:1.8rem;padding:1.2rem 1.8rem}.buttonNameIconCapsule{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.buttonTextWrapper{display:flex;flex-direction:column;line-height:1.2}.buttonTextMain{display:block;white-space:normal}.buttonTextAdditional{display:block;white-space:normal;font-size:.9em;opacity:.9}@media (max-width: 480px){.tLoadButtonContainer{width:100%;max-width:100%;min-width:0}.buttonSmall,.buttonMedium,.buttonLarge,.buttonXLarge{font-size:clamp(1rem,4vw,1.3rem)}}.keyboardInputGroup{margin-top:1rem;--pad: .75rem;position:relative;margin-bottom:1.5rem}.keyboardInput{border-radius:10px;background-color:var(--bg);border:none;outline:none;color:var(--my-black-color);width:100%;height:80px;font-size:2rem;font-weight:700;background-color:var(--my-background-color);padding-left:.3rem}.keyboardInputGroup label{font-size:1.3rem;font-weight:700;position:absolute;left:var(--pad);top:var(--pad);background:var(--bg);padding-inline:.3em;transition:transform .2s,color .2s;pointer-events:none;transform-origin:left;translate:-.3em;color:var(--my-black-color)}.keyboardInput::placeholder{opacity:0}.keyboardInput:focus+label,.keyboardInput:not(:placeholder-shown)+label{transform:translateY(calc(-50% - var(--pad))) scale(.8);color:var(--accent);font-size:17px;z-index:2}.keyboardInput:focus::placeholder{opacity:1;font-size:1rem;font-weight:700;padding-left:10px}.keyboardInput:focus,.keyboardInput:required:valid:focus{border:1px solid #ccc}@media (max-width: 768px){.keyboardInput{height:40px;width:100%;font-size:medium}.keyboardInputGroup label{font-size:15px;top:.5rem}.keyboardInput:focus+label,.keyboardInput:not(:placeholder-shown)+label{transform:translateY(calc(-50% - var(--pad))) scale(.8);color:var(--accent);font-size:14px;z-index:2}}@media (max-width: 480px){.keyboardInput{width:98%;height:35px;font-size:small}.keyboardInputGroup label{font-size:12px}.keyboardInput:not(:placeholder-shown)+label{transform:translateY(calc(-50% - var(--pad))) scale(.8);color:var(--accent);font-size:13px;z-index:2}}.darkMainTheme .keyboardInput{background-color:#1c2833;color:#fff}.darkMainTheme .keyboardInputGroup label{color:#fff}.darkMainTheme .keyboardInput:focus+label,.darkMainTheme .keyboardInput:not(:placeholder-shown)+label{color:#fff}.keyboardInputRequired{background-color:var(--my-required-background-color);border:2px solid red;outline:none}.keyboardContent{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;background-color:var(--my-background-color);border-radius:10px}.fullKeyboard,.numberPad{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--my-background-color);border-radius:10px;height:fit-content;width:fit-content}.keyboardRow{display:flex;flex-direction:row;justify-content:center}.keyboardBtn,.okButton,.clearBtn,.backspaceBtn,.switchButton{height:4rem;width:6rem;font-size:3rem;text-align:center;cursor:pointer;outline:none;color:#fff;border:none;border-radius:15px;box-shadow:0 9px #999;margin:15px}.switchButton{height:4rem;width:7rem}.okButton{height:4rem;width:9rem}.backspaceIcon{width:3rem;color:var(--my-white-color)}.spaceBarBtn{height:4.5rem;width:40rem;font-size:1.8rem;text-align:center;cursor:pointer;outline:none;color:#fff;border:none;border-radius:15px;box-shadow:0 9px #999;margin:15px}.spaceBarBtn:active{box-shadow:0 5px #666;transform:translateY(4px)}.keyboardBtn:active,.okButton:active,.clearBtn:active,.backspaceBtn:active,.switchButton:active{box-shadow:0 5px #666;animation:pulse .3s ease-in-out}@keyframes pulse{0%{box-shadow:0 0 #000000b3}50%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}.keyboardBtn{background-color:var(--my-color2)}.keyboardBtn:hover,.keyboardBtn:active{background-color:#2874a6}.okButton{background-color:#04aa6d}.okButton:hover,.okButton:active{background-color:#3e8e41}.clearBtn{background-color:#cd6155}.clearBtn:hover,.clearBtn:active{background-color:#7b241c}.backspaceBtn{background-color:#f4d03f}.backspaceBtn:hover{background-color:#f1c40f}.backspaceBtn:active{background-color:#d4ac0d}.switchButton{background-color:#8e44ad}.switchButton:hover{background-color:#724286}.switchButton:active{background-color:#382340}.spaceBarBtn{background-color:var(--my-color2)}.spaceBarBtn:hover,.spaceBarBtn:active{background-color:#2874a6}.floatingLabelDivKeyboard{width:fit-content;position:relative;margin-bottom:1%;margin-top:5%}.floatingLabelInputKeyboard{padding:var(--pad);border-radius:20px;background-color:var(--bg);border:none;outline:none;color:var(--my-black-color);height:4rem;font-size:larger;font-weight:700;margin-bottom:1%;background-color:#fff;padding:0 1rem}.floatingLabelInputNameKeyboard{position:absolute;left:10px;top:15px;transition:all .2s ease;color:#000;font-weight:700;pointer-events:none}.floatingLabelInputKeyboard:focus+.floatingLabelInputNameKeyboard,.floatingLabelInputKeyboard:not(:placeholder-shown)+.floatingLabelInputNameKeyboard{top:-15px;left:10px;font-size:1rem;color:#000}.floatingLabelInputKeyboard::placeholder{font-size:14px;color:#aaa;opacity:0}.floatingLabelInputKeyboard:focus::placeholder{font-size:1rem;font-weight:700;padding-left:10px;opacity:1}.keyboardContent .numpadDiv .keyboardBtn,.okButton,.clearBtn,.backspaceBtn,.switchButton{height:4rem;width:6rem;font-size:3rem;text-align:center;cursor:pointer;outline:none;color:#fff;border:none;border-radius:15px;box-shadow:0 9px #999;margin:15px}.switchButton{height:4.5rem;width:6.8rem}@media (max-width: 1024px){.fullKeyboard{width:100%;align-items:normal}.fullKeyboard .keyboardRow .keyboardBtn,.fullKeyboard .keyboardRow .backspaceBtn{height:40px;width:50px;font-size:1.5rem}.fullKeyboard .spaceBarBtn{height:45px;width:300px;font-size:1.5rem}.fullKeyboard .switchButton,.fullKeyboard .okButton,.fullKeyboard .clearBtn{height:2.8125rem;width:6.3rem;font-size:1.5rem}.backspaceBtn{height:4rem;width:5rem;font-size:2rem}.backspaceIcon{width:2.5rem;color:var(--my-white-color)}}@media (max-width: 768px){.keyboardContent .numberPad .keyboardBtn,.okButton,.clearBtn,.backspaceBtn,.switchButton{height:40px;width:70px;font-size:1.5rem}.fullKeyboard .switchButton,.fullKeyboard .okButton,.fullKeyboard .clearBtn{height:35px;font-size:1rem;margin:.5rem}.fullKeyboard .spaceBarBtn{height:35px;width:250px;font-size:1rem;margin:.5rem}.fullKeyboard .keyboardRow .keyboardBtn,.fullKeyboard .keyboardRow .backspaceBtn{height:35px;width:35px;font-size:1rem;border-radius:10px}.floatingLabelDivKeyboard{padding:5px}.backspaceIcon{width:20px}.fullKeyboard{align-items:normal}.floatingLabelInputNameKeyboard{font-size:12px}.keyboardContent .numberPad .keyboardBtn,.okButton,.clearBtn,.backspaceBtn,.switchButton{height:2.5rem;width:4rem;font-size:1rem;border-radius:10px}.fullKeyboard .switchButton,.fullKeyboard .okButton,.fullKeyboard .clearBtn{height:2.18rem;width:3.43rem;font-size:1rem}.fullKeyboard .spaceBarBtn{height:35px;width:200px;font-size:1rem}.fullKeyboard .keyboardRow .keyboardBtn,.fullKeyboard .keyboardRow .backspaceBtn{height:2rem;width:2rem;font-size:1rem;border-radius:10px;margin:.5rem}.numberPad .clearBtn{height:2.5rem;width:4rem;font-size:1rem}.backspaceIcon{width:15px}.backspaceBtn{height:2.5rem;width:4rem;font-size:1rem}}@media screen and (max-width: 480px){.keyboardContent{width:fit-content}.floatingLabelInputKeyboard{height:5vh}.fullKeyboard{align-items:normal}.fullKeyboard .keyboardRow .keyboardBtn,.fullKeyboard .keyboardRow .backspaceBtn{height:1.875rem;width:1.25rem;font-size:.9375rem;border-radius:.3125rem;text-align:center;margin:.375rem}.fullKeyboard .spaceBarBtn{height:2.1875rem;width:6.25rem;font-size:1rem}}.darkMainTheme .numberPad,.darkMainTheme .fullKeyboard{background-color:#34495e}.darkMainTheme .floatingLabelInputNameKeyboard{color:#fff}.darkMainTheme .floatingLabelInputKeyboard,.darkMainTheme .floatingLabelInputNameKeyboard::placeholder{background-color:#1c2833;color:#fff}.darkMainTheme .floatingLabelInputKeyboard:focus+.floatingLabelInputNameKeyboard,.darkMainTheme .floatingLabelInputKeyboard:not(:placeholder-shown)+.floatingLabelInputNameKeyboard{color:#fff}.darkMainTheme .keyboardContent{background-color:#34495e}.checkboxContainer{display:block;position:relative;padding-left:35px;border-radius:10px;cursor:pointer;font-size:1.1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:1rem;margin-bottom:1.5rem}.checkMark{position:absolute;top:0;left:0;height:25px;width:25px;border-radius:5px;background-color:var(--my-background-color)}.checkboxRequired{border:1px solid red;background-color:var(--my-required-background-color)}.checkboxContainer input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkboxContainer:hover input~.checkMark{background-color:var(--my-grey-color)}.checkboxContainer input:checked~.checkMark{background-color:var(--my-color2)}.checkboxContainer input:checked~.checkboxRequired{background-color:var(--my-color2);border:none}.checkMark:after{content:"";position:absolute;display:none}.checkMarkRequired:after{content:"";position:absolute;display:none}.checkboxContainer input:checked~.checkMark:after{display:block}.checkboxContainer input:checked~.checkMarkRequired:after{display:block}.checkboxContainer input:checked~.checkMarkRequired{border:none}.checkboxContainer .checkMark:after{left:9px;top:5px;width:5px;height:10px;border:solid var(--my-white-color);border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.checkboxContainer .checkMarkRequired:after{left:9px;top:5px;width:5px;height:10px;border:solid var(--my-white-color);border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.checkboxContainer input[disabled]~.checkMark{background-color:var(--my-grey-color)}.checkboxContainer input[disabled]~.checkMarkRequired{background-color:var(--my-grey-color);border:none}.checkbox[disabled]{background-color:var(--my-disabled-color);background:var(--my-disabled-color)}.gqlSelectContainer{display:flex;align-items:center;gap:5px;font-size:1rem;height:40px;border-radius:10px;border:none;outline:none}.gqlSelectInput{background-color:var(--my-background-color);color:var(--my-black-color);border:none;outline:none;gap:5px;font-size:1rem;height:40px;width:5vh;border-radius:10px}.gqlSelectInput option{border:none;outline:none}.darkMainTheme .gqlSelectInput{background-color:#1c2833;color:#fff}.darkMainTheme .gqlSelectInput option{border:none;outline:none}.reducerContainerRow{display:flex;flex-direction:row;justify-content:start;gap:10px}@media screen and (max-width: 768px){.reducerContainerRow{flex-direction:column}}._1uTSx{display:flex;flex-direction:column;gap:10px;width:100%;margin:8px 0}.Dn9TB{font-size:18px;font-weight:600;color:#2c3e50;letter-spacing:.3px;margin-left:4px}.Pa2v0{position:relative;padding:22px 28px;font-size:24px;font-weight:500;color:#2c3e50;background:linear-gradient(145deg,#fff,#f8f9fa);border:2px solid #e3f2fd;border-radius:20px;outline:none;box-shadow:0 10px 20px #00000014,inset 0 -4px 8px #ffffffe6,inset 0 4px 8px #0000000f;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:text;-webkit-user-select:text;user-select:text;overflow:auto;white-space:nowrap}.Pa2v0:hover{border-color:#81d4ff;box-shadow:0 14px 28px #2196f340,inset 0 -4px 12px #fffffff2;transform:translateY(-2px)}.Pa2v0:active{transform:scale(.985) translateY(1px);box-shadow:0 4px 10px #0000001f,inset 0 -2px 6px #fffc}.KmS49{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:28px;opacity:.35;transition:opacity .3s;pointer-events:none}.Pa2v0:hover .KmS49{opacity:.6}.Pa2v0:empty:before{content:attr(data-placeholder);color:#9e9e9e;font-weight:400;font-style:normal}.ess9h{border-color:#f44336;background:linear-gradient(145deg,#fff5f5,#ffebee);box-shadow:0 10px 20px #f4433640,inset 0 -4px 8px #ffffffe6}@media (max-width: 1200px){.Pa2v0{font-size:22px;padding:20px 26px}}@media (max-width: 900px){.Pa2v0{font-size:20px;padding:18px 24px}}@media (max-width: 600px){.Pa2v0{font-size:19px;padding:16px 20px;border-radius:16px}}@media (hover: none) and (pointer: coarse){.Pa2v0{font-size:26px;padding:26px 32px}}.HEt2f{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .4s cubic-bezier(.34,1.56,.64,1)}.HEt2f.KMjzI{opacity:1}.rqCTd{background:linear-gradient(145deg,#fff,#f8f9fa);padding:24px;border-radius:24px;width:80%;max-width:800px;position:relative;box-shadow:0 20px 40px #00000026,inset 0 -4px 12px #ffffffe6,inset 0 4px 12px #0000000f;transform:scale(.85);opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s ease-out}.HEt2f.KMjzI .rqCTd{transform:scale(1);opacity:1}.CznHQ{position:fixed;bottom:0;left:0;width:100%;background:linear-gradient(145deg,#fff,#f8f9fa);padding:24px;box-shadow:0 -10px 30px #00000026,inset 0 -4px 12px #ffffffe6;z-index:1000;transform:translateY(100%);transition:transform .4s cubic-bezier(.34,1.56,.64,1);border-top-left-radius:24px;border-top-right-radius:24px}.CznHQ.KMjzI{transform:translateY(0)}.xaaJl{background:linear-gradient(145deg,#fff,#f8f9fa);padding:24px;box-shadow:0 10px 30px #00000026,inset 0 -4px 12px #ffffffe6,inset 0 4px 12px #0000000f;z-index:1000;opacity:0;transition:opacity .4s cubic-bezier(.34,1.56,.64,1);border-radius:24px;max-width:100%}.xaaJl.KMjzI{opacity:1}._9BlQa{position:relative;padding:22px 28px;font-size:24px;font-weight:500;color:#2c3e50;background:linear-gradient(145deg,#fff,#f8f9fa);border:2px solid #e3f2fd;border-radius:20px;outline:none;box-shadow:0 10px 20px #00000014,inset 0 -4px 8px #ffffffe6,inset 0 4px 8px #0000000f;transition:all .4s cubic-bezier(.34,1.56,.64,1);margin-bottom:24px;min-height:60px;display:flex;align-items:center}.qVgjW{display:flex;flex-direction:column;gap:14px}.t7buM{display:flex;justify-content:center;flex-wrap:nowrap;width:100%}._69Gya{flex:1;min-width:clamp(40px,6vw,60px);height:clamp(55px,10vw,75px);font-size:clamp(22px,4.5vw,36px);font-weight:600;color:#fff;background:linear-gradient(145deg,#2196f3,#1976d2);border:none;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 12px #2196f34d,inset 0 -2px 4px #0000001a;transition:all .3s cubic-bezier(.34,1.56,.64,1);touch-action:manipulation}._69Gya:hover{background:linear-gradient(145deg,#42a5f5,#1e88e5);box-shadow:0 8px 16px #2196f366;transform:translateY(-2px)}._69Gya:active{background:linear-gradient(145deg,#1e88e5,#1565c0);box-shadow:0 2px 6px #2196f34d;transform:scale(.96) translateY(1px)}.eN17m{flex:1.5;background:linear-gradient(145deg,#64b5f6,#2196f3)}.eN17m:hover{background:linear-gradient(145deg,#90caf9,#42a5f5)}.eN17m:active{background:linear-gradient(145deg,#42a5f5,#1e88e5)}.FCIss{position:absolute;top:16px;right:16px;background:none;border:none;font-size:32px;font-weight:300;cursor:pointer;color:#f44336;transition:color .3s,transform .3s;z-index:10}.FCIss:hover{color:#d32f2f;transform:rotate(90deg)}.xaaJl .qVgjW{gap:20px}.xaaJl .t7buM{gap:clamp(10px,2vw,16px)}.xaaJl ._69Gya{min-width:clamp(50px,7vw,70px);height:clamp(70px,12vw,85px);font-size:clamp(28px,5.5vw,40px)}@media (hover: none) and (pointer: coarse){.qVgjW{gap:20px}._69Gya{height:clamp(70px,12vw,85px);font-size:clamp(28px,6vw,34px)}.xaaJl .qVgjW{gap:28px}.xaaJl ._69Gya{min-width:clamp(55px,8vw,75px);height:clamp(80px,14vw,100px);font-size:clamp(32px,7vw,45px)}}@media (min-width: 1024px){.CznHQ{width:50%;left:50%;transform:translate(-50%) translateY(100%)}.CznHQ.KMjzI{transform:translate(-50%) translateY(0)}.xaaJl{max-width:800px}}._199LA{color:#212121;background:linear-gradient(145deg,#ffeb3b,#fbc02d);box-shadow:0 6px 12px #ffeb3b4d,inset 0 -2px 4px #0000001a}._199LA:hover{background:linear-gradient(145deg,#fff176,#fdd835);box-shadow:0 8px 16px #ffeb3b66;transform:translateY(-2px)}._199LA:active{background:linear-gradient(145deg,#fdd835,#f9a825);box-shadow:0 2px 6px #ffeb3b4d;transform:scale(.96) translateY(1px)}.Ryb2l{background:linear-gradient(145deg,#ff9800,#ef6c00);box-shadow:0 6px 12px #ff98004d,inset 0 -2px 4px #0000001a}.Ryb2l:hover{background:linear-gradient(145deg,#ffa726,#fb8c00);box-shadow:0 8px 16px #ff980066;transform:translateY(-2px)}.Ryb2l:active{background:linear-gradient(145deg,#fb8c00,#e65100);box-shadow:0 2px 6px #ff98004d;transform:scale(.96) translateY(1px)}.Bm9ok{background:linear-gradient(145deg,#f44336,#d32f2f);box-shadow:0 6px 12px #f443364d,inset 0 -2px 4px #0000001a}.Bm9ok:hover{background:linear-gradient(145deg,#ef5350,#e53935);box-shadow:0 8px 16px #f4433666;transform:translateY(-2px)}.Bm9ok:active{background:linear-gradient(145deg,#e53935,#c62828);box-shadow:0 2px 6px #f443364d;transform:scale(.96) translateY(1px)}._5HApZ{background:linear-gradient(145deg,#4caf50,#388e3c);box-shadow:0 6px 12px #4caf504d,inset 0 -2px 4px #0000001a}._5HApZ:hover{background:linear-gradient(145deg,#66bb6a,#43a047);box-shadow:0 8px 16px #4caf5066;transform:translateY(-2px)}._5HApZ:active{background:linear-gradient(145deg,#43a047,#2e7d32);box-shadow:0 2px 6px #4caf504d;transform:scale(.96) translateY(1px)}._58W-e{color:#212121;background:linear-gradient(145deg,#ffeb3b,#fbc02d);box-shadow:0 6px 12px #ffeb3b4d,inset 0 -2px 4px #0000001a}._58W-e:hover{background:linear-gradient(145deg,#fff176,#fdd835);box-shadow:0 8px 16px #ffeb3b66;transform:translateY(-2px)}._58W-e:active{background:linear-gradient(145deg,#fdd835,#f9a825);box-shadow:0 2px 6px #ffeb3b4d;transform:scale(.96) translateY(1px)}.bPwMD{background:linear-gradient(145deg,#9c27b0,#7b1fa2);box-shadow:0 6px 12px #9c27b04d,inset 0 -2px 4px #0000001a}.bPwMD:hover{background:linear-gradient(145deg,#ab47bc,#8e24aa);box-shadow:0 8px 16px #9c27b066;transform:translateY(-2px)}.bPwMD:active{background:linear-gradient(145deg,#8e24aa,#6a1b9a);box-shadow:0 2px 6px #9c27b04d;transform:scale(.96) translateY(1px)}.XAMfx .HEt2f{background:#0009}.XAMfx .rqCTd{background:linear-gradient(145deg,#2c2c2c,#1e1e1e);box-shadow:0 20px 40px #0000004d,inset 0 -4px 12px #0003,inset 0 4px 12px #ffffff0d}.XAMfx .CznHQ{background:linear-gradient(145deg,#2c2c2c,#1e1e1e);box-shadow:0 -10px 30px #0000004d,inset 0 -4px 12px #0003}.XAMfx .xaaJl{background:linear-gradient(145deg,#2c2c2c,#1e1e1e);box-shadow:0 10px 30px #0000004d,inset 0 -4px 12px #0003,inset 0 4px 12px #ffffff0d}.XAMfx ._9BlQa{color:#e0e0e0;background:linear-gradient(145deg,#3a3a3a,#2c2c2c);border:2px solid #555;box-shadow:0 10px 20px #0003,inset 0 -4px 8px #0003,inset 0 4px 8px #ffffff0d}.XAMfx ._69Gya{color:#fff;background:linear-gradient(145deg,#1565c0,#0d47a1);box-shadow:0 6px 12px #1565c04d,inset 0 -2px 4px #0003}.XAMfx ._69Gya:hover{background:linear-gradient(145deg,#1e88e5,#1565c0);box-shadow:0 8px 16px #1565c066}.XAMfx ._69Gya:active{background:linear-gradient(145deg,#1976d2,#0d47a1);box-shadow:0 2px 6px #1565c04d}.XAMfx .eN17m{background:linear-gradient(145deg,#2196f3,#1565c0)}.XAMfx .eN17m:hover{background:linear-gradient(145deg,#42a5f5,#1e88e5)}.XAMfx .eN17m:active{background:linear-gradient(145deg,#1e88e5,#1976d2)}.XAMfx ._199LA{color:#212121;background:linear-gradient(145deg,#fbc02d,#f57f17);box-shadow:0 6px 12px #fbc02d4d,inset 0 -2px 4px #0003}.XAMfx ._199LA:hover{background:linear-gradient(145deg,#fdd835,#fb8c00);box-shadow:0 8px 16px #fbc02d66}.XAMfx ._199LA:active{background:linear-gradient(145deg,#f9a825,#ef6c00);box-shadow:0 2px 6px #fbc02d4d}.XAMfx .Ryb2l{background:linear-gradient(145deg,#ef6c00,#bf360c);box-shadow:0 6px 12px #ef6c004d,inset 0 -2px 4px #0003}.XAMfx .Ryb2l:hover{background:linear-gradient(145deg,#fb8c00,#ef6c00);box-shadow:0 8px 16px #ef6c0066}.XAMfx .Ryb2l:active{background:linear-gradient(145deg,#f57c00,#e65100);box-shadow:0 2px 6px #ef6c004d}.XAMfx .Bm9ok{background:linear-gradient(145deg,#d32f2f,#b71c1c);box-shadow:0 6px 12px #d32f2f4d,inset 0 -2px 4px #0003}.XAMfx .Bm9ok:hover{background:linear-gradient(145deg,#e53935,#d32f2f);box-shadow:0 8px 16px #d32f2f66}.XAMfx .Bm9ok:active{background:linear-gradient(145deg,#c62828,#b71c1c);box-shadow:0 2px 6px #d32f2f4d}.XAMfx ._5HApZ{background:linear-gradient(145deg,#388e3c,#2e7d32);box-shadow:0 6px 12px #388e3c4d,inset 0 -2px 4px #0003}.XAMfx ._5HApZ:hover{background:linear-gradient(145deg,#43a047,#388e3c);box-shadow:0 8px 16px #388e3c66}.XAMfx ._5HApZ:active{background:linear-gradient(145deg,#2e7d32,#1b5e20);box-shadow:0 2px 6px #388e3c4d}.XAMfx ._58W-e{color:#212121;background:linear-gradient(145deg,#fbc02d,#f57f17);box-shadow:0 6px 12px #fbc02d4d,inset 0 -2px 4px #0003}.XAMfx ._58W-e:hover{background:linear-gradient(145deg,#fdd835,#fb8c00);box-shadow:0 8px 16px #fbc02d66}.XAMfx ._58W-e:active{background:linear-gradient(145deg,#f9a825,#ef6c00);box-shadow:0 2px 6px #fbc02d4d}.XAMfx .bPwMD{background:linear-gradient(145deg,#7b1fa2,#4a148c);box-shadow:0 6px 12px #7b1fa24d,inset 0 -2px 4px #0003}.XAMfx .bPwMD:hover{background:linear-gradient(145deg,#8e24aa,#7b1fa2);box-shadow:0 8px 16px #7b1fa266}.XAMfx .bPwMD:active{background:linear-gradient(145deg,#6a1b9a,#4a148c);box-shadow:0 2px 6px #7b1fa24d}.y4f7p{position:relative;display:flex;gap:8px;flex-wrap:wrap;width:100%;align-items:stretch}.gQUbU{width:100%;min-width:0;flex:1 1 0%}.xGXCy{border-radius:10px;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background-color .12s ease;background:#fff;flex-shrink:0;min-width:0;box-sizing:border-box}.sZ71A{cursor:not-allowed;opacity:.6}.-CO9I{background:#eef7ff;border:1px solid #29abe2;transform:translateY(1px) scale(.98);box-shadow:inset 0 3px 6px #0000002e,0 1px 2px #00000014}.-EQI5{box-shadow:0 1px 2px #0000000f}.bAUt8{padding:0}._8Eb4T{padding:0 12px;gap:8px;white-space:nowrap}@media (max-width: 768px){.y4f7p{flex-direction:column;align-items:stretch!important}.gQUbU{width:100%;flex:1 1 auto}.xGXCy{width:100%}.bAUt8{width:100%!important}}.SCRdP{display:flex;gap:6px;width:100%;min-width:0;align-items:flex-start}.gmEeX{font-size:.85rem;color:#333;line-height:1.2;white-space:nowrap}.pbyKR{min-width:80px;flex-shrink:0;display:flex;align-items:center}.VGHKD{position:relative;width:100%;min-width:0;flex:1 1 auto}._1MKIt{width:100%;min-width:0;box-sizing:border-box;border-radius:10px;border:1px solid #ccc;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;background:#fff}.uFzgc{border:2px solid #29abe2;box-shadow:0 0 0 3px #29abe233}@media (max-width: 768px){.SCRdP{flex-direction:column!important;align-items:stretch!important}.pbyKR{min-width:unset}}.rwCU-{position:relative;width:100%;min-width:0}.WFT0b{width:100%;min-width:0;box-sizing:border-box;border-radius:10px;border:1px solid #ccc;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;background:#fff}._660w-{border:2px solid #29abe2;box-shadow:0 0 0 3px #29abe233}.NBC--{position:absolute;left:10px;color:#888;background:#fff;pointer-events:none;z-index:1;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:left top;transition:top .18s ease,transform .18s ease,font-size .18s ease,color .18s ease}.J4n1E{top:4px;transform:translateY(0);font-size:.72rem;line-height:1;color:#29abe2;padding:0 4px}._4gTFi{top:50%;transform:translateY(-50%);line-height:1;padding:0 2px}.universalFieldCardContainer{width:100%;height:fit-content;display:flex;flex-direction:column;border:3px solid var(--my-color2);border-radius:15px;max-width:600px}.universalFieldCardContainerDark{background-color:var(--universal-card-dark-background)}.universalFieldCardContainerLight{background-color:var(--universal-card-light-background)}.universalFieldCardContainer>*:not(.universalFieldCardHeader){padding:10px}.fieldCardNameRegular,.fieldCardNameSmall{font-size:1rem;color:var(--my-white-color)}.universalFieldCardHeader{background-color:var(--my-color2);border-radius:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:15px;height:40px;margin-bottom:5px}.universalFieldCardHeaderIcon,.universalFieldCardHeaderIconForExpand{color:var(--my-white-color);height:3.5vh;width:3.5vw}.universalFieldCardHeaderIconForExpand:hover{color:var(--my-color1);height:30px;width:30px}.fieldsCardBtn{display:flex;justify-content:center}@media (max-width: 768px){.universalFieldCardContainer{margin-top:5%}.fieldCardNameRegular{font-size:1rem}.fieldCardNameSmall{font-size:.9rem}.universalFieldCardHeader{height:7vh}.universalFieldCardHeaderIcon{height:5vh;width:5vw}}@media (max-width: 480px){.fieldCardNameRegular{font-size:.9rem}.fieldCardNameSmall{font-size:.8rem}.universalFieldCardHeaderIcon{height:6vh;width:6vw}}.darkMainTheme .universalFieldCardContainer{background:#34495e;border:5px solid #4f7187;color:#ecf0f1}.darkMainTheme .universalFieldCardHeader{background:#2c3e50}.partnerAssignmentGrid{height:50vh;margin:15px}.partnerAssignmentLabel{font-size:1.2rem;color:var(--my-black-color)}.partnerAssignmentTextInput{height:40px;width:450px;border-radius:10px;background-color:var(--my-background-color);border:none;outline:none;font-size:1.2rem;margin:5px 0 0 15px}.partnerAssignmentTextInputDiv{display:flex;flex-direction:column;margin:15px}.roleSelectDiv{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:15px;margin:15px;background-color:var(--my-background-color);border-radius:10px;color:var(--my-black-color)}.partnerAssignmentGridControls{display:flex;flex-direction:row;justify-content:space-between;margin:15px}.partnerAssignmentMainDiv .partnerRoleFilter{margin-left:1%}@media screen and (max-width: 768px){.partnerAssignmentMainDiv{margin-top:1rem}.roleSelectDiv{flex-direction:column;align-items:center;padding-bottom:40px}.partnerRoleFilter label{margin-left:4%}.partnerAssignmentGridControls{display:flex;flex-wrap:wrap;align-items:center}}@media screen and (max-width: 480px){.partnerRoleFilter .partnerAssignmentTextInput{width:fit-content;margin-top:2%}.partnerAssignmentGridControls{margin-bottom:50%}}.determineTheme .partnerAssignmentMainDiv .partnerAssignmentTextInput{background-color:#1c2833;color:#fff;font-size:1rem}.dropdownPlusButtonContainer{display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:15px;margin:15px;background-color:var(--my-background-color);border-radius:10px;color:var(--my-black-color)}.dropdownPlusButtonContainer text{font-size:2rem}.selectionDropdown{height:40px;width:fit-content;border-radius:10px;background-color:var(--my-required-background-color);border:none;outline:none;font-size:1.2rem;margin:15px}@media screen and (max-width: 768px){.dropdownPlusButtonContainer{flex-direction:column;justify-content:center;align-items:center;height:fit-content;margin-bottom:50%}.dropdownPlusButtonContainer text{margin-top:5%;font-size:2rem;font-weight:600}.dropdownPlusButtonContainer button{width:fit-content;margin-bottom:5%}}.darkMainTheme .dropdownPlusButtonContainer{background-color:#34495e;border:5px solid #4f7187;color:#fff}.darkMainTheme .selectionDropdown{background-color:#051e37}.darkMainTheme .selectionDropdown,.darkMainTheme .selectionDropdown option{background-color:#1c2833;color:#fff;font-size:1rem}.mainSignature{display:flex;flex-direction:column;align-items:center;margin:15px;width:fit-content;height:fit-content}.signature-pad{border:2px solid black;border-radius:10px;border-color:var(--my-color2);width:40vw;height:40vh}.signaturePadControls{display:flex;flex-direction:row}.darkMainTheme .signature-pad{background-color:#1c2833;color:#fff;font-size:1rem}@media screen and (max-width: 768px){.mainSignature canvas{width:100%;height:fit-content;margin-top:5%}.mainSignature .signaturePadControls .iconBntV1Danger{width:5rem;height:3rem}.mainSignature .signaturePadControls .iconBntV1Danger svg{height:1.5rem}}.iconBtnContainer{position:relative;display:inline-block}.iconBtn,.iconBtnDanger{margin:5px;font-size:1.1rem;cursor:pointer;outline:none;color:var(--my-white-color);border:none;border-radius:15px;box-shadow:0 4px #999;display:block;align-items:center;justify-content:center;overflow:hidden;background-color:#29abe2}.iconBtn:active{background-color:var(--my-color2);box-shadow:0 3px #666;transform:translateY(4px)}.iconBtnIcon{font-size:1.5rem}.iconBtnSmall,.iconBtnDangerSmall{width:3rem;height:3rem;font-size:.5rem}.iconBtnMedium,.iconBtnDangerMedium{width:5rem;height:3rem;font-size:1rem}.iconBtnLarge,.iconBtnDangerLarge{width:6.25rem;height:3.75rem;font-size:1.2rem}.iconBtnXLarge,.iconBtnDangerXLarge{width:6.5rem;height:3.5rem;font-size:1.5rem}.buttonBackgroundBlue{background-color:#29abe2}.buttonBackgroundBlue:hover{background-color:#1c7a9d;transition:.3s ease}.buttonBackgroundRed{background-color:var(--my-danger-color)}.buttonBackgroundRed:hover{background-color:var(--my-danger-color_1)}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:20px;height:20px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tooltipMobile{position:absolute;background-color:#333;color:#fff;padding:6px 5px;border-radius:5px;font-size:1rem;white-space:nowrap;z-index:10;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.outboundGridContainer{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-around;margin:auto}.outboundGrid{height:50vh;margin:15px}.outboundGridControl{display:flex;flex-wrap:wrap;margin:15px;gap:15px}.createOutboundDiv{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:15px;margin:15px;background-color:var(--my-background-color);border-radius:10px;color:var(--my-black-color)}.outboundDetailsControlsDiv{display:flex;flex-direction:row;justify-content:center;gap:15px}@media screen and (max-width: 1024px){.outboundDetailsFiledsDiv{flex-direction:column;margin:5%}.outboundDetailsControlsDiv{display:flex;justify-content:center;align-items:center;position:relative}}@media screen and (max-width: 768px){.outboundDetailsFiledsDiv{flex-direction:column;align-items:center;margin-bottom:5rem}.outboundGridControl button{justify-content:center;align-items:center;width:fit-content}}.darkMainTheme .documentItemsContainer .outboundGrid{color:#fff}.galleryContainer{display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:15px;margin:15px;background-color:var(--my-background-color);border-radius:10px;color:var(--my-black-color)}.galleryControls{display:flex;flex-direction:row}.galleryControls .fileInput{display:none}.visuallyHidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.galleryContent{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:1%}.galleryItem{position:relative;flex:1 1 calc(33% - 15px);max-width:220px;height:280px;margin-bottom:20px;text-align:center;box-sizing:border-box;overflow:hidden;border-radius:8px}.galleryItem img,.galleryItem .fileIconContainer{width:100%;height:150px;object-fit:cover;border-radius:8px;display:block}.galleryItem .fileIconContainer{margin-top:24%}.galleryItemInfo{margin-top:8px;font-size:.9rem;color:#333}.galleryItemInfo p,.fileIconContainer p{margin:5px 0;font-size:.9rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical}.deleteGalleryItemButton{position:absolute;top:5px;right:5px;width:25px;height:25px;background-color:#f00c;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:1.2rem;z-index:2}.deleteGalleryItemButton:hover{background-color:red;transform:scale(1.1);transition:all .3s ease}.deleteButton{background-color:red!important;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.deleteButton:hover{background-color:#8b0000!important}.darkMainTheme .galleryContainer{background-color:#34495e;border:5px solid #4f7187;color:#fff}.darkMainTheme .galleryItem img{border-radius:5px}.darkMainTheme .galleryContent{gap:10px}.downloadButton{display:inline-block;padding:5px 10px;background-color:#007bff;color:#fff;border-radius:4px;text-decoration:none;margin-top:5px;width:100%}.downloadButton:hover{background-color:#0056b3}@media screen and (max-width: 1024px){.galleryItem{flex:1 1 calc(50% - 15px)}}@media screen and (max-width: 768px){.galleryContainer{flex-direction:column;justify-content:center;align-items:center;height:fit-content;margin-bottom:50%}.galleryItem{flex:1 1 calc(100% - 15px)}.galleryControls{display:flex;flex-direction:column}}.capturedImageBtns{display:flex}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.universalGridTable{border-radius:12px;border-spacing:0px;width:100%;height:fit-content;margin-top:1px;overflow:hidden;display:block;overflow-x:auto;white-space:nowrap}.universalGridTable td,.universalGridTable th{border:1px solid #ccc;padding:1px;text-align:left;word-break:break-word}.universalGridTable tr{background-color:var(--my-green-color);border-radius:12px;border-bottom:1px solid #ddd}.gridColumnHeading{font-size:1.2rem;font-weight:500;color:var(--my-white-color);border-bottom:solid 1px black}.universalGridColumn{width:fit-content}.universalGridTableCell{border-right:solid 1px black;background-color:#f0f3f4!important;width:fit-content}.gridActionBtnsMain{display:flex;flex-direction:row;gap:5px}.gridActionBtns{height:3vh;width:2vw;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:transparent;border:none;outline:none}.gridActionBtnsIconView,.gridActionBtnsIconChange,.gridActionBtnsDelete{height:3vh;width:2vw;color:var(--my-color2)}.gridActionBtns:hover .gridActionBtnsIconView{color:#f39c12;cursor:pointer;height:3.5vh;width:2.5vw}.gridActionBtns:hover .gridActionBtnsIconChange{color:#f4d03f;cursor:pointer;height:3.5vh;width:2.5vw}.gridActionBtns:hover .gridActionBtnsDelete{color:#e74c3c;cursor:pointer;height:3.5vh;width:2.5vw}.darkMainTheme .universalGridTable{background-color:#2c3e50;border:5px solid #4f7187}.darkMainTheme .universalGridTable tr{background-color:#34495e}.darkMainTheme .universalGridBody tr td{background-color:#34495e!important}.darkMainTheme .gridColumnHeading{color:#fff}@media screen and (max-width: 768px){.universalGridTableCell{width:auto}.gridColumnHeading{font-size:1rem}.gridActionBtnsIconView,.gridActionBtnsIconChange,.gridActionBtnsDelete,.gridActionBtns,.gridActionBtns:hover .gridActionBtnsIconView,.gridActionBtns:hover .gridActionBtnsIconChange,.gridActionBtns:hover .gridActionBtnsDelete{height:30px;width:50px}}.darkMainTheme .gridActionBtns:hover .gridActionBtnsIconView,.darkMainTheme .gridActionBtnsIconChange:hover{color:#fff}.darkMainTheme .gridActionBtnsDelete:hover{color:#de4848}.mapsContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.Camera{position:relative;overflow:hidden}.Camera__screenshotButtons{position:absolute;top:4px;right:4px;z-index:4;display:flex;flex-direction:row;gap:5px}.Camera__screenshotButtons button{background-color:#fff;border:1px solid #000;border-radius:5px;padding:5px}.Camera__screenshotButton{background-color:#fff;border:1px solid #000;border-radius:5px;padding:5px;position:absolute;top:4px;right:4px;z-index:4}.image-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.image-container img{width:50vw;height:50vh;object-fit:contain}.settingsMainDiv{padding:20px}.highlight{font-weight:700;color:red}.rstm-toggle-icon{display:inline-block}.rstm-toggle-icon-symbol{width:2rem;height:2rem;text-align:center;line-height:2rem}.rstm-tree-item-group{list-style-type:none;padding-left:0;border-top:1px solid #ccc;text-align:left;width:100%}.rstm-tree-item{padding:.75rem 1rem;cursor:pointer;color:#333;background:none;border-bottom:1px solid #ccc;box-shadow:none;z-index:unset;position:relative}.rstm-tree-item--active{color:#fff;background:#179ed3;border-bottom:none}.rstm-tree-item--focused{box-shadow:0 0 5px #222;z-index:999}.rstm-search{padding:1rem 1.5rem;border:none;width:100%}.tree-menu-item.selected{background-color:#add8e6}.darkMainTheme .TreeMenuContatiner ul li{color:#fff}.darkMainTheme .TreeMenuContatiner .rstm-search{background-color:#1c2833;color:#fff;border:5px solid #1c2833}.darkMainTheme .TreeMenuContatiner .rstm-search::placeholder{color:#6c6c6c}.darkMainTheme .TreeMenuContatiner .rstm-search:focus{border:5px solid #4f7187;outline:none}.navCardContainer{width:90vh;display:flex;flex-wrap:wrap;justify-content:center;margin:auto;gap:25px 15px}.navCard{flex:1 1 calc(33.333% - 25px);max-width:calc(33.333% - 32px);height:8vw;border:1px solid #dee2e6!important;border-radius:10px;box-shadow:#64646f33 0 7px 29px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;padding:10px}.navCard .navCardIcon{width:8vw;height:5vh;color:var(--my-color2)}.navCard:hover .navCardIcon{width:7vw;height:7vh;color:var(--my-color1)}.navCardText{font-size:1.1em;color:var(--my-black-color);text-align:center;margin:5px}.navCard:hover .navCardText{color:var(--my-color1)}@media screen and (max-width: 1200px){.navCardContainer{width:85%;display:flex;flex-wrap:wrap;justify-content:space-between;margin:auto;gap:25px 15px}.navCard{flex:1 1 calc(25% - 20px);height:10vw;border:1px solid #dee2e6!important;border-radius:10px;box-shadow:#64646f33 0 7px 29px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;padding:15px}.navCardIcon{width:6vw;height:6vw;color:var(--my-color2);margin-bottom:10px}.navCardText{font-size:1.3em;color:var(--my-black-color);text-align:center;margin:5px 0}.navCard:hover .navCardIcon{width:8vw;height:8vw;color:var(--my-color1)}.navCard:hover .navCardText{color:var(--my-color1)}}@media screen and (max-width: 1024px){.navCardContainer{margin-top:10%}.navCardContainer::-webkit-scrollbar{display:none}.navCardContainer{-ms-overflow-style:none;scrollbar-width:none}.navCard{display:flex;flex-direction:column;align-items:center;font-size:14px;height:12vw;padding:20px;border-radius:15px;box-shadow:0 4px 10px #0000001a}.backButton{margin:5px 0 5px -11%}.navCardIcon{width:8vw;height:5vw;color:var(--my-color2);margin-bottom:10px}.navCardText{font-size:1.2em;color:var(--my-black-color);text-align:center;margin:5px 0}}@media screen and (max-width: 768px){.applyBody{margin:0}.navCardContainer{width:100%;justify-content:center;margin-bottom:5%}.navCardContainer::-webkit-scrollbar{display:none}.navCard{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;width:100%;height:12vh;padding:15px;border-radius:15px;box-shadow:0 4px 10px #0000001a}.navCardIcon{width:8vw;height:8vw;color:var(--my-color2);margin-bottom:8px}.navCardText{font-size:1.1em;color:var(--my-black-color);text-align:center;margin:5px 0}}.darkMainTheme .navCardText{color:#e0f7fa}.darkMainTheme .navCard:hover .navCardIcon,.darkMainTheme .navCard:hover .navCardText{color:#b3e5fc}.fuel-tank{width:15vw;height:25vh;background-color:#ccc;position:relative;border-radius:10px;margin:15px}.fuel-level{position:absolute;bottom:0;width:100%;background-color:#fbd635;border-radius:10px}.fuelTankLabel{display:flex;align-items:center;justify-content:center}.materialLoactionMainDiv{width:100%}.materialLoactionGridDiv{height:50vh;margin:15px}.materialLoactionGridControls{display:flex;flex-direction:row;margin:15px;gap:15px}.materialConversionsContainer,.materialConversionsDetailsMainDiv{width:100%;height:100%}.allAvailableUnitConversionsContainer{height:50vh;margin:15px 15px 10%}.allAvailableUnitConversionControls{display:flex;flex-direction:row;margin:15px;gap:15px}.materialConversionsDetailsFiledsDiv{display:flex;flex-direction:row;justify-content:center}.materialConversionsDetailsControlsDiv{display:flex;flex-direction:row;justify-content:center;gap:15px;margin:15px}.addConversionCapsule{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:15px;margin:15px;background-color:var(--my-background-color);border-radius:10px;color:var(--my-black-color)}.materialConversionsGrid{margin-top:1%}@media screen and (max-width: 786px){.addConversionCapsule{flex-direction:column;padding:2%}.allAvailableUnitConversionsContainer button{width:fit-content}.addConversionCapsule h1{text-align:center}.allAvailableUnitConversionsContainer{margin-bottom:15%}}.shipDocItemsGrid{margin:15px}.shipDocItemMainDiv{display:flex;flex-direction:column}@media screen and (max-width: 768px){.shipDocItemMain{padding-bottom:80px}}.chartPieMain{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100vh;width:100%;margin:5px}.pieMain{display:flex;justify-content:center;align-items:center;width:60%;height:80%}.pieChartSelection{display:flex;align-items:center;justify-content:center}.totalWeightNumberPerDayMain{display:flex;flex-direction:column;justify-content:center;align-items:center}.chartInfoControl{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:10px}.mainBOLPRocessChart{display:flex;flex-direction:row}.BOLPRocessChart{display:flex;flex-direction:column;width:75vw;margin:15px}.BOLPRocessChartDate{font-size:1.2rem}.orderSyncFromSAPContainer{display:flex;flex-direction:row;justify-content:center;gap:1.5rem;margin-top:5%}.orderSyncGrid{overflow:scroll;height:90%;width:fit-content;margin:15px;border-radius:10px}@media screen and (max-width: 768px){.orderSyncFromSAPContainer{flex-direction:column}}.orderSyncColumnsContainer{display:flex;flex-direction:row;gap:16px}.orderSyncColumnsContainer.orderLayout{flex-direction:column}.activeGlobalProcessesContainer{display:flex;flex-direction:column;gap:15px;margin:15px;align-items:center}.activeLoadingControls{width:100%;position:fixed;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;bottom:1%}.searchInputActiveLoadings{height:40px;width:10%;border-radius:10px;background-color:var(--my-background-color);border:none;outline:none;font-size:1.2rem}@media (max-width: 786px){.activeGlobalProcessesContainer{display:flex;flex-direction:column;align-items:center}.activeLoadingControls{left:0;bottom:0;background:#fff;align-items:center;justify-content:center}}.zvRcB{width:95%;background-color:var(--my-background-color);border-radius:10px;margin-bottom:2%}._8EfPB{height:fit-content;display:flex;flex-direction:row;gap:10px;margin:10px;overflow-x:scroll;scrollbar-width:thin;scrollbar-color:var(--my-color2) var(--my-white-color)}._8EfPB::-webkit-scrollbar{height:10px}._8EfPB::-webkit-scrollbar-thumb{background-color:var(--my-color2);border-radius:5px}._8EfPB::-webkit-scrollbar-track{background-color:var(--my-white-color)}._8EfPB::-webkit-scrollbar{display:none}@media screen and (max-width: 768px){._8EfPB{display:flex;justify-content:center;align-items:center;flex-direction:column;overflow-y:scroll;overflow-x:scroll;scrollbar-width:thin;scrollbar-color:var(--my-color2) var(--my-white-color)}.zvRcB{width:100%;margin:auto}}.darkMainTheme .zvRcB{background-color:#1a3a5d;border:5px solid #4f7187;z-index:2}.darkMainTheme .zvRcB h3{color:#fff}._9VkL-{min-width:300px;border:1px solid #ccc;border-radius:10px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;min-height:150px;box-sizing:border-box}._8iyLg{background-color:#f7dc6f}.lPB1o{background-color:#5a5b5d;color:#f7f7f7}.Eg41h{background-color:#f0f0d6}.axm6M{background-color:#d1f2eb}._5kKT-{font-weight:700;margin-bottom:10px}._7Xiw3{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:6px;align-items:start}.Qnbgo{font-weight:600;white-space:nowrap}.HZ-o0{min-width:0;overflow-wrap:anywhere}.lalB3{margin-top:1rem}._87aP-{display:flex;flex-direction:column;align-items:center;margin:auto}.fuelTruckTankTerminalContainerV1{overflow:hidden;width:fit-content;height:fit-content;position:relative}.fuelTruckTerminalTankV1{position:absolute;bottom:39%;left:65.95%;transform:translate(-50%);width:63.5%;transform-origin:bottom;background-color:orange;transition:all 1.5s ease-out 0s;text-align:center;border-right:none!important;border-radius:5px}@media (max-width: 768px){.fuelTruckTankTerminalContainerV1{height:auto}.fuelTruckTerminalTankV1{width:50%}}@media (max-height: 500px){.fuelTruckTerminalTankV1{bottom:5%}}.pullOrderSAPMain{display:flex;flex-direction:row;justify-content:center;gap:1.5rem;margin-top:5%}.orderDetails{overflow:scroll;height:90%;width:fit-content;margin:15px;border-radius:10px}@media screen and (max-width: 768px){.pullOrderSAPMain{flex-direction:column}}.confDialogTitle{font-size:2rem;font-weight:600;color:var(--my-black-color)}.confDialogText{font-size:1.5rem;color:var(--my-black-color)}.ConfirmationDialogMain{z-index:9999}.darkMainTheme .MuiPaper-root.MuiDialog-paper{background-color:#34495e;border:5px solid #4f7187;color:#fff}.darkMainTheme .MuiPaper-root.MuiDialog-paper h2,.darkMainTheme .MuiPaper-root.MuiDialog-paper p{color:#fff}.darkMainTheme .MuiPaper-root.MuiPaper-rounded{border-radius:8px}.darkMainTheme .MuiDialog-paperScrollPaper{overflow-y:auto}@media screen and (max-width: 786px){.confDialogActions{display:flex;flex-direction:column}}.sendShipDocsMain{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:1.5rem;margin-top:5%}.sendShipDocsBtns{display:flex;flex-direction:column;gap:10px}.sendShipDocsBtns button{width:100%}.sendShipDocs{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--my-background-color);padding:10px;border-radius:10px}.sendShipDocsGrid{background-color:var(--my-background-color);padding:10px;border-radius:10px;max-height:400px;overflow:auto}.sendShipDocsGrid table{width:100%;border-collapse:collapse;max-height:100%;/ Table should take up the entire height of its container / thead{background-color:#f2f2f2}}.sendShipDocsGrid table th,.sendShipDocsGrid table td{border:1px solid #ccc;padding:8px;text-align:left}.sendShipDocsGrid table tr:hover{background-color:#f5f5f5}.sendShipDocsGridControls{display:flex;flex-direction:row;margin:10px}@media screen and (max-width: 768px){.sendShipDocsMain{align-items:center;flex-direction:column}}.inputFile{display:none}.inputFileRow{display:flex;flex-direction:column}.itemsCount{text-align:center;margin:10px;font-size:1.2rem;color:#000}.excelFileButton{width:fit-content;display:flex;margin:auto}.darkMainTheme .itemsCount{color:#fff}@media screen and (max-width: 786px){.inputFileRow{width:fit-content}.documentItemsContainer{margin-bottom:50%}.excelFileButton{flex-direction:row}}.jMpv0{--line-color: #a0a0a0;--line-width: 2px;--node-padding: 28px;--toggle-size: 22px;list-style:none;padding:0 0 0 12px;margin:12px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._3aAt2{position:relative;padding:4px 0 4px var(--node-padding);margin:2px 0}._3aAt2:before,._3aAt2:after{content:"";position:absolute;background:var(--line-color)}._3aAt2:before{left:calc(var(--node-padding) / 2 - var(--line-width) / 2);top:-8px;bottom:0;width:var(--line-width);height:calc(100% + 8px)}._3aAt2:after{left:calc(var(--node-padding) / 2 - var(--line-width) / 2);top:18px;width:calc(var(--node-padding) / 2 - var(--line-width) / 2);height:var(--line-width)}.jMpv0>._3aAt2:before{display:none}._3aAt2:last-child:before{bottom:auto;height:20px}.auDt3{display:inline-flex;align-items:center;justify-content:center;width:var(--toggle-size);height:var(--toggle-size);margin-right:8px;background:#f5f5f5;border:1px solid #ccc;border-radius:4px;font-size:14px;font-weight:700;color:#555;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .12s ease;position:absolute;left:0;top:6px}.auDt3:hover{background:#e8e8e8;border-color:#aaa}.auDt3.L-eYX{background:#fff}.odN8H{display:inline-block;padding:4px 10px;border-radius:4px;background:#f8f9fa;border:1px solid #e0e0e0;cursor:default;transition:all .15s}.odN8H:hover{background:#edf2ff;border-color:#c0d0ff}.cjoVC{background:#e3f2fd!important;border-color:#90caf9!important;font-weight:600;color:#1976d2}.D3dqm{padding:0;margin:0;list-style:none}.TreeTest{font-family:sans-serif;text-align:center}.tableMaintenanceMainDiv{height:100%;width:100%}.mainTableDiv{display:flex;flex-direction:column;align-items:center;gap:10px}.table{height:65vh;width:100%}.gridControls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:-1%}.btnConrol{height:50px;width:250px;font-size:18px;font-weight:500;border-radius:10px;border-color:transparent;background-color:#29abe2;color:#fff}.btnConrol:hover{color:#f7931e;border-color:#f7931e}.btnConrol:hover .btnIcons{color:#f7931e}.btnIcons{height:18px;width:18px;margin:5px;z-index:-1}.modalControlsDiv{margin-top:15px;display:flex;justify-content:space-between}@media screen and (max-width: 768px){.mainTableDiv{flex-direction:column}.btnConrol{width:100%}.modalControlsDiv{flex-direction:column}.gridControls{margin-bottom:50%}}.roleGridMain{display:flex;flex-direction:column;gap:20px}.roleGridMain tr{display:flex;align-items:center;justify-content:space-between}.roleGridTableHead,.roleGridTableRow{font-size:1.2rem}.roleGridTableHead{background-color:#29abe2;color:#fff;border-radius:15px}.roleGridTableRow{background-color:var(--my-white-color)}.roleGridTableCheckbox{display:flex;justify-content:center;align-items:center}input[type=checkbox]{transform:scale(2)}.darkMainTheme .roleGridMain h1{color:#fff}.darkMainTheme .roleGridMain tr,.darkMainTheme .roleGridMain td{background-color:#34495e;color:#fff}.darkMainTheme .roleGridMain tr{border:5px solid #4f7187}.claimGridMain{display:flex;flex-direction:column;gap:20px}.claimsGridTable{overflow:auto;display:flex;justify-content:center;max-height:65vh}.claimsGridTable table{min-width:100%}.claimGridHeader{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:1000px;padding:10px;background-color:var(--my-background-color);border-radius:10px}.claimsGridTableHead,.claimsGridTableRow{font-size:1.2rem}.claimsGridTableHead{background-color:#29abe2}.claimsGridTableRow{background-color:var(--my-white-color);height:50px;line-height:50px}th,td{padding:10px}.roleGridTableAction{display:flex;justify-content:center;align-items:center}.darkMainTheme td{background-color:#0ff}.darkMainTheme .claimGridHeader{background-color:#34495e;color:#fff}.darkMainTheme .claimsGridTable{border:5px solid #4f7187}.darkMainTheme .claimsGridTableHead{background:#34495e;color:#ecf0f1}.darkMainTheme .claimsGridTableRow td{background:#2c3e50;color:#fff}@media screen and (max-width: 768px){.claimGridHeader{flex-direction:column;width:100%}}.supportTicketImage{min-width:350px;width:100%;max-height:250px;margin-right:1rem;border:2px solid var(--my-border-color, #ccc);border-radius:5px}.imageWrapperContainer{display:flex;flex-wrap:wrap}.imageWrapper{display:flex;align-items:center;justify-content:space-between;margin:.5rem 0}.fileAttachContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.fileAttachHeader{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;margin-bottom:1rem}.fileAttachHeader h3{font-size:2rem}.darkMainTheme .fileAttachContainer h3{color:#fff}.ABSMDGV10Main{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.ABSMDGV10Btns{display:flex;flex-direction:column;justify-content:space-around;margin:20px 0}.ABSMDGV10BtnsV1{display:flex;flex-direction:row}.ABSMDGV10TableWrapper{border:1px solid #dddddd}.ABSMDGV10Table td{border:1.5px solid var(--my-green-color);padding:8px;text-align:left}.ABSMDGV10PropNames{text-transform:capitalize;font-size:1.1rem}.ABSMDGV10Table td{background-color:#f2f2f2}.ABSMDGV10TruckNLights{display:flex;flex-direction:row;justify-content:center;height:fit-content}.ABSMDGV10TableAndTruck{display:flex;flex-direction:row;align-items:center}.ServiceFlipCounter{margin-top:15px;z-index:-9999}@media screen and (max-width: 786px){.ABSMDGV10TableAndTruck{flex-direction:column}.ABSMDGV10Btns{align-items:center}.ABSMDGV10TruckNLights{flex-direction:row}.ABSMDGV10BtnsV1{flex-direction:column;align-items:center}.ABSMDGV10BtnsV1 button{width:fit-content;align-items:center;text-align:center}.trafficLightContainer{display:flex;align-items:center;justify-content:center;margin:10% auto auto}}.darkMainTheme .ABSMDGV10Container h3,.darkMainTheme .ABSMDGV10Btns h2{color:#fff}.darkMainTheme .ABSMDGV10Table td{background:#1c2833;color:#fff;border:none}.trafficLightContainer{display:flex;flex-direction:column;justify-content:space-around;align-items:center;background-color:#343333;padding:12px;border-radius:30px;border:3px double rgba(147,146,146,.659)}.lightContainer{width:35px;height:35px;margin:7px 2px;text-align:center}.light{width:100%;height:100%;border-radius:50%;transition:background-color .5s ease-in-out;box-shadow:inset 3px 3px 10px #00000089;border-top:1px inset rgba(252,245,245,.39);filter:brightness(.8)}.light.on{background-color:#fff;box-shadow:0 0 15px #fffc;border-top:2px inset rgba(83,83,83,.454);filter:brightness(1.2)}@keyframes blink{50%{opacity:.3}}.light.on.blinking{animation:blink 1s infinite}.fuelTruckTankTerminalContainerV3{overflow:hidden;width:350px;height:150px;position:relative}.fuelTruckTerminalTankV3{position:absolute;bottom:40%;left:66%;transform:translate(-50%);width:64%;transform-origin:bottom;background-color:orange;transition:all 1.5s ease-out 0s;text-align:center;border-right:none!important;border-radius:10px;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 786px){.fuelTruckTankTerminalContainerV3{width:250px}}.flipCounter{display:flex;justify-content:center;align-items:center;z-index:1}.flipCounterText{font-size:1.5rem;font-weight:600;color:var(--my-black-color)}.flipCounterDigits{display:flex;flex-direction:row;align-items:center}.flipCounterNumber{position:relative;border-radius:10px;background:orange;margin:0 5px;color:#0e0e0e;font-size:40px;width:max-content;min-width:45px;display:flex;justify-content:center;font-weight:800;z-index:9999}.NoDataCounter{background:#ff4747;font-size:1.5rem}.flipCounterNumber:before{content:"";position:absolute;top:50%;left:0%;width:100%;margin:auto;height:1px;background:#000;transform:translateY(-50%)}.darkMainTheme .flipCounterText{color:#fff}.journalMainGrid{margin:15px}.excelReportMain{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:flex-start;margin-bottom:50px}.excelReport{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--my-disabled-color);padding:10px;border-radius:10px}.excelGrid{background-color:var(--my-background-color);padding:10px;border-radius:10px;max-height:65vh;max-width:95vw;overflow-x:scroll}.excelGrid table{width:100%;border-collapse:collapse;max-height:100%}.excelGrid table thead{background-color:#f2f2f2}.excelGrid table th,.excelGrid table td{border:1px solid #ccc;padding:8px;text-align:left}.excelGrid table tr:hover{background-color:#f5f5f5}.excelGridControls{display:flex;flex-direction:row;margin:10px}.excelReportMainButtons{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}.excelReport h2{margin-bottom:1rem}.darkMainTheme .excelReport{background-color:#2c3e50}.darkMainTheme .excelReport h2{color:#fff}.darkMainTheme tr{border:5px solid #4f7187}.darkMainTheme tr th,.darkMainTheme td,.darkMainTheme .excelGrid{background-color:#34495e;color:#fff}@media screen and (max-width:768px){.excelReportMain{flex-direction:column;margin-bottom:50%}.excelReportMainButtons{flex-direction:column;justify-content:center;align-items:center}.excelGridControls{flex-direction:column;margin-bottom:50%}}.invDocItemsMainDiv{display:flex;flex-direction:column;width:100%;height:100%}.invDocItemsFields{display:flex;flex-direction:row;justify-content:center}.invDocAccountMainGrid{margin:15px}.globalAppDataContainer{display:flex;flex-direction:column;align-items:center}.globalAppDataButtons{display:flex;justify-content:center}.darkMainTheme .globalAppDataContainer h1{color:#fff}.uploadFileContainer{text-align:center;padding:20px}.uploadDataCapsule{display:flex;flex-direction:column;align-items:center}.uploadExcelTable{width:100%;border-collapse:collapse;margin-top:30px;border:5px solid #e5e7eb}.uploadFileButton{display:inline-block;margin-top:1%;padding:12px 25px;color:var(--my-white-color);background-color:var(--my-color2);border:none;border-radius:15px;cursor:pointer;font-size:1.5rem;text-align:center;box-shadow:0 4px #999;transition:background-color .3s ease}.uploadFileButton:hover,.uploadFileButton:active{background-color:var(--my-color2_1);transform:translateY(-3px)}.uploadExcelTable th,.uploadExcelTable td{border:5px solid #e5e7eb;padding:8px;text-align:left}.uploadExcelTable tr th{background-color:var(--my-color2);font-weight:700}.uploadExcelTable tr td{background-color:var(--universal-card-light-background)}.noDataMessageExcelUpload{text-align:center;font-size:26px;color:var(--my-color2_1);margin-top:20px}.hiddenFileInput{display:none}.darkMainTheme .uploadExcelTable{border:5px solid #4f7187;background-color:#34495e}.darkMainTheme .uploadExcelTable tr th{border:5px solid #4f7187;background:#2c3e50}.darkMainTheme tr td{border:5px solid #4f7187;background-color:#1c2833}.darkMainTheme .noDataMessageExcelUpload{color:#fff}.variantCallerContainer,.variantSelectCapsule{position:relative;display:flex;justify-content:space-between;align-items:center;height:fit-content;width:100%;max-width:580px;margin-top:1rem;gap:5px}.variantSelectCapsule{background:var(--universal-card-light-background);border:5px solid #e5e7eb;padding:1rem;border-radius:10px}.variantCallerContainer .selectNormal{width:100%;height:40px;border-radius:10px;font-size:1.1rem;background-color:var(--my-background-color);color:var(--my-black-color);outline:none;border:none;box-sizing:border-box;padding-left:.3rem}.createUpdateDialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ConfirmationDialogMain{width:95%;position:relative;display:flex;justify-content:flex-end;align-items:center}@media screen and (max-width: 1024px){.ConfirmationDialogMain{width:100%;position:relative;display:flex;justify-content:flex-end;align-items:center}}@media screen and (max-width: 786px){.variantCallerContainer{flex-direction:column}.ConfirmationDialogMain{width:100%;justify-content:center;align-items:center}}.darkMainTheme .variantSelectCapsule{background:#34495e;border:5px solid #4f7187;color:#fff}.darkMainTheme .selectNormal,.darkMainTheme .selectNormal option{background-color:#1c2833;color:#fff;font-size:1rem;padding:.5rem}.darkMainTheme .customFieldsCardUniversal,.darkMainTheme .confDialogActions button{background-color:#1c2833}.darkMainTheme .MuiDialogActions-root{background-color:#1c2833!important;color:#fff!important}.classCardContainer{flex:1 1 calc(33.333% - 25px);max-width:calc(33.333% - 32px);min-width:150px;height:auto;aspect-ratio:16/9;border-radius:8px;box-shadow:0 4px 10px #64646f33;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;padding:1rem;background-color:#fff;text-align:center;border:1px solid #ddd;margin:10px auto;transition:transform .3s ease,box-shadow .3s ease}.classCardContainer:hover{transform:scale(1.05);box-shadow:0 6px 15px #64646f4d}.tClassIcon{width:8vw;height:5vh;color:var(--my-color2);margin-bottom:10px}.classCardIcon{transition:color .3s ease}.classCardContainer:hover h1,.classCardContainer:hover .classCard h1,.classCardContainer:hover .classCardIcon,.classCardContainer:hover .tClassIcon{transform:scale(1.05);color:var(--my-color1)}@media (max-width: 1024px){.classCardContainer{flex:1 1 calc(50% - 25px);max-width:calc(50% - 32px);height:auto;aspect-ratio:4/3}}@media (max-width: 600px){.classCardContainer{flex:1 1 100%;max-width:90%;height:auto;aspect-ratio:1}}.productCardContainer{max-width:400px;margin:20px auto;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;background-color:#fff;text-align:center}.productCardTitle{font-size:24px;color:#333;margin-bottom:10px}.card{display:flex;flex-direction:column;align-items:center;gap:15px}.price{font-size:20px;color:#666;margin:10px 0}.quantity-container{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0}.quantity-button{border:1px solid #ddd;background-color:#f9f9f9;padding:5px 15px;cursor:pointer;font-size:18px;border-radius:4px;transition:background-color .3s}.quantity-button:hover{background-color:#ddd}.quantity-display{font-size:18px;font-weight:700}.card-buttons{display:flex;flex-direction:column;gap:10px;width:100%}.card-button{border:none;background-color:#007bff;color:#fff;padding:10px 20px;font-size:16px;border-radius:4px;cursor:pointer;transition:background-color .3s;text-align:center}.card-button:hover{background-color:#0056b3}.classCardTitle{font-size:24px;color:#333;margin-bottom:15px}.classCard{font-size:18px;font-weight:500;width:100%;color:#354a5f}.cardIconContainer{margin-top:20px;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.galleryImage{width:120px;height:120px;object-fit:cover}.classCard h1{font-size:20px;color:#444;font-weight:700;margin:10px 0}@media (max-width: 768px){.classCard h1{font-size:1rem}}.AEMBQ{width:90vh;display:flex;flex-wrap:wrap;justify-content:center;margin:auto;gap:15px}.koqoL{color:#888;font-size:1.2em;margin:20px;text-align:center}.Rrkfv{display:flex;align-items:center;gap:6px;padding:8px 12px;margin:0 auto 16px;max-width:90%;background:linear-gradient(135deg,#f8fafc,#e5e7eb);border-radius:999px;box-shadow:0 2px 6px #0f172a14;border:1px solid #d4d4d8;font-size:.9rem}.Gos7Q{cursor:pointer;padding:4px 10px;border-radius:999px;background-color:#fff;color:#111827;border:1px solid transparent;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .1s ease;white-space:nowrap;max-width:180px;text-overflow:ellipsis;overflow:hidden}.Gos7Q:hover{background-color:#0ea5e9;color:#f9fafb;box-shadow:0 0 0 2px #0ea5e959;transform:translateY(-1px)}.Rrkfv .Gos7Q:last-of-type{background-color:#0ea5e9;color:#f9fafb}.YubYl{display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.75rem}.Ofb7Q{color:#999;font-style:italic}@media (max-width: 600px){.AEMBQ{width:100%}.Rrkfv{max-width:100%;padding:6px 10px;font-size:.8rem}}@media (max-width: 400px){.AEMBQ{margin-bottom:50%}}.wtq4Y .Rrkfv{background:linear-gradient(135deg,#111827,#020617);border-color:#374151;box-shadow:0 2px 8px #00000080;color:#e5e7eb}.wtq4Y .Gos7Q{background-color:#020617;color:#e5e7eb;border-color:#111827}.wtq4Y .Gos7Q:hover{background-color:#0ea5e9;color:#f9fafb}.wtq4Y .YubYl{color:#6b7280}.profileMainDiv{display:flex;flex-direction:row;justify-content:center}.buttonUpdateDiv{position:fixed;bottom:1%;right:45%}.padAndPassDiv{display:flex;flex-direction:column;gap:100px;align-items:center}.changePasswordMain{display:flex;justify-content:center;align-items:center}.updatePassControls{display:flex;flex-direction:row;gap:10px}@media screen and (max-width: 768px){.profileMainDiv{flex-direction:column;align-items:center}.buttonUpdateDiv{right:50%}.padAndPassDiv{gap:50px}}.button-animation{position:relative;pointer-events:none;height:auto}.button-animation canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;clip-path:polygon(0 0,100% 0,100% 90%,0 90%)}.button-animation-sm{min-width:24px;min-height:24px;width:24px;height:24px}.button-animation-md{min-width:32px;min-height:32px;width:32px;height:32px}.button-animation-lg{min-width:40px;min-height:40px;width:40px;height:40px}.button-animation-xl{min-width:50px;min-height:50px;width:50px;height:50px}.button-animation-color-white{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)}.button-animation-color-red{filter:brightness(0) saturate(100%) invert(44%) sepia(59%) saturate(4697%) hue-rotate(339deg) brightness(103%) contrast(88%)}.button-animation-color-green{filter:brightness(0) saturate(100%) invert(55%) sepia(33%) saturate(2639%) hue-rotate(121deg) brightness(93%) contrast(87%)}.button-animation-color-orange{filter:brightness(0) saturate(100%) invert(46%) sepia(78%) saturate(1594%) hue-rotate(353deg) brightness(102%) contrast(95%)}.button-animation-color-gray{filter:brightness(0) saturate(100%) invert(75%) sepia(4%) saturate(717%) hue-rotate(179deg) brightness(87%) contrast(87%)}.button-animation-color-blue{filter:brightness(0) saturate(100%) invert(76%) sepia(67%) saturate(4277%) hue-rotate(172deg) brightness(105%) contrast(95%)}.button-animation-color-black{filter:brightness(0) saturate(100%) invert(15%) sepia(19%) saturate(1011%) hue-rotate(177deg) brightness(96%) contrast(98%)}.button-animation.clip-icon{text-align:center}.button-animation.clip-icon canvas{clip-path:polygon(0 0,100% 0,100% 90%,0 90%)}.tload-generic-button{position:relative;overflow:hidden;transition:filter .6s}.tload-generic-button:hover{filter:drop-shadow(0px 8px 5px rgba(0,0,0,.15))}.tload-generic-button:before{content:" ";width:100%;padding-bottom:100%;background-color:#0000004d;border-radius:100%;position:absolute;left:50%;top:50%;opacity:0}.tload-generic-button.bg-mode-dark:before{filter:invert(1)}.tload-generic-button.press-active:before{animation:press 2s forwards ease-in-out}@keyframes press{0%{transform:translate(-100%,-50%);opacity:0}65%{width:400%;transform:translate(200%,-50%) scale(2);opacity:1}to{transform:translate(200%,-50%) scale(2);opacity:0}}.LY3Iy{flex:1;background-color:#e6e6e6;display:flex;flex-direction:row;height:100vh;overflow:hidden;font-family:Open Sans,sans-serif!important}.TksiA{background-color:#f5f6f7;width:16%;height:fit-content;max-height:calc(100% - 24px);border-radius:24px;margin:12px;display:flex;flex-direction:column;align-self:self-start;overflow:hidden}.fpnx2{display:flex;flex-direction:column;gap:8px;padding:24px;overflow-y:auto}.vnj38{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px}.yy--0{text-align:center;font-size:16px;font-weight:500;color:var(--secondary-color)}.NxM5M{font-size:36px}.BPRaE{width:84%;height:100%;display:flex;flex-direction:column;overflow:hidden}._8MVJI{flex:1;display:flex;flex-direction:column;padding:8px;overflow:hidden}._0MplB{flex:1;display:flex;flex-direction:column;padding:12px;overflow:hidden}.ryngG{background-color:#f5f6f7;border-radius:24px;flex:1;display:flex;flex-direction:column;overflow:hidden}.vnj38{font-size:36px;font-weight:400;color:#354a5f;margin-bottom:20px}.XwvDM{display:flex;margin-left:36px;flex-shrink:0}.bb-ee{border:none;background-color:transparent;cursor:pointer;font-size:18px;font-weight:400;color:gray;margin-right:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bb-ee.wlC6e{border-bottom:2px solid rgba(32,119,222,1);color:#2077de}.qe6s4{display:flex;justify-content:space-between;align-items:center;padding:16px;flex-shrink:0}.diAUO{display:flex;flex-direction:row;gap:8px}.Szeme{font-size:24px}.z2UBE,.P-Mox{padding:5px;border-radius:4px;border:1px solid #ccc}._5Xwim{color:#00f;font-weight:700;writing-mode:vertical-rl}._8rNAS{display:flex;flex-wrap:wrap;gap:20px;border-top:2px solid rgba(230,230,230,1);border-bottom:2px solid rgba(230,230,230,1);padding:24px;flex:1;overflow-y:auto}.dOB2e{flex:1;display:flex;flex-direction:column;gap:4px}.z-Z9S{width:100%;display:flex;flex-direction:row;justify-content:flex-end;padding:16px}._8jUG4{color:gray;margin-bottom:16px}.lP-MO{background-color:#00f;color:#fff;padding:10px 20px;border-radius:4px;border:none;cursor:pointer;margin-top:20px}.b4OlP{width:100%;height:1px;background-color:#99989d;margin-top:12px;margin-bottom:12px}.O416v{padding:8px;flex:1;display:flex;flex-direction:column;justify-content:start;overflow:hidden}.EqyYk{border:1px solid #c0c0c0;border-radius:12px;overflow:hidden;flex:1;max-height:calc(100vh - 120px)}.q1KuW{width:100%;border-radius:12px 12px 0 0;border-collapse:separate;border-spacing:0;display:block;overflow-y:auto;max-height:calc(100vh - 120px);border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.q1KuW thead,.q1KuW tbody{display:table;width:100%;table-layout:fixed}.q1KuW th,.q1KuW td{border-right:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;padding:8px;text-align:center;width:auto}.q1KuW th{background-color:#f2f2f2;font-weight:500;color:#354a5f;position:sticky;top:0;z-index:1}.q1KuW tr:nth-child(2n){background-color:#f9f9f9}.q1KuW tr:hover{background-color:#f1f0f0}.q1KuW th:first-child,.q1KuW td:first-child{width:54px;padding:0;text-align:center}.e3YJk{padding:8px;text-align:center;position:relative}.e3YJk input[type=checkbox]{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border:2px solid #d1d5db;border-radius:6px;background:linear-gradient(135deg,#fff,#f8fafc);cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a,0 0 #3b82f600;transform:scale(1)}.e3YJk input[type=checkbox]:hover{border-color:#3b82f6;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);box-shadow:0 4px 8px #0000001f,0 0 0 4px #3b82f61a;transform:scale(1.05)}.e3YJk input[type=checkbox]:focus{outline:none;border-color:#3b82f6;box-shadow:0 4px 8px #0000001f,0 0 0 4px #3b82f633}.e3YJk input[type=checkbox]:checked{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#1d4ed8;box-shadow:0 4px 12px #3b82f666,0 0 #3b82f600;transform:scale(1)}.e3YJk input[type=checkbox]:checked:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:scale(1.05);box-shadow:0 6px 16px #3b82f680,0 0 0 4px #3b82f626}.e3YJk input[type=checkbox]:checked:after{content:"";position:absolute;top:3px;left:7px;width:7px;height:12px;border:solid #ffffff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);animation:_4rNlf .3s cubic-bezier(.68,-.55,.265,1.55);opacity:1}@keyframes _4rNlf{0%{opacity:0;transform:rotate(45deg) scale(.5) translateY(2px)}50%{opacity:.8;transform:rotate(45deg) scale(.8) translateY(0)}to{opacity:1;transform:rotate(45deg) scale(1) translateY(0)}}.e3YJk input[type=checkbox].ugAGN{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#d97706}.e3YJk input[type=checkbox].ugAGN:after{content:"";position:absolute;top:10px;left:5px;width:12px;height:2px;background:#fff;border:none;transform:none;border-radius:1px;animation:sGDMg .3s ease-out}@keyframes sGDMg{0%{width:0;opacity:0}to{width:12px;opacity:1}}.e3YJk input[type=checkbox]:disabled{background:#f3f4f6;border-color:#d1d5db;cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.e3YJk input[type=checkbox]:disabled:checked{background:#9ca3af;border-color:#9ca3af}.e3YJk input[type=checkbox]:disabled:checked:after{border-color:#fff}.aBZHb{font-size:36px;text-align:center}._0KrUH{display:flex;align-items:center;justify-content:center;gap:4px}.CMmaf{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px}.Q5lFJ{font-size:24px;margin-right:4px}.K8O8y{background:none;border:none;color:#354a5f;cursor:pointer;padding:0;font-size:14px}.K8O8y:hover{text-decoration:underline}._4Q0gv{font-size:16px;font-weight:500;color:#354a5f}.yBaK-{display:flex;flex-direction:column;background-color:#fef9e7;width:100%;align-items:center;overflow-y:auto;max-height:53vh}._0GiHD{display:flex;flex-direction:column;width:100%;background-color:#fef4d3;padding:8px;border-radius:8px}.OMP--{display:flex;flex-direction:row;margin-bottom:4px;width:100%}.nXSeG{flex:0 0 100px;margin-left:36px;font-weight:500;font-size:16px;color:#354a5f}.sRBVO{flex:1;text-align:left;font-size:16px;font-weight:500;color:#354a5f}.vy0sG{width:100%;max-width:400px;margin:0}.vy0sG li{margin-bottom:8px}._9mfek{cursor:pointer;font-weight:700;font-size:16px;color:#354a5f;margin-left:12px;margin-top:8px}._1J-s6{display:flex;flex-direction:row;width:100%;justify-content:space-evenly;margin-top:8px}.g0J4T{display:flex;flex-direction:row;width:100%;gap:8px}.VKRSx{font-size:28px;cursor:pointer;color:#354a5f;margin-top:6px}._9cj39{display:flex;flex-direction:column;font-family:Open Sans,sans-serif!important}._1g38E{display:block;margin-bottom:2px;font-size:14px;font-weight:500;color:#6d7b88}.At-af{display:flex;flex-direction:row;align-items:center;gap:4px}.NQeso{position:relative;width:100%}.Qgq7o{width:100%;height:36px;padding:4px 24px 4px 4px;border:.8px solid rgba(230,230,230,1);color:#354a5f;border-radius:8px;font-size:16px;font-weight:500;appearance:none;-webkit-appearance:none;-moz-appearance:none}._5SM5-{font-size:16px;color:#6d7b88}.Qgq7o:focus{outline:1px solid rgba(32,119,222,1)}.MSuxu{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#354a5f;font-size:24px;cursor:pointer}._2voah{font-size:16px;font-weight:500}.AMMl1{font-size:12px;text-decoration:underline;text-align:end;cursor:pointer;font-weight:400}.b-J4s{height:36px;display:flex;align-items:center;justify-content:center}.Pb4T4{width:12px;height:12px}.Oe1D6 .Qgq7o,.-L3SU{border-color:red;background-color:#ffe6e6}.Pb4T4.-L3SU{outline:2px solid red;background-color:#ffe6e6}.Qgq7o:disabled{background-color:#f8f9f9;color:#4a5a6a;border-color:#ddd;cursor:text}.Pb4T4:disabled{opacity:.5;cursor:not-allowed}.EFGwF{color:#999;cursor:not-allowed}.ts2FN{display:flex;align-items:center;border:none;cursor:pointer;font-weight:500;font-size:16px;transition:all .2s ease-in-out;font-family:Open Sans,sans-serif!important}.ts2FN:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed;opacity:.65}.HDhsE{font-size:20px;display:flex;align-items:center;justify-content:center}.zmg0X{padding:4px 16px;border-radius:12px;gap:12px;min-height:36px}.y5Bqj.zmg0X{justify-content:safe}.u-yfK.zmg0X{justify-content:flex-start}._77Z3U{padding:10px;justify-content:center;border-radius:12px;min-height:36px;min-width:36px}.mbcMX{background-color:#eaeaea;color:#495057}.mbcMX:hover:not(:disabled){background-color:#c6c6c6}.mbcMX:active:not(:disabled){background-color:#a3a3a3}.mbcMX.AVM2m{background-color:#a3a3a3}.onW4u{background-color:#368cbf;color:#fff}.onW4u:hover:not(:disabled){background-color:#2d77a2}.onW4u:active:not(:disabled){background-color:#256285}.onW4u.AVM2m{background-color:#256285}.LOKdv{background-color:#1c77ac;color:#fff}.LOKdv:hover:not(:disabled){background-color:#176592}.LOKdv:active:not(:disabled){background-color:#135378}.LOKdv.AVM2m{background-color:#135378}.iwABl{background-color:#7ebc59;color:#495057}.iwABl:hover:not(:disabled){background-color:#6b9f4b}.iwABl:active:not(:disabled){background-color:#58833e}.iwABl.AVM2m{background-color:#58833e}.KJk1f{background-color:#fc5226;color:#fff}.KJk1f:hover:not(:disabled){background-color:#d64520}.KJk1f:active:not(:disabled){background-color:#b0391a}.KJk1f.AVM2m{background-color:#b0391a}.Zl9R4{background-color:#e4decd;color:#495057}.Zl9R4:hover:not(:disabled){background-color:#c1bcae}.Zl9R4:active:not(:disabled){background-color:#9f9b8f}.Zl9R4.AVM2m{background-color:#9f9b8f}.AKqn-{background-color:#1dbab4;color:#fff}.AKqn-:hover:not(:disabled){background-color:#189e99}.AKqn-:active:not(:disabled){background-color:#14827d}.AKqn-.AVM2m{background-color:#14827d}.R74dF{background-color:#ebf6f5;color:#495057}.R74dF:hover:not(:disabled){background-color:#c7d1d0}.R74dF:active:not(:disabled){background-color:#a4acab}.R74dF.AVM2m{background-color:#a4acab}.Hiakw{background-color:#33363b;color:#fff}.Hiakw:hover:not(:disabled){background-color:#2b2d32}.Hiakw:active:not(:disabled){background-color:#232529}.Hiakw.AVM2m{background-color:#232529}.jgfgo{background-color:#acb7ae;color:#495057}.jgfgo:hover:not(:disabled){background-color:#929b93}.jgfgo:active:not(:disabled){background-color:#788079}.jgfgo.AVM2m{background-color:#788079}.Jjs68{background-color:#7d3cff;color:#fff}.Jjs68:hover:not(:disabled){background-color:#6a33d8}.Jjs68:active:not(:disabled){background-color:#572ab2}.Jjs68.AVM2m{background-color:#572ab2}._3aTKc{background-color:#fbe3e8;color:#495057}._3aTKc:hover:not(:disabled){background-color:#d5c0c5}._3aTKc:active:not(:disabled){background-color:#af9ea2}._3aTKc.AVM2m{background-color:#af9ea2}.zz7tJ{background-color:#5cbdb9;color:#495057}.zz7tJ:hover:not(:disabled){background-color:#4ea09d}.zz7tJ:active:not(:disabled){background-color:#408481}.zz7tJ.AVM2m{background-color:#408481}.inJNF{background-color:#1561ad;color:#fff}.inJNF:hover:not(:disabled){background-color:#115293}.inJNF:active:not(:disabled){background-color:#0e4379}.inJNF.AVM2m{background-color:#0e4379}.PNogb{background-color:#fceed1;color:#495057}.PNogb:hover:not(:disabled){background-color:#d6cab1}.PNogb:active:not(:disabled){background-color:#b0a692}.PNogb.AVM2m{background-color:#b0a692}.QQoFv{background-color:#82716e;color:#fff}.QQoFv:hover:not(:disabled){background-color:#6e605d}.QQoFv:active:not(:disabled){background-color:#5b4f4d}.QQoFv.AVM2m{background-color:#5b4f4d}.OTGUx{border:1px solid #eaeaea;color:#eaeaea;background-color:transparent}.OTGUx:hover:not(:disabled){border-color:#c6c6c6;color:#c6c6c6;background-color:#fcfcfc}.OTGUx:active:not(:disabled){border-color:#a3a3a3;color:#a3a3a3;background-color:#fafafa}.OTGUx.AVM2m{border-color:#a3a3a3;color:#a3a3a3;background-color:#fafafa}.fxtAh{border:1px solid #368cbf;color:#368cbf;background-color:transparent}.fxtAh:hover:not(:disabled){border-color:#2d77a2;color:#2d77a2;background-color:#eaf3f8}.fxtAh:active:not(:disabled){border-color:#256285;color:#256285;background-color:#d6e8f2}.fxtAh.AVM2m{border-color:#256285;color:#256285;background-color:#d6e8f2}.yS-PR{border:1px solid #1c77ac;color:#1c77ac;background-color:transparent}.yS-PR:hover:not(:disabled){border-color:#176592;color:#176592;background-color:#e8f1f6}.yS-PR:active:not(:disabled){border-color:#135378;color:#135378;background-color:#d1e3ee}.yS-PR.AVM2m{border-color:#135378;color:#135378;background-color:#d1e3ee}.d70fY{border:1px solid #7ebc59;color:#7ebc59;background-color:transparent}.d70fY:hover:not(:disabled){border-color:#6b9f4b;color:#6b9f4b;background-color:#f2f8ee}.d70fY:active:not(:disabled){border-color:#58833e;color:#58833e;background-color:#e5f1dd}.d70fY.AVM2m{border-color:#58833e;color:#58833e;background-color:#e5f1dd}.zEHwd{border:1px solid #fc5226;color:#fc5226;background-color:transparent}.zEHwd:hover:not(:disabled){border-color:#d64520;color:#d64520;background-color:#feede9}.zEHwd:active:not(:disabled){border-color:#b0391a;color:#b0391a;background-color:#fedcd3}.zEHwd.AVM2m{border-color:#b0391a;color:#b0391a;background-color:#fedcd3}.gujAs{border:1px solid #e4decd;color:#e4decd;background-color:transparent}.gujAs:hover:not(:disabled){border-color:#c1bcae;color:#c1bcae;background-color:#fcfbfa}.gujAs:active:not(:disabled){border-color:#9f9b8f;color:#9f9b8f;background-color:#f9f8f5}.gujAs.AVM2m{border-color:#9f9b8f;color:#9f9b8f;background-color:#f9f8f5}.sEi9F{border:1px solid #1dbab4;color:#1dbab4;background-color:transparent}.sEi9F:hover:not(:disabled){border-color:#189e99;color:#189e99;background-color:#e8f8f7}.sEi9F:active:not(:disabled){border-color:#14827d;color:#14827d;background-color:#d1f1f0}.sEi9F.AVM2m{border-color:#14827d;color:#14827d;background-color:#d1f1f0}.PP05w{border:1px solid #ebf6f5;color:#ebf6f5;background-color:transparent}.PP05w:hover:not(:disabled){border-color:#c7d1d0;color:#c7d1d0;background-color:#fdfefe}.PP05w:active:not(:disabled){border-color:#a4acab;color:#a4acab;background-color:#fbfdfd}.PP05w.AVM2m{border-color:#a4acab;color:#a4acab;background-color:#fbfdfd}._7yI1u{border:1px solid #33363b;color:#33363b;background-color:transparent}._7yI1u:hover:not(:disabled){border-color:#2b2d32;color:#2b2d32;background-color:#eaeaeb}._7yI1u:active:not(:disabled){border-color:#232529;color:#232529;background-color:#d6d6d7}._7yI1u.AVM2m{border-color:#232529;color:#232529;background-color:#d6d6d7}._6FcIi{border:1px solid #acb7ae;color:#acb7ae;background-color:transparent}._6FcIi:hover:not(:disabled){border-color:#929b93;color:#929b93;background-color:#f6f7f6}._6FcIi:active:not(:disabled){border-color:#788079;color:#788079;background-color:#eef0ee}._6FcIi.AVM2m{border-color:#788079;color:#788079;background-color:#eef0ee}._318Jh{border:1px solid #7d3cff;color:#7d3cff;background-color:transparent}._318Jh:hover:not(:disabled){border-color:#6a33d8;color:#6a33d8;background-color:#f2ebff}._318Jh:active:not(:disabled){border-color:#572ab2;color:#572ab2;background-color:#e5d8ff}._318Jh.AVM2m{border-color:#572ab2;color:#572ab2;background-color:#e5d8ff}.Hb08U{border:1px solid #fbe3e8;color:#fbe3e8;background-color:transparent}.Hb08U:hover:not(:disabled){border-color:#d5c0c5;color:#d5c0c5;background-color:#fefcfc}.Hb08U:active:not(:disabled){border-color:#af9ea2;color:#af9ea2;background-color:#fef9fa}.Hb08U.AVM2m{border-color:#af9ea2;color:#af9ea2;background-color:#fef9fa}.Ckc8E{border:1px solid #5cbdb9;color:#5cbdb9;background-color:transparent}.Ckc8E:hover:not(:disabled){border-color:#4ea09d;color:#4ea09d;background-color:#eef8f8}.Ckc8E:active:not(:disabled){border-color:#408481;color:#408481;background-color:#def1f1}.Ckc8E.AVM2m{border-color:#408481;color:#408481;background-color:#def1f1}.lH-LD{border:1px solid #1561ad;color:#1561ad;background-color:transparent}.lH-LD:hover:not(:disabled){border-color:#115293;color:#115293;background-color:#e7eff6}.lH-LD:active:not(:disabled){border-color:#0e4379;color:#0e4379;background-color:#d0dfee}.lH-LD.AVM2m{border-color:#0e4379;color:#0e4379;background-color:#d0dfee}.dZv0x{border:1px solid #fceed1;color:#fceed1;background-color:transparent}.dZv0x:hover:not(:disabled){border-color:#d6cab1;color:#d6cab1;background-color:#fefdfa}.dZv0x:active:not(:disabled){border-color:#b0a692;color:#b0a692;background-color:#fefbf5}.dZv0x.AVM2m{border-color:#b0a692;color:#b0a692;background-color:#fefbf5}.teQn1{border:1px solid #82716e;color:#82716e;background-color:transparent}.teQn1:hover:not(:disabled){border-color:#6e605d;color:#6e605d;background-color:#f2f0f0}.teQn1:active:not(:disabled){border-color:#5b4f4d;color:#5b4f4d;background-color:#e6e2e2}.teQn1.AVM2m{border-color:#5b4f4d;color:#5b4f4d;background-color:#e6e2e2}:root{--primary-color: #0078d4;--secondary-color: #354a5f;--bg-color: #e6e6e6;--container-bg: #f5f6f7;--white: #ffffff;--gray: #666;--light-gray: #ccc;--radius: 24px;--padding: 12px;--gap: 8px;--error-color: #ff2c2c;--success-color: #28a745;--warning-color: #e9d502}.Hnj9i{flex:1;background-color:var(--bg-color);display:flex;flex-direction:row;overflow:hidden;font-family:Open Sans,sans-serif!important}._7vkIY{background-color:var(--container-bg);width:16%;height:fit-content;border-radius:var(--radius);margin:var(--padding);display:flex;flex-direction:column}.oKBur{flex:1;display:flex;flex-direction:column;padding:24px}.AeSzd{display:flex;flex-direction:column;gap:8px;padding:24px}.Mg3en{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px}._3aSls{text-align:center;font-size:16px;font-weight:500;color:var(--secondary-color)}.qal4T{font-size:36px}.oFBiW{width:84%;height:100%;display:flex;flex-direction:column}.FtYKP{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--gap);padding:var(--padding)}.XvA63,._48fD3{width:100%}.XGRIU{display:flex;width:100%;flex-direction:row;justify-content:space-between;background-color:var(--white);border-radius:var(--radius);padding:var(--padding);gap:var(--gap)}.uM-Pu{flex:1;display:flex;flex-direction:column;gap:4px}.pq70P{display:flex;width:100%;flex-direction:column;background-color:var(--white);border-radius:var(--radius);padding:8px;margin-bottom:320px}.bnWMz{color:var(--primary-color);font-size:16px;font-weight:500;margin-bottom:8px;margin-right:8px;text-align:end}.z15zr{color:var(--primary-color);font-size:16px;margin-bottom:15px;border-bottom:.8px solid #ddd;padding-bottom:5px}.wXKBL{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.OKhh6{display:flex;flex-direction:column;gap:var(--gap)}._5g3iE{padding:8px;border:.8px solid #ddd;border-radius:var(--radius)}.C43va{color:var(--primary-color);font-size:16px;font-weight:400;margin-bottom:4px;text-align:start}.jttcq{background-color:#fef4d3;width:fit-content;display:flex;justify-content:flex-start;align-items:center;margin-top:var(--gap);gap:var(--gap);border-radius:var(--radius);padding:var(--padding)}._372wV{width:fit-content;display:flex;justify-content:flex-start;align-items:center;margin-top:var(--gap);gap:var(--gap);padding:var(--padding)}.VT44z{width:100%;display:flex;justify-content:center;align-items:center;margin:4px 0}.-fcO9{width:100%;display:flex;justify-content:flex-end;align-items:center;margin:16px 0 4px}._38yGv{width:100%;display:flex;flex-direction:row;justify-content:center}.S0dGb{border:none;background:transparent;cursor:pointer;font-size:16px;font-weight:500;color:#5f8bad;margin-right:24px}.S0dGb._7Nn65{border-bottom:2px solid var(--primary-color);color:var(--primary-color)}.xdqZd{padding:16px;max-height:400px;overflow-y:auto;background-color:var(--white);border-radius:var(--radius);border:.8px solid var(--light-gray)}.grxdh{padding:8px 0;border-bottom:1px solid var(--light-gray)}.grxdh:last-child{border-bottom:none}.YL7-Q{font-weight:500;margin-bottom:8px;cursor:pointer}.uWxzy{padding-left:16px}.uWxzy p{margin:4px 0;color:var(--gray)}.bFS-9{padding:8px;flex:1;display:flex;flex-direction:column;overflow:hidden}.z--wU{overflow-x:auto}.SBUXV{table-layout:auto;width:100%}.cdp44{min-width:130px}.SBUXV th,.SBUXV td{padding:8px;white-space:normal;word-wrap:break-word}.SBUXV th:not(:last-child),.SBUXV td:not(:last-child){border-right:1px solid var(--light-gray)}.SBUXV th{background-color:#f2f2f2;font-weight:500;color:#354a5f;position:sticky;top:0;z-index:1}.SBUXV tr:nth-child(2n){background-color:#f9f9f9}.SBUXV tr:hover{background-color:#f1f0f0}.CskNn{display:flex;align-items:center;justify-content:flex-start;gap:4px}.-q7XJ{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px}.pX19-{font-size:24px;margin-right:8px}.yksVS{font-size:16px;font-weight:500;color:#354a5f}.yksVS.a3Vne{color:var(--primary-color)!important}.yksVS.RfoJP{color:var(--error-color)!important}.yksVS.YXYyf{color:var(--warning-color)!important}.yksVS.rntPA{color:var(--success-color)!important}.e2URf{display:flex;flex-direction:column;min-height:100%;overflow:auto;background:#2fff8d;padding:40px;position:relative}.checkinLeftPanel{padding:8px}.mainHelpScaffold{width:90vw;height:80vh;border:3px var(--my-background-color) solid;padding:10px;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-size:1.5rem}.ME9BE{background-color:#1b4f72;overflow:hidden;width:100%;height:100vh}.Ivs-l{display:flex;flex-direction:row;margin:1% auto auto;justify-content:center;align-items:flex-start;gap:15px}.qDhLR{width:400px}.BbnsU{flex:1;display:flex;flex-direction:column;align-items:center}.NKiqr{display:flex;gap:1rem;margin-top:2rem}@media (max-width: 1024px){.Ivs-l{flex-direction:column;align-items:center}}.jA0Ew{display:flex;flex-direction:column;width:100%}.u5cjk{display:flex;flex-direction:row;justify-content:space-between;gap:15px;background-color:var(--my-color2);margin:5px;border-radius:10px;padding:5px;font-size:1.2rem}.Wq3RV{display:flex;flex-direction:row;gap:4px;white-space:nowrap}.jvDWR{flex-direction:column}.AzKnB{font-weight:550;text-transform:uppercase;letter-spacing:.03em;color:var(--my-white-color);margin-right:4px}.yM1Ad{font-weight:400;opacity:.9}.Pok5g{display:flex;flex-direction:row;gap:15px;background-color:var(--my-background-color);margin:5px;border-radius:10px;padding:5px;font-size:1.3rem}@media (max-width: 768px){.u5cjk{font-size:1rem;font-weight:700;gap:10px}}@media screen and (min-width: 769px) and (max-width: 1024px){.u5cjk{font-size:1.2rem;font-weight:600}}@media screen and (min-width: 769px) and (max-width: 1024px){.b-uCc{display:flex;flex-direction:column-reverse;align-items:center;gap:25px}}@media screen and (max-width: 480px){.u5cjk{font-size:.8rem}}.multiBayContainer{display:grid;height:100%;width:100%;gap:0;padding:0;margin:0;overflow:hidden;box-sizing:border-box;min-height:0;min-width:0}.horizontal{grid-template-rows:minmax(0,1fr)}.vertical{grid-template-columns:1fr;overflow-y:auto;overflow-x:hidden}.baySubComponentContainer{display:flex;flex-direction:column;height:100%;width:100%;min-height:0;min-width:0;overflow:hidden;position:relative}.bayUniversalDescriptor{font-size:3rem;font-weight:600;text-align:left;margin-left:12px;margin-bottom:0;margin-top:0;color:#1976d2;flex:0 0 auto}.bayContent{flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden}.bayDivider{background-color:orange;height:100%;width:100%;min-height:0}.multiBayFloatingButton{padding:10px 20px;border:none;border-radius:50px;cursor:pointer;font-weight:700;box-shadow:0 4px 8px #0003;transition:all .3s ease}.multiBayFloatingButton:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.multiBayFloatingButton.overview{background-color:#ffc107;color:#000}.multiBayFloatingButton.cancel{color:#fff;background-color:#dc3545}.baySubComponentContainerControlButtons{position:absolute;display:flex;flex-direction:column;gap:4px;margin:4px;z-index:10;bottom:12%}.baySubComponentContainerControlButtonsRightSide{position:absolute;display:flex;flex-direction:column;gap:4px;margin:4px;z-index:10;bottom:12%;right:4%}.loaderMainGlobal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:9999;pointer-events:auto;display:flex;align-items:center;justify-content:center}.loaderMainScoped{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0009;z-index:10;pointer-events:auto;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loader{width:6em;height:6em;background:var(--my-color1);border-radius:50%;border:.3em solid transparent;animation:glow 1s ease infinite}.debugURL{position:absolute;top:10%;left:10%;color:var(--my-black-color);font-size:1.5rem;background-color:var(--my-background-color);border-radius:10px;padding:8px 12px;max-width:80%;word-break:break-word;z-index:2}@keyframes glow{0%{box-shadow:0 0 0 .4em var(--my-color1),0 0 0 .1em var(--my-color2);transform:rotate(360deg)}50%{border-top-color:var(--my-color2)}to{box-shadow:0 0 0 .4em var(--my-color1),0 0 0 3.6em transparent}}.vqB36{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000000b3;z-index:9999;display:flex;align-items:center;justify-content:center}.DwFjt{background:var(--my-background-color);color:var(--my-black-color);border-radius:12px;padding:20px;width:min(90%,400px);box-shadow:0 10px 30px #0006;display:flex;flex-direction:column;gap:15px;animation:e-xBP .2s ease}.LH-0u{font-size:1.5rem;font-weight:700}.p8j0z{font-size:1.1rem;line-height:1.4}.iiLen{display:flex;justify-content:flex-end;gap:10px}.XzlCb{border-top:5px solid orange}.Pm1L6{border-top:5px solid red}@keyframes e-xBP{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.terminalOpOverviewHeader{display:flex;flex-direction:row;justify-content:center;padding:4px}.terminalOpOverviewItems{display:flex;justify-content:center;padding:4px}.terminalOpOverviewButtons{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px;margin-top:8px}._63AP3{overflow:hidden;width:100%;min-height:100vh}.cxEGe{display:flex;flex-direction:row;margin:1% auto auto;justify-content:center;align-items:flex-start;gap:15px}.FnchG{width:180px;margin:4px}.UfrjQ{flex:1;display:flex;flex-direction:column;align-items:center}.IZvM-{display:flex;flex-direction:row;align-items:center;gap:1.5rem;margin-bottom:1rem}.HTzA0{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 1024px){.cxEGe{flex-direction:column;align-items:stretch}.FnchG{width:100%;max-width:500px;margin:0 auto 1rem}.UfrjQ{width:100%}.IZvM-{justify-content:center;flex-wrap:wrap}}@media (max-width: 600px){.HTzA0{grid-template-columns:1fr}.IZvM-{flex-direction:column;gap:.75rem}}.KU48X{display:flex;flex-direction:column;width:100%}.NSEKy{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:15px;background-color:var(--my-color2);margin:5px;border-radius:10px;padding:5px;font-size:1rem}.czWQ6{display:flex;flex-direction:row;gap:4px;white-space:nowrap;flex:1 1 auto;min-width:0}.rEU9W{flex-direction:column}.oyU7E{font-weight:550;text-transform:uppercase;letter-spacing:.03em;color:var(--my-white-color);margin-right:4px}._5heGH{font-weight:400;opacity:.9}.D4whK{display:flex;flex-direction:row;gap:15px;background-color:var(--my-background-color);margin:5px;border-radius:10px;padding:5px;font-size:1.3rem}@media screen and (min-width: 769px) and (max-width: 1024px){.NSEKy{font-size:1.2rem;font-weight:600}}@media (max-width: 768px){.NSEKy{font-size:1rem;font-weight:700;gap:10px}}@media screen and (max-width: 480px){.NSEKy{font-size:.8rem;flex-direction:column;gap:6px}.czWQ6{flex-direction:column;white-space:normal}}.selectProductBtn{display:flex;flex-direction:column;justify-content:center;align-items:center}.checkinContainer{display:flex;flex-direction:row;justify-content:space-around;align-items:flex-start;gap:1.5rem;margin:auto}.checkinContainer .checkinLeftPanel{height:fit-content;display:flex;flex-direction:column;flex-grow:0;flex-basis:20%}.checkinContainer .checkinInput{flex-grow:1;flex-basis:50%;display:flex;flex-direction:column;align-items:center}.checkinContainer .driverGrid{background-color:#fff;border-radius:.625rem;box-shadow:0 4px 8px #0003;margin-top:1.25rem;padding:1.25rem}.checkinContainer .checkinActionButtons{flex-grow:1}.checkinContainer .checkinActionButtons button{margin-bottom:10%}@media screen and (max-width: 768px){.selectProductBtn{margin-top:5%}.checkinContainer{flex-direction:column;gap:1rem;align-items:center;margin-bottom:50%}.checkinContainer .checkinLeftPanel,.checkinContainer .checkinInput,.checkinContainer .driverGrid{width:100%;flex-basis:100%;display:flex;justify-content:center;align-items:center;margin:0}.checkinContainer .checkinActionButtons{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.checkinContainer .checkinActionButtons button{width:100%}}:root{--my-color1: #f7931e;--my-color2: #29abe2;--my-color2_1: #2874a6;--my-color3: #566573;--my-black-color: #252525;--my-white-color: #f0f0d6;--my-background-color: #d6eaf8;--my-required-background-color: #fdedec;--my-disabled-color: #ebedef;--my-grey-color: #ccc;--my-danger-color: #e74c3c;--my-danger-color_1: #943126;--my-danger-color_2: #9e190a;--my-green-color: #28B463;--my-green-color_1: #186A3B;--my-green-color_1_1: #0f4828;--main_light-background: #fffaf4;--main_dark-background: #0A3A5A;--universal-card-light-background: #f3fbfe;--universal-card-dark-background: #7fc2ee }.StartBOLContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:20px;box-sizing:border-box}.StartBOLContainer h1{font-size:20px;font-weight:700;margin-top:5%}.StartBOLContainer .darkMainTheme{overflow:scroll}.UserInputContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}.UserInputContainer h1{font-size:25px;margin-top:20px}.UserInputBOLIcon{width:50px;height:50px;color:var(--my-color2);transform:rotate(180deg)}.UserInputBOL{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:#f5f5f5;border:3px solid var(--my-color2);border-radius:15px;margin:15px;padding:15px;width:calc(50% - 30px);box-sizing:border-box}.UserInputBOL .UserInputBOLText{font-size:15px;font-weight:800;color:var(--my-color2)}.UserInputBOL .UserInputBOLText svg{width:20%;height:20%;fill:var(--my-color2)}@media screen and (max-width: 768px){.StartBOLContainer{margin-top:-2%;margin-bottom:20vh}.UserInputContainer{flex-direction:column;margin-left:15px;margin-right:15px}.UserInputBOL{width:100%;margin:10px 0}.UserInputContainer input{padding:10px}.UserInputContainer input::placeholder{font-size:15px}}@media screen and (min-width: 769px) and (max-width: 1024px){.UserInputBOL{width:calc(50% - 30px)}}@media screen and (min-width: 1025px){.UserInputBOL{width:calc(50% - 30px)}}.darkMainTheme .UserInputContainer .UserInputBOL{background-color:#34495e;border:5px solid #4f7187}.darkMainTheme .UserInputBOL .UserInputBOLText,.darkMainTheme .UserInputBOL .UserInputBOLIcon{color:#e0f7fa}.orderConfirmCapsule{display:flex;flex-direction:row;justify-content:space-evenly;align-items:flex-start;margin:auto;gap:1rem}.orderConfirmCapsule .checkinActionButtons{display:flex;flex-direction:column;gap:10px;flex-wrap:wrap;justify-content:center}.orderConfirmCapsule .errorScanningBarcode{background:#fdd;color:#d8000c;padding:10px;border-radius:5px;text-align:left;font-weight:700;margin-top:10px;width:100%;white-space:normal;overflow-wrap:break-word}.orderConfirmCapsule .errorScanningBarcode h1,.errorScanningBarcode h1{margin-left:3%}.successMessage{background-color:#d4edda;color:#155724;padding:10px;border-radius:5px;text-align:left;margin-top:2%;width:100%}@media screen and (max-width: 768px){.orderConfirmCapsule{flex-direction:column;align-items:center;gap:1rem}.orderConfirmCapsule .barcodeSection,.orderConfirmCapsule .checkinActionButtons{width:100%}.orderConfirmCapsule .checkinActionButtons button{width:100%;align-items:center}}.loadingWithOrderMain{display:flex;flex-direction:column;justify-content:center;align-items:center}.runOrderDiv{display:flex;justify-content:center;align-items:center}.loadWithOrderControls{margin-top:15px}.loadWithOrderLog{position:fixed;bottom:1%}.terminalOperationCardMain{width:fit-content;display:flex;flex-direction:row;background-color:#f3fbfe;border-color:var(--my-black-color);border-width:5px;border-radius:10px;margin:15px}.main>*:not(.header){padding:10px}.header{background-color:var(--my-color2);border-radius:10px;display:flex;justify-content:center;align-items:center;gap:15px}.header h2{color:var(--my-white-color)}.headerIcon{color:var(--my-white-color);height:25px;width:25px}.loadingWithoutOrderMain{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.loadingWithoutOrderStart{display:flex;flex-direction:row;gap:15px;margin:15px;padding:15px;background-color:var(--my-background-color);border-radius:10px;color:var(--my-black-color);height:fit-content;width:fit-content}.darkMainTheme .loadingWithoutOrderStart{background-color:#051e37;border:5px solid #4f7187;color:#fff}.EldoCokeLoadingMain{background-color:#1b4f72;overflow:hidden;width:100%}.EldoCokeLoadingMain .activeLoadingCardTruck{display:flex;justify-content:space-around;align-items:center;margin:1%;gap:1.5rem}.EldoCokeLoadingMain .activeLoadingCardTruck .fieldsCardMain{margin:0!important}.EldoCokeLoadingMain .EldoCokeLoadingBtns{display:flex;justify-content:space-around;align-items:center}.MTsideBarInput{margin:5px;font-size:1.1rem;height:2.5vh;width:22vw;color:var(--my-white-color);background-color:transparent;border-radius:5px;outline:none;border:1.5px solid yellow}.EldoCokeLoadingMain .EldoCokeLoadingMTData{margin-left:15px;margin-top:10%;width:100%}.truck-loading{width:100%}.itemsStartContainer{display:flex;flex-direction:row;margin:1% auto auto;justify-content:center;align-items:flex-start;gap:15px}.eldoCokeButtons button{margin-bottom:1rem}@media (max-width: 1024px){.MTsideBarInput{width:50%;font-size:1.1rem}.eldoCokeLoadControlBtns button{font-size:1rem}.EldoCokeLoadingMain .activeLoadingCardTruck{display:flex;flex-direction:row;align-items:center}.EldoCokeLoadingMain .EldoCokeLoadingMTData,.EldoCokeLoadingMain .EldoCokeLoadingBtns{display:flex;flex-direction:column;align-items:center}.content-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}}@media (max-width: 1024px){.itemsStartContainer{flex-direction:column;align-items:center;justify-self:center}.eldoCokeLoadControlBtns{flex-direction:column}.activeLoadingCardTruckControls{width:100%}}@media screen and (max-width: 786px){.EldoCokeLoadingMain .activeLoadingCardTruck{display:flex;flex-direction:column;align-items:center}.activeLoadingCardTruckControls{width:100%}}@media (max-width: 480px){.EldoCokeLoadingMain{margin-bottom:50%}}.capture-status{transition:all .5s ease-in-out;font-weight:700;display:flex;align-items:center;gap:10px}.capturing{color:var(--my-white-color)}.captured{color:green}@keyframes breathing{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.capturingStopwatch{width:50px;height:50px;color:var(--my-color2);animation:breathing 2s ease-in-out infinite}.CountDownTimerText{font-size:3rem}.CoalContainer{width:200px;height:auto;display:flex;align-items:flex-end}.conveyor{width:200px}#TruckLoadingSvg{width:100%;max-width:1200px;position:relative;z-index:10}.CokeBatch{opacity:0}.TrafficLight{width:4%}.TrafficLightBlinking{animation:1s blink 1s alternate infinite}@keyframes blink{0%{filter:brightness(1)}to{filter:brightness(.3)}}.loadingV1Container{display:flex;flex-direction:column}.loadingV1Buttons{display:flex;flex-direction:row;align-items:center;justify-content:center}.tempGaugeLoading{display:flex;justify-content:center}@media screen and (max-width: 768px){.loadingV1Container{display:flex;flex-direction:column}.loadingV1Buttons{display:flex;flex-direction:column;align-items:center;justify-content:center}.tempGaugeLoading{display:flex;justify-content:center}}.shipSignatureMain{display:flex;flex-direction:column;justify-content:center;align-items:center}.shipSignatureFields{display:flex;flex-direction:row;gap:10px}.shipDocSignatureGrid{height:40%;width:100%}.shipSignatureControls{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:auto auto 1%}.shipSignatureLog{margin:15px}@media screen and (min-width: 1025px) and (max-width: 1200px){.shipSignatureFields{display:flex;flex-direction:column;align-items:center;gap:10px}}@media screen and (max-width: 1024px){.shipSignatureFields{display:flex;flex-direction:column;align-items:center;gap:10px}}@media screen and (max-width: 768px){.shipSignatureMain{margin:.5rem}.shipSignatureFields{display:flex;flex-direction:column;gap:10px}.shipSignatureControls{flex-direction:column}}@media screen and (max-width: 480px){.shipDocSignatureGrid{margin-bottom:50%}}.terminalOpOverviewHeader{display:flex;flex-direction:row;gap:10px}.terminalOpOverviewHeader{display:flex;flex-direction:row;justify-content:center}.terminalOpOverviewItems{display:flex;justify-content:center}.terminalOpOverviewButtons{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}@media (max-width: 1024px){.terminalOpOverviewButtons{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;margin-top:2%}}@media (max-width: 768px){.terminalOpOverviewHeader{display:flex;flex-direction:column;align-items:center}.terminalOpOverviewItems{width:100%;margin:auto}.terminalOpOverviewButtons{margin-bottom:50%}}.mainHelpScaffold{width:90vw;height:80vh;padding:10px;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-size:1.5rem}.inOutWeightContainer{display:flex;flex-direction:column}.inOutWeightContainer .inOutWeightButtons{display:flex;justify-content:space-around;align-items:flex-start;gap:1rem;margin-top:5%}.buttonLarge.tLoadButtonContainer{height:75px;width:300px;font-size:1.5rem;max-width:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:15px;box-shadow:0 4px #999;overflow:hidden}.inOutWeightContainer .vehiclePlusCounter .trafficFuelContainer{display:flex;flex-direction:row;justify-content:space-around;align-items:center}@media (max-width: 1024px){.inOutWeightContainer{margin-bottom:50%}.inOutWeightContainer .inOutWeightButtons{display:flex;flex-direction:column;justify-content:center;align-items:center}.inOutWeightContainer .inOutWeightButtons button{width:fit-content}.inOutWeightContainer .vehiclePlusCounter{margin:10%}.manualWeightSection{width:100%;padding:10px}.inOutWeightContainer .manualWeightInput{width:100%}}@media (max-width: 768px){.inOutWeightContainer .inOutWeightButtons{display:flex;flex-direction:column;justify-content:center;align-items:center}.inOutWeightContainer .manualWeightInput{width:100%}.manualWeightSection{width:100%;padding:10px}.inOutWeightContainer .vehiclePlusCounter{width:100%;align-items:center;margin-bottom:20%}}.fuelTruckTankTerminalContainerV2{width:450px;position:relative;display:flex;align-items:flex-end}.fuelTruckTerminalTankV2{position:absolute;bottom:35%;left:66%;transform:translate(-50%);width:64%;height:61%!important;transform-origin:bottom;background-color:orange;transition:all 1.5s ease-out 0s;text-align:center;border-right:none!important;border-radius:10px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.fuelTruckTankTerminalContainerV2{height:auto;width:70%;align-items:center}.fuelTruckTerminalTankV2{width:64%;height:58%!important;bottom:38%;left:66%;border-radius:7px}.flipCounterNumber{margin-bottom:10%}.flipCounterDigits{flex-direction:row}.flipCounter{flex-direction:row;margin-top:10%}}@media (max-height: 500px){.fuelTruckTerminalTankV2{width:58%;height:64%!important;top:5%;left:66%;border-radius:7px}}@media screen and (min-width: 769px) and (max-width: 1024px){.fuelTruckTankTerminalContainerV2{height:auto;width:90%;margin-left:0}.fuelTruckTerminalTankV2{width:64%;height:60%;bottom:35%;left:66%;border-radius:10px}.flipCounterNumber{margin-bottom:8%}.flipCounterDigits,.flipCounter{flex-direction:row}}@media screen and (min-width: 769px) and (max-width: 1024px){.inOutWeightParcoBtns{display:flex;flex-direction:column-reverse;align-items:center;gap:25px}}.inOutWeightContainer{display:flex;flex-direction:column;margin:auto}.manualWeightSection{display:flex;flex-direction:column;align-items:center;gap:15px}.manualWeightInput{width:100%;margin-top:10px;max-width:500px}.inOutWeightContainer .vehiclePlusCounter{display:flex;gap:1rem;flex-direction:column;justify-content:center;align-items:end}.inOutWeightContainer .manualWeightInput{display:flex;justify-content:space-around;align-items:center}.scaleSelection{display:flex;justify-content:flex-start;align-items:center}.scaleOption{display:flex;align-items:center;gap:12px;font-size:30px;cursor:pointer;padding:10px 15px;border-radius:12px}.scaleOption:hover{background:#0000000d}.radio-zoom{width:24px;height:24px;accent-color:#007bff;transform:scale(1.3);transition:transform .2s ease}.radio-zoom:checked{transform:scale(1.5)}.form-check-label{font-weight:700}.scaleOption:active{transform:scale(.98)}.temperatureContainer{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1rem}.actionButtonsContainer{display:flex;justify-content:center;align-items:flex-start;gap:1rem}.in-OutWeightButtons{display:flex;justify-content:space-around;align-items:flex-start;gap:1rem;margin-top:5%}@media (max-width: 1024px){.in-OutWeightButtons{display:flex;justify-content:space-around;align-items:flex-start;gap:1rem;margin-top:5%}.manualWeightSectionButton,.inOutWeightContainer .in-OutWeightButtons button,.inOutWeightContainer .manualWeightInput{width:100%}.inOutWeightContainer .vehiclePlusCounter{margin:10%;align-items:center}.manualWeightSection{width:100%;padding:10px}.actionButtonsContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.in-OutWeightButtons{flex-direction:column}}@media (max-width: 768px){.in-OutWeightButtons{display:flex;justify-content:space-around;align-items:flex-start;gap:1rem;margin-top:5%}.inOutWeightContainer .in-OutWeightButtons{flex-direction:column;justify-content:center;align-items:center}.inOutWeightContainer .vehiclePlusCounter{width:100%;align-items:center;margin-bottom:20%}.scaleOption{font-size:22px}.radio-zoom{width:22px;height:22px;transform:scale(1.2)}.actionButtonsContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:1rem}.temperatureContainer{flex-direction:column;margin-top:5%}}@media (max-width: 600px){.inOutWeightContainer{margin-bottom:50%}}.in-OutWeightButtons{display:flex;justify-content:space-around;align-items:flex-start;gap:1rem;margin-top:1%;flex-wrap:wrap}@media (max-width: 1024px){.in-OutWeightButtons{flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-top:5%}.manualWeightSection,.vehiclePlusCounter{width:100%;text-align:center}.actionButtonsContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.manualWeightSection,.vehiclePlusCounter{margin-bottom:1rem}}@media (max-width: 768px){.in-OutWeightButtons{flex-direction:column;justify-content:center;align-items:center;gap:1rem}.manualWeightSection,.vehiclePlusCounter{width:100%;text-align:center}.actionButtonsContainer{flex-direction:column;justify-content:center;align-items:center;gap:1rem}.vehiclePlusCounter{margin-bottom:1rem}.scaleOption{font-size:22px}.radio-zoom{width:22px;height:22px;transform:scale(1.2)}.scaleOption:active{transform:scale(.98)}}/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(.704 .191 22.216);--color-red-500:oklch(.637 .237 25.331);--color-orange-500:oklch(.705 .213 47.604);--color-emerald-500:oklch(.696 .17 162.48);--color-sky-400:oklch(.746 .16 232.661);--color-blue-200:oklch(.882 .059 254.128);--color-slate-100:oklch(.968 .007 247.896);--color-slate-300:oklch(.869 .022 252.894);--color-slate-400:oklch(.704 .04 256.788);--color-slate-700:oklch(.372 .044 257.287);--color-slate-800:oklch(.279 .041 260.031);--color-gray-300:oklch(.872 .01 258.338);--color-gray-400:oklch(.707 .022 261.325);--color-gray-900:oklch(.21 .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-bold:700;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-0{top:calc(var(--spacing)*0)}.top-\[50px\]{top:50px}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-1{z-index:1}.col-12{grid-column:12}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-4{margin:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing)*4)}.my-5{margin-block:calc(var(--spacing)*5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-auto{margin-top:auto}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-5{margin-left:calc(var(--spacing)*5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-11{height:calc(var(--spacing)*11)}.h-\[50px\]{height:50px}.h-auto{height:auto}.h-full{height:100%}.w-5{width:calc(var(--spacing)*5)}.w-80{width:calc(var(--spacing)*80)}.w-100{width:calc(var(--spacing)*100)}.w-auto{width:auto}.w-full{width:100%}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.rounded{border-radius:.25rem}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.rounded-\[12px\]{border-radius:12px}.rounded-\[16px\]{border-radius:16px}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[0px\]{border-style:var(--tw-border-style);border-width:0}.border-\[1px\]{border-style:var(--tw-border-style);border-width:1px}.border-\[2px\]{border-style:var(--tw-border-style);border-width:2px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-\[4px\]{border-style:var(--tw-border-style);border-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-emerald-500{border-color:var(--color-emerald-500)}.border-gray-400{border-color:var(--color-gray-400)}.border-orange-500{border-color:var(--color-orange-500)}.border-red-500{border-color:var(--color-red-500)}.border-sky-400{border-color:var(--color-sky-400)}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-800{border-color:var(--color-slate-800)}.border-white{border-color:var(--color-white)}.border-b-black{border-bottom-color:var(--color-black)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-sky-400{background-color:var(--color-sky-400)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-white{background-color:var(--color-white)}.p-6{padding:calc(var(--spacing)*6)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-\[18px\]{padding-inline:18px}.px-\[22px\]{padding-inline:22px}.px-\[26px\]{padding-inline:26px}.px-\[30px\]{padding-inline:30px}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-\[6px\]{padding-block:6px}.py-\[10px\]{padding-block:10px}.py-\[14px\]{padding-block:14px}.py-\[18px\]{padding-block:18px}.py-\[40px\]{padding-block:40px}.pl-12{padding-left:calc(var(--spacing)*12)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-emerald-500{color:var(--color-emerald-500)}.text-gray-400{color:var(--color-gray-400)}.text-orange-500{color:var(--color-orange-500)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-sky-400{color:var(--color-sky-400)}.text-slate-400{color:var(--color-slate-400)}.text-slate-800{color:var(--color-slate-800)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-gray-300{--tw-shadow-color:var(--color-gray-300)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:contrast-\[0\.5\]:disabled{--tw-contrast:contrast(.5);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.disabled\:saturate-\[\.75\]:disabled{--tw-saturate:saturate(.75);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}@media (width>=48rem){.md\:ml-10{margin-left:calc(var(--spacing)*10)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:min-w-\[350px\]{min-width:350px}}@media (prefers-color-scheme:dark){.dark\:border-slate-700{border-color:var(--color-slate-700)}.dark\:border-l-transparent{border-left-color:#0000}.dark\:text-blue-200{color:var(--color-blue-200)}.dark\:shadow-gray-900{--tw-shadow-color:var(--color-gray-900)}@media (hover:hover){.dark\:hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}}}}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
