body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#494949}.main{display:flex;flex-direction:column;align-items:center}.badges>*{margin-right:8px}.container{padding-left:2vw;padding-right:2vw;padding-top:24px;padding-bottom:24px}.colorMidGrey input::placeholder{color:#a19f9d!important}.input{width:2vw;height:2vw;min-width:30px;min-height:30px;padding:0;font-size:24px;text-align:center;margin-right:12px;text-transform:uppercase;color:#494949;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;border:1px solid #d6d6d6;border-radius:4px;background:#fff;background-clip:padding-box}.input:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;box-shadow:0 0 0 3px var(--DarkPurple40)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:980px;text-align:center;border:none;color:#fff;margin:8px;padding:4px 11px}p{font-size:17px;line-height:1.47059}.props{border:1px solid #d6d6d6;padding:8px 16px}.options{display:flex;justify-content:space-between;align-items:center}.allowed-characters{text-align:left}:root{--BrightPurple: #a06dff;--BrightPurple25: #a06dff25;--BrightPurple40: #a06dff40;--DarkPurple: #4f2d7f;--DarkPurple40: #4f2d7f40;--DarkPurpleAlt: #472873;--DarkPurpleDark: #3c2261;--BackGroundColor: #f2f1ef;--Coral: #ff5149;--Coral10: #ff524980;--Coral25: #ff524925;--Yellow: #ffc23d;--Yellow25: #ffc23d25;--Teal: #00a4b3;--Teal25: #00a4b325;--White: #ffffff;--DarkerGrey: #837d78;--DarkGrey: #ccc4bd;--MidGrey: #e0dcd7;--LightGrey: #f2f0ee;--ThemePrimary: var(--DarkPurple);--ThemeLighterAlt: #f6f3fa;--ThemeLighter: #dcd2eb;--ThemeLight: #c0aed9;--ThemeTertiary: #8a6db3;--ThemeSecondary: #5f3d8f;--ThemeDarkAlt: #472873;--ThemeDark: #3c2261;--ThemeDarker: #2c1947}html[data-brand=ESG]{--BrightPurple: #b7c59f;--BrightPurple40: #b7c59f40;--DarkPurple: #54603C;--DarkPurple40: #54603C40;--BackGroundColor: #f2f1ef;--Coral: #D72F34;--Yellow: #AE9B36;--Teal: #6C9EDA;--White: #FEFFFF;--DarkerGrey: #837d78;--DarkGrey: #ccc4bd;--MidGrey: #e0dcd7;--LightGrey: #f2f0ee;--ThemePrimary: var(--DarkPurple);--ThemeLighterAlt: #f7f9f5;--ThemeLighter: #e1e6d8;--ThemeLight: #c8d0b8;--ThemeTertiary: #94a07c;--ThemeSecondary: #67744d;--ThemeDarkAlt: #4c5736;--ThemeDark: #404a2e;--ThemeDarker: #2f3622}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}body{background-color:var(--BackGroundColor);font-family:GT-Walsheim-Pro,Arial,Helvetica,sans-serif!important}.label_error{animation:fadeIn .25s}.icon_pending{margin-top:0;margin-bottom:0;animation:pulse 2.5s infinite;color:var(--BrightPurple);-webkit-user-select:none;user-select:none;font-size:18px}.icon_pulse{animation:pulse 2.5s infinite;color:var(--BrightPurple);-webkit-user-select:none;user-select:none}.stack_changeCustomer{color:var(--DarkGrey);float:right;padding:5px;border-radius:5px;min-width:50px}.span_selectedCustomerNoHover,.span_selectedCustomer{font-size:22px;font-weight:600;color:var(--DarkGrey);-webkit-user-select:none;user-select:none}.span_selectedCustomer:hover{color:var(--Coral);cursor:pointer}.icon_selectedCustomer{font-size:28px}.scroll_noMaxHeight{overflow-y:auto;padding:16px}.scroll_noMaxHeight::-webkit-scrollbar{width:10px}.scroll_noMaxHeight::-webkit-scrollbar-track{padding:2px 0;background-color:transparent}.scroll_noMaxHeight::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px #0000001a;background-color:var(--MidGrey);opacity:0}.scroll_noMaxHeight::-webkit-scrollbar-thumb:hover{background-color:var(--DarkGrey);cursor:pointer}.scroll{overflow-y:auto;padding:16px;max-height:429px;min-width:600px}.scroll::-webkit-scrollbar{width:10px}.scroll::-webkit-scrollbar-track{padding:2px 0;background-color:transparent}.scroll::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px #0000001a;background-color:var(--MidGrey);opacity:0}.scroll::-webkit-scrollbar-thumb:hover{background-color:var(--DarkGrey);cursor:pointer}.headerStack{padding:0 32px;background-color:var(--White);min-height:80px;place-items:center;height:6vh;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.commentField .is-active,.commentField .is-active :after{outline:none!important;border:none!important}.customerSelectCard{width:100%}.customerSelectCard .GTCard_Title{margin-bottom:8px}.GTCard[aria-disabled=true]{cursor:not-allowed;opacity:.4}.GTCard[aria-disabled=true]:hover:after{transform:scaleY(1)}.GTCard{background:var(--White);direction:ltr;font-size:1.6rem;list-style:none;white-space:normal;-webkit-user-select:none;user-select:none;padding:40px;height:100%;position:relative;cursor:pointer;border-radius:24px;margin:auto;place-content:center;width:100%}.GTCard .GTCard_Content{z-index:999999!important}.GTCard:hover:after{background-color:var(--White);box-shadow:0 4px 14px 0 var(--DarkPurple40);transform:scaleY(1.1);z-index:15!important}.GTCard:after{width:100%;height:100%;position:absolute;left:0;top:0;content:" ";pointer-events:none;box-shadow:0 4px 14px 0 var(--DarkPurple40);transition:all .5s 0s cubic-bezier(.4,0,.2,1);border-radius:24px;z-index:15!important}.GTCard_Title{text-align:left;margin-bottom:24px;color:var(--DarkPurple)}.PersonContactInfo{transition:transform .5s 0s cubic-bezier(.4,0,.2,1)}.PersonContactInfo:hover{box-shadow:0 4px 14px 0 var(--DarkPurple40);cursor:default}.PersonContactInfo img{margin-top:12px;width:100%;max-height:100%;max-width:100%;object-position:center;object-fit:contain;border-top-left-radius:24px;border-top-right-radius:24px;transition:transform .5s 0s cubic-bezier(.4,0,.2,1)}.PersonContactInfo:hover img{transform:scale(1.11)}.PersonContactInfo_info{transition:transform .5s 0s cubic-bezier(.4,0,.2,1);background:var(--White);padding-top:16px;border-radius:24px;box-shadow:0 -10px 10px 0 var(--DarkPurple40)}.PersonContactInfo:hover .PersonContactInfo_info{transform:scaleY(1)}.dropzone{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;border-width:2px;border-radius:2px;border-color:var(--DarkPurple40);border-style:dashed;background-color:var(--BrightPurple40);color:var(--DarkPurple);outline:none;transition:border .24s ease-in-out;cursor:pointer}.dropzone span{color:var(--DarkPurple)}.dropzone:hover,.dragContainerHover{border-color:var(--BrightPurple)}.dragContainerHoverDisabled{border-color:var(--Coral)!important;background-color:var(--LightGrey)!important;color:var(--DarkGrey)!important}.ms-DetailsRow[data-selection-disabled=true] .dropzone{background-color:var(--LightGrey)!important;color:var(--DarkGrey)!important}.dropzone.disabled{opacity:.6}[role=columnheader],[role=row]{background:#fff!important}.OrderDetailsTable .file-upload{padding:0!important;min-height:75px;cursor:pointer}.notification{position:relative;cursor:pointer;padding:0;margin:auto 20px auto 0}.notification[aria-hover-class=colorLightPurple] :hover{color:var(--BrightPurple)}.notification[aria-hover-class=colorTeal] :hover{color:var(--Teal)}.notification[aria-hover-class=colorCoral] :hover{color:var(--Coral)}.notification[aria-hover-class=colorDarkGrey] :hover{color:var(--DarkGrey)}.notification button{padding:0;margin:0}.notification button i{font-size:24px}.notification button:hover{color:initial;background-color:transparent}.notification .badge{position:absolute;right:-.2em;top:-.3em;min-width:1.6em;height:1.6em;border-radius:.8em;border:.05em solid var(--White);display:flex;justify-content:center;align-items:center;font-size:.8em;background:var(--BrightPurple);color:var(--White)}.notification .badge:hover{color:var(--White)}.logoSvg:hover{cursor:pointer}.divCustomerSelectionBox{padding:32px;border-radius:10px;box-shadow:0 0 10px #0000001a;background-color:var(--White);min-height:80px;width:95%;max-width:600px}.searchBox{background-color:var(--White);border-color:var(--DarkPurple);border-radius:8px}.searchBox:hover{border-radius:8px}.searchBox:focus{border-radius:8px}.divLogout{float:right;padding:5px;border-radius:5px;color:var(--DarkPurple);min-width:50px}.divLogout:hover{cursor:pointer;background-color:var(--Coral);color:var(--White);transition:all .5s 0s cubic-bezier(.4,0,.2,1)}.divDelete{padding:5px;border-radius:5px;color:var(--DarkPurple);max-width:34px}.divDelete[aria-disabled=false]:hover{cursor:pointer;background-color:var(--Coral);color:var(--White);transition:all .5s 0s cubic-bezier(.4,0,.2,1)}.divDelete[aria-disabled=true]{padding:5px;border-radius:5px;color:var(--DarkGrey);max-width:34px}.divNotifyDisabled{padding:5px;border-radius:5px;color:var(--DarkGrey);min-width:50px}.divNotify{padding:5px;border-radius:5px;color:var(--DarkPurple);min-width:50px}.divNotify:hover{cursor:pointer;background-color:var(--BrightPurple);color:var(--White);transition:all .5s 0s cubic-bezier(.4,0,.2,1)}.divLanguage{padding:5px;border-radius:5px;color:var(--DarkPurple);min-width:50px}.divLanguage:hover{cursor:pointer;background-color:var(--BrightPurple);color:var(--White);transition:all .5s 0s cubic-bezier(.4,0,.2,1)}.divDownload{padding:5px;border-radius:5px;color:var(--DarkPurple)}.divDownload:hover{cursor:pointer;background-color:var(--BrightPurple);color:var(--White);transition:all .5s 0s cubic-bezier(.4,0,.2,1)}.divWrapperOrderDetails{border-radius:24px;box-shadow:0 4px 14px 0 var(--DarkPurple40);max-width:100%!important;padding:15px;background-color:var(--White);transition:all .5s 0s cubic-bezier(.4,0,.2,1)}.divWrapperUserAdmin{border-radius:24px;box-shadow:0 4px 14px 0 var(--DarkPurple40);max-width:1000px!important;min-width:1000px;padding:15px;margin:32px;background-color:var(--White);transition:all .5s 0s cubic-bezier(.4,0,.2,1)}.hideOrderList{opacity:0;transition:opacity .5s ease-out,max-height .3s ease-out;overflow:hidden}.showOrderList{opacity:1;transition:opacity 1.3s ease-in,max-height .3s ease-out}.stackNotifyOptionDisabled{position:relative;cursor:default}.stackNotifyOptionDisabled span{color:var(--DarkGrey);font-size:1rem;font-weight:500}.stackNotifyOptionDisabled i{font-size:1rem;color:var(--DarkGrey)}.stackNotifyOption{position:relative}.stackNotifyOption span{color:var(--DarkPurple);font-size:1rem;font-weight:500}.stackNotifyOption i{font-size:1rem;color:var(--DarkPurple)}.stackNotifyOption:after{content:"";position:absolute;height:2px;left:0;bottom:0;width:0;background-color:var(--BrightPurple);transition:width .2s}.stackNotifyOption:hover{cursor:pointer}.stackNotifyOption:hover span,.stackNotifyOption:hover i{color:var(--BrightPurple)}.stackNotifyOption:hover:after{width:100%}.spanLang{color:var(--DarkPurple);font-size:1rem;font-weight:500;position:relative}.spanLang:after{content:"";position:absolute;height:2px;left:0;bottom:0;width:0;background-color:var(--BrightPurple);transition:width .2s}.spanLang:hover{color:var(--BrightPurple);cursor:pointer}.spanLang:hover:after{width:100%}.priorityHigh{margin:auto;color:var(--Coral)}.priorityMedium{margin:auto;color:var(--Yellow)}.priorityLow{margin:auto;color:var(--Teal)}.colorLightPurple{color:var(--BrightPurple)}.colorYellow{color:var(--Yellow)}.colorDarkPurple{color:var(--DarkPurple)}.colorTeal{color:var(--Teal)}.colorCoral{color:var(--Coral)}.colorDarkGrey{color:var(--DarkGrey)}.errorBar{background-color:var(--Coral);box-shadow:0 4px 14px 0 var(--DarkPurple40);color:var(--White);padding:2px;border-radius:24px;margin:15px auto 0;width:60vw;min-width:450px}.errorBar_Content{display:flex;justify-content:space-between;align-items:center}.errorBar_Content span{color:var(--White)}.errorBar_Title{font-size:1.6rem}.ErrorToast{border-radius:24px}.Renew_Session_Button{background-color:var(--DarkPurple);color:var(--White);border:1px solid var(--DarkPurple);border-radius:4px;font-size:16px}.Renew_Session_Button:hover{cursor:pointer;background-color:var(--BrightPurple)!important}.Toast_Button{background-color:var(--DarkPurple);color:var(--White);border:1px solid var(--DarkPurple);border-radius:4px}.Toast_Button:hover{background-color:var(--BrightPurple)!important}.Toast_Button_Teal{background-color:var(--Teal);color:var(--White);border:1px solid var(--Teal);border-radius:4px}.Toast_Button_Teal:hover{background-color:var(--Teal25)!important}.Toast_Button_Grey{background-color:var(--LightGrey);border:1px solid var(--DarkerGrey);border-radius:4px}.Toast_Button_Grey:hover{background-color:var(--MidGrey)!important}.Toast_Button_Red{background-color:var(--Coral);color:var(--White);border:1px solid var(--Coral);border-radius:4px}.Toast_Button_Red:hover{background-color:var(--LightGrey)!important;color:var(--Coral)!important;border:1px solid var(--Coral)}.Toast_Button_Red:disabled{background-color:var(--MidGrey)!important;color:var(--DarkGrey)!important;border:1px solid var(--DarkGrey)}.spinLogo{-webkit-animation-name:spin;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:2s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:2s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:spin;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;margin:auto}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(360deg)}}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}