/** =================== MONTSERRAT =================== **/ /** Montserrat Thin **/ @font-face { font-family: "Montserrat"; font-weight: 100; font-style: normal; src: url("/dist/fonts/Montserrat-Thin.eot"); src: url("/dist/fonts/Montserrat-Thin.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/Montserrat-Thin.woff2") format("woff2"), url("/dist/fonts/Montserrat-Thin.woff") format("woff"); } /** Montserrat Thin-Italic **/ @font-face { font-family: "Montserrat"; font-weight: 100; font-style: italic; src: url("/dist/fonts/Montserrat-ThinItalic.eot"); src: url("/dist/fonts/Montserrat-ThinItalic.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/Montserrat-ThinItalic.woff2") format("woff2"), url("/dist/fonts/Montserrat-ThinItalic.woff") format("woff"); } /** Montserrat ExtraLight **/ @font-face { font-family: "Montserrat"; font-weight: 200; font-style: normal; src: url("/dist/fonts/Montserrat-ExtraLight.eot"); src: url("/dist/fonts/Montserrat-ExtraLight.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/Montserrat-ExtraLight.woff2") format("woff2"), url("/dist/fonts/Montserrat-ExtraLight.woff") format("woff"); } /** Montserrat ExtraLight-Italic **/ @font-face { font-family: "Montserrat"; font-weight: 200; font-style: italic; src: url("/dist/fonts/Montserrat-ExtraLightItalic.eot"); src: url("/dist/fonts/Montserrat-ExtraLightItalic.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/Montserrat-ExtraLightItalic.woff2") format("woff2"), url("/dist/fonts/Montserrat-ExtraLightItalic.woff") format("woff"); } /** Montserrat Light **/ @font-face { font-family: "Montserrat"; font-weight: 300; font-style: normal; src: url("/dist/fonts/Montserrat-Light.eot"); src: url("/dist/fonts/Montserrat-Light.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/Montserrat-Light.woff2") format("woff2"), url("/dist/fonts/Montserrat-Light.woff") format("woff"); } /** Montserrat Light-Italic **/ @font-face { font-family: "Montserrat"; font-weight: 300; font-style: italic; src: url("/dist/fonts/Montserrat-LightItalic.eot"); src: url("/dist/fonts/Montserrat-LightItalic.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/Montserrat-LightItalic.woff2") format("woff2"), url("/dist/fonts/Montserrat-LightItalic.woff") format("woff"); } /** Montserrat Regular **/ @font-face { font-family: "Montserrat"; font-weight: 400; font-style: normal; src: url("/dist/fonts/Montserrat-Regular.eot"); src: url("/dist/fonts/Montserrat-Regular.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/Montserrat-Regular.woff2") format("woff2"), url("/dist/fonts/Montserrat-Regular.woff") format("woff"); } /** Montserrat Regular-Italic **/ @font-face { font-family: "Montserrat"; font-weight: 400; font-style: italic; src: url("/dist/fonts/Montserrat-Italic.eot"); src: url("/dist/fonts/Montserrat-Italic.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/Montserrat-Italic.woff2") format("woff2"), url("/dist/fonts/Montserrat-Italic.woff") format("woff"); } /** Montserrat Medium **/ @font-face { font-family: "Montserrat"; font-weight: 500; font-style: normal; src: url("/dist/fonts/Montserrat-Medium.eot"); src: url("/dist/fonts/Montserrat-Medium.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/Montserrat-Medium.woff2") format("woff2"), url("/dist/fonts/Montserrat-Medium.woff") format("woff"); } /** Montserrat Medium-Italic **/ @font-face { font-family: "Montserrat"; font-weight: 500; font-style: italic; src: url("/dist/fonts/Montserrat-MediumItalic.eot"); src: url("/dist/fonts/Montserrat-MediumItalic.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/Montserrat-MediumItalic.woff2") format("woff2"), url("/dist/fonts/Montserrat-MediumItalic.woff") format("woff"); } /** Montserrat SemiBold **/ @font-face { font-family: "Montserrat"; font-weight: 600; font-style: normal; src: url("/dist/fonts/Montserrat-SemiBold.eot"); src: url("/dist/fonts/Montserrat-SemiBold.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/Montserrat-SemiBold.woff2") format("woff2"), url("/dist/fonts/Montserrat-SemiBold.woff") format("woff"); } /** Montserrat SemiBold-Italic **/ @font-face { font-family: "Montserrat"; font-weight: 600; font-style: italic; src: url("/dist/fonts/Montserrat-SemiBoldItalic.eot"); src: url("/dist/fonts/Montserrat-SemiBoldItalic.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/Montserrat-SemiBoldItalic.woff2") format("woff2"), url("/dist/fonts/Montserrat-SemiBoldItalic.woff") format("woff"); } /** Montserrat Bold **/ @font-face { font-family: "Montserrat"; font-weight: 700; font-style: normal; src: url("/dist/fonts/Montserrat-Bold.eot"); src: url("/dist/fonts/Montserrat-Bold.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/Montserrat-Bold.woff2") format("woff2"), url("/dist/fonts/Montserrat-Bold.woff") format("woff"); } /** Montserrat Bold-Italic **/ @font-face { font-family: "Montserrat"; font-weight: 700; font-style: italic; src: url("/dist/fonts/Montserrat-BoldItalic.eot"); src: url("/dist/fonts/Montserrat-BoldItalic.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/Montserrat-BoldItalic.woff2") format("woff2"), url("/dist/fonts/Montserrat-BoldItalic.woff") format("woff"); } /** Montserrat ExtraBold **/ @font-face { font-family: "Montserrat"; font-weight: 800; font-style: normal; src: url("/dist/fonts/Montserrat-ExtraBold.eot"); src: url("/dist/fonts/Montserrat-ExtraBold.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/Montserrat-ExtraBold.woff2") format("woff2"), url("/dist/fonts/Montserrat-ExtraBold.woff") format("woff"); } /** Montserrat ExtraBold-Italic **/ @font-face { font-family: "Montserrat"; font-weight: 800; font-style: italic; src: url("/dist/fonts/Montserrat-ExtraBoldItalic.eot"); src: url("/dist/fonts/Montserrat-ExtraBoldItalic.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/Montserrat-ExtraBoldItalic.woff2") format("woff2"), url("/dist/fonts/Montserrat-ExtraBoldItalic.woff") format("woff"); } /** Montserrat Black **/ @font-face { font-family: "Montserrat"; font-weight: 900; font-style: normal; src: url("/dist/fonts/Montserrat-Black.eot"); src: url("/dist/fonts/Montserrat-Black.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/Montserrat-Black.woff2") format("woff2"), url("/dist/fonts/Montserrat-Black.woff") format("woff"); } /** Montserrat Black-Italic **/ @font-face { font-family: "Montserrat"; font-weight: 900; font-style: italic; src: url("/dist/fonts/Montserrat-BlackItalic.eot"); src: url("/dist/fonts/Montserrat-BlackItalic.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/Montserrat-BlackItalic.woff2") format("woff2"), url("/dist/fonts/Montserrat-BlackItalic.woff") format("woff"); } /** =================== MONTSERRAT ALTERNATES =================== **/ /** Montserrat Alternates Thin **/ @font-face { font-family: "Montserrat Alternates"; font-weight: 100; font-style: normal; src: url("/dist/fonts/MontserratAlternates-Thin.eot"); src: url("/dist/fonts/MontserratAlternates-Thin.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/MontserratAlternates-Thin.woff2") format("woff2"), url("/dist/fonts/MontserratAlternates-Thin.woff") format("woff"); } /** Montserrat Alternates Thin-Italic **/ @font-face { font-family: "Montserrat Alternates"; font-weight: 100; font-style: italic; src: url("/dist/fonts/MontserratAlternates-ThinItalic.eot"); src: url("/dist/fonts/MontserratAlternates-ThinItalic.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/MontserratAlternates-ThinItalic.woff2") format("woff2"), url("/dist/fonts/MontserratAlternates-ThinItalic.woff") format("woff"); } /** Montserrat Alternates ExtraLight **/ @font-face { font-family: "Montserrat Alternates"; font-weight: 200; font-style: normal; src: url("/dist/fonts/MontserratAlternates-ExtraLight.eot"); src: url("/dist/fonts/MontserratAlternates-ExtraLight.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/MontserratAlternates-ExtraLight.woff2") format("woff2"), url("/dist/fonts/MontserratAlternates-ExtraLight.woff") format("woff"); } /** Montserrat Alternates ExtraLight-Italic **/ @font-face { font-family: "Montserrat Alternates"; font-weight: 200; font-style: italic; src: url("/dist/fonts/MontserratAlternates-ExtraLightItalic.eot"); src: url("/dist/fonts/MontserratAlternates-ExtraLightItalic.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/MontserratAlternates-ExtraLightItalic.woff2") format("woff2"), url("/dist/fonts/MontserratAlternates-ExtraLightItalic.woff") format("woff"); } /** Montserrat Alternates Light **/ @font-face { font-family: "Montserrat Alternates"; font-weight: 300; font-style: normal; src: url("/dist/fonts/MontserratAlternates-Light.eot"); src: url("/dist/fonts/MontserratAlternates-Light.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/MontserratAlternates-Light.woff2") format("woff2"), url("/dist/fonts/MontserratAlternates-Light.woff") format("woff"); } /** Montserrat Alternates Light-Italic **/ @font-face { font-family: "Montserrat Alternates"; font-weight: 300; font-style: italic; src: url("/dist/fonts/MontserratAlternates-LightItalic.eot"); src: url("/dist/fonts/MontserratAlternates-LightItalic.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/MontserratAlternates-LightItalic.woff2") format("woff2"), url("/dist/fonts/MontserratAlternates-LightItalic.woff") format("woff"); } /** Montserrat Alternates Regular **/ @font-face { font-family: "Montserrat Alternates"; font-weight: 400; font-style: normal; src: url("/dist/fonts/MontserratAlternates-Regular.eot"); src: url("/dist/fonts/MontserratAlternates-Regular.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/MontserratAlternates-Regular.woff2") format("woff2"), url("/dist/fonts/MontserratAlternates-Regular.woff") format("woff"); } /** Montserrat Alternates Regular-Italic **/ @font-face { font-family: "Montserrat Alternates"; font-weight: 400; font-style: italic; src: url("/dist/fonts/MontserratAlternates-Italic.eot"); src: url("/dist/fonts/MontserratAlternates-Italic.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/MontserratAlternates-Italic.woff2") format("woff2"), url("/dist/fonts/MontserratAlternates-Italic.woff") format("woff"); } /** Montserrat Alternates Medium **/ @font-face { font-family: "Montserrat Alternates"; font-weight: 500; font-style: normal; src: url("/dist/fonts/MontserratAlternates-Medium.eot"); src: url("/dist/fonts/MontserratAlternates-Medium.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/MontserratAlternates-Medium.woff2") format("woff2"), url("/dist/fonts/MontserratAlternates-Medium.woff") format("woff"); } /** Montserrat Alternates Medium-Italic **/ @font-face { font-family: "Montserrat Alternates"; font-weight: 500; font-style: italic; src: url("/dist/fonts/MontserratAlternates-MediumItalic.eot"); src: url("/dist/fonts/MontserratAlternates-MediumItalic.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/MontserratAlternates-MediumItalic.woff2") format("woff2"), url("/dist/fonts/MontserratAlternates-MediumItalic.woff") format("woff"); } /** Montserrat Alternates SemiBold **/ @font-face { font-family: "Montserrat Alternates"; font-weight: 600; font-style: normal; src: url("/dist/fonts/MontserratAlternates-SemiBold.eot"); src: url("/dist/fonts/MontserratAlternates-SemiBold.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/MontserratAlternates-SemiBold.woff2") format("woff2"), url("/dist/fonts/MontserratAlternates-SemiBold.woff") format("woff"); } /** Montserrat Alternates SemiBold-Italic **/ @font-face { font-family: "Montserrat Alternates"; font-weight: 600; font-style: italic; src: url("/dist/fonts/MontserratAlternates-SemiBoldItalic.eot"); src: url("/dist/fonts/MontserratAlternates-SemiBoldItalic.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/MontserratAlternates-SemiBoldItalic.woff2") format("woff2"), url("/dist/fonts/MontserratAlternates-SemiBoldItalic.woff") format("woff"); } /** Montserrat Alternates Bold **/ @font-face { font-family: "Montserrat Alternates"; font-weight: 700; font-style: normal; src: url("/dist/fonts/MontserratAlternates-Bold.eot"); src: url("/dist/fonts/MontserratAlternates-Bold.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/MontserratAlternates-Bold.woff2") format("woff2"), url("/dist/fonts/MontserratAlternates-Bold.woff") format("woff"); } /** Montserrat Alternates Bold-Italic **/ @font-face { font-family: "Montserrat Alternates"; font-weight: 700; font-style: italic; src: url("/dist/fonts/MontserratAlternates-BoldItalic.eot"); src: url("/dist/fonts/MontserratAlternates-BoldItalic.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/MontserratAlternates-BoldItalic.woff2") format("woff2"), url("/dist/fonts/MontserratAlternates-BoldItalic.woff") format("woff"); } /** Montserrat Alternates ExtraBold **/ @font-face { font-family: "Montserrat Alternates"; font-weight: 800; font-style: normal; src: url("/dist/fonts/MontserratAlternates-ExtraBold.eot"); src: url("/dist/fonts/MontserratAlternates-ExtraBold.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/MontserratAlternates-ExtraBold.woff2") format("woff2"), url("/dist/fonts/MontserratAlternates-ExtraBold.woff") format("woff"); } /** Montserrat Alternates ExtraBold-Italic **/ @font-face { font-family: "Montserrat Alternates"; font-weight: 800; font-style: italic; src: url("/dist/fonts/MontserratAlternates-ExtraBoldItalic.eot"); src: url("/dist/fonts/MontserratAlternates-ExtraBoldItalic.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/MontserratAlternates-ExtraBoldItalic.woff2") format("woff2"), url("/dist/fonts/MontserratAlternates-ExtraBoldItalic.woff") format("woff"); } /** Montserrat Alternates Black **/ @font-face { font-family: "Montserrat Alternates"; font-weight: 900; font-style: normal; src: url("/dist/fonts/MontserratAlternates-Black.eot"); src: url("/dist/fonts/MontserratAlternates-Black.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/MontserratAlternates-Black.woff2") format("woff2"), url("/dist/fonts/MontserratAlternates-Black.woff") format("woff"); } /** Montserrat Alternates Black-Italic **/ @font-face { font-family: "Montserrat"; font-weight: 900; font-style: italic; src: url("/dist/fonts/MontserratAlternates-BlackItalic.eot"); src: url("/dist/fonts/MontserratAlternates-BlackItalic.eot?#iefix") format('embedded-opentype'), url("/dist/fonts/MontserratAlternates-BlackItalic.woff2") format("woff2"), url("/dist/fonts/MontserratAlternates-BlackItalic.woff") format("woff"); } @font-face { font-family: 'Hind'; src: url('/dist/fonts/hind-regular-webfont.eot'); src: url('/dist/fonts/hind-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/dist/fonts/hind-regular-webfont.woff') format('woff'), url('/dist/fonts/hind-regular-webfont.ttf') format('truetype'), url('/dist/fonts/hind-regular-webfont.svg#hindregular') format('svg'); font-weight: normal; font-style: normal; } /*receiver font start*/ @font-face { font-family: 'icomoon'; src: url('/dist/fonts/icomoon.eot?p6pkp5'); src: url('/dist/fonts/icomoon.eot?p6pkp5#iefix') format('embedded-opentype'), url('/dist/fonts/icomoon.ttf?p6pkp5') format('truetype'), url('/dist/fonts/icomoon.woff?p6pkp5') format('woff'), url('/dist/fonts/icomoon.svg?p6pkp5#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="ep-icon-"], [class*=" ep-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ep-icon-receiver:before { content: "\e900"; font-weight: bold; } .ep-toolbar-custom-button > .ep-icon-receiver { color: #0c4a6d; font-weight: bold; } @font-face { font-family: 'donation-icon'; src: url('/dist/fonts/donation-icon.eot?p6pkp5'); src: url('/dist/fonts/donation-icon.eot?p6pkp5#iefix') format('embedded-opentype'), url('/dist/fonts/donation-icon.ttf?p6pkp5') format('truetype'), url('/dist/fonts/donation-icon.woff?p6pkp5') format('woff'), url('/dist/fonts/donation-icon.svg?p6pkp5#icomoon') format('svg'); font-weight: normal; font-style: normal; } .donation-icon:before { content: "\e900"; font-family: 'donation-icon'; font-size: 54px; } @font-face { font-family: 'serial-icon'; src: url('/dist/fonts/serial-icon.eot?p6pkp5'); src: url('/dist/fonts/serial-icon.eot?p6pkp5#iefix') format('embedded-opentype'), url('/dist/fonts/serial-icon.ttf?p6pkp5') format('truetype'), url('/dist/fonts/serial-icon.woff?p6pkp5') format('woff'), url('/dist/fonts/serial-icon.svg?p6pkp5#icomoon') format('svg'); font-weight: normal; font-style: normal; } .serial-icon:before { content: "\e900"; font-family: 'serial-icon'; font-size: 18px; } @font-face { font-family: 'edit-group'; src: url('fonts/edit-group.eot?fiqtnt'); src: url('fonts/edit-group.eot?fiqtnt#iefix') format('embedded-opentype'), url('fonts/edit-group.ttf?fiqtnt') format('truetype'), url('fonts/edit-group.woff?fiqtnt') format('woff'), url('fonts/edit-group.svg?fiqtnt#edit-group') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'edit-group' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .edit-group:before { content: "\e900"; font-family: 'edit-group' !important; font-size: 22px; color: white; } @font-face { font-family: 'icomoon-hand-coin'; src: url('fonts/icomoon-hand-coin.eot?xafsru'); src: url('fonts/icomoon-hand-coin.eot?xafsru#iefix') format('embedded-opentype'), url('fonts/icomoon-hand-coin.ttf?xafsru') format('truetype'), url('fonts/icomoon-hand-coin.woff?xafsru') format('woff'), url('fonts/icomoon-hand-coin.svg?xafsru#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } @font-face { font-family: 'consumer-privacy-font'; src: url('fonts/consumer-privacy.eot?xafsru'); src: url('fonts/consumer-privacy.eot?xafsru#iefix') format('embedded-opentype'), url('fonts/consumer-privacy.ttf?xafsru') format('truetype'), url('fonts/consumer-privacy.woff?xafsru') format('woff'), url('fonts/consumer-privacy.svg?xafsru#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } .ar-hand-coin:before { content: "\32"; /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon-hand-coin' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .consumer-privacy-icon:before { content: "\e900"; font-family: 'consumer-privacy-font' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'add-product-icon'; src: url('fonts/add_product_icon.eot?u9oy16'); src: url('fonts/add_product_icon.eot?u9oy16#iefix') format('embedded-opentype'), url('fonts/add_product_icon.ttf?u9oy16') format('truetype'), url('fonts/add_product_icon.woff?u9oy16') format('woff'), url('fonts/add_product_icon.svg?u9oy16#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } .add_product_icon { font-family: 'add-product-icon' !important; } .add_product_icon:before { content: "\e900"; /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'add-product-icon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'search-dropdown'; src: url('fonts/search-dropdown.eot?9jpjpg'); src: url('fonts/search-dropdown.eot?9jpjpg#iefix') format('embedded-opentype'), url('fonts/search-dropdown.ttf?9jpjpg') format('truetype'), url('fonts/search-dropdown.woff?9jpjpg') format('woff'), url('fonts/search-dropdown.svg?9jpjpg#search-dropdown') format('svg'); font-weight: normal; font-style: normal; font-display: block; } .search_dropdown_icon { font-family: 'search-dropdown' !important; } .search_dropdown_icon:before { /* use !important to prevent issues with browser extensions that change fonts */ content: "\e900"; font-family: 'search-dropdown' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'Source Sans Pro'; src: url('/dist/fonts/SourceSansPro-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Source Sans Pro'; src: url('/dist/fonts/SourceSansPro-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } /* * This provides a font family named "password", where all characters appear * as bullets. It is to emulate an input type="password", using input type="text" */ @font-face { font-family: 'password'; src: url('/dist/fonts/password.woff2') format('woff2'), url('/dist/fonts/password.woff') format('woff'), url('/dist/fonts/password.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* * For use on an , this class makes * the input use the password font family after * at least one character is typed. * * The ":valid" part of the selector makes it only * happen after at least 1 character types. This requires * the use the "required" attribute. * * The best way to use this, however is to use an * with the ep-password-input attribute which * sets up the input with this classm and does other * needed settings. */ input.password-input:valid { font-family: 'password'; } input.password-input:disabled { font-family: 'password'; } #login-window #login_form { background: white; display: block; /*height: 130px;*/ position: relative; top: 0px; left: 0px; padding: 20px 25px 35px 25px; overflow: hidden; border-radius: 4px; /*-webkit-perspective: 1000; perspective: 1000; -webkit-transform: translateZ(0px); transform: translateZ(0px);*/ width: 246px; } /* .login-window-wrapper { position: absolute!important; width: calc(100% - 0px)!important; left: 0px!important; top: 0px!important; bottom: 0px!important; height: 100%!important; margin: 0px!important; padding: 0px!important; border: 0px!important; border-radius: 0px!important; box-shadow: none!important; background: linear-gradient(to bottom,#0073bc 0,#12b2f4 100%); } */ .login-window-wrapper .k-resize-handle { display: none } div#login-remember-row { display: block; width: calc(100% - 30px); position: absolute; left: 20px; bottom: 0px; padding: 10px; color: var(--ep-color-blue); text-align: center; } .logo_container { position: relative; top: 0px; height: 80px; width: 100%; left: 0px; } .epicor_logo { background: url('/app/shared/images/default-logo-cloud.png') no-repeat; background-size: 190px; width: 150px; height: 80px; position: absolute; right: 0px; bottom: 0px; margin: 0 auto; left: 0px; top: 0px; background-position: 50% 50%; } div#login-remember-row .k-checkbox-label { font-weight: 400; font-family: Montserrat, sans-serif; } div#login-remember-row [type=checkbox] + .k-checkbox-label:before { background: transparent; border-color: var(--ep-color-blue); border-width: 2px; border-radius: 2px; margin-top: -1px; color: var(--ep-color-blue); } a#login-forgot-password { display: inline-block; padding: 10px; line-height: 1.6; text-align: center; } .login-button-container .login-button-row { margin: 5px -15px 0px -15px; padding: 0px 15px; overflow-wrap: break-word; } a#login-remember-row:hover { background: var(--ep-color-paleGray); color: var(--ep-color-black); } button.ep-button-primary.login-button-dimensions { width: 100%; margin-bottom: 5px; } #login-window { display: flex; justify-content: center; align-items: center; flex-direction: column; background: transparent; } .login-window-wrapper { position: absolute !important; width: calc(100% - 0px) !important; left: 0px !important; top: 0px !important; bottom: 0px !important; height: 100% !important; margin: 0px !important; padding: 0px !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; background: var(--ep-color-anotherBlue) !important; } .login-window-wrapper .k-resize-handle { display: none } [for=rememberuser] { padding: 0px 15px; margin-top: 5px; } .login-forgot-pwd { position: relative; width: 100%; text-align: center; top: 0px; left: 0px; } #login-forgot-password { color: var(--ep-color-white); } .change-password-form { padding-right: 35px; padding-left: 35px; padding-top: 38px; line-height: 25px; } .change-password-form-header { font-weight: 600; color: var(--ep-color-orange); margin-bottom: 5px; font-size: 15px; } .change-password-window-wrapper { border-width: 2px !important; border-style: solid !important; border-radius: 6px !important; border-color: var(--ep-color-black) !important; } .change-password-window-footer { border-bottom: 1px solid var(--ep-color-gray92); width: 445px; padding-top: 30px; margin-left: -6px; margin-right: auto; margin-bottom: auto; margin-top: auto; } .change-password-window-wrapper .k-resize-handle { display: none } #totp-enable-window { padding: 0px 0px; height: 520px; bottom: 0px; position: absolute; width: 725px; margin: auto; left: 0px; right: 0px; top: 0px; background: transparent; } #totp-enable-window #totp-enable-form { background: white; display: table; height: 130px; position: relative; top: 0px; left: 0px; padding: 20px 25px 5px 25px; overflow: hidden; border-radius: 4px; /*-webkit-perspective: 1000; perspective: 1000; -webkit-transform: translateZ(0px); transform: translateZ(0px);*/ } .totp_height { height: 200px !important; width: 500px !important; } div#initiate-password-reset { padding: 0px; } .change-password-window-wrapper { padding: 0px !important; height: 100% !important; bottom: 0px !important; position: absolute; width: 100% !important; margin: auto; left: 0px !important; right: 0px !important; top: 0px !important; background: var(--ep-color-anotherBlue); border: none !important; } div#initiate-password-reset { background: var(--ep-color-anotherBlue); } form#initiate-password-reset-form, .change-password-form { padding: 18px 13px 30px 13px; height: 290px; bottom: 0px; position: absolute; width: 330px; margin: auto; left: 0px; right: 0px; top: 0px; background: var(--ep-color-white); border-radius: 4px; } .change-password-form.pswd-force-change-form { height: 300px; } .change-password-window-wrapper .k-content { background: var(--ep-color-anotherBlue) !important; } div#password_reset_button_row .ep-button-primary, #password-reset-row .ep-button-primary { width: auto; min-width: 150px; } div#password-change { background: var(--ep-color-anotherBlue); } .login-button-row > .k-button .k-button-text { white-space: normal; } .change-pin-password-popup { justify-content: center; align-self: center; width: 100%; overflow: hidden; } .thrift_batch_container { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; padding: 0px; } .thrift_batch_container:after { content: ""; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 50%; background: #E5E5E5; z-index: 1 } .ep-button-primary.thrift_search_blk { font-size: 12px !important; padding: 2px 10px !important; position: relative; display: flex; margin: 0px !important; border-radius: 5px 0px 0px 5px; background: #DFE8ED !important; z-index: 1000; color: var(--ep-color-anotherBlue) !important; align-items: center; width: auto; } .ep-button-primary.thrift_search_blk:disabled { color: var(--ep-color-disabled-item) !important; } .batch_content_wrapper { z-index: 100; position: absolute; width: 450px; background: white; padding: 10px; top: 0px; bottom: 0px; margin: auto; height: max-content; left: 0px; right: 0px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .batch_options { margin: 10px -5px; max-height: 200px; overflow-y: auto; text-transform: uppercase; } .thrift_batch_box { display: inline-block; padding: 15px; width: calc(50% - 10px); margin: 5px; text-align: center; border: 1px solid var(--ep-grid-border); cursor: pointer; font-weight: 600; font-size: 14px; font-family: montserrat; transition: all 0.5s cubic-bezier(.25, .8, .25, 1); outline: none; box-shadow: 0px 3px 6px #00000029; background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 4px; } .thrift_batch_box:hover { background: var(--ep-color-anotherBlue); color: #fff; } .label_options { padding: 0px; margin: 0px -5px; } .thrift_batch_box.active { background: #0e92cb; color: white; } .thrift_label_box { display: inline-block; width: calc(50% - 10px); margin: 5px; } .thrift_container { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } /*intake layer*/ .intake_head { background: white; padding: 10px; margin: 0px 0px 8px 0px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); height: 66px; border-radius: 2px; float: left; width: 100%; } .intake_breadcrumb { position: relative; float: left; width: 100%; margin-bottom: 8px; } .intake_container { height: calc(100% - 16px); position: absolute; width: calc(100% - 30px); left: 15px; top: 8px; } ep-thrift-intake-component { position: absolute; width: 100%; left: 0px; height: 100%; top: 0px; overflow: hidden; } .intake_batch_info_block { position: relative; float: left; font-size: 12px; font-family: montserrat; font-weight: 600; height: 45px; padding: 5px 10px; text-transform: uppercase; width: auto; border-right: 1px solid #DCE4E8; } .intake_head .sliding-pane-icon:after { content: ''; display: block; position: absolute; left: -10px; top: 0px; height: 100%; width: 1px; background: #DCE4E8; } .intake_parent_wrapper { position: absolute; width: 100%; height: calc(100% - 123px); float: left; top: 124px; } .intake_main_container { padding: 0px; margin: 0px; height: 100%; border-radius: 2px; background: transparent; position: relative; } .intake_batch_detail_wrap { position: relative; display: table; float: left; height: 22px; margin-left: 10px; width: calc(100% - 205px); } .batch_detail { position: relative; width: 225px; line-height: 1.2; padding: 3px 0px; } .batch_label_text { font-family: Hind; font-size: 13px; color: #86898D; } .batch_label_value { font-size: 13px; color: #F58220; font-weight: 600; } .flex-inline { display: inline-flex; } .intake_grid_wrapper { position: absolute; height: calc(100% - 110px); width: 100%; background: white; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); border-radius: 2px; } .intake_grid_header { position: absolute; width: 100%; height: 65px; padding: 10px; } .intake_grid_main_menu { width: calc(100% - 350px); display: table; top: 0px; float: left; position: relative; max-width: 460px; } .intake_menu_group { width: 100%; float: left; top: 0px; } .intake_parent_wrapper span.k-input .k-input-inner { position: relative; height: 45px; padding: 0px; background: var(--ep-color-groupbox-header-background); text-indent: 30px !important; } .intake_parent_wrapper input.item_quantity_input.k-input-inner { text-indent: 0px !important; } @media screen and (max-width: 1175px) { .intake_item_quantity_component.calculator { width: 155px; margin: 0px 5px; float: right; border: 1px solid; width: 108px; } .intake_sidebar_container md-nav-bar .md-button._md-nav-button { padding: 10px 0px 5px 0px !important; width: 75px !important; margin: 0px; min-width: 45px; } .intake_sidebar_container { width: 320px; } .intake_grid_main_menu { width: calc(100% - 260px); position: relative; float: left; top: 0px; left: 0px; } .intake_menu_group { height: 50px; width: 100%; position: relative; float: left; } .intake_grid_header { position: relative; height: 125px; display: block; } .intake_item_search_wrap { width: calc(100% - 66px); position: relative; margin-right: -65px; max-width: 700px; } .intake_grid_submenu { position: relative; top: 0px; } .intake_transaction_container.expanded .intake_grid_main_menu { width: calc(100% - 90px); max-width: 575px; } .intake_transaction_container.collapsed .pos_action_label { display: none; } .intake_transaction_container.collapsed .pos_action_group button.ep-button-secondary { width: 45px !important; } .intake_transaction_container.expanded .transaction_related_elements { width: 350px; position: relative; float: right; } .intake_transaction_container.collapsed .transaction_related_elements { width: 259px; position: relative; float: right; } .intake_transaction_container.expanded .intake_item_quantity_component { margin: 0px 5px; } .intake_transaction_container.expanded .intake_item_price_component { margin: 0px 0px; } .intake_item_price_component { margin: 5px 3px; } .intake_transaction_container.expanded .add_item_button { margin: 0px 5px; } .intake_transaction_container.expanded .intake_item_quantity_component { float: left; } .intake_transaction_container { width: calc(100% - 330px); } .transaction_related_elements { width: 259px; position: relative; float: right; } } .intake_item_search_wrap { position: relative; width: calc(100% - 30px); float: left; max-width: 425px; margin-left: 5px; } .intake_item_search_wrap #product_toolbar_search_tooltip .k-input.k-focus { outline: 1px dashed var(--ep-color-anotherBlue) !important; border-radius: 3px !important; } .intake_item_search_wrap #product_toolbar_search_tooltip .k-input:before { content: "\F0349"; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; z-index: 10; font-size: 24px; top: 14px; left: 5px; font-size: 24px; color: var(--ep-color-lightGray); } .intake_item_search_wrap #product_toolbar_search_tooltip .k-input:before { top: 5px; } .intake_item_search_wrap #product_toolbar_search_tooltip .k-input { height: 45px; border: 0; } .intake_item_search_wrap, .intake_item_search_wrap .k-widget { height: 45px; } .intake_item_search_wrap span.k-autocomplete span.k-font-icon.k-i-close { margin: 0px; } .intake_grid_submenu { position: relative; height: 50px; top: 0px; left: 0px; float: left; } .intake_transaction_footer { position: absolute; top: calc(100% - 100px); height: 100px; width: 100%; background: white; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); border-radius: 2px; } div#intake_trans_grid table tbody { width: 100% !important; } div#intake_trans_grid { height: 100% !important; border-radius: 4px; overflow: hidden; } #intake_trans_grid th.k-hierarchy-cell { display: none; } #intake_trans_grid tr td.k-detail-cell { padding: 0 !important; } #intake_trans_grid.k-grid td:last-child { text-overflow: initial; } div#intake_trans_grid .k-grid-content { font-size: 16px; font-weight: normal; color: var(--ep-color-text-normal); overflow-y: auto; height: calc(100% - 65px) !important; } div#intake_trans_grid .k-grid-content { font-size: 16px; font-weight: normal; color: var(--ep-color-text-normal); } #intake_trans_grid .k-filter-row th, #intake_trans_grid .k-grid-header th.k-header { padding: 5px !important; font-weight: 600; white-space: nowrap; background: var(--ep-color-white); } #intake_trans_grid td.highlight_cell { border-left: 3px solid var(--ep-color-anotherBlue) !important; } #intake_trans_grid tr.highlight_row { background: var(--ep-grid-row-highlight-blue) !important; } #intake_trans_grid.k-grid td.highlight_cell .k-state-selected:hover, #intake_trans_grid.k-grid tr.highlight_row .k-state-selected:hover { background-color: transparent !important; } #intake_new_trans_grid .k-grid tr.k-master-row td { border-bottom-width: 1px !important; } #intake_new_trans_grid .k-grid tr.k-master-row.expanded-row td { border-bottom-width: 0 !important; } #intake_new_trans_grid .k-grid .k-hierarchy-cell, #intake_new_trans_grid .k-grid .k-hierarchy-col { display: none; } #intake_new_trans_grid .k-grid tr td.k-detail-cell { padding: 0px !important; } #intake_new_trans_grid .k-grid tr td { padding: 5px !important; } #intake_new_trans_grid .k-grid tr td { border: 0; border-bottom: 1px solid #eceff1; white-space: nowrap; } #intake_new_trans_grid tr.k-state-selected, #intake_new_trans_grid td.k-state-selected { color: var(--ep-color-text-normal); } #intake_new_trans_grid .k-grid .k-grid-header { height: auto; padding-right: 0px !important; } #intake_new_trans_grid .k-grid .k-grid-header .k-header { white-space: normal; font-size: 16px; font-family: Hind; text-align: center !important; line-height: 1.2; } #intake_new_trans_grid.shrink td { font-size: 11px; } /*intake layer*/ /*intake footer section*/ .close_batch_section { position: absolute; right: 0px; width: 240px; height: 100%; text-align: right; padding-right: 15px; } .footer_void_suspend_section { position: absolute; width: calc(100% - 245px); height: 100%; left: 10px; } .footer_total_section_label { position: relative; width: 150px; line-height: 1.2; padding: 3px 0px; } .intake_sidebar_container { position: absolute; width: 450px; height: 100%; right: 0px; background: white; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); border-radius: 2px; animation-duration: 0.213s; animation-fill-mode: both; } .intake_sidebar_container.collapsed { animation-name: slideOutRight; } .intake_sidebar_container.expanded { animation-name: slideInRight; } .intake_sidebar_container.collapsed { left: calc(100% + 50px) } .intake_transaction_container { position: absolute; width: calc(100% - 460px); height: 100%; transition: width 0.213s ease-in-out; } .intake_transaction_container.expanded { width: 100%; } .intake_logout_wrap { position: absolute; right: 10px; } .intake_logout_wrap .logout-icon { font-size: 20px; margin-right: 8px; } /*item quantity component*/ .intake_item_quantity_component { float: left; width: 140px; margin: 0px 5px; border-top: 1px solid var(--ep-color-secondary-btn); border-bottom: 1px solid var(--ep-color-secondary-btn); border-radius: 4px; } .intake_item_quantity_component button:focus, .intake_item_quantity_component .item_quantity_input:focus, .intake_item_price_component:focus { outline: 1px dashed var(--ep-color-anotherBlue) !important; } .intake_item_quantity_component .item_quantity_input { height: 43px !important; box-shadow: none !important; margin: 0px !important; padding: 0px !important; border: none !important; text-align: center; outline: none !important; } .intake_item_quantity_component .k-numerictextbox input:disabled { color: var(--ep-color-darkGray) !important; } .intake_icon_plus { border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; } .intake_icon_minus, .intake_icon_plus { font-size: 24px; color: var(--ep-color-white); background: var(--ep-color-secondary-btn); height: 43px; } .intake_icon_minus { border-bottom-right-radius: 0px !important; border-top-right-radius: 0px !important; } .grid_qty_pop_up .intake_icon_minus { margin-right: 10px; border-radius: 3px; } .grid_qty_pop_up .intake_icon_plus { margin-left: 10px; border-radius: 3px; } .intake_item_price_component .price-text { font-size: 20px; color: var(--ep-color-orange); } .intake_item_price_component .label-text { text-transform: uppercase; font-size: 12px; } .intake_item_price_component.disabled { background: var(--ep-color-disabled-item) !important; color: var(--ep-color-white); } .intake_item_price_component { width: 108px; height: 45px; background: var(--ep-color-groupbox-header-background); display: block; float: left; padding: 5px 10px; color: var(--ep-color-text-normal); margin: 0px; border-radius: 4px; border: none; cursor: initial; } .intake_item_add_button { position: relative; width: 90px; float: right; } .intake_gridmain tr td:nth-child(9) > span.dead_link { color: var(--ep-color-text-normal); padding: 0px 1px 0px 1px; border-bottom: 0px solid var(--ep-color-blue); cursor: initial; font-weight: initial; } .intake_gridmain tr td:nth-child(8) > a, .intake_gridmain tr td:nth-child(8) > span { color: var(--ep-color-blue); display: inline-block; padding: 5px 1px; min-width: 20px; cursor: pointer; font-weight: 600; } .intake_gridmain tr td:nth-child(9) > a, .intake_gridmain tr td:nth-child(9) > span { color: var(--ep-color-blue); display: inline-block; padding: 0px 1px 0px 1px; / / border-bottom: 2 px solid var(--ep-color-blue); min-width: 50px; cursor: pointer; margin-bottom: 0px; width: calc(100% - 14px); max-width: 80px; } .intake_grid_container { position: absolute; width: calc(100% - 20px); height: calc(100% - 125px); top: 115px; left: 10px; } .intake_grid_container .ep-maintenance-grid .k-grid-footer { display: none } .transaction_related_elements { position: relative; float: left; width: 350px; } .font_15px { font-size: 15px; } .font_13px { font-size: 13px; } .intake_grid_blank_label_row { background: #F3F4F4 0% 0% no-repeat padding-box; } .intake_sidebar_button_box { padding: 5px; width: 50%; float: left; } .intake_actions_btn { background: #FFFFFF 0% 0% no-repeat padding-box; padding: 11px; height: 90px; border-radius: 4px; border: 1px solid var(--ep-grid-border); box-shadow: 0px 3px 6px #00000029; font-family: Montserrat; font-size: 16px; } .intake_actions_btn span { color: #86898D; white-space: initial; } .intake_actions_btn:active, .intake_actions_btn:focus { background: transparent; box-shadow: 0px 3px 6px #00000029 !important; border: 1px solid var(--ep-grid-border); } .intake_actions_btn:hover { background: #e0e0e0; box-shadow: none; } .intake_fl_no_info { font-family: Hind, Medium; font-size: 14px; font-weight: 400; position: relative; right: 0px; left: 0px; top: 0px; bottom: 0px; margin: 5px 5px 5px 0px; height: 80px; border: 1px solid; line-height: 35px; display: inline-block; width: 100%; border-radius: 5px; border-color: var(--ep-color-lightGray); pointer-events: none; padding: 5px 0px 0px 8px; color: var(--ep-color-groupbox-header); } .intake_parked_transaction_table.data_container { overflow-y: scroll; position: absolute; width: 100%; height: calc(100% - 129px); } .intake_parked_transaction_table.header_block { background: #dddddd; width: 100%; padding-right: 17px; color: var(--ep-color-black); } .intake_parked_transaction_table .parked_table_heads { border-top-width: 0px; border-right-width: 1px; border-right-style: solid; border-left-width: 0px; border-bottom-width: 1px; position: relative; right: 0px; border-color: var(--ep-color-white); text-align: center; } #intake_batch_grid .ep-grid-max-min.toolbar_icon-state.grid_toolbar_icons.k-button, #intake_batch_history_grid .ep-grid-max-min.toolbar_icon-state.grid_toolbar_icons.k-button { position: absolute; top: 10px; right: 15px; } #intake_batch_grid .floatright, #intake_batch_history_grid .floatright { width: auto; padding-right: 80px; } #intake_batch_grid .k-virtual-scrollable-wrap tr td, #intake_batch_history_grid .k-virtual-scrollable-wrap tr td { height: 22px; } .intake_batch_detail_label { width: 12%; } .disabled_element .label-text { color: var(--ep-color-white) !important; } .intake_item_add_button .mdi, .intake_item_add_button .label-text { color: var(--ep-color-white) !important; } @media screen and (max-width: 1024px) { .intake_parked_transaction_table.header_block { padding-right: 0px !important; } } .intake_transaction_container .transaction_related_elements { width: 350px; } .intake_item_comment { width: 345px; float: left; position: relative; left: 10px; } #comment_textbox { height: 45px; width: 345px; background: var(--ep-color-groupbox-header-background)!important; border:none; text-indent:14px; font-size:15px; padding-left:26px; box-shadow: 0 0 0px 1000px var(--ep-color-groupbox-header-background) inset !important; } @media (max-width: 1660px) { .intake_item_comment { top:4px; left:4px; } } input #comment_textbox{ background: var(--ep-color-groupbox-header-background)!important; } #comment_textbox:focus { border: 1px dashed var(--ep-color-anotherBlue) !important; } .intake_item_comment .k-input:before { content: "\F0349"; } .comment_icon{ width:30px; position: absolute; left: 12px; font-size: 24px; top: 12px; color: var(--ep-color-lightGray); } .clear_icon { position: absolute; font-size: 16px; right: 8px; top: 12px; color: var(--placeholder-text-v2); } .clear_icon:hover{ color: var(--ep-color-black); } .thrift-item-container{ width:126px; padding:5px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #E4E4E4; } .thriftLabel_desc{ width:126px!important; display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 126px; text-align:center; } .tile_model { font-family: Montserrat; } .tile_label{ width:97px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height:16px; font-size:13px; } .price_text{ font-size:18px; font-weight:600; } .item_ht{ height:38px!important; } .group_ht{ height:20px!important; } md-card.grid-tile-shadow.customItemCard{ height:77px!important; } .lbl_color{ color: var(--ep-color-white); } .img_default { height: calc(100% - -30px); background-color: transparent; color: var(--ep-color-gray92); border-top-left-radius: 4px; border-top-right-radius: 4px; width: 100% !important; box-sizing: border-box; padding: 5px; border: 0 solid #f9f9f9; overflow: hidden; text-align: center; } .grp_image_container { height: 45px; padding-right: 6px; background-color: transparent; color: var(--ep-color-gray92); width: 100% !important; box-sizing: border-box; border: 0 solid #f9f9f9; overflow: hidden; text-align: center; .grp_image { width: 116px; } } #thriftCategoryContainer .row.grid-box-tile-container { display: block; overflow: auto; max-height: 93%; } .size_type_container md-input-container { width:404px!important; } .intake_sidebar_container md-nav-bar { padding: 0 10px; display: block; } .intake_sidebar_container md-nav-bar .md-button._md-nav-button { padding: 12px 12px 4px 12px; } intake_sidebar_container md-nav-bar { display: block; width: 100%; } .intake_sidebar_container span._md-nav-button-text { display: block; width: 100%; } .intake_sidebar_container md-nav-bar ul._md-nav-bar-list li { width: calc(100% / 3); display: flex; } .intake_sidebar_container md-nav-bar ul._md-nav-bar-list { width: 100% } .intake_sidebar_container md-nav-bar .md-button { width: 100%; display: flex; } .intake_sidebar_content_group > .intake_sidebar_tab { padding: 0px; height: calc(100% - 48px); overflow: hidden; position: absolute; width: 100%; bottom: 0px; } .intake_sidebar_content_group > .intake_sidebar_tab .inherit-parent-height { overflow-y: auto; height: 100% !important; padding: 0px; } .intake_sidebar_tab.intake_fl_action_tab > [ng-repeat] { height: 45px; } .intake_sidebar_tab.intake_fl_action_tab > ng-switch { display: block; } .intake_sidebar_tab.intake_fl_action_tab > div { margin: 0px; } .intake-flyout-sidebar { min-width: 380px; width: 380px; background-color: var(--ep-color-white); height: 100%; padding: 0px 10px; margin-right: 10px; } /* Remove the 10px margin-bottom on

elements when in flyout nav */ .intake-flyout-sidebar p { margin-bottom: 0px; } .intake-flyout-sidebar.inactive { margin-right: -400px; } .intake-flyout-sidebar p { display: inline; font-weight: normal; margin-bottom: 0px; line-height: 25px; color: #8c8c8c; } .size_list { display: flex; flex-direction: row; list-style-type: none; width: 404px; padding: 0px; position: relative; left: 12px; flex-wrap: wrap; overflow: auto; } .active_card{ background-color: var(--tertiary-v2); color:var(--ep-color-white); border-color:#E4E4E4; } .size_type_container{ color: var(--placeholder-text-v2); padding-left: 25px; font-size: 13px; width:429px; } .size_card{ width: 90px; height: 38px; display: flex; justify-content: center; align-items: center; } .size_list > li{ width:98px!important; padding: 4px; margin: 1px; } .thrift_intake_category_container{ overflow-y:hidden; } .size_content{ white-space: normal; overflow-wrap: break-word; max-width: 100%; padding: 4px; text-align: center; } /* * Define colors used in kinetic styling. * * We are defining CSS variables that may be used to incorporate them by name * on others selectors. * * For example, to use the color we named ep-color-text-normal, which is #112f41, we would * use: * * .myclass { * color: var(--ep-color-text-normal); * } */ :root { --ep-color-text-normal: #112f41; --ep-color-white: #ffffff; --ep-color-blue: #12c3f4; --ep-color-blue-v2: #0086E7; --ep-color-orange: #f58220; --ep-color-green: #a3d183; --ep-color-dark-green: #399d60; --ep-color-yellow: #f4ca6d; --ep-color-goldYellow: #ffba00; --ep-color-darkBlue: #008aa9; --ep-color-offWhite: #f0ede0; --ep-color-darkGray: #86898d; --ep-color-lightGray: #c4c6c7; --ep-color-paleGray: #f6f6f6; --ep-color-midGray: #afafaf; --ep-color-disabled-item: #cecece; --ep-color-unfocused-input: #c9c9c9; --ep-color-dimGray: #999999; --ep-color-gray: #646464; --ep-color-gray92: #ebebeb; --ep-color-tableGray: #202020; --ep-color-red: #f41212; --ep-color-danger: #f75959; --ep-color-anotherBlue: #0091ea; --ep-color-geryBlue: #dfe8ed; --ep-color-secondary-btn: #6d7b83; --ep-color-secondary-btn-hover: #7b8a92; --ep-color-lynch: #687c86; --ep-color-charcoal: #444444; --ep-info-blue: #35ccf6; --ep-color-primary-btn-hover: #ff8604; --ep-color-groupbox-header-background: #f3f4f4; --ep-color-groupbox-header: #707070; --ep-color-textbox-background: #f3f4f4; --ep-color-sidenav-background: #4b616c; --ep-color-sidenav-selected-background: #3b616c; --ep-color-black: #000000; --ep-color-orange-v2: #FF6358; --ep-color-warning: #FFC000; --ep-base-text-v2: #424242; --ep-grid-border-v2: rgba(9, 11, 12, 0.08); --ep-button-border: #F5F5F5; --ep-bg-primary-4: linear-gradient(0deg, rgba(0, 134, 231, 0.04), rgba(0, 134, 231, 0.04)), #FFFFFF; --ep-bg-link-hover: linear-gradient(0deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16)), #0086E7; --ep-bg-primary-v2: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 99.48%, rgba(0, 0, 0, 0.04) 99.49%), var(--primary-v2); --ep-primary-button-border: #0080DC; --ep-color-switch-background-false: #dfe8ed; --ep-color-switch-thumb: #fafafa; --ep-color-dropdown-background: #ededed; --ep-grid-row-selected: #fff6d2; --ep-highlight-font: #35ccf6; --ep-grid-border: #e5e5e5; --ep-grid-row-highlight-blue: #e5f4fd; --ep-setup-icon-color: #a7a7a7; --ep-toobar-button-color: #4571b3; --ep-input-border: var(--ep-color-unfocused-input); --ep-pos-action-disable-btn: #e0e0e0; --ep-color-primary-btn: var(--ep-color-orange); --ep-color-focused-input: var(--ep-color-blue); --ep-color-switch-background-true: var(--ep-color-green); --ep-label-font-size: 13px; --ep-banner-font-size: 13px; --ep-input-font-size: 15px; --ep-input-font-size18: 18px; } /* * Color classes */ .ep-color-text-normal { color: var(--ep-color-text-normal) !important; } .ep-color-white { color: var(--ep-color-white) !important; } .ep-color-blue { color: var(--ep-color-blue) !important; } .ep-color-blue-v2 { color: var(--ep-color-blue-v2) !important; } .ep-color-orange { color: var(--ep-color-orange) !important; } .ep-color-green { color: var(--ep-color-green) !important; } .ep-color-darkgreen { color: var(--ep-color-dark-green) !important; } .ep-color-yellow { color: var(--ep-color-yellow) !important; } .ep-color-darkBlue { color: var(--ep-color-darkBlue) !important; } .ep-color-offWhite { color: var(--ep-color-offWhite) !important; } .ep-color-darkGray { color: var(--ep-color-darkGray) !important; } .ep-color-lightGray { color: var(--ep-color-lightGray) !important; } .ep-color-midGray { color: var(--ep-color-midGray) !important; } .ep-color-red { color: var(--ep-color-red) !important; } .ep-color-danger { color: var(--ep-color-danger) !important; } .ep-color-goldYellow { color: var(--ep-color-goldYellow) !important; } .ep-color-anotherBlue { color: var(--ep-color-anotherBlue) !important; } .ep-color-secondary-btn { color: var(--ep-color-secondary-btn) !important; } .ep-color-secondary-btn-hover { color: var(--ep-color-secondary-btn-hover) !important; } .ep-color-primary-btn { color: var(--ep-color-primary-btn) !important; } .ep-color-primary-btn-hover { color: var(--ep-color-primary-btn-hover) !important; } .ep-color-textbox-background { color: var(--ep-color-textbox-background) !important; } .ep-color-orange-v2 { color: var(--ep-color-orange-v2) !important; } /* * background color classes */ .ep-background-text-normal { background: var(--ep-color-text-normal) !important; } .ep-background-white { background: var(--ep-color-white) !important; } .ep-background-blue { background: var(--ep-color-blue) !important; } .ep-background-orange { background: var(--ep-color-orange) !important; } .ep-background-green { background: var(--ep-color-green) !important; } .ep-background-yellow { background: var(--ep-color-yellow) !important; } .ep-background-darkBlue { background: var(--ep-color-darkBlue) !important; } .ep-background-offWhite { background: var(--ep-color-offWhite) !important; } .ep-background-darkGray { background: var(--ep-color-darkGray) !important; } .ep-background-lightGray { background: var(--ep-color-lightGray) !important; } .ep-background-red { background: var(--ep-color-red) !important; } .ep-background-danger-red { background: var(--ep-color-danger) !important; } .ep-background-anotherBlue { background: var(--ep-color-anotherBlue) !important; } .ep-background-secondary-btn { background: var(--ep-color-secondary-btn) !important; } .ep-background-secondary-btn-hover { background: var(--ep-color-secondary-btn-hover) !important; } .ep-background-primary-btn { background: var(--ep-color-primary-btn) !important; } .ep-background-primary-btn-hover { background: var(--ep-color-primary-btn-hover) !important; } .ep-background-textbox-background { background: var(--ep-color-textbox-background) !important; } :root { --primary-v2: #0086E7; --link-hover-v2: #0071C2; --component-text-white-v2: #FFFFFF; --component-bg-v2: #FFFFFF; --base-bg-v2: #FAFAFA; --hovered-bg-v2: rgba(0, 134, 231, 0.08); --component-border-v2: #EBEBEC; --hovered-border-v2: #ADD8F7; --disabled-text-v2: #8C9397; --subtle-text-v2: #5B6870; --placeholder-text-v2: #7C8A93; --base-text-v2: #424242; --component-text-v2: #424242; --secondary-v2: #5B6870; --dark-v2: #393E41; --black-v2: #000000; --light-v2: #EBEBEB; --tertiary-v2: #0091EA; --primary-light-v2: #CCE7FA; --scheduler-event-bg-v2: #74CAFF; --grid-highlight-v2: #D2F3DF; --grid-focus-v2: rgba(255, 225, 98, 0.5); --grid-selected-hover-v2: #4CD18080; --grid-hover-v2: #0086E729; --divider-v2: #D9E0E5; --button-border-v2: #D8D8D8; --button-text-20-v2: rgba(9, 11, 12, 0.2); --button-text-24-v2: rgba(9, 11, 12, 0.24); --button-text-30-v2: rgba(58, 65, 69, 0.3); --button-text-8-v2: rgba(9, 11, 12, 0.08); --button-text-50-v2: rgba(9, 11, 12, 0.5); --checkbox-border-v2: rgba(9, 11, 12, 0.16); --sec-button-border: rgba(9, 11, 12, 0.65); --secondary-button-bg-v2: linear-gradient(180deg, rgba(0, 0, 0, 2e-06) 0%, rgba(0, 0, 0, 0.02) 100%), #F5F5F5; --button-text-v2: #3A4145; --button-text-40-v2: rgba(9, 11, 12, 0.40); --secondary-button-hovered-bg: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04)), #F5F5F5; --informational-error: #FF6358; } /* * * Some global style settings applied to various html widgets. * */ input { color: var(--ep-color-text-normal); } .ep-button-primary:disabled, .ep-button-primary[disabled]:hover { background: var(--ep-color-disabled-item) !important; } .ep-button-primary, .ep-button-primary.is-active:disabled { border-width: 0; border-style: solid; border-color: transparent; cursor: pointer; display: inline; font-size: 15px; font-weight: 600 !important; font-family: Montserrat, sans-serif; border-radius: 4px; letter-spacing: 1px; background: var(--ep-color-primary-btn) !important; padding: 10px; color: var(--ep-color-white) !important; text-transform: uppercase; width: 160px; } .ep-button-secondary, .ep-button-secondary.is-active:disabled { border-width: 0; border-style: solid; border-color: transparent; cursor: pointer; display: inline; font-size: 15px; font-weight: 600 !important; font-family: Montserrat, sans-serif; border-radius: 4px; letter-spacing: 1px; background: var(--ep-color-secondary-btn) !important; padding: 10px; color: var(--ep-color-white) !important; text-transform: uppercase; width: 160px; } .ep-button-primary:hover { background: var(--ep-color-primary-btn-hover) !important; color: var(--ep-color-white) !important; } .ep-button-secondary:hover { background: var(--ep-color-secondary-btn-hover) !important; color: var(--ep-color-white) !important; } .ep-button-autowidth { width: auto !important; /* had to make this important so it would override width: 100% in animated buttons */ } .ep-button-autowidth > div { display: inline-block; } .transparent_buttons .k-button:hover, .transparent_buttons .k-button.k-state-hover { box-shadow: none !important; } .ep-button-minwidth { /* Use to make dialog buttons at least 50px wide */ min-width: 50px; max-width: 200px; } .ep-button-separator { margin-right: 10px; } .ep-label-group { pointer-events: none; width: 100%; } .ep-label-group-text { pointer-events: initial; } .ep-label { font-weight: normal; font-size: 13px; color: var(--ep-color-darkGray); } .k-list-container { background-color: var(--ep-color-white); font-weight: normal; } .k-list-container li.k-virtual-item.k-item.k-state-hover { background-color: var(--ep-color-anotherBlue); } /* For grid maximize/minimize icon positioning */ .ep-grid-max-min { float: right; } .ep-po-line-item-block-top .floatright .ep-grid-max-min { float: right; clear: both; margin: 1px 1px 1px 2px !important; } /* Controls the same focused/unfocused underline color as inputs */ /* tags-input div.tags { border-top-width: 0; border-left-width: 0; border-right-width: 0; border-bottom-width: 2px; border-bottom-style: solid; border-color: var(--ep-color-unfocused-input); } tags-input div.tags.focused { border-color: var(--ep-color-focused-input); } */ /* Make the checkmark in check boxes the normal text color */ .k-checkbox:checked + .k-checkbox-label:before { color: var(--ep-color-text-normal); } .k-list-scroller .k-item.k-state-hover, .k-list-scroller .k-item.k-state-focused { background: var(--ep-color-anotherBlue); color: white } ep-dropdown-filter .ep-dropdown-filter-container { width: auto; display: table; } /* ========================================================== Defaults ========================================================== */ body, html { height: 100% } /* ========================================================== UTILITIES ========================================================== */ .ep-hover-none { text-decoration: none !important } .ep-border-none { border: none !important } /* ========================================================== BACKGROUND IMAGES ========================================================== */ .ep-background-img { width: 100%; height: 100% } .ep-background-img-lightest { width: 100%; height: 100%; opacity: .4 } .ep-background-img-medium { width: 100%; height: 100%; opacity: .7 } img.ep-background-img, img.ep-background-img-lightest, img.ep-background-img-medium { z-index: -1; /* Ensure div tag stays behind content; -999 might work, too. */ /* Set rules to fill background */ min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; overflow: hidden } .ep-background-img-blur { -webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px); -o-filter: blur(5px); filter: blur(5px) } /* Logo */ .ep-logo-upper-left { position: absolute; left: 0; top: 0; height: 100% } /* ========================================================== TRANSPARENCY ========================================================== */ .ep-transparent-black-lighter { background: rgba(0, 0, 0, .3) !important } .ep-transparent-black { background: rgba(0, 0, 0, .5) !important } .ep-transparent-black-darker { background: rgba(0, 0, 0, .7) !important } .ep-transparent-white-lighter { background: hsla(0, 0%, 100%, .3) !important } .ep-transparent-white { background: hsla(0, 0%, 100%, .5) !important } .ep-transparent-white-darker { background: hsla(0, 0%, 100%, .7) !important } /* ========================================================== COLORS ========================================================== */ .ep-color-text-normal { color: #112f41 !important } .ep-color-secondary-btn { color: #6d7b83 !important } .ep-color-white { color: #fff !important } /* ========================================================== ROUNDED BUTTONS ========================================================== */ .btn-round { width: 40px !important; height: 40px !important; border-radius: 50% !important; margin-left: 3px !important; margin-right: 3px !important; outline: none !important } .btn-round.btn-lg { width: 48px !important; height: 48px !important } .btn-round.btn-sm { width: 34px !important; height: 34px !important } .btn-round.btn-xs { width: 24px !important; height: 24px !important } /* ========================================================== ANIMATION ========================================================== */ .ep-ease-animation { -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } .ep-clickable { cursor: pointer } /* ========================================================== MARGINS & PADDING v2 ========================================================== */ /* Padding 0px */ .ep-pad-all-0, .ep-pad-none { padding: 0 !important } .ep-pad-top-0, .ep-pad-vert-0 { padding-top: 0 !important } .ep-pad-horz-0, .ep-pad-right-0 { padding-right: 0 !important } .ep-pad-bottom-0, .ep-pad-vert-0 { padding-bottom: 0 !important } .ep-pad-horz-0, .ep-pad-left-0 { padding-left: 0 !important } /* Padding 5px */ .ep-pad-all-5 { padding: 5px !important } .ep-pad-top-5, .ep-pad-vert-5 { padding-top: 5px !important } .ep-pad-horz-5, .ep-pad-right-5 { padding-right: 5px !important } .ep-pad-bottom-5, .ep-pad-vert-5 { padding-bottom: 5px !important } .ep-pad-horz-5, .ep-pad-left-5 { padding-left: 5px !important } /* Padding 10px */ .ep-pad-all-10 { padding: 10px !important } .ep-pad-top-10, .ep-pad-vert-10 { padding-top: 10px !important } .ep-pad-horz-10, .ep-pad-right-10 { padding-right: 10px !important } .ep-pad-bottom-10, .ep-pad-vert-10 { padding-bottom: 10px !important } .ep-pad-horz-10, .ep-pad-left-10 { padding-left: 10px !important } /* Padding 15px */ .ep-pad-all-15 { padding: 15px !important } .ep-pad-top-15, .ep-pad-vert-15 { padding-top: 15px !important } .ep-pad-horz-15, .ep-pad-right-15 { padding-right: 15px !important } .ep-pad-bottom-15, .ep-pad-vert-15 { padding-bottom: 15px !important } .ep-pad-horz-15, .ep-pad-left-15 { padding-left: 15px !important } /* Padding 20px */ .ep-pad-all-20 { padding: 20px !important } .ep-pad-top-20, .ep-pad-vert-20 { padding-top: 20px !important } .ep-pad-horz-20, .ep-pad-right-20 { padding-right: 20px !important } .ep-pad-bottom-20, .ep-pad-vert-20 { padding-bottom: 20px !important } .ep-pad-horz-20, .ep-pad-left-20 { padding-left: 20px !important } /* Utility - Margin Classes */ /* Margin 0px */ .ep-margin-all-0, .ep-margin-none { margin: 0 !important } .ep-margin-top-0, .ep-margin-vert-0 { margin-top: 0 !important } .ep-margin-horz-0, .ep-margin-right-0 { margin-right: 0 !important } .ep-margin-bottom-0, .ep-margin-vert-0 { margin-bottom: 0 !important } .ep-margin-horz-0, .ep-margin-left-0 { margin-left: 0 !important } /* Margin 5px */ .ep-margin-all-5 { margin: 5px !important } .ep-margin-top-5, .ep-margin-vert-5 { margin-top: 5px !important } .ep-margin-horz-5, .ep-margin-right-5 { margin-right: 5px !important } .ep-margin-bottom-5, .ep-margin-vert-5 { margin-bottom: 5px !important } .ep-margin-horz-5, .ep-margin-left-5 { margin-left: 5px !important } /* Margin 10px */ .ep-margin-all-10 { margin: 10px !important } .ep-margin-top-10, .ep-margin-vert-10 { margin-top: 10px !important } .ep-margin-horz-10, .ep-margin-right-10 { margin-right: 10px !important } .ep-margin-bottom-10, .ep-margin-vert-10 { margin-bottom: 10px !important } .ep-margin-horz-10, .ep-margin-left-10 { margin-left: 10px !important } /* Margin 15px */ .ep-margin-all-15 { margin: 15px !important } .ep-margin-top-15, .ep-margin-vert-15 { margin-top: 15px !important } .ep-margin-horz-15, .ep-margin-right-15 { margin-right: 15px !important } .ep-margin-bottom-15, .ep-margin-vert-15 { margin-bottom: 15px !important } .ep-margin-horz-15, .ep-margin-left-15 { margin-left: 15px !important } /* Margin 20px */ .ep-margin-all-20 { margin: 20px !important } .ep-margin-top-20, .ep-margin-vert-20 { margin-top: 20px !important } .ep-margin-horz-20, .ep-margin-right-20 { margin-right: 20px !important } .ep-margin-bottom-20, .ep-margin-vert-20 { margin-bottom: 20px !important } .ep-margin-horz-20, .ep-margin-left-20 { margin-left: 20px !important } /* Negative Margin Classes */ /* Negative Margin -5 */ .ep-margin-all-neg-5 { margin: -5px !important } .ep-margin-top-neg-5 { margin-top: -5px !important } .ep-margin-right-neg-5 { margin-right: -5px !important } .ep-margin-bottom-neg-5 { margin-bottom: -5px !important } .ep-margin-left-neg-5 { margin-left: -5px !important } /* Negative Margin -10 */ .ep-margin-all-neg-10 { margin: -10px !important } .ep-margin-top-neg-10 { margin-top: -10px !important } .ep-margin-right-neg-10 { margin-right: -10px !important } .ep-margin-bottom-neg-10 { margin-bottom: -10px !important } .ep-margin-left-neg-10 { margin-left: -10px !important } /* Negative Margin -15 */ .ep-margin-all-neg-15 { margin: -15px !important } .ep-margin-top-neg-15 { margin-top: -15px !important } .ep-margin-right-neg-15 { margin-right: -15px !important } .ep-margin-bottom-neg-15 { margin-bottom: -15px !important } .ep-margin-left-neg-15 { margin-left: -15px !important } /* Negative Margin -20 */ .ep-margin-all-neg-20 { margin: -20px !important } .ep-margin-top-neg-20 { margin-top: -20px !important } .ep-margin-right-neg-20 { margin-right: -20px !important } .ep-margin-bottom-neg-20 { margin-bottom: -20px !important } .ep-margin-left-neg-20 { margin-left: -20px !important } /* ========================================================== ALIGNMENT ========================================================== */ .ep-center-text { text-align: center !important } /*style to center something in the middle of container*/ .ep-center-item { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); margin-left: 50% } .ep-align-hleft { float: left } .ep-align-hcenter { display: table; margin: 0 auto } .ep-align-hright { float: right } .ep-align-vtop { position: relative } .ep-align-vcenter { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .ep-align-vbottom { position: relative; top: 100%; -webkit-transform: translateY(-100%); transform: translateY(-100%) } /* Custom Icon font */ @font-face { font-family: ep-custom-icon; src: url("data:application/vnd.ms-fontobject;base64,DCUAAEwkAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAA4QhenwAAAAAAAAAAAAAAAAAAAAAAABwAZQBwAC0AYwB1AHMAdABvAG0ALQBpAGMAbwBuAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAcAGUAcAAtAGMAdQBzAHQAbwBtAC0AaQBjAG8AbgAAAAAAAAEAAAALAIAAAwAwT1MvMg8SBg8AAAC8AAAAYGNtYXAXVtKVAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Ztyb2yQAAAF4AAAf6GhlYWQKcU5uAAAhYAAAADZoaGVhB5sD1AAAIZgAAAAkaG10eEFuCa0AACG8AAAATGxvY2E28D6QAAAiCAAAAChtYXhwAEICugAAIjAAAAAgbmFtZUG3O3oAACJQAAAB2nBvc3QAAwAAAAAkLAAAACAAAwPXAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpDgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Q7//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAACACf/7QPZA4oABwAPAAAJATMRMxEzAQERIwkBIxEjAS3++pnamv75ATmaAQcBBpnaA4r++f7vAREBB/57/u/++QEHAREAAAAFAF8AdwOhAwoAHAA3AE0AWgBnAAAlISImNRE0NjsBNz4BMyEyFhcVFzMyFhURFAYjMQEiBhURFBYzITI2NRE0JisBJy4BIyEiBhUHIwEiLgI1ND4CMzIeAhUUDgIjMREiBhUUFjMyNjU0JiMlIgYVFBYzMjY1NCYjA0H9fic5OSeECwQZEgEHERoECoQnOTkn/X4aJiYaAoAbJiYbmhIBCQX++QUKE5wBQSpKOCAgOEoqKko4ICA4SipHZGRHR2RkRwErDBISDAwSEgx3OSgBhig4JxAVFRABJTgo/nopOQImJRv+ehsmJhsBhxslPwUHBwU//jogN0oqK0o3ICA3SisqSjcgAXdkR0ZlZUZHZBMSDAwSEgwMEgAAABEA0gBlAy4DHABjAGcAbACCAJ0AogCmALgAvQDMANsA6gD5AQgBFwEyATYAAAEjIgYdATgBMTAUMTAUMTAUMTAUMTAUMTAUMTAUMTAUMTAUMTAUMTAUMTAUFTgBFzgBMTgBFzgBMzgBFzgBFzgBMTgBMTIUMzgBMTIUMzgBMTIwMzgBMzIwMzgBMTMyNj0BNCYHNxcjMyc3FyM3Jy4BIzEiBg8BJy4BIzEiBg8BNTMVBSMRNCYjISIGFREUFjsBERQWMyEyNjURNiYjJREhESEBIREhBTMyNj0BNCYrASIGHQEUFjMxNzMVIzUHMzI2NTQmKwEiBhUGFjMVMzI2NTQmKwEiBhUGFjMVMzI2NTQmKwEiBhUGFjMlMzI2NTQmKwEiBhUGFjMVMzI2NTQmKwEiBhUGFjMVMzI2NTQmKwEiBhUGFjMvAS4BIyIGBw4BHQEUFhceATMyNj8BPgE1LgEHNRcHAgrgBwgBAQEBAQEBAQEBAQEBAeEHCQrHLy1cggoMGBovIgEHAwQGAhMpAgcEBAcDMcEBJb0MBf6QBwgJBpMJBgGcBwgBCQf90gFS/q4CHv6EAXz+0OUGCQkG5QcICQYRxMRFDQcJCgYMBwgBCQYNBwkKBgwHCAEJBg0HCQoGDAcIAQkGAT8NBwgJBg0GCQEKBg0HCAkGDQYJAQoGDQcICQYNBgkBCgZzJgQJBQMIAwgICAgEBwMFCQQmBggBB0UyMgLTCQa4AQEBAQEBAQEBAQEBAQEBAQEBAQoGuAgKuEJCDxAfGSoCBAMDGTwDBAMDRXeAiwFkCQYJBv6OBwj+6AcICQYBJgYJAQFS/q7+2gEG9wkGyAcICQbHBwnIp6cgCQYHCQoGBglDCgYHCAkGBgpCCQYHCAkGBgmKCQYHCQkHBglJCgYHCAkGBgpkCQYHCQoGBgmOGgMCAgIEDwkzCBAEAQMDAhoFDQkHDzhEISMAAAAABgBdAG0DoQMSABAAIQBkAHQAhgCUAAABISIGFREUFjMhMjY1ETYmIxMUBiMhIiY1ETQ2MyEyFhURJSMiJjU0Njc+ATcyFjMyNjU0JiMqAQcuASMiBgcqASMiBhUUFjM6ATceARceARUUBisBIgYdARQWMyEyNj0BNiYjMTcjHgEVHgEXMzI2PQE0JiMVIw4BBwYUIxUzMjY9ATQmIzEVIx4BHQEzMjY9ATQmIwMx/Z4vQ0IwAmEvQgFCL0kkGv2JGiQkGgJ3GiT+fBUHDAICCQ4GAQICCBAFCAECAQEdNjgbAQEBAQkEEAgBAgEGDgkCAgsIFSEuDwoBBwoPAi0h69wFBwQFA8QICwsIvwQTDQEB5QgLCwiVBwiGCAsLCAMSQjD+Py9DQjABwTBC/cYaJSQbAdAaJCQa/jCrCwgDBQIJFg0CHgwNEgEjRUYiEwwNHQEMFgkCBQMICy4hFgoODgoWIS/YCxoRAgYFCwceCAt5DxsEAQISCwgdCAt5DBsPDQsIHgcLAAAEAPIAbgMQAxEAKwBgAGwAeAAAASIOAhUUFhcwFhceARceAxceATMyNjc+Azc+ATc+ATE+ATU0LgITMBQ1FAYVMQ4BBzgBFQ4DBy4DJzA0MS4BJzEuATUwNDEuATU0PgIzMh4CFRQGByciBhUUFjMyNjU0JgMiJjU0NjMyFhUUBgIAOGNJKgIDAQEDCQYLJDhONQIHAwMGAzVOOCQLBgkDAQEDAixKYrQCAwgFCiI0SDExSTUiCgUIAwEBAgImQVcyMldBJgIC7EdlZUdHZWVHPFVVPDxVVQMRK0ljNw0aDQUEDhoNGkBKUSoCAgICKlFKQBoNGg4EBQ0aDThiSSv+xwEBAgMDDBgMARg9RU0oKUxGPRgBDBgMAgMBAQsXDDFXQiUlQlcxDRcK1GVIRmZlR0hl/sNWPDtWVjs9VQAAAC4AXgBcA6IDJAAOAB0ALAA7AEoAWQBoAHcAhQCTAKIAsQDAAM8A3gDsAPsBCgEZASgBNwFGAVUBZAFzAYIBkQGgAa8BvgHNAdwB6wH6AgkCGAInAjYCRQJUAmICdAKGApcCqAK3AAA3NTQmIyIGHQEUFjMyNjUhNTQmIyIGHQEUFjMyNjUlIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQE0JiMXNTQmIyIGHQEUFjMyNjUzNTQmIyIGHQEUFjMyNjUzNTQmIyIGHQEUFjMyNjUzNTQmIyIGHQEUFjMyNjU3NCYjIgYdARQWMzI2NTc0JiMiBh0BFBYzMjY1NyIGHQEUFjMyNj0BLgEjMyIGHQEUFjMyNj0BLgEjFzI2PQE0JiMiBh0BFBYzARUUFjMyNj0BNCYjIgYVBTU0JiMiBh0BFBYzMjY1IRQWMzI2PQE0JiMiBhUXMjY9ATQmIyIGHQEUFjMzMjY9ATQmIyIGHQEUFjMzMjY9ATQmIyIGHQEeATMzMjY9ATQmIyIGHQEUFjMzMjY9ATQmIyIGHQEeATMzMjY9ATQmIyIGHQEeATMzMjY9ATQmIyIGHQEUFjMzMjY9ATQmIyIGHQEUFjMzMjY9ATQmIyIGHQEUFjMzMjY9ATQmIyIGHQEUFjMFIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQEuASMzIgYdARQWMzI2PQEuASMzIgYdARQWMzI2PQE0JiMXNCYjIgYdARQWMzI2NQUjNTQmIyIGHQEzMjY1NCYjMSUiBh0BIyIGFRQWOwE1NCYjMQMiBhUUFjsBFRQWMzI2PQEjBTI2PQEzMjY1NCYrARUUFjMFISIGFRQWMyEyNjU0JiOyCAYGCAgGBggCtwgGBggIBgYI/XMFCQgGBggIBioGCAgGBggIBlMIBgYJCQYGCCoIBgYJCQYGCCoIBgYJCQYFCVMIBgYJCQYGCEYJBgUJCAYGCSoJBgYICAYGCTcGCAgGBQkBCAUqBQkIBgYIAQgFUwUJCAYGCAgG/XMIBgUJCAYGCALSCAYGCAgGBgj9ZQgGBggIBgUJOAYICAYGCAgGRgUJCAYGCQkGKQUJCAYGCQEIBioGCAgGBgkJBlMGCAgGBgkBCAZFBgkJBgUJAQgFKgYJCQYGCAkFRgUJCAYGCAgGKgUJCAYGCAgGUwUJCAYGCAgG/bgFCQgGBggIBioGCAgGBggIBikFCQgGBQkIBioFCQgGBggIBioGCAgGBQkJBSoFCQgGBggJBSkGCAgGBQkIBioFCQgGBggJBSoFCQgGBggJBSkGCAgGBQkIBioFCQgGBggIBioGCAgGBQkBCAUqBQkIBgYIAQgFKQYICAYGCAgGOAgGBggIBgUJ/ZxTCAYHCHAGCAgGAsUFCUYFCQgGYggGYQYICAZTCAYHCHD9OwUJRgUJCAZiCAYDJvzaBwgIBwMlBwgIBr/tBggIBu0GCAgG7QYICAbtBggIBvoIB3wGCQgHfgUICAd8BgkIB34FCIt+BggIBn0GCQgGfgYICAZ9BgkIBn4GCAgGfQYJCAZ+BggIBn0GCQgGfgYICAZ9BgkIB30GCAgGfQYJCAeKCAd8BgkIB34FCAgHfAYJCAd+BQiZCAd9BggIBn0HCAGhwwUJCAbDBggIBsPDBggIBsMFCQkFBQkIBsMGCAgG0QgGwwYICAbDBQkIBsMGCAgGwwUJCAbDBggIBsMFCQgGwwYICAbDBQkIBsMGCAgGwwUJCAbDBggIBsMFCQgGwwYICAbDBQkIBsMGCAgGwwUJCAbDBggIBsMFCQgGwwYICAbDBQn6CAYOBgkIBw8FCAgGDgYJCAcPBQgIBg4GCQgHDwUICAYOBgkIBw8FCAgGDgYJCAcPBQgIBg4GCQgHDwUICAYOBgkIBw8FCAgGDgYJCAcPBQgIBg4GCQgHDwUICAYOBgkIBw8FCAgGDgYJCAcPBQgIBg4GCQgHDwUICAYOBgkIBw8FCAgGDgYJCAcPBQgNBggIBg4GCQgHYkYFCQgGYQgGBQhTCAZGCAYFCWEHCAJWCAYFCUYFCQgGYW0IBkYIBgYIYQcI0QgHBggIBgcIAAYAZwCXA5gC6QAEAAgADQARACEAJQAAEzMVIzU3MxEjATMVIzUnMxEjAzQmIyEiBhURFBYzITI2NSchESFnLCxlKSkCoykpYSkpQR0U/sgUHR0UATgUHTP+zAE0AjvFxUH+uQEGxcVB/rkBgxUcHBX+EBUcHBUCAewAAAAHAK4AXwNhAyEAGwAsADwAQABFAEkATQAAAQcOARUcARcBBhQfAR4BMzI2NwEWMjMyNj8BJwEGIi8BJjQ/AR4BHwEeARcHAQ4BIyImLwEuATU0Nj8BFyc3Fwc3FwcnNyczFSMXMxUjAkt0ExUB/v4PD0QHFAoKEwcBAgUKBRwyE3Tb/tsGEwdDBwf2Bg4KGQoVDfYBdxAnFRYnDxgQEBAQLbCbHLAcORVEFURtHh5WYGAC5XMTMhwFCgX+/g8rD0QIBwcIAQIBFRN02v2eBwdDBhMH9w0WCRkKDgb3ASoQEBAQGA8nFhUnEC2wxRywHP4VRBVENGA3HgAAAAAIARAAYQLvAx8ADwAZAB0AJwAzAD8ATwBcAAABISIGFREUFjMhMjY1ETQmBSEyFh0BITU0NgEhESEDISImPQEhFRQGAyYiBwYUFxYyNzY0BwYiJyY0NzYyFxYUJyIGHQEUFjMyNj0BNCYjMTUiBhUUFjMyNjU0JiMChv70LD4+LAELLD49/sUBEh8s/lgsAXz+WAGoS/7uHywBqCxQJm0nJycmbScnNyBYIB8fIFggH2YHCgoHBwoKBwgICAgICQkIAx89LP4ULD09LAHsLD0YLB8XFx8s/egBo/3nLB8XFx8sAaYnJyZtJycnJm6DHx8gWCAfHyBYSQkHRgcJCgZGBwksCgcHCAkGCAkAEACfAGYDYQMbACAAKQA3AFQAcQCtALYAwwDVAN4A5wD0AQoBEwElATgAACUhETQ2OwEyFhceATc+AScuASsBIgYVERQWOwEyNjU0JgcjIiYnIQ4BIyczMjY1NCYrASIGFRQWJy4BNTQ2Nz4BFx4BBw4BFRQWFxYGBw4BIwYmJzElFAYHDgEjIiYnLgE3PgE1NCYnJjY3NhYXHgEVMSc0IjUuAScwIjEuASMiBgcwIjEOAQcUIhUOARUUFhcwFDEeARcwMjEeATMyNjcwMjE+ATcwNDE+ATU0JicOAQcuASceASc2MhceARcGIic+ATcHNDY3HgEXBhQVFBYXLgEnLgEXHgEXHgEXLgE3LgEnPgE3DgETBiInLgEnFjI3DgEHNwYiJzQmNTQ2NRYyMzoBNxQWFRYGFRc+ATc+ATcOATcOAQc+ATU0Jic+ATceARUOAQEUBiMiBhUUBiMiJjU0NjMyFhUCaP5VOSfdFCUOBAwFBQEFEjEa3TVJSTXdNEoJdd0kNAcBmQU1I34eBgkJBh4GCQkPHiIhHwQNBQUBBBwdHRwEAQUCBQMDBgMB+iEfAwYEAgUDBAIEHB4eHAQCBAUNBCAhXAEVUTQBCRIJChIJATRRFQEICQMED1o8AQkSCgkSCQE8WRADBQkuEygUAgkGHzGkDBgMCAsDFy4WAwoImwYFFS4XAQEBGTAXBAIPFS0WAgkFIjdJFScTEDEfBgliCxkMBwoDFiwXAwsHGBgwGAIBDBgNDBgMAQECDAUJAhcsFQ43URgwGQECAQEYLBcEBgIC/kAJBhEXCQYHCSodBgnyAasnOBAPBQEFBA0EFBZKNP5HNEpKNAYIbi4hIS4YCQcGCQkGBwmYJV4xMV0mBQEEBA0EIlMsLFMiBA0EAgEBAwO0MV0mAwMBAgMOBCJTLCxTIgQNBAQBBSVdMVMBAS9BCQECAgEJQi4BARMqFg4bDAE6UgwBAgIBC1I7AQ0aDhUrGAQHARovFAsqPQICEzYeAgIeNhOxDx8NBAgCCxcLDRoMAgcFCRI+BAYCGSsSDTO2AgYEHCoLFC/+6QICETAbAQEcLxF7AgINGw4LFQsBAQsVCw4bDXMSKxkCBgQiNHcFBwIMGg0LFwsCCAQOHg8JEwECBgkYEAYJCQYdKgkHABcAtABjA28DFgAPACEAMQBBAEUASgBOAFIAVwBcAGEAZgBrAG8AcwB4AHwAgACEAIgAjQCRAJYAAAEyFhURFAYjISImNRE0NjMlISIGFREUFjMhMjY1ETQmIzEFIyImPQE0NjsBMhYdARQGISMiJj0BNDY7ATIWHQEUBgUzFSM3MxUjNTsBFSM3MxUjBTMVIzU7ARUjNTsBFSM1OwEVIzU7ARUjNQUzFSM3MxUjNzMVIzU7ARUjNzMVIwUzFSM3MxUjNzMVIzU7ARUjASEVITUDOw0SEg39rA0REQ0CVP2sFR4fFAJUFh4fFf3+CAkNDQkICg0NAa8JCQ0NCQkJDQ3+hzU1aDY2aDU1ZzY2/mI1NWc1NWg2Nmg1NWc2Nv5iNTVnNTVoNjZoNTVnNjb+YjU1ZzU1aDY2aDU1/m8Cpf1bAssRDf3pDRISDQIXDREVHxT96RUeHhUCFxQfSg0KUgoNDQpSCg0NClIKDQ0KUgoNZDY2NjY2NjYxNTU1NTU1NTU1NWc1NTU1NTU1NTUyNTU1NTU1NQGrFBQAAAAJAQ0AYwLzAx0ACwAQABUAGQAdAC4APwBPAGAAACUUBiMiJjU0NjMyFgMzFSM1NzMVIzU3MxUjNzMVIxMyFhURFAYjISImNRE0NjMhNSEiBhURFBYzITI2NREuASMHMhYVERQGIyEiJjURNDYzJSEiBhURFBYzITI2NRE0JiMCIhQODhQUDg4UnjIyQzIyQTIyQzIydwsREAz+fAsREAwBhP58FB0dFAGEFB0BHBQrCAwMCP7RCAwMCAEv/tEQGRkQAS8QGBgQpg4TEw4OFBQBOnNzJZiYJb3i4gGOEQz9qAwREQwCWAwRFBwV/agUHRwVAlgUHVIMCP5nCAwMCAGZCAwVGBH+ZxEYGBEBmREYAAsA1wBlAyUDGQCRAakBtgHDAdMB4AHwAf4CDwIvAkcAAAEqASMiJiMiJiMiJicqASMiJicwIjEuASc4ASMuAScwJjEuASMwJjEuASciJicuAScuAScuAScuATUuATUuATU0JjU0JjE1MBQXHgEXHgEzMjY3PgE3MRUUFjMyNjURNCYnLgEjIgYHFAYVERwBFx4BFzAyMTI2NzQmIy4BJzQwMTU4ATMeARceATMyNjUuASMxAx4BFzIWFR4BFxYyFR4BFzAWMx4BFx4BMx4BMx4BMx4BFzoBFzIWFzIWMzIWFzoBFx4BFzoBMxYyMzoBMzIWMzoBNzoBMzI2MzoBMz4BNzoBNz4BMzI2Mz4BNzI2Mz4BNzI2NzI2NzI2Nz4BNzI2MT4BNzYyNz4BNz4BMT4BNzI2NTI2NxUUBhUwBhUwBgcUBhUUBhUUBgcUBgcOAQcOASMOAQciBjEOAQcwIhUOAQc4ASMOAQc4ASMOASMwIiMOASMiBiMiBiMqASMqASMiJiMqASciJicqASMiJicwIjEuASc4ASMuAScwJjEuAScwJjEuAScmIicuAScuAScuAScuATUuATUuATE0JjE0Jj0BFBYzFBYzMTcyFhUUBiMiJjU0NjMTDgEHBhQXFjI3PgE3Fy4BJwceARceATMyNjc2NAcOAQcGFBcWMjc+ATc3LgEnBx4BFx4BMzI2NzY0Jw4BBwYUFxYyNz4BNycXLgEnBx4BFx4BMzI2NzY0JwcjNBQnLgEnLgE1NDY3PgEzMhYXHgEVFAYHDgEHBjYVBzIWFx4BFRQGBw4BIyImJy4BNTQ2Nz4BAe4HDgYECAMDBQMFCgUBAgEGCwYBHDATAQQGAwIDBQMCAgQCAQEBAQQBAQEBAQIBAQEBAQEBAQEBAgMDH31bWn0fAwQDBgUEBwEBCo19fo0KAQEJh0wBBQYBBgVcaAMBAgQCH31bBAcBBwT5AgYDAQECBgIBAwMHBAEBBAgEAgIBBAcEAQICBAsFAQEBBQkGAQQCBAoFAgIBBwwHAgMBBgoGAgQCBw8IBw8HAwMCBgsFAgMBBw0GAQICBQoEAgQBBQoFAQEBBQoFAgICAwcEAQMBBQgDAQEEBwMBAgEDBQIBAQMFAwEBAQMBAQECAQICAgICAQEDAgEBAQIEAgEBAwUCAQQGBAETMBwBBQsHAwEFCgUCBQMECAQHDAcHDgYECAMDBQMFCgUBAgEGCwYBHDATAQQGAwIDBQMCAgQCAQEBAQQBAQEBAQIBAQEBAQEBAQEDAQIB+XCQj3Fxj49xbhkvEwQEBAsDESgWwxMvGgUWKBACBQMCBQIEtgoQCAQEBAoEBQoGXQgSCgUGDAUBBQMCBQIDcREgDQQEBAsDCxkOBpYOIBIFDxoLAQUDAgUCAwRmDAEBBwQFAwMEBAoGBwoEBAMFBAQHAQIBBgYJBAQEBAQECQYFCQQEBAMEBAoBUgEBAgECAQMNBwIDAQECAwECAgIBAQECAgEBAQECAQEBAQECAQEBAQECAQIDXAEBAQMDFyEhFwIEAWAEBwcEARcBAwEkOjsjAQMB/mQBAgIoLwYFBQUHCC8XAV0BAwMYIAcEBgYBLwMDAwEBAQMCAQEBBAEBAgMBAQEBAwEBAgICAQMBAQIBAQEBAQEBAQEBAQEBAQIBAQIBAQICAgEBAwEBAQEDAgEBBAEBAQIDAQEBAgQDAQECAlsCAwEDAQIBAQIBAQEBAQIBAQEBAgIBAQECAgEBAgMBAQEDAgcMBAECAQEBAQEBAQECAQQNBwIDAQECAwEBAQICAQEBAgIBAQEBAgEBAQEBAgEBAgEDAgMBWwECAwGDNh0eNTUeHTb+RgcbEwQLAwQEEBcHGxMbBxgGFxECAgEDAwo3AwsIBAoEBAQEBwMECAsEGgIIBQICAQMEClIFEw4ECwMEBAoQBBomDhMFGQQQCgICAQMDCgQ9EwQJEBkXGCAHCQ8FBAUFBAUOCgghFxYaDg4HEhUEBAQJBwUJBAQEAwQECQUGCgQFBAAIAPEAbwMPAxIAFwAbACAAJAA4AEQAcACjAAABIyImLwIuAScmNj8BNhYXMR4BDwEOASc4ATEnHwE3BzcxOAEDIi4CNTQ+AjMyHgIVFA4CAyIGFRQWMzI2NTQmJyIOAhUUFhcwFhceARceAxceATMyNjc+Azc+ATc+ATE+ATU0LgITMBQ1FAYVMQ4BBzgBFQ4DBy4DJzA0MS4BJzE0Jj0BLgE1ND4CMzIeAhUUBgcB8AIFBgEISwQGAQEFBLcDCQMDAQJYAgYKQkUHRpKjSyhGNR8fNUYoKEY1Hx81RihHZmZHR2ZmSDhjSSoCAwEBAwkGCyQ4TjUCBwMDBgM1TjgkCwYJAwEBAwIsSmKzAQMIBQoiNEgxMUk1IgoGBwQBAgImQVcyMldBJgIDAa0HBUUNAQYFBQgBUwICAwMIBLIEAxBeC0COQ0v+8B41RigoRjUfHzVGKChGNR4BbmZHR2ZmR0dmTitJYzcNGg0FBA4aDRpASlEqAgICAipRSkAaDRoOBAUNGg04Ykkr/scBAQIDAwwYDAEYPUVNKClMRj0YAQwYDAIDAQELFwwxV0IlJUJXMQ0XCgAAAAcAWwB0A50DHAAXABsAHwAqAJsAowCxAAABJyYiDwMGFBc5AR4BMzI2PwM2NAE3Fwc3JzcXNwcnNzYyHwEWFAcTNCY1OAExMCYxIiY1MCYxJiInMCI1JiIjISoBBzAiFRQiBzAGMQ4BFTAUIzgBMQYUFTgBMRE4ATEcATM4ATEwFDMUFhcwFjEyFhUwFjEyFjMhMjY1NCYjIT4DNxceATMyNjcBFRQWMzI2NREUNDEBEQEOAwclBiIvATgBMTAiNQEhAQOZKQ0kDN4fBwQEAgUDAwUDB2/eDf6zES9AWz2UPjwpPSkDDQQpBAQZAQEBAQEBAgEBAQIC/NsBAgIBAgEBAQEBAQEBAQEBAQIBAQMBAZMGCAgG/pYZS1JPHBUKGw8OGwsBUAgGBgn82wEmHlNUSxYBpQ4nDhwB/tIC2f61AbgpDAzdcAcEDAUCAgICBx/dDST+9UAuEh49lD4+KT0pBAQpBAwEAX4BAgIBAgEBAQEBAQEBAQEBAQEBAQICAf3PAgIBAQIBAQEBAQEJBgYIFDtCQhkTCgkJCgEp4wYJCQYBAwEB/ewB8/79GkVEOxLgDQ0ZAQEK/twAAAEAAAABAACfXgjhXw889QALBAAAAAAA07yE/QAAAADTvIT9AAD/7QPZA4oAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA9kAAQAAAAAAAAAAAAAAAAAAABMEAAAAAAAAAAAAAAACAAAABAAAJwQAAF8EAADSBAAAXQQAAPIEAABeBAAAZwQAAK4EAAEQBAAAnwQAALQEAAENA24A1wQAAPEEAABbAAAAAAAKABQAHgBCANACPAMAA6AG+gc4B7YIPAnuCrwLRA46DxYP9AABAAAAEwK4AC4AAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIABwCfAAEAAAAAAAMADgBLAAEAAAAAAAQADgC0AAEAAAAAAAUACwAqAAEAAAAAAAYADgB1AAEAAAAAAAoAGgDeAAMAAQQJAAEAHAAOAAMAAQQJAAIADgCmAAMAAQQJAAMAHABZAAMAAQQJAAQAHADCAAMAAQQJAAUAFgA1AAMAAQQJAAYAHACDAAMAAQQJAAoANAD4ZXAtY3VzdG9tLWljb24AZQBwAC0AYwB1AHMAdABvAG0ALQBpAGMAbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwZXAtY3VzdG9tLWljb24AZQBwAC0AYwB1AHMAdABvAG0ALQBpAGMAbwBuZXAtY3VzdG9tLWljb24AZQBwAC0AYwB1AHMAdABvAG0ALQBpAGMAbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByZXAtY3VzdG9tLWljb24AZQBwAC0AYwB1AHMAdABvAG0ALQBpAGMAbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); src: url(ep-custom-icon.eot#iefix) format("embedded-opentype"), url("data:font/ttf;base64,AAEAAAALAIAAAwAwT1MvMg8SBg8AAAC8AAAAYGNtYXAXVtKVAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Ztyb2yQAAAF4AAAf6GhlYWQKcU5uAAAhYAAAADZoaGVhB5sD1AAAIZgAAAAkaG10eEFuCa0AACG8AAAATGxvY2E28D6QAAAiCAAAAChtYXhwAEICugAAIjAAAAAgbmFtZUG3O3oAACJQAAAB2nBvc3QAAwAAAAAkLAAAACAAAwPXAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpDgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Q7//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAACACf/7QPZA4oABwAPAAAJATMRMxEzAQERIwkBIxEjAS3++pnamv75ATmaAQcBBpnaA4r++f7vAREBB/57/u/++QEHAREAAAAFAF8AdwOhAwoAHAA3AE0AWgBnAAAlISImNRE0NjsBNz4BMyEyFhcVFzMyFhURFAYjMQEiBhURFBYzITI2NRE0JisBJy4BIyEiBhUHIwEiLgI1ND4CMzIeAhUUDgIjMREiBhUUFjMyNjU0JiMlIgYVFBYzMjY1NCYjA0H9fic5OSeECwQZEgEHERoECoQnOTkn/X4aJiYaAoAbJiYbmhIBCQX++QUKE5wBQSpKOCAgOEoqKko4ICA4SipHZGRHR2RkRwErDBISDAwSEgx3OSgBhig4JxAVFRABJTgo/nopOQImJRv+ehsmJhsBhxslPwUHBwU//jogN0oqK0o3ICA3SisqSjcgAXdkR0ZlZUZHZBMSDAwSEgwMEgAAABEA0gBlAy4DHABjAGcAbACCAJ0AogCmALgAvQDMANsA6gD5AQgBFwEyATYAAAEjIgYdATgBMTAUMTAUMTAUMTAUMTAUMTAUMTAUMTAUMTAUMTAUMTAUMTAUFTgBFzgBMTgBFzgBMzgBFzgBFzgBMTgBMTIUMzgBMTIUMzgBMTIwMzgBMzIwMzgBMTMyNj0BNCYHNxcjMyc3FyM3Jy4BIzEiBg8BJy4BIzEiBg8BNTMVBSMRNCYjISIGFREUFjsBERQWMyEyNjURNiYjJREhESEBIREhBTMyNj0BNCYrASIGHQEUFjMxNzMVIzUHMzI2NTQmKwEiBhUGFjMVMzI2NTQmKwEiBhUGFjMVMzI2NTQmKwEiBhUGFjMlMzI2NTQmKwEiBhUGFjMVMzI2NTQmKwEiBhUGFjMVMzI2NTQmKwEiBhUGFjMvAS4BIyIGBw4BHQEUFhceATMyNj8BPgE1LgEHNRcHAgrgBwgBAQEBAQEBAQEBAQEBAeEHCQrHLy1cggoMGBovIgEHAwQGAhMpAgcEBAcDMcEBJb0MBf6QBwgJBpMJBgGcBwgBCQf90gFS/q4CHv6EAXz+0OUGCQkG5QcICQYRxMRFDQcJCgYMBwgBCQYNBwkKBgwHCAEJBg0HCQoGDAcIAQkGAT8NBwgJBg0GCQEKBg0HCAkGDQYJAQoGDQcICQYNBgkBCgZzJgQJBQMIAwgICAgEBwMFCQQmBggBB0UyMgLTCQa4AQEBAQEBAQEBAQEBAQEBAQEBAQoGuAgKuEJCDxAfGSoCBAMDGTwDBAMDRXeAiwFkCQYJBv6OBwj+6AcICQYBJgYJAQFS/q7+2gEG9wkGyAcICQbHBwnIp6cgCQYHCQoGBglDCgYHCAkGBgpCCQYHCAkGBgmKCQYHCQkHBglJCgYHCAkGBgpkCQYHCQoGBgmOGgMCAgIEDwkzCBAEAQMDAhoFDQkHDzhEISMAAAAABgBdAG0DoQMSABAAIQBkAHQAhgCUAAABISIGFREUFjMhMjY1ETYmIxMUBiMhIiY1ETQ2MyEyFhURJSMiJjU0Njc+ATcyFjMyNjU0JiMqAQcuASMiBgcqASMiBhUUFjM6ATceARceARUUBisBIgYdARQWMyEyNj0BNiYjMTcjHgEVHgEXMzI2PQE0JiMVIw4BBwYUIxUzMjY9ATQmIzEVIx4BHQEzMjY9ATQmIwMx/Z4vQ0IwAmEvQgFCL0kkGv2JGiQkGgJ3GiT+fBUHDAICCQ4GAQICCBAFCAECAQEdNjgbAQEBAQkEEAgBAgEGDgkCAgsIFSEuDwoBBwoPAi0h69wFBwQFA8QICwsIvwQTDQEB5QgLCwiVBwiGCAsLCAMSQjD+Py9DQjABwTBC/cYaJSQbAdAaJCQa/jCrCwgDBQIJFg0CHgwNEgEjRUYiEwwNHQEMFgkCBQMICy4hFgoODgoWIS/YCxoRAgYFCwceCAt5DxsEAQISCwgdCAt5DBsPDQsIHgcLAAAEAPIAbgMQAxEAKwBgAGwAeAAAASIOAhUUFhcwFhceARceAxceATMyNjc+Azc+ATc+ATE+ATU0LgITMBQ1FAYVMQ4BBzgBFQ4DBy4DJzA0MS4BJzEuATUwNDEuATU0PgIzMh4CFRQGByciBhUUFjMyNjU0JgMiJjU0NjMyFhUUBgIAOGNJKgIDAQEDCQYLJDhONQIHAwMGAzVOOCQLBgkDAQEDAixKYrQCAwgFCiI0SDExSTUiCgUIAwEBAgImQVcyMldBJgIC7EdlZUdHZWVHPFVVPDxVVQMRK0ljNw0aDQUEDhoNGkBKUSoCAgICKlFKQBoNGg4EBQ0aDThiSSv+xwEBAgMDDBgMARg9RU0oKUxGPRgBDBgMAgMBAQsXDDFXQiUlQlcxDRcK1GVIRmZlR0hl/sNWPDtWVjs9VQAAAC4AXgBcA6IDJAAOAB0ALAA7AEoAWQBoAHcAhQCTAKIAsQDAAM8A3gDsAPsBCgEZASgBNwFGAVUBZAFzAYIBkQGgAa8BvgHNAdwB6wH6AgkCGAInAjYCRQJUAmICdAKGApcCqAK3AAA3NTQmIyIGHQEUFjMyNjUhNTQmIyIGHQEUFjMyNjUlIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQE0JiMXNTQmIyIGHQEUFjMyNjUzNTQmIyIGHQEUFjMyNjUzNTQmIyIGHQEUFjMyNjUzNTQmIyIGHQEUFjMyNjU3NCYjIgYdARQWMzI2NTc0JiMiBh0BFBYzMjY1NyIGHQEUFjMyNj0BLgEjMyIGHQEUFjMyNj0BLgEjFzI2PQE0JiMiBh0BFBYzARUUFjMyNj0BNCYjIgYVBTU0JiMiBh0BFBYzMjY1IRQWMzI2PQE0JiMiBhUXMjY9ATQmIyIGHQEUFjMzMjY9ATQmIyIGHQEUFjMzMjY9ATQmIyIGHQEeATMzMjY9ATQmIyIGHQEUFjMzMjY9ATQmIyIGHQEeATMzMjY9ATQmIyIGHQEeATMzMjY9ATQmIyIGHQEUFjMzMjY9ATQmIyIGHQEUFjMzMjY9ATQmIyIGHQEUFjMzMjY9ATQmIyIGHQEUFjMFIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQE0JiMzIgYdARQWMzI2PQEuASMzIgYdARQWMzI2PQEuASMzIgYdARQWMzI2PQE0JiMXNCYjIgYdARQWMzI2NQUjNTQmIyIGHQEzMjY1NCYjMSUiBh0BIyIGFRQWOwE1NCYjMQMiBhUUFjsBFRQWMzI2PQEjBTI2PQEzMjY1NCYrARUUFjMFISIGFRQWMyEyNjU0JiOyCAYGCAgGBggCtwgGBggIBgYI/XMFCQgGBggIBioGCAgGBggIBlMIBgYJCQYGCCoIBgYJCQYGCCoIBgYJCQYFCVMIBgYJCQYGCEYJBgUJCAYGCSoJBgYICAYGCTcGCAgGBQkBCAUqBQkIBgYIAQgFUwUJCAYGCAgG/XMIBgUJCAYGCALSCAYGCAgGBgj9ZQgGBggIBgUJOAYICAYGCAgGRgUJCAYGCQkGKQUJCAYGCQEIBioGCAgGBgkJBlMGCAgGBgkBCAZFBgkJBgUJAQgFKgYJCQYGCAkFRgUJCAYGCAgGKgUJCAYGCAgGUwUJCAYGCAgG/bgFCQgGBggIBioGCAgGBggIBikFCQgGBQkIBioFCQgGBggIBioGCAgGBQkJBSoFCQgGBggJBSkGCAgGBQkIBioFCQgGBggJBSoFCQgGBggJBSkGCAgGBQkIBioFCQgGBggIBioGCAgGBQkBCAUqBQkIBgYIAQgFKQYICAYGCAgGOAgGBggIBgUJ/ZxTCAYHCHAGCAgGAsUFCUYFCQgGYggGYQYICAZTCAYHCHD9OwUJRgUJCAZiCAYDJvzaBwgIBwMlBwgIBr/tBggIBu0GCAgG7QYICAbtBggIBvoIB3wGCQgHfgUICAd8BgkIB34FCIt+BggIBn0GCQgGfgYICAZ9BgkIBn4GCAgGfQYJCAZ+BggIBn0GCQgGfgYICAZ9BgkIB30GCAgGfQYJCAeKCAd8BgkIB34FCAgHfAYJCAd+BQiZCAd9BggIBn0HCAGhwwUJCAbDBggIBsPDBggIBsMFCQkFBQkIBsMGCAgG0QgGwwYICAbDBQkIBsMGCAgGwwUJCAbDBggIBsMFCQgGwwYICAbDBQkIBsMGCAgGwwUJCAbDBggIBsMFCQgGwwYICAbDBQkIBsMGCAgGwwUJCAbDBggIBsMFCQgGwwYICAbDBQn6CAYOBgkIBw8FCAgGDgYJCAcPBQgIBg4GCQgHDwUICAYOBgkIBw8FCAgGDgYJCAcPBQgIBg4GCQgHDwUICAYOBgkIBw8FCAgGDgYJCAcPBQgIBg4GCQgHDwUICAYOBgkIBw8FCAgGDgYJCAcPBQgIBg4GCQgHDwUICAYOBgkIBw8FCAgGDgYJCAcPBQgNBggIBg4GCQgHYkYFCQgGYQgGBQhTCAZGCAYFCWEHCAJWCAYFCUYFCQgGYW0IBkYIBgYIYQcI0QgHBggIBgcIAAYAZwCXA5gC6QAEAAgADQARACEAJQAAEzMVIzU3MxEjATMVIzUnMxEjAzQmIyEiBhURFBYzITI2NSchESFnLCxlKSkCoykpYSkpQR0U/sgUHR0UATgUHTP+zAE0AjvFxUH+uQEGxcVB/rkBgxUcHBX+EBUcHBUCAewAAAAHAK4AXwNhAyEAGwAsADwAQABFAEkATQAAAQcOARUcARcBBhQfAR4BMzI2NwEWMjMyNj8BJwEGIi8BJjQ/AR4BHwEeARcHAQ4BIyImLwEuATU0Nj8BFyc3Fwc3FwcnNyczFSMXMxUjAkt0ExUB/v4PD0QHFAoKEwcBAgUKBRwyE3Tb/tsGEwdDBwf2Bg4KGQoVDfYBdxAnFRYnDxgQEBAQLbCbHLAcORVEFURtHh5WYGAC5XMTMhwFCgX+/g8rD0QIBwcIAQIBFRN02v2eBwdDBhMH9w0WCRkKDgb3ASoQEBAQGA8nFhUnEC2wxRywHP4VRBVENGA3HgAAAAAIARAAYQLvAx8ADwAZAB0AJwAzAD8ATwBcAAABISIGFREUFjMhMjY1ETQmBSEyFh0BITU0NgEhESEDISImPQEhFRQGAyYiBwYUFxYyNzY0BwYiJyY0NzYyFxYUJyIGHQEUFjMyNj0BNCYjMTUiBhUUFjMyNjU0JiMChv70LD4+LAELLD49/sUBEh8s/lgsAXz+WAGoS/7uHywBqCxQJm0nJycmbScnNyBYIB8fIFggH2YHCgoHBwoKBwgICAgICQkIAx89LP4ULD09LAHsLD0YLB8XFx8s/egBo/3nLB8XFx8sAaYnJyZtJycnJm6DHx8gWCAfHyBYSQkHRgcJCgZGBwksCgcHCAkGCAkAEACfAGYDYQMbACAAKQA3AFQAcQCtALYAwwDVAN4A5wD0AQoBEwElATgAACUhETQ2OwEyFhceATc+AScuASsBIgYVERQWOwEyNjU0JgcjIiYnIQ4BIyczMjY1NCYrASIGFRQWJy4BNTQ2Nz4BFx4BBw4BFRQWFxYGBw4BIwYmJzElFAYHDgEjIiYnLgE3PgE1NCYnJjY3NhYXHgEVMSc0IjUuAScwIjEuASMiBgcwIjEOAQcUIhUOARUUFhcwFDEeARcwMjEeATMyNjcwMjE+ATcwNDE+ATU0JicOAQcuASceASc2MhceARcGIic+ATcHNDY3HgEXBhQVFBYXLgEnLgEXHgEXHgEXLgE3LgEnPgE3DgETBiInLgEnFjI3DgEHNwYiJzQmNTQ2NRYyMzoBNxQWFRYGFRc+ATc+ATcOATcOAQc+ATU0Jic+ATceARUOAQEUBiMiBhUUBiMiJjU0NjMyFhUCaP5VOSfdFCUOBAwFBQEFEjEa3TVJSTXdNEoJdd0kNAcBmQU1I34eBgkJBh4GCQkPHiIhHwQNBQUBBBwdHRwEAQUCBQMDBgMB+iEfAwYEAgUDBAIEHB4eHAQCBAUNBCAhXAEVUTQBCRIJChIJATRRFQEICQMED1o8AQkSCgkSCQE8WRADBQkuEygUAgkGHzGkDBgMCAsDFy4WAwoImwYFFS4XAQEBGTAXBAIPFS0WAgkFIjdJFScTEDEfBgliCxkMBwoDFiwXAwsHGBgwGAIBDBgNDBgMAQECDAUJAhcsFQ43URgwGQECAQEYLBcEBgIC/kAJBhEXCQYHCSodBgnyAasnOBAPBQEFBA0EFBZKNP5HNEpKNAYIbi4hIS4YCQcGCQkGBwmYJV4xMV0mBQEEBA0EIlMsLFMiBA0EAgEBAwO0MV0mAwMBAgMOBCJTLCxTIgQNBAQBBSVdMVMBAS9BCQECAgEJQi4BARMqFg4bDAE6UgwBAgIBC1I7AQ0aDhUrGAQHARovFAsqPQICEzYeAgIeNhOxDx8NBAgCCxcLDRoMAgcFCRI+BAYCGSsSDTO2AgYEHCoLFC/+6QICETAbAQEcLxF7AgINGw4LFQsBAQsVCw4bDXMSKxkCBgQiNHcFBwIMGg0LFwsCCAQOHg8JEwECBgkYEAYJCQYdKgkHABcAtABjA28DFgAPACEAMQBBAEUASgBOAFIAVwBcAGEAZgBrAG8AcwB4AHwAgACEAIgAjQCRAJYAAAEyFhURFAYjISImNRE0NjMlISIGFREUFjMhMjY1ETQmIzEFIyImPQE0NjsBMhYdARQGISMiJj0BNDY7ATIWHQEUBgUzFSM3MxUjNTsBFSM3MxUjBTMVIzU7ARUjNTsBFSM1OwEVIzU7ARUjNQUzFSM3MxUjNzMVIzU7ARUjNzMVIwUzFSM3MxUjNzMVIzU7ARUjASEVITUDOw0SEg39rA0REQ0CVP2sFR4fFAJUFh4fFf3+CAkNDQkICg0NAa8JCQ0NCQkJDQ3+hzU1aDY2aDU1ZzY2/mI1NWc1NWg2Nmg1NWc2Nv5iNTVnNTVoNjZoNTVnNjb+YjU1ZzU1aDY2aDU1/m8Cpf1bAssRDf3pDRISDQIXDREVHxT96RUeHhUCFxQfSg0KUgoNDQpSCg0NClIKDQ0KUgoNZDY2NjY2NjYxNTU1NTU1NTU1NWc1NTU1NTU1NTUyNTU1NTU1NQGrFBQAAAAJAQ0AYwLzAx0ACwAQABUAGQAdAC4APwBPAGAAACUUBiMiJjU0NjMyFgMzFSM1NzMVIzU3MxUjNzMVIxMyFhURFAYjISImNRE0NjMhNSEiBhURFBYzITI2NREuASMHMhYVERQGIyEiJjURNDYzJSEiBhURFBYzITI2NRE0JiMCIhQODhQUDg4UnjIyQzIyQTIyQzIydwsREAz+fAsREAwBhP58FB0dFAGEFB0BHBQrCAwMCP7RCAwMCAEv/tEQGRkQAS8QGBgQpg4TEw4OFBQBOnNzJZiYJb3i4gGOEQz9qAwREQwCWAwRFBwV/agUHRwVAlgUHVIMCP5nCAwMCAGZCAwVGBH+ZxEYGBEBmREYAAsA1wBlAyUDGQCRAakBtgHDAdMB4AHwAf4CDwIvAkcAAAEqASMiJiMiJiMiJicqASMiJicwIjEuASc4ASMuAScwJjEuASMwJjEuASciJicuAScuAScuAScuATUuATUuATU0JjU0JjE1MBQXHgEXHgEzMjY3PgE3MRUUFjMyNjURNCYnLgEjIgYHFAYVERwBFx4BFzAyMTI2NzQmIy4BJzQwMTU4ATMeARceATMyNjUuASMxAx4BFzIWFR4BFxYyFR4BFzAWMx4BFx4BMx4BMx4BMx4BFzoBFzIWFzIWMzIWFzoBFx4BFzoBMxYyMzoBMzIWMzoBNzoBMzI2MzoBMz4BNzoBNz4BMzI2Mz4BNzI2Mz4BNzI2NzI2NzI2Nz4BNzI2MT4BNzYyNz4BNz4BMT4BNzI2NTI2NxUUBhUwBhUwBgcUBhUUBhUUBgcUBgcOAQcOASMOAQciBjEOAQcwIhUOAQc4ASMOAQc4ASMOASMwIiMOASMiBiMiBiMqASMqASMiJiMqASciJicqASMiJicwIjEuASc4ASMuAScwJjEuAScwJjEuAScmIicuAScuAScuAScuATUuATUuATE0JjE0Jj0BFBYzFBYzMTcyFhUUBiMiJjU0NjMTDgEHBhQXFjI3PgE3Fy4BJwceARceATMyNjc2NAcOAQcGFBcWMjc+ATc3LgEnBx4BFx4BMzI2NzY0Jw4BBwYUFxYyNz4BNycXLgEnBx4BFx4BMzI2NzY0JwcjNBQnLgEnLgE1NDY3PgEzMhYXHgEVFAYHDgEHBjYVBzIWFx4BFRQGBw4BIyImJy4BNTQ2Nz4BAe4HDgYECAMDBQMFCgUBAgEGCwYBHDATAQQGAwIDBQMCAgQCAQEBAQQBAQEBAQIBAQEBAQEBAQEBAgMDH31bWn0fAwQDBgUEBwEBCo19fo0KAQEJh0wBBQYBBgVcaAMBAgQCH31bBAcBBwT5AgYDAQECBgIBAwMHBAEBBAgEAgIBBAcEAQICBAsFAQEBBQkGAQQCBAoFAgIBBwwHAgMBBgoGAgQCBw8IBw8HAwMCBgsFAgMBBw0GAQICBQoEAgQBBQoFAQEBBQoFAgICAwcEAQMBBQgDAQEEBwMBAgEDBQIBAQMFAwEBAQMBAQECAQICAgICAQEDAgEBAQIEAgEBAwUCAQQGBAETMBwBBQsHAwEFCgUCBQMECAQHDAcHDgYECAMDBQMFCgUBAgEGCwYBHDATAQQGAwIDBQMCAgQCAQEBAQQBAQEBAQIBAQEBAQEBAQEDAQIB+XCQj3Fxj49xbhkvEwQEBAsDESgWwxMvGgUWKBACBQMCBQIEtgoQCAQEBAoEBQoGXQgSCgUGDAUBBQMCBQIDcREgDQQEBAsDCxkOBpYOIBIFDxoLAQUDAgUCAwRmDAEBBwQFAwMEBAoGBwoEBAMFBAQHAQIBBgYJBAQEBAQECQYFCQQEBAMEBAoBUgEBAgECAQMNBwIDAQECAwECAgIBAQECAgEBAQECAQEBAQECAQEBAQECAQIDXAEBAQMDFyEhFwIEAWAEBwcEARcBAwEkOjsjAQMB/mQBAgIoLwYFBQUHCC8XAV0BAwMYIAcEBgYBLwMDAwEBAQMCAQEBBAEBAgMBAQEBAwEBAgICAQMBAQIBAQEBAQEBAQEBAQEBAQIBAQIBAQICAgEBAwEBAQEDAgEBBAEBAQIDAQEBAgQDAQECAlsCAwEDAQIBAQIBAQEBAQIBAQEBAgIBAQECAgEBAgMBAQEDAgcMBAECAQEBAQEBAQECAQQNBwIDAQECAwEBAQICAQEBAgIBAQEBAgEBAQEBAgEBAgEDAgMBWwECAwGDNh0eNTUeHTb+RgcbEwQLAwQEEBcHGxMbBxgGFxECAgEDAwo3AwsIBAoEBAQEBwMECAsEGgIIBQICAQMEClIFEw4ECwMEBAoQBBomDhMFGQQQCgICAQMDCgQ9EwQJEBkXGCAHCQ8FBAUFBAUOCgghFxYaDg4HEhUEBAQJBwUJBAQEAwQECQUGCgQFBAAIAPEAbwMPAxIAFwAbACAAJAA4AEQAcACjAAABIyImLwIuAScmNj8BNhYXMR4BDwEOASc4ATEnHwE3BzcxOAEDIi4CNTQ+AjMyHgIVFA4CAyIGFRQWMzI2NTQmJyIOAhUUFhcwFhceARceAxceATMyNjc+Azc+ATc+ATE+ATU0LgITMBQ1FAYVMQ4BBzgBFQ4DBy4DJzA0MS4BJzE0Jj0BLgE1ND4CMzIeAhUUBgcB8AIFBgEISwQGAQEFBLcDCQMDAQJYAgYKQkUHRpKjSyhGNR8fNUYoKEY1Hx81RihHZmZHR2ZmSDhjSSoCAwEBAwkGCyQ4TjUCBwMDBgM1TjgkCwYJAwEBAwIsSmKzAQMIBQoiNEgxMUk1IgoGBwQBAgImQVcyMldBJgIDAa0HBUUNAQYFBQgBUwICAwMIBLIEAxBeC0COQ0v+8B41RigoRjUfHzVGKChGNR4BbmZHR2ZmR0dmTitJYzcNGg0FBA4aDRpASlEqAgICAipRSkAaDRoOBAUNGg04Ykkr/scBAQIDAwwYDAEYPUVNKClMRj0YAQwYDAIDAQELFwwxV0IlJUJXMQ0XCgAAAAcAWwB0A50DHAAXABsAHwAqAJsAowCxAAABJyYiDwMGFBc5AR4BMzI2PwM2NAE3Fwc3JzcXNwcnNzYyHwEWFAcTNCY1OAExMCYxIiY1MCYxJiInMCI1JiIjISoBBzAiFRQiBzAGMQ4BFTAUIzgBMQYUFTgBMRE4ATEcATM4ATEwFDMUFhcwFjEyFhUwFjEyFjMhMjY1NCYjIT4DNxceATMyNjcBFRQWMzI2NREUNDEBEQEOAwclBiIvATgBMTAiNQEhAQOZKQ0kDN4fBwQEAgUDAwUDB2/eDf6zES9AWz2UPjwpPSkDDQQpBAQZAQEBAQEBAgEBAQIC/NsBAgIBAgEBAQEBAQEBAQEBAQIBAQMBAZMGCAgG/pYZS1JPHBUKGw8OGwsBUAgGBgn82wEmHlNUSxYBpQ4nDhwB/tIC2f61AbgpDAzdcAcEDAUCAgICBx/dDST+9UAuEh49lD4+KT0pBAQpBAwEAX4BAgIBAgEBAQEBAQEBAQEBAQEBAQICAf3PAgIBAQIBAQEBAQEJBgYIFDtCQhkTCgkJCgEp4wYJCQYBAwEB/ewB8/79GkVEOxLgDQ0ZAQEK/twAAAEAAAABAACfXgjhXw889QALBAAAAAAA07yE/QAAAADTvIT9AAD/7QPZA4oAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA9kAAQAAAAAAAAAAAAAAAAAAABMEAAAAAAAAAAAAAAACAAAABAAAJwQAAF8EAADSBAAAXQQAAPIEAABeBAAAZwQAAK4EAAEQBAAAnwQAALQEAAENA24A1wQAAPEEAABbAAAAAAAKABQAHgBCANACPAMAA6AG+gc4B7YIPAnuCrwLRA46DxYP9AABAAAAEwK4AC4AAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIABwCfAAEAAAAAAAMADgBLAAEAAAAAAAQADgC0AAEAAAAAAAUACwAqAAEAAAAAAAYADgB1AAEAAAAAAAoAGgDeAAMAAQQJAAEAHAAOAAMAAQQJAAIADgCmAAMAAQQJAAMAHABZAAMAAQQJAAQAHADCAAMAAQQJAAUAFgA1AAMAAQQJAAYAHACDAAMAAQQJAAoANAD4ZXAtY3VzdG9tLWljb24AZQBwAC0AYwB1AHMAdABvAG0ALQBpAGMAbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwZXAtY3VzdG9tLWljb24AZQBwAC0AYwB1AHMAdABvAG0ALQBpAGMAbwBuZXAtY3VzdG9tLWljb24AZQBwAC0AYwB1AHMAdABvAG0ALQBpAGMAbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByZXAtY3VzdG9tLWljb24AZQBwAC0AYwB1AHMAdABvAG0ALQBpAGMAbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype"), url("data:font/woff;base64,d09GRgABAAAAACSYAAsAAAAAJEwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIGD2NtYXAAAAFoAAAAVAAAAFQXVtKVZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAH+gAAB/o3JvbJGhlYWQAACGsAAAANgAAADYKcU5uaGhlYQAAIeQAAAAkAAAAJAebA9RobXR4AAAiCAAAAEwAAABMQW4JrWxvY2EAACJUAAAAKAAAACg28D6QbWF4cAAAInwAAAAgAAAAIABCArpuYW1lAAAinAAAAdoAAAHaQbc7enBvc3QAACR4AAAAIAAAACAAAwAAAAMD1wGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6Q4DwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkO//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAgAn/+0D2QOKAAcADwAACQEzETMRMwEBESMJASMRIwEt/vqZ2pr++QE5mgEHAQaZ2gOK/vn+7wERAQf+e/7v/vkBBwERAAAABQBfAHcDoQMKABwANwBNAFoAZwAAJSEiJjURNDY7ATc+ATMhMhYXFRczMhYVERQGIzEBIgYVERQWMyEyNjURNCYrAScuASMhIgYVByMBIi4CNTQ+AjMyHgIVFA4CIzERIgYVFBYzMjY1NCYjJSIGFRQWMzI2NTQmIwNB/X4nOTknhAsEGRIBBxEaBAqEJzk5J/1+GiYmGgKAGyYmG5oSAQkF/vkFChOcAUEqSjggIDhKKipKOCAgOEoqR2RkR0dkZEcBKwwSEgwMEhIMdzkoAYYoOCcQFRUQASU4KP56KTkCJiUb/nobJiYbAYcbJT8FBwcFP/46IDdKKitKNyAgN0orKko3IAF3ZEdGZWVGR2QTEgwMEhIMDBIAAAARANIAZQMuAxwAYwBnAGwAggCdAKIApgC4AL0AzADbAOoA+QEIARcBMgE2AAABIyIGHQE4ATEwFDEwFDEwFDEwFDEwFDEwFDEwFDEwFDEwFDEwFDEwFDEwFBU4ARc4ATE4ARc4ATM4ARc4ARc4ATE4ATEyFDM4ATEyFDM4ATEyMDM4ATMyMDM4ATEzMjY9ATQmBzcXIzMnNxcjNycuASMxIgYPAScuASMxIgYPATUzFQUjETQmIyEiBhURFBY7AREUFjMhMjY1ETYmIyURIREhASERIQUzMjY9ATQmKwEiBh0BFBYzMTczFSM1BzMyNjU0JisBIgYVBhYzFTMyNjU0JisBIgYVBhYzFTMyNjU0JisBIgYVBhYzJTMyNjU0JisBIgYVBhYzFTMyNjU0JisBIgYVBhYzFTMyNjU0JisBIgYVBhYzLwEuASMiBgcOAR0BFBYXHgEzMjY/AT4BNS4BBzUXBwIK4AcIAQEBAQEBAQEBAQEBAQHhBwkKxy8tXIIKDBgaLyIBBwMEBgITKQIHBAQHAzHBASW9DAX+kAcICQaTCQYBnAcIAQkH/dIBUv6uAh7+hAF8/tDlBgkJBuUHCAkGEcTERQ0HCQoGDAcIAQkGDQcJCgYMBwgBCQYNBwkKBgwHCAEJBgE/DQcICQYNBgkBCgYNBwgJBg0GCQEKBg0HCAkGDQYJAQoGcyYECQUDCAMICAgIBAcDBQkEJgYIAQdFMjIC0wkGuAEBAQEBAQEBAQEBAQEBAQEBAQEKBrgICrhCQg8QHxkqAgQDAxk8AwQDA0V3gIsBZAkGCQb+jgcI/ugHCAkGASYGCQEBUv6u/toBBvcJBsgHCAkGxwcJyKenIAkGBwkKBgYJQwoGBwgJBgYKQgkGBwgJBgYJigkGBwkJBwYJSQoGBwgJBgYKZAkGBwkKBgYJjhoDAgICBA8JMwgQBAEDAwIaBQ0JBw84RCEjAAAAAAYAXQBtA6EDEgAQACEAZAB0AIYAlAAAASEiBhURFBYzITI2NRE2JiMTFAYjISImNRE0NjMhMhYVESUjIiY1NDY3PgE3MhYzMjY1NCYjKgEHLgEjIgYHKgEjIgYVFBYzOgE3HgEXHgEVFAYrASIGHQEUFjMhMjY9ATYmIzE3Ix4BFR4BFzMyNj0BNCYjFSMOAQcGFCMVMzI2PQE0JiMxFSMeAR0BMzI2PQE0JiMDMf2eL0NCMAJhL0IBQi9JJBr9iRokJBoCdxok/nwVBwwCAgkOBgECAggQBQgBAgEBHTY4GwEBAQEJBBAIAQIBBg4JAgILCBUhLg8KAQcKDwItIevcBQcEBQPECAsLCL8EEw0BAeUICwsIlQcIhggLCwgDEkIw/j8vQ0IwAcEwQv3GGiUkGwHQGiQkGv4wqwsIAwUCCRYNAh4MDRIBI0VGIhMMDR0BDBYJAgUDCAsuIRYKDg4KFiEv2AsaEQIGBQsHHggLeQ8bBAECEgsIHQgLeQwbDw0LCB4HCwAABADyAG4DEAMRACsAYABsAHgAAAEiDgIVFBYXMBYXHgEXHgMXHgEzMjY3PgM3PgE3PgExPgE1NC4CEzAUNRQGFTEOAQc4ARUOAwcuAycwNDEuAScxLgE1MDQxLgE1ND4CMzIeAhUUBgcnIgYVFBYzMjY1NCYDIiY1NDYzMhYVFAYCADhjSSoCAwEBAwkGCyQ4TjUCBwMDBgM1TjgkCwYJAwEBAwIsSmK0AgMIBQoiNEgxMUk1IgoFCAMBAQICJkFXMjJXQSYCAuxHZWVHR2VlRzxVVTw8VVUDEStJYzcNGg0FBA4aDRpASlEqAgICAipRSkAaDRoOBAUNGg04Ykkr/scBAQIDAwwYDAEYPUVNKClMRj0YAQwYDAIDAQELFwwxV0IlJUJXMQ0XCtRlSEZmZUdIZf7DVjw7VlY7PVUAAAAuAF4AXAOiAyQADgAdACwAOwBKAFkAaAB3AIUAkwCiALEAwADPAN4A7AD7AQoBGQEoATcBRgFVAWQBcwGCAZEBoAGvAb4BzQHcAesB+gIJAhgCJwI2AkUCVAJiAnQChgKXAqgCtwAANzU0JiMiBh0BFBYzMjY1ITU0JiMiBh0BFBYzMjY1JSIGHQEUFjMyNj0BNCYjMyIGHQEUFjMyNj0BNCYjFzU0JiMiBh0BFBYzMjY1MzU0JiMiBh0BFBYzMjY1MzU0JiMiBh0BFBYzMjY1MzU0JiMiBh0BFBYzMjY1NzQmIyIGHQEUFjMyNjU3NCYjIgYdARQWMzI2NTciBh0BFBYzMjY9AS4BIzMiBh0BFBYzMjY9AS4BIxcyNj0BNCYjIgYdARQWMwEVFBYzMjY9ATQmIyIGFQU1NCYjIgYdARQWMzI2NSEUFjMyNj0BNCYjIgYVFzI2PQE0JiMiBh0BFBYzMzI2PQE0JiMiBh0BFBYzMzI2PQE0JiMiBh0BHgEzMzI2PQE0JiMiBh0BFBYzMzI2PQE0JiMiBh0BHgEzMzI2PQE0JiMiBh0BHgEzMzI2PQE0JiMiBh0BFBYzMzI2PQE0JiMiBh0BFBYzMzI2PQE0JiMiBh0BFBYzMzI2PQE0JiMiBh0BFBYzBSIGHQEUFjMyNj0BNCYjMyIGHQEUFjMyNj0BNCYjMyIGHQEUFjMyNj0BNCYjMyIGHQEUFjMyNj0BNCYjMyIGHQEUFjMyNj0BNCYjMyIGHQEUFjMyNj0BNCYjMyIGHQEUFjMyNj0BNCYjMyIGHQEUFjMyNj0BNCYjMyIGHQEUFjMyNj0BNCYjMyIGHQEUFjMyNj0BNCYjMyIGHQEUFjMyNj0BNCYjMyIGHQEUFjMyNj0BLgEjMyIGHQEUFjMyNj0BLgEjMyIGHQEUFjMyNj0BNCYjFzQmIyIGHQEUFjMyNjUFIzU0JiMiBh0BMzI2NTQmIzElIgYdASMiBhUUFjsBNTQmIzEDIgYVFBY7ARUUFjMyNj0BIwUyNj0BMzI2NTQmKwEVFBYzBSEiBhUUFjMhMjY1NCYjsggGBggIBgYIArcIBgYICAYGCP1zBQkIBgYICAYqBggIBgYICAZTCAYGCQkGBggqCAYGCQkGBggqCAYGCQkGBQlTCAYGCQkGBghGCQYFCQgGBgkqCQYGCAgGBgk3BggIBgUJAQgFKgUJCAYGCAEIBVMFCQgGBggIBv1zCAYFCQgGBggC0ggGBggIBgYI/WUIBgYICAYFCTgGCAgGBggIBkYFCQgGBgkJBikFCQgGBgkBCAYqBggIBgYJCQZTBggIBgYJAQgGRQYJCQYFCQEIBSoGCQkGBggJBUYFCQgGBggIBioFCQgGBggIBlMFCQgGBggIBv24BQkIBgYICAYqBggIBgYICAYpBQkIBgUJCAYqBQkIBgYICAYqBggIBgUJCQUqBQkIBgYICQUpBggIBgUJCAYqBQkIBgYICQUqBQkIBgYICQUpBggIBgUJCAYqBQkIBgYICAYqBggIBgUJAQgFKgUJCAYGCAEIBSkGCAgGBggIBjgIBgYICAYFCf2cUwgGBwhwBggIBgLFBQlGBQkIBmIIBmEGCAgGUwgGBwhw/TsFCUYFCQgGYggGAyb82gcICAcDJQcICAa/7QYICAbtBggIBu0GCAgG7QYICAb6CAd8BgkIB34FCAgHfAYJCAd+BQiLfgYICAZ9BgkIBn4GCAgGfQYJCAZ+BggIBn0GCQgGfgYICAZ9BgkIBn4GCAgGfQYJCAd9BggIBn0GCQgHiggHfAYJCAd+BQgIB3wGCQgHfgUImQgHfQYICAZ9BwgBocMFCQgGwwYICAbDwwYICAbDBQkJBQUJCAbDBggIBtEIBsMGCAgGwwUJCAbDBggIBsMFCQgGwwYICAbDBQkIBsMGCAgGwwUJCAbDBggIBsMFCQgGwwYICAbDBQkIBsMGCAgGwwUJCAbDBggIBsMFCQgGwwYICAbDBQkIBsMGCAgGwwUJ+ggGDgYJCAcPBQgIBg4GCQgHDwUICAYOBgkIBw8FCAgGDgYJCAcPBQgIBg4GCQgHDwUICAYOBgkIBw8FCAgGDgYJCAcPBQgIBg4GCQgHDwUICAYOBgkIBw8FCAgGDgYJCAcPBQgIBg4GCQgHDwUICAYOBgkIBw8FCAgGDgYJCAcPBQgIBg4GCQgHDwUIDQYICAYOBgkIB2JGBQkIBmEIBgUIUwgGRggGBQlhBwgCVggGBQlGBQkIBmFtCAZGCAYGCGEHCNEIBwYICAYHCAAGAGcAlwOYAukABAAIAA0AEQAhACUAABMzFSM1NzMRIwEzFSM1JzMRIwM0JiMhIgYVERQWMyEyNjUnIREhZywsZSkpAqMpKWEpKUEdFP7IFB0dFAE4FB0z/swBNAI7xcVB/rkBBsXFQf65AYMVHBwV/hAVHBwVAgHsAAAABwCuAF8DYQMhABsALAA8AEAARQBJAE0AAAEHDgEVHAEXAQYUHwEeATMyNjcBFjIzMjY/AScBBiIvASY0PwEeAR8BHgEXBwEOASMiJi8BLgE1NDY/ARcnNxcHNxcHJzcnMxUjFzMVIwJLdBMVAf7+Dw9EBxQKChMHAQIFCgUcMhN02/7bBhMHQwcH9gYOChkKFQ32AXcQJxUWJw8YEBAQEC2wmxywHDkVRBVEbR4eVmBgAuVzEzIcBQoF/v4PKw9ECAcHCAECARUTdNr9ngcHQwYTB/cNFgkZCg4G9wEqEBAQEBgPJxYVJxAtsMUcsBz+FUQVRDRgNx4AAAAACAEQAGEC7wMfAA8AGQAdACcAMwA/AE8AXAAAASEiBhURFBYzITI2NRE0JgUhMhYdASE1NDYBIREhAyEiJj0BIRUUBgMmIgcGFBcWMjc2NAcGIicmNDc2MhcWFCciBh0BFBYzMjY9ATQmIzE1IgYVFBYzMjY1NCYjAob+9Cw+PiwBCyw+Pf7FARIfLP5YLAF8/lgBqEv+7h8sAagsUCZtJycnJm0nJzcgWCAfHyBYIB9mBwoKBwcKCgcICAgICAkJCAMfPSz+FCw9PSwB7Cw9GCwfFxcfLP3oAaP95ywfFxcfLAGmJycmbScnJyZugx8fIFggHx8gWEkJB0YHCQoGRgcJLAoHBwgJBggJABAAnwBmA2EDGwAgACkANwBUAHEArQC2AMMA1QDeAOcA9AEKARMBJQE4AAAlIRE0NjsBMhYXHgE3PgEnLgErASIGFREUFjsBMjY1NCYHIyImJyEOASMnMzI2NTQmKwEiBhUUFicuATU0Njc+ARceAQcOARUUFhcWBgcOASMGJicxJRQGBw4BIyImJy4BNz4BNTQmJyY2NzYWFx4BFTEnNCI1LgEnMCIxLgEjIgYHMCIxDgEHFCIVDgEVFBYXMBQxHgEXMDIxHgEzMjY3MDIxPgE3MDQxPgE1NCYnDgEHLgEnHgEnNjIXHgEXBiInPgE3BzQ2Nx4BFwYUFRQWFy4BJy4BFx4BFx4BFy4BNy4BJz4BNw4BEwYiJy4BJxYyNw4BBzcGIic0JjU0NjUWMjM6ATcUFhUWBhUXPgE3PgE3DgE3DgEHPgE1NCYnPgE3HgEVDgEBFAYjIgYVFAYjIiY1NDYzMhYVAmj+VTkn3RQlDgQMBQUBBRIxGt01SUk13TRKCXXdJDQHAZkFNSN+HgYJCQYeBgkJDx4iIR8EDQUFAQQcHR0cBAEFAgUDAwYDAfohHwMGBAIFAwQCBBweHhwEAgQFDQQgIVwBFVE0AQkSCQoSCQE0URUBCAkDBA9aPAEJEgoJEgkBPFkQAwUJLhMoFAIJBh8xpAwYDAgLAxcuFgMKCJsGBRUuFwEBARkwFwQCDxUtFgIJBSI3SRUnExAxHwYJYgsZDAcKAxYsFwMLBxgYMBgCAQwYDQwYDAEBAgwFCQIXLBUON1EYMBkBAgEBGCwXBAYCAv5ACQYRFwkGBwkqHQYJ8gGrJzgQDwUBBQQNBBQWSjT+RzRKSjQGCG4uISEuGAkHBgkJBgcJmCVeMTFdJgUBBAQNBCJTLCxTIgQNBAIBAQMDtDFdJgMDAQIDDgQiUywsUyIEDQQEAQUlXTFTAQEvQQkBAgIBCUIuAQETKhYOGwwBOlIMAQICAQtSOwENGg4VKxgEBwEaLxQLKj0CAhM2HgICHjYTsQ8fDQQIAgsXCw0aDAIHBQkSPgQGAhkrEg0ztgIGBBwqCxQv/ukCAhEwGwEBHC8RewICDRsOCxULAQELFQsOGw1zEisZAgYEIjR3BQcCDBoNCxcLAggEDh4PCRMBAgYJGBAGCQkGHSoJBwAXALQAYwNvAxYADwAhADEAQQBFAEoATgBSAFcAXABhAGYAawBvAHMAeAB8AIAAhACIAI0AkQCWAAABMhYVERQGIyEiJjURNDYzJSEiBhURFBYzITI2NRE0JiMxBSMiJj0BNDY7ATIWHQEUBiEjIiY9ATQ2OwEyFh0BFAYFMxUjNzMVIzU7ARUjNzMVIwUzFSM1OwEVIzU7ARUjNTsBFSM1OwEVIzUFMxUjNzMVIzczFSM1OwEVIzczFSMFMxUjNzMVIzczFSM1OwEVIwEhFSE1AzsNEhIN/awNERENAlT9rBUeHxQCVBYeHxX9/ggJDQ0JCAoNDQGvCQkNDQkJCQ0N/oc1NWg2Nmg1NWc2Nv5iNTVnNTVoNjZoNTVnNjb+YjU1ZzU1aDY2aDU1ZzY2/mI1NWc1NWg2Nmg1Nf5vAqX9WwLLEQ396Q0SEg0CFw0RFR8U/ekVHh4VAhcUH0oNClIKDQ0KUgoNDQpSCg0NClIKDWQ2NjY2NjY2MTU1NTU1NTU1NTVnNTU1NTU1NTU1MjU1NTU1NTUBqxQUAAAACQENAGMC8wMdAAsAEAAVABkAHQAuAD8ATwBgAAAlFAYjIiY1NDYzMhYDMxUjNTczFSM1NzMVIzczFSMTMhYVERQGIyEiJjURNDYzITUhIgYVERQWMyEyNjURLgEjBzIWFREUBiMhIiY1ETQ2MyUhIgYVERQWMyEyNjURNCYjAiIUDg4UFA4OFJ4yMkMyMkEyMkMyMncLERAM/nwLERAMAYT+fBQdHRQBhBQdARwUKwgMDAj+0QgMDAgBL/7REBkZEAEvEBgYEKYOExMODhQUATpzcyWYmCW94uIBjhEM/agMEREMAlgMERQcFf2oFB0cFQJYFB1SDAj+ZwgMDAgBmQgMFRgR/mcRGBgRAZkRGAALANcAZQMlAxkAkQGpAbYBwwHTAeAB8AH+Ag8CLwJHAAABKgEjIiYjIiYjIiYnKgEjIiYnMCIxLgEnOAEjLgEnMCYxLgEjMCYxLgEnIiYnLgEnLgEnLgEnLgE1LgE1LgE1NCY1NCYxNTAUFx4BFx4BMzI2Nz4BNzEVFBYzMjY1ETQmJy4BIyIGBxQGFREcARceARcwMjEyNjc0JiMuASc0MDE1OAEzHgEXHgEzMjY1LgEjMQMeARcyFhUeARcWMhUeARcwFjMeARceATMeATMeATMeARc6ARcyFhcyFjMyFhc6ARceARc6ATMWMjM6ATMyFjM6ATc6ATMyNjM6ATM+ATc6ATc+ATMyNjM+ATcyNjM+ATcyNjcyNjcyNjc+ATcyNjE+ATc2Mjc+ATc+ATE+ATcyNjUyNjcVFAYVMAYVMAYHFAYVFAYVFAYHFAYHDgEHDgEjDgEHIgYxDgEHMCIVDgEHOAEjDgEHOAEjDgEjMCIjDgEjIgYjIgYjKgEjKgEjIiYjKgEnIiYnKgEjIiYnMCIxLgEnOAEjLgEnMCYxLgEnMCYxLgEnJiInLgEnLgEnLgEnLgE1LgE1LgExNCYxNCY9ARQWMxQWMzE3MhYVFAYjIiY1NDYzEw4BBwYUFxYyNz4BNxcuAScHHgEXHgEzMjY3NjQHDgEHBhQXFjI3PgE3Ny4BJwceARceATMyNjc2NCcOAQcGFBcWMjc+ATcnFy4BJwceARceATMyNjc2NCcHIzQUJy4BJy4BNTQ2Nz4BMzIWFx4BFRQGBw4BBwY2FQcyFhceARUUBgcOASMiJicuATU0Njc+AQHuBw4GBAgDAwUDBQoFAQIBBgsGARwwEwEEBgMCAwUDAgIEAgEBAQEEAQEBAQECAQEBAQEBAQEBAQIDAx99W1p9HwMEAwYFBAcBAQqNfX6NCgEBCYdMAQUGAQYFXGgDAQIEAh99WwQHAQcE+QIGAwEBAgYCAQMDBwQBAQQIBAICAQQHBAECAgQLBQEBAQUJBgEEAgQKBQICAQcMBwIDAQYKBgIEAgcPCAcPBwMDAgYLBQIDAQcNBgECAgUKBAIEAQUKBQEBAQUKBQICAgMHBAEDAQUIAwEBBAcDAQIBAwUCAQEDBQMBAQEDAQEBAgECAgICAgEBAwIBAQECBAIBAQMFAgEEBgQBEzAcAQULBwMBBQoFAgUDBAgEBwwHBw4GBAgDAwUDBQoFAQIBBgsGARwwEwEEBgMCAwUDAgIEAgEBAQEEAQEBAQECAQEBAQEBAQEBAwECAflwkI9xcY+PcW4ZLxMEBAQLAxEoFsMTLxoFFigQAgUDAgUCBLYKEAgEBAQKBAUKBl0IEgoFBgwFAQUDAgUCA3ERIA0EBAQLAwsZDgaWDiASBQ8aCwEFAwIFAgMEZgwBAQcEBQMDBAQKBgcKBAQDBQQEBwECAQYGCQQEBAQEBAkGBQkEBAQDBAQKAVIBAQIBAgEDDQcCAwEBAgMBAgICAQEBAgIBAQEBAgEBAQEBAgEBAQEBAgECA1wBAQEDAxchIRcCBAFgBAcHBAEXAQMBJDo7IwEDAf5kAQICKC8GBQUFBwgvFwFdAQMDGCAHBAYGAS8DAwMBAQEDAgEBAQQBAQIDAQEBAQMBAQICAgEDAQECAQEBAQEBAQEBAQEBAQECAQECAQECAgIBAQMBAQEBAwIBAQQBAQECAwEBAQIEAwEBAgJbAgMBAwECAQECAQEBAQECAQEBAQICAQEBAgIBAQIDAQEBAwIHDAQBAgEBAQEBAQEBAgEEDQcCAwEBAgMBAQECAgEBAQICAQEBAQIBAQEBAQIBAQIBAwIDAVsBAgMBgzYdHjU1Hh02/kYHGxMECwMEBBAXBxsTGwcYBhcRAgIBAwMKNwMLCAQKBAQEBAcDBAgLBBoCCAUCAgEDBApSBRMOBAsDBAQKEAQaJg4TBRkEEAoCAgEDAwoEPRMECRAZFxggBwkPBQQFBQQFDgoIIRcWGg4OBxIVBAQECQcFCQQEBAMEBAkFBgoEBQQACADxAG8DDwMSABcAGwAgACQAOABEAHAAowAAASMiJi8CLgEnJjY/ATYWFzEeAQ8BDgEnOAExJx8BNwc3MTgBAyIuAjU0PgIzMh4CFRQOAgMiBhUUFjMyNjU0JiciDgIVFBYXMBYXHgEXHgMXHgEzMjY3PgM3PgE3PgExPgE1NC4CEzAUNRQGFTEOAQc4ARUOAwcuAycwNDEuAScxNCY9AS4BNTQ+AjMyHgIVFAYHAfACBQYBCEsEBgEBBQS3AwkDAwECWAIGCkJFB0aSo0soRjUfHzVGKChGNR8fNUYoR2ZmR0dmZkg4Y0kqAgMBAQMJBgskOE41AgcDAwYDNU44JAsGCQMBAQMCLEpiswEDCAUKIjRIMTFJNSIKBgcEAQICJkFXMjJXQSYCAwGtBwVFDQEGBQUIAVMCAgMDCASyBAMQXgtAjkNL/vAeNUYoKEY1Hx81RigoRjUeAW5mR0dmZkdHZk4rSWM3DRoNBQQOGg0aQEpRKgICAgIqUUpAGg0aDgQFDRoNOGJJK/7HAQECAwMMGAwBGD1FTSgpTEY9GAEMGAwCAwEBCxcMMVdCJSVCVzENFwoAAAAHAFsAdAOdAxwAFwAbAB8AKgCbAKMAsQAAAScmIg8DBhQXOQEeATMyNj8DNjQBNxcHNyc3FzcHJzc2Mh8BFhQHEzQmNTgBMTAmMSImNTAmMSYiJzAiNSYiIyEqAQcwIhUUIgcwBjEOARUwFCM4ATEGFBU4ATEROAExHAEzOAExMBQzFBYXMBYxMhYVMBYxMhYzITI2NTQmIyE+AzcXHgEzMjY3ARUUFjMyNjURFDQxAREBDgMHJQYiLwE4ATEwIjUBIQEDmSkNJAzeHwcEBAIFAwMFAwdv3g3+sxEvQFs9lD48KT0pAw0EKQQEGQEBAQEBAQIBAQECAvzbAQICAQIBAQEBAQEBAQEBAQECAQEDAQGTBggIBv6WGUtSTxwVChsPDhsLAVAIBgYJ/NsBJh5TVEsWAaUOJw4cAf7SAtn+tQG4KQwM3XAHBAwFAgICAgcf3Q0k/vVALhIePZQ+Pik9KQQEKQQMBAF+AQICAQIBAQEBAQEBAQEBAQEBAQECAgH9zwICAQECAQEBAQEBCQYGCBQ7QkIZEwoJCQoBKeMGCQkGAQMBAf3sAfP+/RpFRDsS4A0NGQEBCv7cAAABAAAAAQAAn14I4V8PPPUACwQAAAAAANO8hP0AAAAA07yE/QAA/+0D2QOKAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAPZAAEAAAAAAAAAAAAAAAAAAAATBAAAAAAAAAAAAAAAAgAAAAQAACcEAABfBAAA0gQAAF0EAADyBAAAXgQAAGcEAACuBAABEAQAAJ8EAAC0BAABDQNuANcEAADxBAAAWwAAAAAACgAUAB4AQgDQAjwDAAOgBvoHOAe2CDwJ7gq8C0QOOg8WD/QAAQAAABMCuAAuAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAAcAnwABAAAAAAADAA4ASwABAAAAAAAEAA4AtAABAAAAAAAFAAsAKgABAAAAAAAGAA4AdQABAAAAAAAKABoA3gADAAEECQABABwADgADAAEECQACAA4ApgADAAEECQADABwAWQADAAEECQAEABwAwgADAAEECQAFABYANQADAAEECQAGABwAgwADAAEECQAKADQA+GVwLWN1c3RvbS1pY29uAGUAcAAtAGMAdQBzAHQAbwBtAC0AaQBjAG8AblZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGVwLWN1c3RvbS1pY29uAGUAcAAtAGMAdQBzAHQAbwBtAC0AaQBjAG8AbmVwLWN1c3RvbS1pY29uAGUAcAAtAGMAdQBzAHQAbwBtAC0AaQBjAG8AblJlZ3VsYXIAUgBlAGcAdQBsAGEAcmVwLWN1c3RvbS1pY29uAGUAcAAtAGMAdQBzAHQAbwBtAC0AaQBjAG8AbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("woff"), url(ep-custom-icon.svg#ep-custom-icon) format("svg"); font-weight: 400; font-style: normal } [class*=-ci-], [class^=ci-] { font-family: ep-custom-icon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .ep-ci-updownarrow:before { content: "\E900" } .ep-ci-camera:before { content: "\E901" } .ep-ci-contact:before { content: "\E903" } .ep-ci-flashlight:before { content: "\E907" } .ep-ci-device-info:before { content: "\E908" } .ep-ci-internet-status:before { content: "\E909" } .ep-ci-location:before { content: "\E904" } .ep-ci-audio-media:before { content: "\E902" } .ep-ci-barcode:before { content: "\E905" } .ep-ci-vibrate:before { content: "\E906" } .ep-ci-network-status:before { content: "\E90B" } .ep-ci-calendar:before { content: "\E90A" } .ep-ci-offline-storage:before { content: "\E90C" } .ep-ci-gps-tracker:before { content: "\E90D" } .ep-ci-email-composer:before { content: "\E90E" } /* Global */ .ep-view, .ep-checkbox-label, .ep-label-group { height: 100%; font-family: Hind, sans-serif; background-color: transparent; font-size: 13px; font-weight: 400; line-height: 18px; margin-bottom: 0px; } body, html { height: 100%; font-family: Hind, sans-serif; background-color: #eceded; font-size: 13px; font-weight: 400; line-height: 18px; margin-bottom: 0px; } .ep-view h1, .ep-view h2, .ep-view h3, .ep-view h4, .ep-view h5, .ep-view h6, body h1, body h2, body h3, body h4, body h5, body h6, html h1, html h2, html h3, html h4, html h5, html h6 { font-family: Montserrat, sans-serif } .ep-view h1, body h1, html h1 { font-size: 24px; font-weight: 500; line-height: 30px } .ep-view h2, body h2, html h2 { font-size: 18px; font-weight: 500; line-height: 24px } .ep-view h3, body h3, html h3 { font-size: 16px; font-weight: 500; line-height: 20px } .ep-view h4, body h4, html h4 { font-size: 13px; font-weight: 500; line-height: 18px } .ep-view h5, body h5, html h5 { font-size: 12px; font-weight: 600; line-height: 18px } .ep-view h6, body h6, html h6 { font-size: 10px; font-weight: 600; line-height: 14px } .ep-view .card .table-bordered, body .card .table-bordered, html .card .table-bordered { margin: 0 } .mdi-lg { -webkit-transform: scale(2); transform: scale(2) } /* To make textbox 100% width of the container */ .ep-input-block, .ep-input-block .k-dropdown { width: 100% } .ep-input-block .k-textbox-container > .k-block, .ep-input-block .k-textbox-container > .k-textbox, .ep-input-block .k-textbox-container > .k-widget { min-width: 220px; width: 100% } /*Restrict app to 1024 - Style */ #main-content { min-width: auto !important; overflow-x: auto; position: relative; } /*TODO: modal has to be handled for 1024 width*/ /*Restrict app to 1024 - Style */ /* Kendo skin */ .k-theme-test-class, .ktb-theme-id-material { opacity: 0; } .ktb-var-accent { color: #4b616c; } .ktb-var-base { color: #ffffff; } .ktb-var-background { color: #ffffff; } .ktb-var-border-radius { border-radius: 2px; } .ktb-var-normal-background { color: #ffffff; } .ktb-var-normal-gradient { background-image: none; } .ktb-var-normal-text-color { color: #444444; } .ktb-var-hover-background { color: #ebebeb; } .ktb-var-hover-gradient { background-image: none; } .ktb-var-hover-text-color { color: #444444; } .ktb-var-selected-background { color: #00b0f0; } .ktb-var-selected-gradient { background-image: none; } .ktb-var-selected-text-color { color: #3f51b5; } .ktb-var-error { color: #ffcdd2; } .ktb-var-warning { color: #fdefba; } .ktb-var-success { color: #c8e6c9; } .ktb-var-info { color: #bbdefb; } .ktb-var-series-a { color: #3f51b5; } .ktb-var-series-b { color: #03a9f4; } .ktb-var-series-c { color: #4caf50; } .ktb-var-series-d { color: #f9ce1d; } .ktb-var-series-e { color: #ff9800; } .ktb-var-series-f { color: #ff5722; } .k-grid-norecords-template { background-color: #ffffff; border: 1px solid var(--ep-grid-border); } .k-button { border-radius: 2px; border-color: #fafafa; color: #444444; background-color: #fafafa; background-position: 50% 50%; } .k-button:active, .k-button.k-state-active { color: #000000; background-color: #dbdbdb; border-color: #dbdbdb; box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3); box-shadow: none; } .k-button:focus:active { box-shadow: none; } .k-button:focus, .k-button:focus:hover, .k-button.k-state-focused, .k-button.k-state-focused.k-state-disabled, .k-state-disabled .k-button.k-state-focused { border-color: #ebebeb; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); } .k-primary { color: #ffffff; border-color: #4b616c; background-color: #4b616c; } .k-primary:hover, .k-primary.k-state-hover { color: #ffffff; border-color: #5c6bc0; background-color: #5c6bc0; } .k-primary:active, .k-primary.k-state-active { color: #ffffff; border-color: #283593; background-color: #283593; } .k-primary:focus:active:not(.k-state-disabled):not([disabled]) { box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3); } .k-primary[disabled], .k-state-disabled .k-primary, .k-state-disabled .k-primary:hover, .k-primary.k-state-disabled, .k-primary.k-state-disabled:hover { color: #999999; border-color: #fafafa; background-color: #fafafa; box-shadow: none; } .k-primary[disabled], .k-primary.k-state-disabled { box-shadow: none; } .k-primary:focus, .k-primary.k-state-focused { border-color: #eff8ff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); } .k-button-group .k-button { border-radius: 0; color: var(--ep-color-anotherBlue); border: 1px solid var(--ep-color-anotherBlue); background: #fff; height: 40px; margin: 0 0 0 -1px; padding: 0 14px; min-width: 80px; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; font-weight: 100; line-height: 20px; text-transform: uppercase; letter-spacing: -.5px; font-family: Hind, sans-serif; line-height: 40px; } .k-button-group .k-button.k-state-hover, .k-button-group .k-button:hover { z-index: 6; background: var(--ep-color-anotherBlue); color: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, .4); border: 1px solid var(--ep-color-anotherBlue); transition: all ease .2s; } .k-button-group .k-button[disabled]:hover { background: var(--ep-color-disabled-item); border: 1px solid var(--ep-color-disabled-item); box-shadow: none; } .k-button-group .k-group-start, .k-button-group .k-button:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; border-radius: 5px 0 0 5px !important; } .k-button-group .k-group-end, .k-button-group .k-button:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-radius: 0 5px 5px 0 !important; } .k-button-group > :not(:first-child):not(:last-child) { border-radius: 0 !important; } .k-button-group .k-group-start.k-group-end, .k-button-group .k-button:first-child:last-child { border-radius: 2px; } .k-rtl .k-button-group .k-button { border-radius: 0; } .k-rtl .k-button-group .k-group-start, .k-rtl .k-button-group .k-button:first-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .k-rtl .k-button-group .k-group-end, .k-rtl .k-button-group .k-button:last-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .k-rtl .k-button-group .k-group-start.k-group-end, .k-rtl .k-button-group .k-button:first-child:last-child { border-radius: 2px; } .k-split-button { border-radius: 2px; } .k-split-button.k-state-border-down > .k-button, .k-split-button.k-state-border-up > .k-button { color: #444444; background-color: #ebebeb; border-color: #ebebeb; box-shadow: none; } .k-split-button:focus { border-color: #ebebeb; outline: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); } .k-split-button:focus > .k-button { background: transparent; border-color: #ebebeb; } .k-split-button:focus:not(.k-state-disabled) > .k-state-active, .k-split-button:focus:not(.k-state-disabled) > .k-button:hover { color: #444444; background-color: #ebebeb; border-color: #ebebeb; box-shadow: none; } .k-split-button.k-state-disabled { color: #999999; background: #fafafa; background-image: none; } .k-edit-buttons { border-color: var(--ep-grid-border); background: #4b616c; } undefined undefined .k-in, .k-item, .k-window-action { border-color: transparent; } /* main colors */ .k-header .k-window-actions .k-link { color: inherit; } a.k-icon { color: #444444; } a.k-icon:hover { color: #444444; } .k-button-icon .k-icon { opacity: .8; } .k-button-icon:hover .k-icon { opacity: 1; } .k-state-disabled .k-button-icon .k-icon, .k-state-disabled.k-button-icon .k-icon { opacity: .8; } .k-splitbar .k-resize-handle { background-color: #444444; } .k-block, .k-widget { background-color: #ffffff; border-color: var(--ep-grid-border) !important;; } .k-block, .k-widget, .k-input, .k-group, .k-content, .k-header, .k-filter-row > th, .k-editable-area, .k-separator, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-grid-header, .k-grid-header-wrap, .k-grid-header-locked, .k-grid-footer-locked, .k-grid-content-locked, .k-grid-footer-wrap, .k-grid-pager, .k-grid-pager .k-link, .k-pager-refresh, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-panelbar > .k-panelbar-item > .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-panel, .k-panelbar .k-content, .k-treemap-tile, .k-calendar th, .k-slider-track, .k-splitbar, .k-dropzone-active, .k-tiles, .k-tooltip, .k-upload-files, .k-popup.k-align .k-list .k-item:last-child { border-color: var(--ep-input-border); } .k-group, .k-grouping-header, .k-grid-pager, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-widget .k-status, .k-calendar th, .k-dropzone-hovered { background-color: #4b616c; } .k-grouping-row td, td.k-group-cell, .k-resize-handle-inner { background-color: #4b616c; } .k-list-container { border-color: rgba(0, 0, 0, 0.2); background-color: #ffffff; } .k-content, .k-panelbar > li.k-panelbar-item, .k-panel > li.k-item, .k-tiles { background-color: #ffffff; } .k-alt, .k-separator, .k-resource.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child { background-color: #f2f2f2; } .k-pivot-rowheaders .k-alt .k-alt, .k-header.k-alt { background-color: #dedede; } .k-input[readonly] { background-color: transparent; color: #444444; } .k-block, .k-widget, .k-popup, .k-content { color: #444444; } .k-inverse { color: #ffffff; } .k-block { color: #ffffff; } .k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link { color: #428bca; } .k-tabstrip-items .k-link, .k-panelbar > li > .k-link { color: #444444; } .k-header, .k-treemap-title, .k-grid-header .k-header > .k-link { color: #ffffff; } .k-header, .k-grid-header, .k-grouping-header, .k-grid-pager, .k-progressbar, .k-draghandle, .k-state-highlight, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .km-pane-wrapper > .km-pane > .km-view > .km-content { background-position: 50% 50%; background-color: transparent; } .k-widget.k-tooltip { background-image: none; } .k-block, .k-header, .k-grid-header, .k-grouping-header, .k-grid-pager, .k-draghandle, .k-treemap-tile, html .km-pane-wrapper .k-header { background-color: transparent; } .k-hr { border-color: var(--ep-grid-border); } /* icons */ .k-icon:hover, .k-state-hover .k-icon, .k-state-selected .k-icon, .k-state-focused .k-icon, .k-column-menu .k-state-hover .k-sprite, .k-column-menu .k-state-active .k-sprite, .k-pager-numbers .k-current-page .k-link:hover:after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view.k-state-hover > .k-link:after { opacity: 1; } .k-state-disabled .k-icon, .k-column-menu .k-sprite, .k-pager-numbers .k-current-page .k-link:after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after { opacity: 0.7; } .k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked { opacity: 0.7; } /* IE will ignore the above selectors if these are added too */ .k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked, .k-mobile-list .k-edit-field [type=radio]:checked { background-image: url('https://kendo.cdn.telerik.com/2018.2.620/styles/Material/sprite.png'); border-color: transparent; } .k-mobile-list .k-check:checked, .k-mobile-list .k-edit-field [type=checkbox]:checked { font-family: 'WebComponentsIcons'; background-image: none; } .k-mobile-list .k-check:checked:before, .k-mobile-list .k-edit-field [type=checkbox]:checked:before { content: "e118"; } /*.k-i-loading { background-image: url('https://kendo.cdn.telerik.com/2018.2.620/styles/Material/loading.gif'); }*/ /*.k-loading-image { background-image: url('https://kendo.cdn.telerik.com/2018.2.620/styles/Material/loading-image.gif'); }*/ .k-loading-color { background-color: #ebebeb; } .k-draghandle { border-color: #4b616c; background-color: #4b616c; box-shadow: none; } .k-draghandle:hover { border-color: #4b616c; background-color: #4b616c; box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3); } /* Badge */ .k-badge { background-color: #4b616c; color: #ffffff; border-radius: 1px; } /* Scheduler */ .k-scheduler { color: #ffffff; background-color: #ffffff; } .k-scheduler-layout { color: #444444; } .k-scheduler-datecolumn, .k-scheduler-groupcolumn { background-color: #ffffff; color: #444444; } .k-scheduler-times tr, .k-scheduler-times th, .k-scheduler-table td, .k-scheduler-header th, .k-scheduler-header-wrap, .k-scheduler-times { border-color: var(--ep-grid-border); } .k-scheduler-table .k-nonwork-hour, .k-scheduler-dayview .k-today.k-nonwork-hour, .k-scheduler-timelineview .k-today.k-nonwork-hour { background-color: #fafafa; } .k-gantt .k-nonwork-hour { background-color: rgba(0, 0, 0, 0.02); } .k-gantt .k-header.k-nonwork-hour { background-color: rgba(0, 0, 0, 0.2); } .k-scheduler-table .k-today, .k-today > .k-scheduler-datecolumn, .k-today > .k-scheduler-groupcolumn { background-color: #f5f5f5; } .k-scheduler-header .k-today { background: transparent; } table:not(.k-scheduler-dayview) .k-scheduler-header-wrap .k-today { color: #3f51b5; } .k-scheduler-now-arrow { border-left-color: #eed3d7; } .k-scheduler-now-line { background-color: #eed3d7; } .k-event, .k-task-complete { border-color: #607c8a; background: #607c8a 0 -257px none repeat-x; color: #ffffff; } .k-event-inverse { color: #444444; } .k-event.k-state-selected { background-position: 0 0; box-shadow: 0 0 0 2px #444444; } .k-event .k-resize-handle:after, .k-task-single .k-resize-handle:after { background-color: #ffffff; } .k-scheduler-marquee:before, .k-scheduler-marquee:after { border-color: #ffffff; } .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar .k-panelbar-item { background-color: #ffffff; color: #444444; border-color: var(--ep-grid-border); } .k-panelbar > li > .k-link { color: #444444; } .k-panelbar > .k-panelbar-item > .k-link { border-color: var(--ep-grid-border); } .k-panel > li.k-item { background-color: #ffffff; } /* states */ .k-state-active, .k-state-active:hover, .k-active-filter, .k-tabstrip .k-state-active { background-color: #ffffff; border-color: #cccccc; color: #444444; } .k-fieldselector .k-list-container { background-color: #ffffff; } .k-menu .k-state-hover > .k-state-active { background-color: transparent; } .k-state-highlight { background: #ffffff; color: #444444; } .k-state-focused, .k-grouping-row .k-state-focused { border-color: #67afe9; } .k-button.k-bare { position: relative; } .k-button.k-bare:before { content: ""; background-color: currentcolor; opacity: 0.12; border-radius: inherit; height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: -1; display: none; } .k-button.k-bare.k-state-focused:before, .k-button.k-bare:focus:before { display: block; } .k-mediaplayer-toolbar .k-button.k-bare:active, .k-mediaplayer-toolbar .k-button.k-bare.k-state-active, .k-mediaplayer-toolbar .k-button.k-bare.k-state-active:hover { color: #4b616c; } .k-mediaplayer-toolbar .k-button.k-bare:active:before, .k-mediaplayer-toolbar .k-button.k-bare.k-state-active:before, .k-mediaplayer-toolbar .k-button.k-bare.k-state-active:hover:before { opacity: 0.24; } .k-slider.k-mediaplayer-seekbar { top: -14px; } .k-quality-list { margin-left: -25px !important; } .k-calendar .k-link { color: #444444; } .k-calendar .k-footer { padding: 0; } .k-calendar .k-footer .k-nav-today { color: #444444; text-decoration: none; background-color: #ffffff; } .k-calendar .k-footer .k-nav-today:hover, .k-calendar .k-footer .k-nav-today.k-state-hover { background-color: #ffffff; text-decoration: underline; } .k-calendar .k-footer .k-nav-today:active { background-color: #ffffff; } .k-calendar .k-link.k-nav-fast { color: #444444; } .k-calendar .k-nav-fast.k-state-hover { text-decoration: none; background-color: #ebebeb; color: #444444; } .k-calendar .k-link.k-state-hover { border-radius: 50%; } .k-calendar .k-footer .k-link { border-radius: 0; } .k-calendar th { background-color: #4b616c; } .k-window-titlebar .k-link { border-radius: 50%; } .k-calendar-container.k-group { border-color: rgba(0, 0, 0, 0.2); } .k-selected, .k-grid td.k-selected:visited, .k-grid td.k-selected:link, .k-grid td.k-selected:hover, .k-selected:link, .k-selected:visited, .k-selected:hover, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-drag-clue.k-state-selected { color: #3f51b5; background-color: transparent; border-color: #ffffff; } .k-virtual-item.k-first, .k-group-header + .k-list > .k-item.k-first, .k-static-header + .k-list > .k-item.k-first { border-top-color: #ebebeb; } .k-group-header + div > .k-list > .k-item.k-first:before { border-top-color: #ebebeb; } .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header { background: #ebebeb; color: #3f51b5; } .k-popup .k-list .k-item > .k-group { background: #ebebeb; color: #3f51b5; border-bottom-left-radius: 1px; } .k-marquee-text { color: #3f51b5; } .k-state-focused, .k-list > .k-state-focused, .k-listview > .k-state-focused, .k-listview > .k-state-focused.k-state-selected, td.k-state-focused { box-shadow: inset 0 0 0 1px #808080; } .k-menu .k-item.k-state-default.k-state-focused { box-shadow: inset 0 0 0 1px #b3b3b3; } .k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected { box-shadow: none; } .k-list-optionlabel.k-state-selected.k-state-focused { box-shadow: none; } .k-state-selected > .k-link, .k-panelbar > li > .k-state-selected, .k-panelbar > li.k-state-default > .k-link.k-state-selected { color: var(--ep-color-anotherBlue); } .k-in .k-state-hover, .k-in .k-state-hover:hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-list > .k-state-hover, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-grid-pager .k-link:hover { background-color: var(--ep-color-disabled-item) !important; color: var(--ep-color-normaltext) !important; } .k-filebrowser-dropzone, .k-mobile-list .k-item > .k-link:active, .k-mobile-list .k-item > .k-label:active, .k-mobile-list .k-edit-label.k-check:active, .k-mobile-list .k-recur-view .k-check:active { color: var(--ep-color-white); background-color: var(--ep-color-anotherBlue) !important; } /* this selector should be used separately, otherwise old IEs ignore the whole rule */ .k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active { color: #444444; background-color: #ebebeb; border-color: #ebebeb; } .k-state-hover > .k-select, .k-state-focused > .k-select { border-color: #ebebeb; } .k-state-hover, .k-state-hover:hover, .k-grid-pager .k-link:hover, .k-other-month.k-state-hover .k-link, div.k-filebrowser-dropzone em, .k-draghandle:hover, .k-listbox .k-item:hover:not(.k-state-disabled) { background-image: none; } .k-grid-pager { background-color: #4b616c; color: #ffffff; } .k-state-active, .k-state-active:hover, .k-state-active > .k-link, .k-panelbar > .k-panelbar-item > .k-state-focused { background-image: none; } .k-state-selected, .k-selected, .k-draghandle.k-state-selected:hover { background-image: none; background-color: transparent; } .k-draghandle.k-state-selected:hover { background-position: 50% 50%; } .k-state-hover > .k-link, .k-other-month.k-state-hover .k-link, div.k-filebrowser-dropzone em { color: #444444; } .km-pane-wrapper .k-mobile-list input:not([type="checkbox"]):not([type="radio"]), .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]) { color: #444444; } .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right { background: #ffffff; border-color: var(--ep-grid-border); } .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input { background-color: #ffffff; border-color: #f0f0f0; } .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input + .k-i-zoom:before { color: #444444; } .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input:focus { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); } .k-state-error { border-color: #eed3d7; background-color: #f2dede; color: #b94a48; } .k-tile-empty.k-state-selected, .k-loading-mask.k-state-selected { border-width: 0; background-image: none; background-color: transparent; } .k-state-disabled, .k-state-disabled .k-link, .k-other-month, .k-other-month .k-link, .k-dropzone em, .k-dropzone .k-upload-status, .k-tile-empty strong, .k-numerictextbox input:disabled, .k-slider .k-draghandle { color: var(--ep-color-disabled-item) !important; } .k-file .k-upload-status { color: #444444; } /* Progressbar */ .k-progressbar-indeterminate { background: url('https://kendo.cdn.telerik.com/2018.2.620/styles/Material/indeterminate.gif'); } .k-progressbar-indeterminate .k-progress-status-wrap, .k-progressbar-indeterminate .k-state-selected { display: none; } /* Slider */ .k-slider-track { background-color: var(--ep-grid-border); } .k-slider-selection { background-color: #ffffff; } .k-slider-horizontal .k-tick { background-image: url('https://kendo.cdn.telerik.com/2018.2.620/styles/Material/slider-h.gif'); } .k-slider-vertical .k-tick { background-image: url('https://kendo.cdn.telerik.com/2018.2.620/styles/Material/slider-v.gif'); } /* Tooltip */ .k-widget.k-tooltip, .k-chart-crosshair-tooltip, .k-chart-shared-tooltip { border: 1px solid var(--ep-color-anotherBlue) !important; background-color: var(--ep-color-white); color: var(--ep-color-lynch); border-radius: 5px; margin-left: -10px; font-size: 12px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12) !important; } .k-widget.k-tooltip-validation { border-color: #fdefba; background-color: #fdefba; color: #816704; } .k-tooltip-content .login-label span { color: var(--ep-color-anotherBlue); } .k-tooltip-content .mdi-close-circle-outline:before { color: var(--ep-color-danger) !important; font-size: 16px; } .k-tooltip-content .mdi-check-circle-outline:before { color: var(--ep-color-green) !important; font-size: 16px; } /* Bootstrap theme fix */ .input-prepend .k-tooltip-validation, .input-append .k-tooltip-validation { font-size: 12px; position: relative; top: 3px; } .k-callout-n { border-bottom-color: rgba(100, 100, 100, 0.9); } .k-callout-w { border-right-color: var(--ep-color-anotherBlue); } .k-callout-s { border-top-color: rgba(100, 100, 100, 0.9); } .k-callout-e { border-left-color: rgba(100, 100, 100, 0.9); } .k-tooltip-validation .k-callout-n { border-bottom-color: #fdefba; } .k-tooltip-validation .k-callout-w { border-right-color: #fdefba; } .k-tooltip-validation .k-callout-s { border-top-color: #fdefba; } .k-tooltip-validation .k-callout-e { border-left-color: #fdefba; } /* Splitter */ .k-splitbar { background-color: #fafafa; } .k-restricted-size-vertical, .k-restricted-size-horizontal { background-color: #b94a48; } /* Upload */ .k-file { background-color: #ffffff; border-color: var(--ep-grid-border); } .k-file-progress { color: #2b98f3; } .k-file-progress .k-progress { background-color: #bbdefb; } .k-file-success .k-file-name, .k-file-success .k-upload-pct { color: #5fb662; } .k-file-success .k-progress { background-color: #c8e6c9; } .k-file-error { color: #ff3448; } .k-file-error .k-file-extension-wrapper, .k-file-error .k-multiple-files-extension-wrapper { color: #ff3448; border-color: #ff3448; } .k-file-error .k-file-extension-wrapper:before, .k-file-error .k-multiple-files-extension-wrapper:before { background-color: #ffffff; border-color: transparent transparent #ff3448 #ff3448; } .k-file-error .k-progress { background-color: #ffcdd2; } .k-file-extension-wrapper, .k-multiple-files-extension-wrapper { color: #999999; border-color: #999999; } .k-file-invalid .k-file-name-invalid { color: #ff3448; } .k-file-invalid-extension-wrapper, .k-multiple-files-invalid-extension-wrapper { color: #ff3448; border-color: #ff3448; } .k-file-extension-wrapper:before, .k-multiple-files-extension-wrapper:before { background-color: #ffffff; border-color: transparent transparent #999999 #999999; } .k-file-invalid-extension-wrapper:before, .k-multiple-files-invalid-extension-wrapper:before { background-color: #ffffff; border-color: transparent transparent #ff3448 #ff3448; } .k-multiple-files-extension-wrapper:after { border-top-color: #999999; border-left-color: #999999; } .k-multiple-files-invalid-extension-wrapper:after { border-top-color: #ff3448; border-left-color: #ff3448; } .k-file-size, .k-file-information, .k-file-validation-message { color: #999999; } .k-upload .k-upload-selected { color: #3f51b5; border-color: var(--ep-grid-border); } .k-upload .k-upload-selected:hover { color: #ffffff; background-color: #3f51b5; } /* ImageBrowser */ .k-tile { border-color: #ffffff; } .k-tiles li.k-state-hover { border-color: #ebebeb; } .k-tiles li.k-state-selected { border-color: #ffffff; } /* TreeMap */ .k-leaf, .k-leaf.k-state-hover:hover { color: #fff; } .k-leaf.k-inverse, .k-leaf.k-inverse.k-state-hover:hover { color: #000; } /* Shadows */ .k-slider, .k-upload { box-shadow: none; } .k-state-hover { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); } .k-state-selected, .k-selected { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } .k-state-active { box-shadow: none; } .k-grid td.k-state-selected.k-state-focused { background-color: #ffffff; } .k-popup, .k-menu .k-menu-group, .k-grid .k-filter-options, .k-filebrowser .k-image, .k-tooltip { box-shadow: inset 0 0 0 3px var(--ep-grid-border); } .k-calendar-container.k-popup { box-shadow: 0 0px 6px 1px rgba(0, 0, 0, 0.2); } .k-treemap-tile.k-state-hover { box-shadow: inset 0 0 0 3px var(--ep-grid-border); } /* Window */ .k-window { border-color: rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2); background-color: #ffffff; } .k-window.k-state-focused { border-color: rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2); } .k-window.k-window-maximized, .k-window-maximized .k-window-titlebar, .k-window-maximized .k-window-content { border-radius: 0; } .k-shadow { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .k-inset { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); } /* Selection */ .k-editor-inline ::selection { background-color: #4b616c; text-shadow: none; color: #fff; } .k-editor-inline ::-moz-selection { background-color: #4b616c; text-shadow: none; color: #fff; } .k-notification-info { background-color: #bbdefb; color: #2b98f3; border-color: #bbdefb; } .k-notification-success { background-color: #c8e6c9; color: #5fb662; border-color: #c8e6c9; } .k-notification-warning { background-color: #fdefba; color: #f8c70d; border-color: #fdefba; } .k-notification-error { background-color: #ffcdd2; color: #ff3448; border-color: #ffcdd2; } /* Gantt */ .k-gantt .k-treelist { background: #f2f2f2; } .k-gantt .k-treelist .k-alt { background-color: #d9d9d9; } .k-gantt .k-treelist tr:hover { background-color: #ebebeb; } .k-gantt .k-treelist .k-state-selected, .k-gantt .k-treelist .k-state-selected td, .k-gantt .k-treelist .k-alt.k-state-selected, .k-gantt .k-treelist .k-alt.k-state-selected > td { background-color: #ffffff; } .k-gantt .k-treelist .k-alt.k-state-selected:hover, .k-gantt .k-treelist .k-alt.k-state-selected:hover td { background-color: #00a1dc; } .k-task-dot:after { background-color: #444444; border-color: #444444; } .k-task-dot:hover:after { background-color: #ffffff; } .k-task-summary { border-color: #89a1ad; background: #89a1ad; } .k-task-milestone, .k-task-summary-complete { border-color: #444444; background: #444444; } .k-state-selected.k-task-summary { border-color: #89a1ad; background: #89a1ad; } .k-state-selected.k-task-milestone, .k-state-selected .k-task-summary-complete { border-color: #ffffff; background: #ffffff; } .k-task-single { background-color: #718e9d; border-color: #607c8a; color: #ffffff; } .k-state-selected.k-task-single { border-color: #ffffff; } .k-line { background-color: #444444; color: #444444; } .k-state-selected.k-line { background-color: #ffffff; color: #ffffff; } .k-resource { background-color: #ffffff; } /* Border radius */ .k-block, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-notification, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload { border-radius: 2px; } .k-toolbar .k-split-button .k-button { border-radius: 2px 0 0 2px; } .k-rtl .k-tool.k-group-start, .k-rtl .k-toolbar .k-split-button .k-button, .k-rtl .k-toolbar .k-button-group .k-group-start { border-radius: 0 2px 2px 0; } .k-toolbar .k-split-button .k-split-button-arrow { border-radius: 0 2px 2px 0; } .k-rtl .k-tool.k-group-end, .k-rtl .k-toolbar .k-button-group .k-group-end, .k-rtl .k-toolbar .k-split-button .k-split-button-arrow { border-radius: 2px 0 0 2px; } .k-list-container.k-state-border-up, .k-window-content, .k-filter-menu { border-radius: 0 0 2px 2px; } .k-window-titlebar, .k-block > .k-header, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .k-tabstrip-items .k-link, .k-list-container.k-state-border-down { border-radius: 2px 2px 0 0; } .k-split-button.k-state-border-down > .k-button { border-radius: 2px 0 0 0; } .k-split-button.k-state-border-up > .k-button { border-radius: 0 0 0 2px; } .k-split-button.k-state-border-down > .k-split-button-arrow { border-radius: 0 2px 0 0; } .k-split-button.k-state-border-up > .k-split-button-arrow { border-radius: 0 0 2px 0; } .k-list .k-state-hover, .k-list .k-state-focused, .k-list .k-state-highlight, .k-list .k-state-selected, .k-fieldselector .k-list .k-item, .k-list-optionlabel, .k-dropzone, .k-listbox .k-item { border-radius: 1px; } .k-slider .k-button, .k-grid .k-slider .k-button { border-radius: 13px; } .k-draghandle { border-radius: 13px; } .k-scheduler-toolbar > ul li:first-child, .k-scheduler-toolbar > ul li:first-child .k-link, .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li, .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link { border-radius: 2px 0 0 2px; } .k-rtl .k-scheduler-toolbar > ul li:first-child, .k-rtl .k-scheduler-toolbar > ul li:first-child .k-link, .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li, .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link, .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child, .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child .k-link { border-radius: 0 2px 2px 0; } .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today, .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today .k-link, .k-edit-field > .k-scheduler-navigation { border-radius: 2px; } .k-scheduler-toolbar .k-nav-next, .k-scheduler-toolbar ul + ul li:last-child, .k-scheduler-toolbar .k-nav-next .k-link, .k-scheduler-toolbar ul + ul li:last-child .k-link { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .k-rtl .k-scheduler-toolbar .k-nav-next, .k-rtl .k-scheduler-toolbar ul + ul li:last-child, .k-rtl .k-scheduler-toolbar .k-nav-next .k-link, .k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link { border-radius: 2px 0 0 2px; } .k-scheduler div.k-scheduler-footer ul li, .k-scheduler div.k-scheduler-footer .k-link { border-radius: 2px; } .k-more-events, .k-event, .k-task-single, .k-task-complete, .k-event .k-link { border-radius: 1px; } .k-scheduler-mobile .k-event { border-radius: 0px; } /* Adaptive Grid */ .k-grid-mobile .k-column-active + th.k-header { border-left-color: #444444; } html .km-pane-wrapper .km-widget, .k-ie .km-pane-wrapper .k-widget, .k-ie .km-pane-wrapper .k-group, .k-ie .km-pane-wrapper .k-content, .k-ie .km-pane-wrapper .k-header, .k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button, .km-pane-wrapper .k-mobile-list .k-item, .km-pane-wrapper .k-mobile-list .k-edit-label, .km-pane-wrapper .k-mobile-list .k-edit-field { color: #444444; } @media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) { div.km-pane-wrapper a { color: #444444; } } .km-pane-wrapper .k-mobile-list .k-item, .km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check { background-color: #ffffff; border-top: 1px solid #e7e7e7; } .km-pane-wrapper .k-mobile-list .k-item.k-state-selected { background-color: #ffffff; border-top-color: #ffffff; } .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child { border-top-color: transparent; } .km-pane-wrapper .k-mobile-list .k-item:last-child { box-shadow: inset 0 -1px 0 #e7e7e7; } .km-pane-wrapper .k-mobile-list > ul > li > .k-link, .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3), .km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child { color: #9b9b9b; } .km-pane-wrapper .k-mobile-list > ul > li > .k-link { border-bottom: 1px solid #e7e7e7; } .km-pane-wrapper .k-mobile-list .k-edit-field { box-shadow: 0 1px 1px #e7e7e7; } .km-actionsheet .k-grid-delete, .km-actionsheet .k-scheduler-delete, .km-pane-wrapper .k-scheduler-delete, .km-pane-wrapper .k-filter-menu .k-button[type=reset] { color: #fff; border-color: #eed3d7; background-color: red; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15)); } .km-actionsheet .k-grid-delete:active, .km-actionsheet .k-scheduler-delete:active, .km-pane-wrapper .k-scheduler-delete:active, .km-pane-wrapper .k-filter-menu .k-button[type=reset]:active { background-color: #990000; } /* /Column Menu */ .k-picker-wrap.k-state-default { background-position: 50% 50%; color: #444444; background-color: transparent; border-color: transparent; } /* .k-picker-wrap.k-state-hover{ background-color: transparent; background-image: none; background-position: 50% 50%; border-color: transparent; }*/ .k-list-container { color: #444444; } .k-nodata { color: #999999; } .k-state-default > .k-select { border-color: #f0f0f0; } .k-state-focused > .k-select { border-color: #f5f5f5; } .k-state-hover > .k-select { border-color: #f5f5f5; } .k-tabstrip:focus { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); } .k-tabstrip-items .k-item .k-link, .k-panelbar > li.k-state-default > .k-link { color: #ffffff; } .k-tabstrip-items .k-state-hover .k-link, .k-panelbar > li.k-state-hover > .k-link, .k-panelbar > li.k-state-default > .k-link.k-state-hover { color: #444444; } .k-panelbar > li > .k-state-focused.k-state-hover { background: #ebebeb; box-shadow: none; } .k-tabstrip-items .k-state-default, .k-panelbar .k-tabstrip-items .k-state-default { border-color: transparent; } .k-tabstrip-items .k-state-hover { border-color: #ebebeb; } .k-tabstrip .k-content.k-state-active { background-color: #ffffff; color: #444444; } .k-menu.k-header, .k-menu .k-item { border-color: var(--ep-grid-border); } .k-column-menu, .k-column-menu .k-item, .k-overflow-container .k-overflow-group { border-color: var(--ep-grid-border); border-width: 1px; } .k-overflow-container .k-overflow-group { box-shadow: inset 0 1px 0 #ffffff, 0 1px 0 #ffffff; } .k-toolbar-first-visible.k-overflow-group, .k-overflow-container .k-overflow-group + .k-overflow-group { box-shadow: 0 1px 0 #ffffff; } .k-toolbar-last-visible.k-overflow-group { box-shadow: inset 0 1px 0 #ffffff; } .k-column-menu .k-separator { border-color: var(--ep-grid-border); background-color: transparent; } .k-menu .k-group { border-color: rgba(0, 0, 0, 0.2); } .k-grid-filter.k-state-active { background-color: #ffffff; } .k-grouping-row td, .k-group-footer td, .k-grid-footer td { color: #ffffff; border-color: var(--ep-grid-border); font-weight: bold; } .k-grouping-header { color: #ffffff; } .k-header, .k-grid-header-wrap, .k-grid .k-grouping-header, .k-grid-header, .k-grid-pager, .k-grid-pager .k-textbox, .k-grid-pager .k-link, .k-grouping-header .k-group-indicator, .k-gantt-toolbar .k-state-default { border-color: var(--ep-grid-border); } .k-button:focus, .k-button.k-state-focused { color: #444444; /*border-color: #ebebeb;*/ border: 1px dashed var(--ep-color-anotherBlue) !important; background-color: #ebebeb; } .k-button:active, .k-button.k-state-active { color: #000000; background-color: #dbdbdb; border-color: #dbdbdb; } .k-button:active:focus, .k-button.k-state-active:focus, .k-button:active.k-state-focused, .k-button.k-state-active.k-state-focused { color: #000000; border-color: #d1d1d1; background: #d1d1d1; } .k-state-disabled .k-button, .k-state-disabled.k-button { color: #999999; border-color: #fafafa; background-color: #fafafa; background-image: none; box-shadow: none; } .k-state-disabled .k-button:focus, .k-state-disabled.k-button:focus { color: #999999; border-color: #ebebeb; background-color: #ebebeb; box-shadow: none; } .k-button-group .k-button { box-shadow: none; background-color: var(--ep-color-white); color: var(--ep-color-anotherBlue) } .k-button-group .k-button.k-state-active { color: #000000; background-color: #dbdbdb; border-color: #dbdbdb; } .k-button-group .k-button:focus.k-state-active, .k-button-group .k-button.k-state-focused.k-state-active { color: #fff; background: var(--ep-color-anotherBlue); box-shadow: none; border: 1px solid var(--ep-color-anotherBlue); } .k-button-group .k-button.active_tab_focus { color: #fff; background: var(--ep-color-anotherBlue); box-shadow: none; } /*.k-button-group .k-button:focus, .k-button-group .k-button.k-state-focused { color: #fff; background: var(--ep-color-anotherBlue); box-shadow: none; border: 1px solid var(--ep-color-anotherBlue); }*/ /*.k-button-group .k-button:focus { color: #fff; background: var(--ep-color-anotherBlue); box-shadow: none; border: 1px solid var(--ep-color-anotherBlue); }*/ .k-button-group .k-button:focus { color: #fff; background: var(--ep-color-blue); box-shadow: none; } .k-pager-numbers .k-link { border-color: transparent; } .k-scheduler-table .k-icon, .k-grid .k-hierarchy-cell .k-icon { background-color: transparent; border-radius: 50%; } .k-scheduler-table .k-state-hover .k-icon { background-color: transparent; } .k-checkbox-label:before { border-color: #7f7f7f; background: #ffffff; border-radius: 1px; } .k-checkbox:hover + .k-checkbox-label:before, .k-checkbox:checked:hover + .k-checkbox-label:before, .k-checkbox-label:hover:before, .k-checkbox:checked + .k-checkbox-label:hover:before { border-color: #7f7f7f; box-shadow: none; } .k-checkbox:checked + .k-checkbox-label:before { background-color: #4b616c; border-color: #4b616c; color: #ffffff; } .k-checkbox:active + .k-checkbox-label:before, .k-checkbox-label:active:before { box-shadow: none; border-color: #839ca9; } .k-checkbox:checked:active + .k-checkbox-label:before, .k-checkbox:checked + .k-checkbox-label:active:before { box-shadow: none; border-color: #839ca9; } .k-checkbox:disabled + .k-checkbox-label { color: #999999; } .k-checkbox:disabled + .k-checkbox-label:hover:before { box-shadow: none; } .k-checkbox:disabled + .k-checkbox-label:before, .k-checkbox:checked:disabled + .k-checkbox-label:before, .k-checkbox:checked:disabled + .k-checkbox-label:active:before, .k-checkbox:checked:disabled + .k-checkbox-label:hover:before { color: #999999; background: #f5f5f5; border-color: #bfbfbf; border-radius: 1px; } .k-checkbox:focus + .k-checkbox-label:before, .k-checkbox:focus + .k-checkbox-label:hover:before { border-color: #839ca9; box-shadow: none; } .k-checkbox:indeterminate + .k-checkbox-label:after { background-color: #4b616c; background-image: none; border-color: #4b616c; border-radius: 0px; } .k-checkbox:indeterminate:hover + .k-checkbox-label:after { border-color: #4b616c; background-color: #4b616c; } .k-checkbox-label:before { background: transparent; } .k-checkbox:focus + .k-checkbox-label:before { border-color: #7f7f7f; } .k-checkbox:checked + .k-checkbox-label:before, .k-checkbox:checked:hover + .k-checkbox-label:before, .k-checkbox:checked + .k-checkbox-label:hover:before { border-color: #4b616c; } .k-checkbox:focus + .k-checkbox-label:after { box-shadow: 0 0 0 12px rgba(127, 127, 127, 0.2); background: rgba(127, 127, 127, 0.2); } .k-checkbox:active + .k-checkbox-label:after, .k-checkbox + .k-checkbox-label:active:after { box-shadow: 0 0 0 12px rgba(131, 156, 169, 0.4); background: rgba(131, 156, 169, 0.4); } .k-checkbox:checked:focus + .k-checkbox-label:after, .k-checkbox:checked + .k-checkbox-label:focus:after, .k-checkbox:checked:active + .k-checkbox-label:after, .k-checkbox:checked + .k-checkbox-label:active:after { box-shadow: 0 0 0 12px rgba(131, 156, 169, 0.4); background: rgba(131, 156, 169, 0.4); } .k-checkbox:disabled + .k-checkbox-label:active:after { box-shadow: none; } .k-checkbox:indeterminate + .k-checkbox-label:before { border-color: #4b616c; } .k-radio-label:before { border-color: #7f7f7f; border-radius: 50%; background-color: #ffffff; border-width: 2px; } .k-radio-label:hover:before, .k-radio:checked + .k-radio-label:hover:before { border-color: #7f7f7f; box-shadow: none; } .k-radio:checked + .k-radio-label:after { background-color: #4b616c; border-radius: 50%; } .k-radio-label:active:before { border-color: #668493; box-shadow: 0 0 2px 0 #668493; } .k-radio:checked + .k-radio-label:active:before { box-shadow: 0 0 2px 0 #668493; border-color: #668493; } .k-radio:disabled + .k-radio-label { color: #bfbfbf; } .k-radio:disabled + .k-radio-label:before, .k-radio:disabled + .k-radio-label:active:before, .k-radio:disabled + .k-radio-label:hover:after, .k-radio:disabled + .k-radio-label:hover:before { background: #ffffff; border-color: #bfbfbf; box-shadow: none; } .k-radio:disabled:checked + .k-radio-label:after { background-color: #4b616c; opacity: .5; } .k-radio:focus + .k-radio-label:before { border-color: #668493; box-shadow: 0 0 2px 0 #668493; } .k-radio:checked + .k-radio-label:before, .k-radio:checked + .k-radio-label:hover:before { border-color: #4b616c; } .k-radio + .k-radio-label:active:before { border-color: #7f7f7f; box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3); } .k-radio:checked + .k-radio-label:active:before { box-shadow: 0 0 0 12px rgba(75, 97, 108, 0.3); } .k-radio:focus + .k-radio-label:before { border-color: #7f7f7f; box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3); } .k-radio:disabled:checked + .k-radio-label:before, .k-radio:disabled:checked + .k-radio-label:hover:before { border-color: #bfbfbf; } .k-radio:disabled:checked + .k-radio-label:active:before { box-shadow: none; } .k-tool-icon:hover, .k-state-hover .k-tool-icon, .k-state-selected .k-tool-icon, .k-state-focused .k-tool-icon, .k-button:hover .k-tool-icon, .k-splitbar.k-splitbar-horizontal-hover .k-icon, .k-splitbar.k-splitbar-vertical-hover .k-icon, div.k-splitbar.k-state-focused .k-icon, .k-textbox:hover > .k-icon, .k-grouping-header .k-i-delete, .k-grouping-header .k-button-icon:hover > .k-icon.k-i-delete, .k-grouping-header .k-i-delete, .k-grouping-header .k-button-icon:hover > .k-icon.k-i-delete, .k-grouping-header .k-i-arrow-60-up, .k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-up, .k-grouping-header .k-i-arrow-60-up, .k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-up, .k-grouping-header .k-i-arrow-60-down, .k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-down, .k-grouping-header .k-i-arrow-60-down, .k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-down, .k-grid-toolbar .k-i-file-pdf, .k-grid-toolbar .k-button:hover > .k-i-file-pdf, .k-grid-toolbar .k-i-file-excel, .k-grid-toolbar .k-button:hover > .k-i-file-excel, .k-grid-toolbar .k-icon, .k-scheduler-toolbar .k-icon, .k-scheduler-footer .k-icon, .k-scheduler-content .k-icon, .k-gantt-toolbar .k-icon, .k-field-actions .k-icon, .k-notification .k-icon, .k-pivot-configurator-settings .k-icon:hover, .k-window-titlebar .k-icon { opacity: 1; } .k-splitbar .k-icon, .k-pivot-configurator-settings .k-icon { opacity: 0.7; } .k-grid-pager .k-link.k-state-disabled .k-icon { opacity: 0.25; } .k-button, .k-header { font-weight: 500; } .k-primary, .k-overflow-container .k-primary { color: #ffffff; border-color: #4b616c; background-position: 50% 50%; background-color: #4b616c; } .k-primary:hover, .k-primary.k-state-hover, .k-primary:active:hover, .k-primary.k-state-active:hover { color: #ffffff; border-color: #5c6bc0; background-color: #5c6bc0; } .k-primary:focus, .k-primary.k-state-focused, .k-primary:active, .k-primary.k-state-active { color: #ffffff; border-color: #283593; background-color: #283593; } .k-primary.k-state-disabled, .k-state-disabled .k-primary, .k-primary.k-state-disabled:hover, .k-state-disabled .k-primary:hover, .k-primary.k-state-disabled:hover, .k-state-disabled .k-primary:active, .k-primary.k-state-disabled:active { color: #999999; border-color: #fafafa; background-color: #fafafa; box-shadow: none; } .k-combobox { background-color: #fafafa; } .k-autocomplete.k-state-active .k-input, .k-picker-wrap.k-state-active .k-input { background-color: transparent; } .k-picker-wrap.k-state-hover > .k-select, .k-picker-wrap.k-state-focused > .k-select { border-color: #ffffff; } .k-picker-wrap.k-state-hover .k-input, .k-picker-wrap.k-state-focused .k-input { background-color: #ffffff; } .k-maskedtextbox.k-state-disabled > .k-textbox:hover, .k-dateinput.k-state-disabled > .k-textbox:hover { border-color: #f0f0f0; box-shadow: none; } .k-list > .k-state-selected.k-state-focused { box-shadow: none; color: #3f51b5; } .k-list > .k-state-selected { box-shadow: none; } .k-list > .k-state-focused { border-color: transparent; box-shadow: none; } .k-list > .k-state-hover, .k-list > .k-state-selected.k-state-hover { background-color: var(--ep-color-blue); border-color: var(--ep-color-blue); color: var(--ep-color-white); } .k-list-container { border-color: #ebebeb; } .k-grid td.k-state-focused.k-state-selected { box-shadow: inset 0 0 0 1px #808080; } .k-calendar td.k-state-focused, .k-calendar td.k-state-selected.k-state-focused { box-shadow: inset 0 0 0 1px #808080; } .k-calendar td.k-state-selected { background-color: #00b0f0; box-shadow: none; } .k-calendar td.k-state-selected.k-state-hover { background-color: #00a1dc; } .k-calendar .k-state-selected > .k-link { color: #ffffff; } /* Calendar */ .k-calendar .k-header .k-link { color: #ffffff; } .k-calendar .k-footer { border-color: var(--ep-grid-border); } .k-calendar td { border-radius: 50%; } .k-calendar .k-content th { background-color: #ffffff; } .k-calendar .k-alt { border-radius: 0; background-color: #f2f2f2; } .k-calendar .k-header .k-state-hover { background-color: #36464e; } .k-calendar .k-footer .k-nav-today { color: #4b616c; } .k-calendar .k-nav-fast.k-state-hover { border-radius: 0; } .k-calendar .k-today { border: transparent !important; box-shadow: none !important; } .k-calendar .k-today .k-link { color: #ffffff; } .k-calendar .k-today.k-state-hover { /*background-color: #36464e;*/ } .k-calendar .k-today:active { box-shadow: inset 0 0 0 1px #2c383f; } .k-calendar .k-link.k-state-hover, .k-window-titlebar .k-link { box-shadow: none; } .k-window-titlebar .k-state-hover { background-color: #687c86; border-color: #687c86; } /* TabStrip */ .k-tabstrip > .k-tabstrip-items > .k-item { border-radius: 0; } .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-items .k-state-active { background-color: #4b616c; background-image: none; border-bottom-color: #00b0f0; } .k-tabstrip .k-content.k-state-active { border-color: transparent; } .k-tabstrip-items .k-item.k-state-hover { background: #687c86; border-color: #687c86; } .k-tabstrip-items .k-state-hover .k-link { color: #ffffff; } /* Menu */ .k-group, .k-flatcolorpicker.k-group, .k-menu, .k-menu .k-group, .k-popup.k-widget.k-context-menu { color: #444444; background-color: #ffffff; } .k-menu .k-group, .k-popup.k-context-menu.k-group { border-color: var(--ep-grid-border); } .k-menu.k-header, .k-menu .k-item, .k-widget.k-menu-horizontal > .k-item { box-shadow: none; } .k-menu .k-state-active, .k-popup.k-context-menu.k-group .k-state-hover { background-color: #ebebeb; border-color: #ebebeb; } .km-pane-wrapper .k-header .k-button:active:hover { color: #ffffff; } .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-gantt-toolbar .k-button { background-color: #4b616c; border-color: #4b616c; } .k-gantt .k-gantt-toolbar .k-button:active { background: #ffffff; box-shadow: none; } .k-gantt-toolbar > .k-gantt-views > li.k-state-selected, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-selected.k-state-hover, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover, .k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected { border-bottom-color: #00b0f0; } .k-scheduler-mark { border-radius: 50%; } /* Grid */ .k-grid .k-alt { background-color: #ffffff; } .k-grouping-row td, td.k-group-cell, .k-resize-handle-inner, .k-grid .k-state-selected:hover .k-group-cell { color: #444444; background-color: #f2f2f2; } .k-grouping-header .k-group-indicator, .k-pivot-toolbar .k-button { color: #ffffff; background-color: #36464e; border-color: #36464e; box-shadow: none; } .k-grid-header, .k-grid-header .k-header, .k-grid-pager, .k-pager-numbers .k-state-selected, .k-grid-footer, .k-grid-footer td, .km-pane-wrapper .k-grid-header .k-header { color: #444444; background-color: #fafafa; } .k-header.k-scheduler-footer .k-header, .k-header.k-scheduler-footer ul.k-header li .k-link { color: #00b0f0; background-color: #fafafa; } .k-header.k-scheduler-footer ul.k-header li { background-color: #fafafa; border-color: #fafafa; } .k-header, .k-grid-header-wrap, .k-grid .k-grouping-header, .k-grid-header, .k-grid-pager, .k-grid-pager .k-textbox, .k-grid-pager .k-link, .k-gantt-toolbar .k-state-default, .k-grouping-row td, .k-group-footer td, .k-grid-footer td { border-color: var(--ep-grid-border); } .k-group-footer td, .k-footer-template td, .k-fieldselector .k-item.k-header { color: #444444; background-color: #f2f2f2; } .k-grid .k-grouping-header { color: rgba(255, 255, 255, 0.5); } .k-grid-pager { color: #444444; } .k-grouping-header .k-link, .k-grouping-header .k-link:link { color: #ffffff; } .k-state-selected.k-line { color: #00b0f0; } .k-grid tr.k-state-selected, .k-grid td.k-state-selected, .k-listview > .k-state-selected, .k-state-selected .k-progress-status { color: #ffffff; } .k-grid .k-filter-row:hover, .k-pivot-rowheaders .k-grid tr:hover { background: none; } .k-grid td.k-state-selected, .k-grid tr.k-state-selected > td { border-color: #008bbd; } .k-grid-header .k-header .k-link, .k-grid-header .k-header, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-pager-info, .k-scheduler-header, .k-scheduler-agendaview .k-scheduler-datecolumn { color: #999999; } .k-gantt .k-task-draghandle { border-color: #00b0f0; } .k-grid-pager .k-link, .k-grid-pager .k-link:link { color: #444444; } .k-pager-numbers .k-link, .k-grid-pager > .k-link { border-radius: 0; } .k-pager-numbers .k-state-selected { border-color: #3f51b5 transparent transparent; border-radius: 0; box-shadow: none; color: #3f51b5; } .k-grid-pager .k-link { border-color: #fafafa; cursor: pointer; } .k-grid-pager .k-link:hover { background-color: transparent; border-color: transparent; } .k-scheduler-toolbar > ul li:first-child, .k-scheduler-toolbar > ul li:first-child .k-link, .k-scheduler-toolbar .k-nav-next, .k-scheduler-toolbar ul + ul li:last-child, .k-scheduler-toolbar .k-nav-next .k-link, .k-scheduler-toolbar ul + ul li:last-child .k-link, .k-gantt-toolbar li:first-child, .k-gantt-toolbar li:first-child > .k-link, .k-gantt-toolbar li:last-child, .k-gantt-toolbar li:last-child > .k-link { border-radius: 0; } .k-grid, .k-panelbar, .k-notification, .k-popup .k-textbox:focus, .k-popup .k-autocomplete.k-state-focused, .k-popup .k-picker-wrap.k-state-focused, .k-popup .k-numeric-wrap.k-state-focused, .k-popup .k-dropdown-wrap.k-state-focused, .k-popup .k-multiselect.k-header.k-state-focused, .k-popup .k-textbox:hover, .k-popup .k-autocomplete.k-state-hover, .k-popup .k-picker-wrap.k-state-hover, .k-popup .k-numeric-wrap.k-state-hover, .k-popup .k-dropdown-wrap.k-state-hover { box-shadow: none; } /* PanelBar */ .k-panelbar, .k-panelbar .k-header, .k-panelbar .k-content, .k-panel > li.k-item, .k-panelbar .k-state-selected { background-color: #fafafa; } .k-panelbar .k-grid-toolbar { background-color: #4b616c; } .k-panelbar > li.k-state-default > .k-link { color: #444444; } .k-panelbar > li > .k-hover { background-color: #ebebeb; } .k-panelbar > .k-item > .k-link, .k-panelbar.k-header, .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar .k-item { border-color: var(--ep-grid-border); } /* Splitter */ .k-splitbar { border-color: #fafafa; } .k-splitbar.k-state-focused { background-color: #4b616c; border-color: #4b616c; box-shadow: none; } /* Upload */ .k-upload { color: #444444; background-color: #ffffff; } .k-upload-files .k-button { box-shadow: none; } /* Gantt */ .k-task-milestone, .k-task-summary-complete, .k-state-selected.k-task-milestone, .k-state-selected .k-task-summary-complete { background-color: #4b616c; border-color: #4b616c; } .k-task-single { background-color: #57d2ff; } .k-task-complete { background: #00b0f0 0 -257px none repeat-x; } .k-treelist .k-state-selected, .k-treelist .k-state-selected td, .k-treelist .k-alt.k-state-selected, .k-treelist .k-alt.k-state-selected > td { background-color: #00b0f0; border-color: #00b0f0; } .k-multiselect .k-button:focus:active:not(.k-state-disabled):not([disabled]), .k-group-indicator .k-button, .k-group-indicator .k-button:focus:active:not(.k-state-disabled):not([disabled]), .k-group-indicator .k-button:focus:not(.k-state-disabled):not([disabled]), .k-gantt-toolbar .k-button:focus:not(.k-state-disabled):not([disabled]), .k-gantt-toolbar .k-button:focus:active:not(.k-state-disabled):not([disabled]) { box-shadow: none; } .k-filebrowser .k-header { color: #444444; } /* Progressbar */ .k-progressbar { background-color: #fafafa; border-color: #fafafa; } .k-progressbar .k-item, .k-progressbar .k-item.k-state-selected { border-color: #ffffff; } .k-progressbar .k-state-selected { background-color: #4b616c; border-color: #4b616c; } .k-widget.k-tooltip-validation { box-shadow: none; } /* Pivot Grid */ .k-grid.k-alt { background-color: #fafafa; } .k-gantt .k-treelist .k-alt, .k-gantt .k-header.k-nonwork-hour { background-color: #f2f2f2; } /* Slider */ .k-slider-track { background-color: var(--ep-grid-border); box-shadow: none; } .k-slider-selection { background-color: #4b616c; border-color: #4b616c; } .k-slider .k-button, .k-slider .k-button.k-state-hover, .k-slider .k-button:active:hover, .k-slider .k-button:focus, .k-slider .k-button:active { background: none; border: none; box-shadow: none; } .k-draghandle, .k-flatcolorpicker .k-slider-horizontal .k-slider-track { box-shadow: none; } .k-flatcolorpicker .k-hue-slider .k-draghandle, .k-flatcolorpicker .k-transparency-slider .k-draghandle { border-color: #4b616c; background-color: #4b616c; box-shadow: none; } .k-flatcolorpicker .k-hue-slider .k-draghandle:hover, .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover { border-color: #4b616c; background-color: #4b616c; box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3); } .k-draghandle.k-state-selected, .k-draghandle.k-state-selected:link, .k-draghandle.k-state-selected:hover, .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected, .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-selected { background-color: #cccccc; border-color: #cccccc; } .k-draghandle.k-state-focused, .k-draghandle.k-state-focused:link, .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-focused, .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-focused { box-shadow: none; border-color: #4b616c; background-color: #4b616c; } .k-edit-buttons { background-color: #fafafa; } .k-popup .k-button, .k-popup .k-button:active:hover { box-shadow: none; } .k-edit-form-container .k-button, .k-popup .k-button, .k-popup .k-primary:active, .k-popup .k-primary:active:hover, .k-edit-form-container .k-primary:active { color: #444444; background-color: #fafafa; border-color: #fafafa; box-shadow: none; } .k-popup .k-primary, .k-edit-form-container .k-primary { color: #00b0f0; background-color: #fafafa; border-color: #fafafa; } .k-split-wrapper .k-button, .k-overflow-container .k-button, .k-filter-menu .k-button { background: transparent; border-color: transparent; } .k-split-wrapper .k-button, .k-overflow-container .k-button { text-transform: none; } .k-split-wrapper .k-button:hover, .k-overflow-container .k-button:hover { background-color: #ebebeb; border-color: #ebebeb; } .k-split-wrapper .k-button:focus, .k-split-wrapper .k-button:focus:not(.k-state-disabled):not([disabled]) { color: #4b616c; box-shadow: none; } .k-overflow-container .k-button:focus { color: #444444; border-color: #ebebeb; background-color: #ebebeb; } .k-overflow-container .k-separator { border-color: var(--ep-grid-border); } .k-filter-menu .k-button { background: transparent; border-color: transparent; } .k-filter-menu .k-primary { border-left-color: #f0f0f0; } .k-filter-menu > div > div:last-child { border-color: #f0f0f0; } .k-popup .k-button:focus:active:not(.k-state-disabled):not([disabled]), .k-edit-form-container .k-button:focus:active:not(.k-state-disabled):not([disabled]) { box-shadow: none; } .k-edit-form-container .k-scheduler-delete { color: #00b0f0; } div.k-scheduler-marquee:before, div.k-scheduler-marquee:after { border-color: #00b0f0; } .km-pane-wrapper > .km-pane > .km-view > .km-content { color: #4b616c; background-color: #ffffff; } .km-pane-wrapper > .km-pane .km-content .k-mobile-list > ul > li > .k-link { color: #4b616c; } .k-popup.k-context-menu { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } .k-drag-clue { color: #444444; background-color: #ebebeb; border-color: #ebebeb; box-shadow: inset 0 0 0 1px #808080; } .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header { color: #444444; } .k-popup .k-item > .k-group { color: #444444; } /* Responsive styles */ @media only screen and (max-width: 370px) { .k-webkit .k-pager-refresh, .k-ff .k-pager-refresh, .k-ie11 .k-pager-refresh, .k-edge .k-pager-refresh, .k-safari .k-pager-refresh { display: none; } } @media only screen and (max-width: 590px) { .k-webkit .k-pager-refresh, .k-ff .k-pager-refresh, .k-ie11 .k-pager-refresh, .k-edge .k-pager-refresh, .k-safari .k-pager-refresh { margin-right: 0; } } @media only screen and (max-width: 530px) { .k-webkit .k-pager-sizes, .k-ff .k-pager-sizes, .k-ie11 .k-pager-sizes, .k-edge .k-pager-sizes, .k-safari .k-pager-sizes { display: none; } } @media only screen and (max-width: 687px) { .k-webkit .k-pager-info, .k-ff .k-pager-info, .k-ie11 .k-pager-info, .k-edge .k-pager-info, .k-safari .k-pager-info { display: none; } } @media only screen and (max-width: 1024px) { .k-scheduler-toolbar > ul.k-scheduler-views { right: 13px; top: 0; } .k-webkit, .k-ff, .k-ie11, .k-edge, .k-safari { /* Responsive Scheduler */ /* Responsive Pager */ } .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views, .k-edge .k-scheduler-toolbar > ul.k-scheduler-views, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views { right: 13px; top: 0; } .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover { background-position: 50% 50%; background-color: transparent; border-color: transparent; border-radius: 2px; text-align: right; } .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li { border-radius: 0; } .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view, .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view { border-radius: 1px 1px 0 0; } .k-webkit .k-scheduler-toolbar > ul li:first-child, .k-ff .k-scheduler-toolbar > ul li:first-child, .k-ie11 .k-scheduler-toolbar > ul li:first-child, .k-edge .k-scheduler-toolbar > ul li:first-child, .k-safari .k-scheduler-toolbar > ul li:first-child, .k-webkit .k-scheduler-toolbar > ul li:first-child .k-link, .k-ff .k-scheduler-toolbar > ul li:first-child .k-link, .k-ie11 .k-scheduler-toolbar > ul li:first-child .k-link, .k-edge .k-scheduler-toolbar > ul li:first-child .k-link, .k-safari .k-scheduler-toolbar > ul li:first-child .k-link, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li, .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li .k-link, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li .k-link, .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li .k-link { border-radius: 0; } .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link, .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link { border-radius: 0 0 1px 1px; } .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover { border-color: transparent; background-image: none; background-color: transparent; } .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link { color: #ffffff; min-width: 20px; } .k-webkit .k-scheduler-views > li.k-state-selected > .k-link:after, .k-ff .k-scheduler-views > li.k-state-selected > .k-link:after, .k-ie11 .k-scheduler-views > li.k-state-selected > .k-link:after, .k-edge .k-scheduler-views > li.k-state-selected > .k-link:after, .k-safari .k-scheduler-views > li.k-state-selected > .k-link:after { display: block; content: ""; position: absolute; top: 50%; margin-top: -0.5em; right: 0.333em; width: 1.333em; height: 1.333em; } .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded { border-width: 1px; border-style: solid; border-color: transparent; /*@secondary-border-color*/ background-image: none; background-color: #4b616c; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } .k-webkit .k-gantt-toolbar > ul.k-gantt-views, .k-ff .k-gantt-toolbar > ul.k-gantt-views, .k-ie11 .k-gantt-toolbar > ul.k-gantt-views, .k-edge .k-gantt-toolbar > ul.k-gantt-views, .k-safari .k-gantt-toolbar > ul.k-gantt-views { top: 0; } } @media only screen and (max-width: 755px) { .k-webkit .k-pager-info, .k-ff .k-pager-info, .k-ie11 .k-pager-info, .k-edge .k-pager-info, .k-safari .k-pager-info { display: none; } } @media only screen and (max-width: 572px) { .k-webkit .k-pager-sizes, .k-ff .k-pager-sizes, .k-ie11 .k-pager-sizes, .k-edge .k-pager-sizes, .k-safari .k-pager-sizes { display: none; } } /* Default Theme */ .k-chart .k-mask { background-color: #ffffff; filter: alpha(opacity=68); opacity: 0.68; } .k-chart .k-selection { border-color: #e5e5e5; } .k-chart .k-handle { width: 15px; height: 15px; background-color: #3f51b5; border-radius: 10px; } .k-chart .k-left-handle { left: -8px; } .k-chart .k-right-handle { right: -8px; } .k-chart .k-handle:hover { background-color: #00b0f0; border-color: #00b0f0; } .k-chart .k-navigator-hint .k-tooltip { border: 3px solid #ffffff; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2); background: #ffffff; color: #242424; } .k-chart .k-navigator-hint .k-scroll { background: #4b616c; height: 4px; } .k-chart-tooltip { background-image: none; } /* Map */ .k-map .k-marker { font-size: 28px; color: #4b616c; } .k-map .k-attribution { color: #666666; } .k-map .k-shadow { background-color: #f9f9f9; border-color: #f9f9f9; } .k-map .k-zoom-control { border-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); border-radius: 2px; } .k-map .k-map-controls .k-button { box-shadow: none; } .k-map .k-map-controls .k-button:focus, .k-map .k-map-controls .k-button:active, .k-map .k-map-controls .k-button:focus:active { background-color: #d6d6d6; border-color: #d6d6d6; box-shadow: none; } .k-buttons-horizontal .k-zoom-out { border-radius: 0 2px 2px 0; } .k-buttons-horizontal :first-child { border-radius: 2px 0 0 2px; } .k-rtl .k-buttons-horizontal .k-zoom-out { border-radius: 2px 0 0 2px; } .k-rtl .k-buttons-horizontal :first-child { border-radius: 0 2px 2px 0; } .k-spreadsheet-row-header, .k-spreadsheet-column-header { background-color: #ffffff; } .k-spreadsheet-top-corner, .k-spreadsheet-row-header, .k-spreadsheet-column-header { background-color: #ffffff; background-image: none; color: #000000; border-color: #cccccc; } .k-spreadsheet-top-corner { border-color: #cccccc; } .k-spreadsheet-top-corner:after { border-color: transparent #cccccc #cccccc transparent; } .k-spreadsheet-pane { border-color: #cccccc; } .k-spreadsheet-pane .k-spreadsheet-vaxis, .k-spreadsheet-pane .k-spreadsheet-haxis { border-color: var(--ep-grid-border); } .k-spreadsheet-pane .k-spreadsheet-column-header, .k-spreadsheet-pane .k-spreadsheet-row-header { border-color: #cccccc; } .k-spreadsheet-pane .k-spreadsheet-merged-cell { background-color: #ffffff; } .k-spreadsheet-pane .k-selection-partial, .k-spreadsheet-pane .k-selection-full { border-color: rgba(0, 176, 240, 0.2); background-color: rgba(0, 176, 240, 0.2); } .k-spreadsheet-pane .k-filter-range { border-color: #00b0f0; } .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial, .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full { border-bottom-color: #00b0f0; } .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial, .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full { border-right-color: #00b0f0; } .k-auto-fill, .k-spreadsheet-selection { border-color: #00b0f0; box-shadow: inset 0 0 0 1px #00b0f0; } .k-auto-fill-wrapper .k-tooltip { background: #ffffff; } .k-spreadsheet-selection { background-color: rgba(0, 176, 240, 0.2); } .k-spreadsheet-active-cell { box-shadow: inset 0 0 0 1px #00b0f0; background-color: #ffffff; } .k-spreadsheet-active-cell.k-right { box-shadow: inset 0 0 0 1px #00b0f0, inset -1px 0 0 1px #00b0f0; } .k-spreadsheet-active-cell.k-bottom { box-shadow: inset 0 0 0 1px #00b0f0, inset 0 -1px 0 1px #00b0f0; } .k-spreadsheet-active-cell.k-bottom.k-right { box-shadow: inset 0 0 0 1px #00b0f0, inset -1px -1px 0 1px #00b0f0; } .k-spreadsheet-active-cell.k-single { color: #444444; background-color: #ffffff; } .k-spreadsheet .k-spreadsheet-action-bar { background-color: #ffffff; border-color: var(--ep-grid-border); } .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor { border-color: #cccccc; } .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar::before { border-color: #cccccc; } .k-spreadsheet .k-spreadsheet-formula-input { background-color: #ffffff; color: #444444; } .k-spreadsheet .k-resize-handle, .k-spreadsheet .k-resize-hint-handle, .k-spreadsheet .k-resize-hint-marker { background-color: #00b0f0; } .k-spreadsheet .k-resize-hint-vertical .k-resize-hint-handle, .k-spreadsheet .k-resize-hint-vertical .k-resize-hint-marker { background-color: #00b0f0; } .k-spreadsheet .k-single-selection::after { background-color: #00b0f0; border-color: #ffffff; } .k-spreadsheet .k-auto-fill-punch { background-color: rgba(255, 255, 255, 0.5); } .k-spreadsheet .k-single-selection.k-dim-auto-fill-handle::after { background-color: rgba(0, 176, 240, 0.5); } .k-spreadsheet-format-cells .k-spreadsheet-preview { border-color: var(--ep-grid-border); } .k-spreadsheet-filter { border-radius: 2px; background-color: #ffffff; box-shadow: inset 0 0 0 1px var(--ep-grid-border); } .k-spreadsheet-filter.k-state-active { color: #3f51b5; background-color: #00b0f0; } .k-spreadsheet-filter:hover { color: #444444; background: #ebebeb; border-color: #d7d7d7; } .k-action-window .k-action-buttons { border-color: var(--ep-grid-border); background: #4b616c; } .k-spreadsheet-sample { color: #919191; } .k-state-selected .k-spreadsheet-sample { color: inherit; } .k-spreadsheet-window .k-list { border-color: var(--ep-grid-border); border-radius: 2px; } .k-spreadsheet-toolbar.k-toolbar .k-button-group .k-button:not(.k-toggle-button) { border-radius: 2px; } .k-spreadsheet-toolbar > .k-widget, .k-spreadsheet-toolbar > .k-button, .k-spreadsheet-toolbar > .k-button-group { border-radius: 2px; } .k-spreadsheet-toolbar > .k-separator { border-color: var(--ep-grid-border); } .k-spreadsheet-toolbar .k-overflow-anchor { border-radius: 0; } .k-spreadsheet-popup { border-radius: 2px; } .k-spreadsheet-popup .k-separator { background-color: var(--ep-grid-border); } .k-spreadsheet-popup .k-button { background-color: transparent; } .k-spreadsheet-popup .k-button:hover { background-color: #ebebeb; } .k-spreadsheet-popup .k-state-active { background-color: #00b0f0; color: #ffffff; } .k-spreadsheet-popup .k-state-active:hover { background-color: #008bbd; } .k-spreadsheet-filter-menu .k-details { border-color: var(--ep-grid-border); } .k-spreadsheet-filter-menu .k-details-content .k-space-right { background-color: #ffffff; } .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper { background-color: #ffffff; border-color: var(--ep-grid-border); border-radius: 2px 0 0 2px; } .k-syntax-ref { color: #ff8822; } .k-syntax-num { color: #0099ff; } .k-syntax-func { font-weight: bold; } .k-syntax-str { color: #38b714; } .k-syntax-error { color: red; } .k-syntax-bool { color: #a9169c; } .k-syntax-startexp { font-weight: bold; } .k-syntax-paren-match { background-color: #caf200; } .k-series-a { border-color: #3f51b5; background-color: rgba(63, 81, 181, 0.15); } .k-series-b { border-color: #03a9f4; background-color: rgba(3, 169, 244, 0.15); } .k-series-c { border-color: #4caf50; background-color: rgba(76, 175, 80, 0.15); } .k-series-d { border-color: #f9ce1d; background-color: rgba(249, 206, 29, 0.15); } .k-series-e { border-color: #ff9800; background-color: rgba(255, 152, 0, 0.15); } .k-series-f { border-color: #ff5722; background-color: rgba(255, 87, 34, 0.15); } .k-spreadsheet-sheets-remove:hover .k-icon { color: #cc2222; } .k-spreadsheet-formula-list .k-state-focused { background-color: #00b0f0; color: #3f51b5; } .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button, .k-spreadsheet .k-spreadsheet-sheets-bar .k-button { box-shadow: none; color: #ffffff; border-radius: 0; line-height: 2.6em; height: calc(5.1em); width: 3em; } .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button:hover, .k-spreadsheet .k-spreadsheet-sheets-bar .k-button:hover { background-color: #3c4e56; border-color: #3c4e56; } .k-spreadsheet .k-spreadsheet-sheets-bar .k-button { right: 0; bottom: 0; padding-top: .5em; padding-bottom: .5em; line-height: 2.2em; } .k-spreadsheet .k-spreadsheet-sheets-remove { margin: 0 0 0 -1em; } .k-spreadsheet-sheets-items .k-state-default .k-link, .k-spreadsheet-tabstrip .k-state-default .k-link { color: #a5b0b6; } .k-spreadsheet-sheets-items .k-item.k-state-hover, .k-spreadsheet-tabstrip .k-item.k-state-hover, .k-spreadsheet-sheets-items .k-item.k-state-active, .k-spreadsheet-tabstrip .k-item.k-state-active, .k-spreadsheet-sheets-items .k-item.k-state-focused, .k-spreadsheet-tabstrip .k-item.k-state-focused { background-color: transparent; } .k-spreadsheet-sheets-items .k-item.k-state-hover .k-link, .k-spreadsheet-tabstrip .k-item.k-state-hover .k-link, .k-spreadsheet-sheets-items .k-item.k-state-active .k-link, .k-spreadsheet-tabstrip .k-item.k-state-active .k-link, .k-spreadsheet-sheets-items .k-item.k-state-focused .k-link, .k-spreadsheet-tabstrip .k-item.k-state-focused .k-link { color: #ffffff; } .k-spreadsheet-sheets-items .k-state-active .k-link, .k-spreadsheet-tabstrip .k-state-active .k-link { color: #ffffff; } .k-rtl .k-grid .k-checkbox:focus + .k-checkbox-label:after, .k-rtl .k-grid .k-checkbox:active + .k-checkbox-label:after, .k-rtl .k-grid .k-checkbox + .k-checkbox-label:active:after, .k-rtl .k-grid .k-checkbox:checked:active + .k-checkbox-label:after, .k-rtl .k-grid .k-checkbox:checked + .k-checkbox-label:active:after { left: auto; right: 1px; } .k-window .k-popup-edit-form .k-edit-field label.k-checkbox-label { margin-top: 0.8em; } /* Dialog */ .k-dialog .k-content { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .k-dialog.k-dialog-titleless .k-content { border-top-right-radius: 2px; border-top-left-radius: 2px; } .k-dialog .k-window-titlebar { border-width: 0; color: #444444; } .k-dialog > .k-header { background: none; } .k-dialog.k-alert .k-window-titlebar, .k-dialog.k-confirm .k-window-titlebar, .k-dialog.k-prompt .k-window-titlebar { border-bottom: none; } .k-dialog.k-alert .k-window-titlebar .k-dialog-title, .k-dialog.k-confirm .k-window-titlebar .k-dialog-title, .k-dialog.k-prompt .k-window-titlebar .k-dialog-title { color: #444444; } .k-dialog a.k-dialog-action.k-dialog-close.k-button.k-bare:before { content: normal; } .k-dialog .k-dialog-buttongroup .k-button:active, .k-dialog .k-dialog-buttongroup .k-button:focus, .k-dialog .k-dialog-buttongroup .k-button:focus:active { box-shadow: none; } .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button { padding: 15px; } .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal { border-top: solid 1px var(--ep-grid-border); background: #fafafa; } .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button { background: none; border: none; margin: 0; } .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button.k-primary { color: #00b0f0; } .k-rtl .k-grid-header .k-header:first-child, .k-rtl .k-filter-row th:first-child, .k-rtl .k-grid tbody td:first-child, .k-rtl .k-grid tfoot td:first-child { border-left-width: 0; } .k-rtl .k-dialog a.k-dialog-action.k-dialog-close { left: 0; } .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:first-child { border-bottom-right-radius: 2px; } .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:last-child { border-bottom-left-radius: 2px; } .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal { text-align: left; } .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button { margin-left: 0; margin-right: 0.5em; } .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:first-child { margin-right: 0; } .k-maskedtextbox.k-state-invalid .k-textbox { border-color: #ff3448; color: #ff3448; } .k-maskedtextbox.k-state-invalid .k-i-warning { color: #ff3448; } .k-dateinput.k-state-invalid .k-textbox { color: #ff3448; border-color: #ff3448; } .k-dateinput.k-state-invalid .k-i-warning { margin-left: 0; margin-right: 0.7em; color: #ff3448; } .k-rtl .k-dateinput .k-i-warning { margin-right: 0; margin-left: 0.7em; } .k-listbox .k-list-scroller { border-color: var(--ep-grid-border); background-color: #ffffff; } .k-listbox .k-item:hover:not(.k-state-disabled), .k-listbox .k-item.k-state-selected { background-color: #ebebeb; border-color: transparent; } .k-listbox .k-button.k-state-disabled:hover .k-icon { opacity: .7; } .k-listbox .k-drop-hint { height: 0; border-top: 1px solid #4b616c; } .k-item.k-state-selected.k-drag-clue { border-color: transparent; background-color: #ebebeb; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); } .k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order { color: #3f51b5; opacity: 1; margin-bottom: -1px; } .k-menu-scroll-button { border-width: 0; box-shadow: none; border-color: var(--ep-grid-border); color: #444444; background-color: #ffffff; } .k-menu-scroll-wrapper.horizontal .k-scroll-left { border-right-width: 1px; } .k-menu-scroll-wrapper.horizontal .k-scroll-right { border-left-width: 1px; } .k-menu-scroll-wrapper.vertical .k-scroll-up { border-bottom-width: 1px; } .k-menu-scroll-wrapper.vertical .k-scroll-down { border-top-width: 1px; } .k-toolbar { color: #444444; border-color: var(--ep-grid-border); background-color: #fafafa; } .k-toolbar .k-button { border-radius: 0; } .k-toolbar .k-button-group, .k-toolbar .k-button { box-shadow: none; } .k-toolbar .k-overflow-anchor { border-color: var(--ep-grid-border); border-left-color: transparent; } .k-toolbar .k-overflow-anchor:hover { border-color: var(--ep-grid-border); } .k-toolbar .k-overflow-anchor:active, .k-toolbar .k-overflow-anchor.k-state-border-down { color: #000000; background-color: #dbdbdb; border-color: #dbdbdb; } .k-toolbar .k-split-button:focus { box-shadow: none; background: #ebebeb; } .k-toolbar .k-split-button:focus .k-split-button-arrow { border-left-color: #dbdbdb; } .k-mediaplayer-toolbar { background: rgba(250, 250, 250, 0.85); } .k-editor .k-toolbar-tool { color: inherit; } .k-editor .k-editor-toolbar.k-toolbar { padding-left: 15px; } .k-tool { border-color: transparent; } .k-tool { text-align: center; vertical-align: middle; } .k-editor .k-toolbar-tool:focus { outline: 0; border-color: #ebebeb; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); } @media screen and (-ms-high-contrast: active) { .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused, .k-editor-toolbar-wrap .k-button-group .k-tool:focus { border-color: #fff; } } .k-editor-toolbar { color: #444444; } /* Editor */ table.k-editor { border-color: var(--ep-grid-border); } .k-editor.k-header, .editorToolbarWindow.k-header, .k-filebrowser .k-header { color: #444444; background-color: #f2f2f2; box-shadow: none; } .k-editor-toolbar .k-toolbar-tool, .k-group-start.k-group-end.k-tool { border-color: #f2f2f2; } .k-editor-toolbar .k-button-group { width: auto; } .k-editor-toolbar .k-dropdown { box-shadow: none; } .k-editor-toolbar .k-dropdown-wrap.k-state-default, .k-toolbar .k-dropdown-wrap.k-state-default { border-color: #f2f2f2; } .k-editor-toolbar .k-tool.k-state-hover, .k-toolbar .k-tool.k-state-hover, .k-editor-toolbar .k-dropdown-wrap.k-state-hover, .k-toolbar .k-dropdown-wrap.k-state-hover, .k-editor-toolbar .k-tool.k-state-selected, .k-toolbar .k-tool.k-state-selected, .k-editor-toolbar .k-button-group .k-button.k-state-active, .k-toolbar .k-button-group .k-button.k-state-active { box-shadow: none; } .k-editor .k-toolbar-tool:hover, .k-editor .k-toolbar-tool.k-state-hover { color: #444444; border-color: #ebebeb; background-color: #ebebeb; } .k-editor .k-toolbar-tool:active, .k-editor .k-toolbar-tool.k-state-selected { color: #000000; background-color: #dbdbdb; border-color: #dbdbdb; } .k-button .k-button-text, .k-button .k-text { font-size: 14px; } /* * Define different states[Disable, Active, Hover, Focus] of an component */ /*Active State*/ /*Active State*/ /*Hover State*/ .k-grid .k-grid-toolbar .k-button, .k-scheduler .k-header .k-button, .k-scheduler .k-header li, .k-scheduler .k-header .k-link, .k-gantt > .k-header li, .k-gantt > .k-header .k-link, .k-gantt-toolbar .k-button, .km-pane-wrapper .k-header .k-button { color: var(--ep-color-white); background-color: var(--ep-color-sidenav-background); border-color: var(--ep-color-sidenav-background); box-shadow: none; } .k-grid .k-button:hover, .k-scheduler .k-header .k-button:hover, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover .k-link, .k-gantt .k-gantt-toolbar .k-button:hover, .km-pane-wrapper .k-header .k-button:hover { background-color: var(--ep-color-lynch); border-color: var(--ep-color-lynch); } .grid_toolbar_icons:hover { color: var(--ep-color-white); background-color: var(--ep-color-secondary-btn-hover); background-image: none; } .k-button:hover, .k-button.k-state-hover { color: var(--ep-color-charcoal); border-color: var(--ep-color-gray92); background-color: var(--ep-color-gray92); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); } .btn[disabled]:hover { color: var(--ep-color-disabled-item) !important; } textarea[disabled]:hover { color: var(--ep-color-disabled-item) !important; border-color: var(--ep-color-disabled-item) !important; } /*Hover State*/ /*Focus State*/ /*Focus State*/ /*Disable State*/ .k-button[disabled], .k-state-disabled .k-button, .k-state-disabled .k-button:hover, .k-button.k-state-disabled, .k-button.k-state-disabled:hover { color: var(--ep-color-white); background: var(--ep-color-disabled-item); border-color: var(--ep-color-disabled-item); opacity: 1; background-image: none; } .k-button[disabled]:hover { box-shadow: none; } .btn[disabled].focus, .btn[disabled]:focus { color: var(--ep-color-disabled-item) !important; border-color: var(--ep-color-switch-thumb) !important; } textarea[disabled], textarea[disabled].focus { color: var(--ep-color-disabled-item) !important; border-color: var(--ep-color-disabled-item) !important; } .k-button[disabled]:active, .k-button.k-state-disabled, .k-button.k-state-disabled:active { box-shadow: none !important; } .k-grid .k-grid-toolbar .k-button:disabled, .k-grid .k-grid-toolbar .k-button.k-state-disabled, .k-scheduler .k-header .k-button:disabled, .k-scheduler .k-header .k-button.k-state-disabled, .k-scheduler .k-header li.k-state-disabled, .k-scheduler .k-header .k-link, .k-gantt > .k-header li.k-state-disabled, .k-gantt > .k-header .k-link.k-state-disabled, .k-gantt-toolbar .k-button.k-state-disabled, .km-pane-wrapper .k-header .k-button:disabled, .km-pane-wrapper .k-header .k-button.k-state-disabled { color: var(--ep-color-white); background: var(--ep-color-disabled-item); opacity: 1; cursor: default; font-weight: 500; box-shadow: none; } .k-button-group .k-button.k-state-disabled, .k-state-disabled.k-button-group .k-button, .k-button-group .k-button.k-state-disabled.k-state-active, .k-state-disabled.k-button-group .k-button.k-state-active { border-color: var(--ep-color-switch-thumb); background-color: var(--ep-color-disabled-item); box-shadow: none; } .k-button-group .k-button.k-state-disabled:focus, .k-state-disabled.k-button-group .k-button:focus, .k-button-group .k-button.k-state-disabled.k-state-focused, .k-state-disabled.k-button-group .k-button.k-state-focused { color: var(--ep-color-white); border-color: var(--ep-color-gray92); background-color: var(--ep-color-gray92); box-shadow: none; } .k-overflow-container .k-button.k-state-disabled, .k-overflow-container .k-state-disabled > .k-button { color: var(--ep-color-disabled-item); border-color: transparent; background-color: transparent; } .k-overflow-container .k-button.k-state-disabled:focus, .k-overflow-container .k-state-disabled > .k-button:focus { color: var(--ep-color-disabled-item); border-color: var(--ep-color-gray92); background-color: var(--ep-color-gray92); } /*ep-toolbar-button*/ .ep-toolbar-button[disabled], .ep-toolbar-button[disabled]:visited, .ep-toolbar-button[disabled]:active, .ep-toolbar-button[disabled]:hover, .ep-toolbar-button[disabled]:link { color: var(--ep-color-disabled-item); } /*ep-toolbar-action*/ .ep-button-toolbar-actions[disabled] { color: var(--ep-color-disabled-item); } /*input box*/ md-input-container ep-multi-select .k-widget { border-color: transparent !important; margin: 0px; padding: 5px 0px 0px 0px; } md-input-container ep-multi-select .k-multiselect-wrap { border-color: var(--ep-color-disabled-item) !important; } .ep-generic-class.k-widget { border-bottom: 0px solid transparent !important; } .ep-generic-class.k-disabled { opacity: 1; color: var(--ep-color-disabled-item); -webkit-text-fill-color: var(--ep-color-disabled-item); } /*Generic class needed to disable any block element*/ .disabled_element, .disabled_element *:not(.mdi), div[disabled], .disabled_element md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label { text-decoration: none; color: var(--ep-color-disabled-item) !important; pointer-events: none; } .disabled_element img { opacity: 0.5; } /*Product Maintenance Store Drop Down*/ .ep-store-btn.disabled_element { border-bottom: 1px solid var(--ep-color-disabled-item); } .ep-store-btn .k-state-disabled { border: none !important; } span.k-dropdownlist.k-disabled { color: var(--ep-color-disabled-item); pointer-events: none; } /*Product Maintenance Store Drop Down*/ .ep-datepicker-textbox .md-input-focused .k-picker-wrap, .ep-generic-class.ep-datepicker-textbox .md-input-focused .md-input.k-timepicker .k-picker-wrap { border-bottom: 2px solid var(--ep-color-blue) !important; } /*md-input-container.md-input-invalid .md-input.k-datepicker{ border-color:transparent!important; }*/ /*ep-button-secondary*/ .ep-button-secondary[disabled], .ep-button-secondary[disabled]:hover, .ep-button-secondary[disabled]:active, .ep-button-secondary[disabled].active { background: var(--ep-color-disabled-item) !important; box-shadow: none; pointer-events: none; } .ep-input-dropdown .k-dropdown[aria-disabled="true"], .ep-input-dropdown .k-dropdown[aria-disabled="true"]:hover { border-color: var(--ep-color-disabled-item); } .ep-link-button-wrap[disabled] a.ep-link-button, .ep-link-button-wrap[disabled] a.ep-link-button:hover { border-color: var(--ep-color-disabled-item); background-color: var(--ep-color-disabled-item) !important; text-decoration: none; pointer-events: none; } .ep-link-button-wrap[disabled] a.ep-link-button:hover { color: var(--ep-color-white) !important; } /*md-switch*/ [disabled] .md-container .md-bar { background-color: var(--ep-color-disabled-item) !important; } /* * tags input */ /*tags-input[disabled], tags-input[disabled] .tags .tag-item, tags-input[disabled] input{ color: var(--ep-color-disabled-item)!important; pointer-events:none; }*/ /*tags-input[disabled] .tags .tag-item:hover{ cursor:default; }*/ [disabled] .tags .tag-item, [disabled] .tags .tag-item:focus, tags-input[disabled] .tags .tag-item:hover { background: var(--ep-color-disabled-item) !important; color: var(--ep-color-white) !important; pointer-events: none; cursor: default; } .ep_dialog_footer.transparent_buttons button[disabled], .ep_dialog_footer.transparent_buttons button[disabled]:hover { border: var(--ep-color-disabled-item) !important; color: var(--ep-color-disabled-item) !important; pointer-events: none; cursor: default; } tags-input[disabled] ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--ep-color-disabled-item) !important; } tags-input[disabled] ::-moz-placeholder { /* Chrome/Opera/Safari */ color: var(--ep-color-disabled-item) !important; } tags-input[disabled] :-ms-input-placeholder { /* Chrome/Opera/Safari */ color: var(--ep-color-disabled-item) !important; } tags-input[disabled] :-moz-placeholder { /* Chrome/Opera/Safari */ color: var(--ep-color-disabled-item) !important; } /*Disable State*/ .disabled ep-form-view-navigation .navig_container, .disabled ep-form-view-navigation .navig_container button, .disabled ep-form-view-navigation .navig_container .ep-toolbar-next { color: var(--ep-color-disabled-item) !important; pointer-events: none; cursor: default; border-color: var(--ep-color-disabled-item) !important; } .k-disabled, .k-disabled .k-link, .k-other-month, .k-other-month .k-link, .k-dropzone em, .k-dropzone .k-upload-status, .k-tile-empty strong, .k-slider .k-draghandle { border: none; border-bottom-color: var(--ep-color-disabled-item) !important; background: transparent; } /*dropdown label style*/ .ep-generic-class .k-dropdown.ng-invalid-required ~ label:after { content: " *"; font-size: 13px; vertical-align: top; } .ep-generic-class .k-dropdown.k-state-border-down ~ label { transform: translate3d(0, 8px, 0) scale(1); -webkit-transform: translate3d(0, 8px, 0) scale(1); } .ep-generic-class .k-dropdown.k-focus, .ep-generic-class .k-numerictextbox.k-focus { border-bottom: 2px solid var(--ep-color-blue) !important; } /*dropdown label style*/ /*read alone style*/ md-input-container.read_alone:not(.md-input-has-value):not(.md-input-focused) label:not(.md-no-float):not(.md-container-ignore) { webkit-transform: translate3d(0, 5px, 0) scale(1); transform: translate3d(0, 5px, 0) scale(1); } md-input-container.read_alone:not(.md-input-has-value):not(.md-input-focused) label:not(.md-no-float):not(.md-container-ignore) + div { padding: 12px 0px 8px 0px; height: 38px; font-size: var(--ep-input-font-size); } /*read alone style*/ /*Normalise the below structures*/ .form-group.ep-generic-class { margin: 0px; } md-input-container .md-placeholder, md-input-container label:not(.md-no-float):not(.md-container-ignore) { max-height: 15px; z-index: 0; } md-input-container:not(.md-input-invalid).md-input-focused label { color: var(--ep-color-anotherBlue); } /*Normalise ends*/ /* * Define generic styles based on custom directive * ep-generic-class is the parent class * */ .ep-generic-class .k-input, .ep-generic-class .k-multiselect-wrap, .ep-generic-class .k-textbox > input, .ep-generic-class input.k-textbox, .ep-generic-class input.k-textbox:hover, .ep-generic-class md-input-container:not(.md-input-invalid) .md-input:not(.k-datepicker):not(.k-timepicker), .ep-generic-class textarea.k-textbox, .ep-generic-class textarea.k-textbox:hover { background-color: transparent; color: #2e2e2e; box-shadow: none; border-color: var(--ep-input-border); } .ep-generic-class md-input-container:not(.md-input-invalid).md-input-focused .md-input:not(.k-datepicker):not(.k-timepicker), .ep-generic-class md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input:not(.k-datepicker):not(.k-timepicker), .ep-generic-class md-input-container:not(.md-input-invalid).md-input-resized .md-input:not(.k-datepicker):not(.k-timepicker) { border-color: var(--ep-color-blue); border-bottom-width: 2px; } td.ep-generic-class > .k-numerictextbox { border: none; } td.ep-generic-class > .k-numerictextbox { border-bottom: 2px solid var(--ep-color-blue); display: inline-flex; } td.ep-inline-grid-editable-input.ep-generic-class > .k-textbox, td.k-edit-cell > .k-textbox { border: none; border-bottom: 2px solid var(--ep-color-blue) !important; z-index: 1; outline: none; } /*focus styles*/ .ep-generic-class.ep-input-dropdown.k-focus[kendo-combo-element] label, .ep-generic-class.k-dropdown-wrap.k-state-focused.k-state-border-down label, .ep-generic-class.k-dropdown-wrap.k-state-focused.k-state-border-up label { color: var(--ep-color-blue) !important } .ep-generic-class.k-dropdown-wrap.k-state-focused[kendo-combo-element] label:after, .ep-generic-class.k-dropdown-wrap.k-state-focused.k-state-border-down label:after, .ep-generic-class.k-dropdown-wrap.k-state-focused.k-state-border-up label:after { color: var(--ep-color-red) !important; } .ep-generic-class.k-dropdown-wrap.k-state-focused.k-state-border-down label, .ep-generic-class.k-dropdown-wrap.k-state-focused.k-state-border-up label { -webkit-transform: translate3d(0, 6px, 0) scale(1); transform: translate3d(0, 6px, 0) scale(1); z-index: 1; } .ep-generic-class.k-disabled md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label { color: var(--ep-color-disabled-item) !important; } /*focus styles*/ /*md-chips State styles - Start*/ label.mandatory-label:after { content: " *" } label.mandatory-label.md-chip-required-valid:after { color: var(--ep-color-normaltext); } label.mandatory-label.md-chip-required-invalid:after { color: var(--ep-color-red); } .md-input-focused label.mandatory-label.md-chip-required-valid:after { color: var(--ep-color-red); } /*End*/ /*material override*/ .ep-generic-class md-input-container.md-default-theme.md-input-focused .md-input.k-datepicker, .ep-generic-class md-input-container.md-default-theme.md-input-resized .md-input.k-datepicker, .ep-generic-class md-input-container.md-input-resized .md-input.k-datepicker, .ep-generic-class md-input-container.md-default-theme.md-input-focused .md-input.k-timepicker .k-picker-wrap, .ep-generic-class md-input-container.md-input-focused .md-input.k-timepicker .k-picker-wrap, .ep-generic-class md-input-container.md-default-theme.md-input-resized .md-input.k-timepicker .k-picker-wrap, .ep-generic-class md-input-container.md-input-resized .md-input.k-timepicker .k-picker-wrap { border-color: transparent !important; } .ep-generic-class md-input-container.md-input-focused .md-input.k-datepicker { border-bottom: 2px solid var(--ep-color-blue) !important; } /*material override*/ /*For empty option in kendo dropdownlist -Start*/ .k-list-optionlabel { border: none; } .k-selected.k-list-optionlabel { background-color: var(--ep-color-anotherBlue); box-shadow: none; } .k-selected.k-list-optionlabel.k-hover { background-color: var(--ep-color-blue) !important; color: var(--ep-color-white); } .k-list-optionlabel.k-selected.k-focus { color: var(--ep-color-white); } .k-list-optionlabel.k-hover { background-color: var(--ep-color-lightGray) !important; } /*End*/ /* Dropdown focus state */ .k-dropdown-wrap.k-state-focused label { color: var(--ep-color-blue) !important; } .k-dropdown-wrap.k-state-focused span.k-dropdown.md-input, .ep-input-dropdown.k-focus[kendo-combo-element] span.k-combobox.md-input { border-bottom: 2px solid var(--ep-color-blue) !important; } /* Dropdown focus state */ /* High lite the searched term */ span.highlight { background: #FFAB40; line-height: 1; border-radius: 3px; color: #333333; padding: 0px 1px 0px 1px; } /* High lite the searched term End*/ /* Checkbox focus state */ input.k-checkbox:focus + .k-checkbox-label:before { outline-style: dotted; outline-color: black; outline-width: thin; } /* Checkbox focus state End */ /*color picker*/ .ep-colorpicker-textbox .k-select { border: none; } /*end*/ .k-textbox { border-radius: 4px; outline: none; } input.k-textbox { text-indent: 0.8em; } .k-input:focus-within, .k-input.k-focus { box-shadow: none; } /* * Define styling for input text box. * */ /*From kendo-theme*/ .ep-generic-class .k-textbox, .ep-generic-class .k-textbox > input { border-color: var(--ep-input-border); border-radius: unset !important; } .ep-generic-class input.k-textbox, .ep-generic-class input.k-textbox:hover, .ep-generic-class .k-textbox > input { background: none; } .ep-generic-class .k-input, .ep-generic-class input.k-textbox, .ep-generic-class input.k-textbox:hover, .ep-generic-class .k-textbox > input { background-color: transparent; color: var(--ep-color-text-normal); border-color: var(--ep-input-border); } .ep-generic-class .k-textbox { background-position: 50% 50%; background-color: transparent; } .ep-generic-class .k-textbox:hover { background-image: none; } .ep-generic-class .k-textbox:hover { border-color: #ebebeb; } .ep-generic-class .k-textbox:focus { box-shadow: none; } .ep-generic-class .k-textbox { border-radius: 2px; } .ep-generic-class .k-textbox > input { border-radius: 0px; } /*End of kendo-theme*/ /*statndardise input height*/ .ep-generic-class .k-textbox > input { padding: .167em 0; height: inherit; } /*State Oriented */ /* https://stackoverflow.com/questions/21400182/safari-css-font-color-issue */ .ep-generic-class input.k-textbox[disabled], .ep-generic-class input.k-textbox[disabled]:hover { color: var(--ep-color-disabled-item); border-bottom-color: var(--ep-color-disabled-item); -webkit-text-fill-color: var(--ep-color-disabled-item); -webkit-opacity: 1; } /*3rd-party-tweaks*/ .ep-generic-class .k-textbox { width: 100%; } .ep-generic-class .k-textbox > input { font-family: Hind, Montserrat, sans-serif; font-size: 15px; color: var(--ep-color-text-normal); } .ep-generic-class .k-textbox { background-image: none; } /* Don't indent the beginning of */ .ep-generic-class input.k-textbox { text-indent: unset; } /* Next 3 classes create underline input with input wrapped in a div*/ .ep-generic-class .ep-underline-input { border-top-width: 0; border-left-width: 0; border-right-width: 0; border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--ep-color-unfocused-input); } .ep-generic-class .ep-underline-input.focused { border-color: var(--ep-color-focused-input); } .ep-generic-class .ep-underline-input > input { border: 0; box-shadow: none; } .ep-generic-class .ep-underline-input > input:focus { box-shadow: none; } /*login text box*/ .login-input.md-input { border-bottom: 1px solid var(--ep-color-unfocused-input); } /*login text box*/ .ep-textbox md-input-container .md-input-messages-animation label { position: relative; bottom: 0px; color: var(--ep-color-red) } .ep-textbox tags-input.ng-invalid .tags { box-shadow: none } .ep-inline-grid-editable-input.ep-generic-class input.k-input.k-textbox { border: none; border-bottom: 2px solid var(--ep-color-blue); z-index: 1; } /* * Define styling for textarea. * */ .ep-textbox textarea.k-textbox { padding: .17857143em; } .ep-textbox textarea.k-textbox, .ep-textbox textarea.k-textbox:hover { background: none; } .ep-textbox textarea.k-textbox, .ep-textbox textarea.k-textbox:hover { background-color: transparent; color: #444444; } .ep-textbox .km-pane-wrapper .k-mobile-list textarea { color: #444444; } .ep-textbox .km-pane-wrapper .k-mobile-list .k-edit-field textarea { outline-width: 0; } .ep-textbox textarea.k-textbox[disabled], .ep-textbox textarea.k-textbox[disabled]:hover { color: var(--ep-color-disabled-item); border-color: var(--ep-color-disabled-item); pointer-events: none; resize: none; } .ep-text-area textarea.k-textbox { min-height: 34px; max-height: 178px; overflow-y: auto !important; } .ep-text-area.ep-generic-class { max-height: 190px !important; } .ep-textbox a.invoice_label{ color: var(--ep-color-blue) !important; pointer-events: auto; } /* * Define styling for category tree structure. * */ .k-treeview { box-shadow: none; } .k-treeview .k-in { border-radius: 2px; } .k-treeview .k-state-selected, .k-treeview .k-state-focused, .k-panelbar > li > .k-state-focused { box-shadow: none; } .k-treeview .k-state-focused, .k-panelbar > li > .k-state-focused { background-color: #ebebeb; } .k-treeview .k-in { border-color: transparent; } .k-treeview .k-icon { background-color: transparent; border-radius: 50%; } .k-treeview .k-in.k-hover { background: var(--ep-color-geryBlue) !important; } .btn.ep-product-category-button:hover, .btn.ep-product-category-button:focus { color: inherit; } .k-list-filter > .k-textbox { border: none; border-radius: 0px; box-shadow: none; } .btn.active, .btn.k-button:active { -webkit-box-shadow: none; box-shadow: none; } /*Category tree view*/ .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem; padding: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, .175); } /*.dropup .dropdown-menu #category_tree_view { max-height: 300px; padding: 10px; overflow-y: auto; }*/ .dropdown-menu [kendo-tree-view] { max-height: 220px; overflow-y: auto } .ep_cat_tree_tags { border-width: 0 !important; max-height: 70px; overflow-y: auto; } .ep_cat_tree_tags .tags .input { display: none; } .multimode_cat_tree.dropdown[uib-dropdown] button { height: 12px; padding: 0; } .multimode_cat_tree.dropdown[uib-dropdown] button.non_tags_btn { height: 33px; } .dropdown[uib-dropdown] button.filter_tree_btn { height: 31px; box-sizing: border-box; } .filter_tree_btn_27pt .dropdown[uib-dropdown] button.filter_tree_btn { height: 27px; } .dropdown[uib-dropdown] .bt-mult-sel1.ep-filters-select { border-bottom-color: var(--ep-color-blue); } .dropdown.cat_btn_group[uib-dropdown] { z-index: auto; } .ep-inline-grid-editable-input .dropdown.cat_btn_group[uib-dropdown] { z-index: 999; } .no_tag_data { height: 0; min-height: auto; overflow: hidden; } .btn-group .k-textbox.cat_tree_text_box { background: var(--ep-color-white); padding-left: 20px; padding-right: 0; height: 2.43em; outline: none; } .filter-clear.cat_clear_blk { background: var(--ep-color-white) !important; padding: 0 10px 0; background-color: transparent; line-height: 1; } .k-list-filter .cat_tree_search_icon { left: 2px; right: 0; z-index: 1; position: absolute; bottom: 9px; } .multimode_cat_tree .dropdown-menu { min-width: 350px; } .dropdown[uib-dropdown].open button.close-icon.k-font-icon.k-i-close, .tree_dropdown_to_body button.close-icon.k-font-icon.k-i-close { font: normal normal normal 24px/1 "Material Design Icons"; border: 0; background: transparent; font-size: 14px; } ep-tree-component .dropdown-menu { width: 100%; padding: 10px; } .my_tree_view .k-item .k-state-disabled { border-bottom-color: transparent !important; } .cat_btn_group.btn-group > .dropdown-toggle.btn:first-child { position: relative; height: 33px; padding-top: 8px; } .tree_dropdown_to_body.dropdown-menu { padding: 8px 10px; width: 350px; } .tree_dropdown_to_body.dropdown-menu .cat_tree_text_box { background: var(--ep-color-white); padding-left: 20px; padding-right: 0; height: 2.43em; outline: none; } .btn-group.cat_btn_group .dropdown-toggle span.ep-product-category-dropdown-text { font-size: 15px; } .multimode_cat_tree.dropdown[uib-dropdown] .not_filter_elem button { width: 100%; } .multimode_cat_tree.dropdown[uib-dropdown] .not_filter_elem .tree_down_icon { position: absolute; right: 0px; bottom: 3px; } .k-treeview .k-checkbox-wrapper input.k-checkbox { display: table-cell; border-color: var(--ep-info-blue); background: var(--ep-color-white); border-radius: 1px; border-width: 2px; border-style: solid; width: 18px; height: 18px; opacity: initial; position: relative; outline: none; } .k-treeview .k-checkbox::before { width: 14px; height: 14px; font-size: 14px; } /*Category tree view*/ .ep-generic-class .k-numeric-wrap .k-input { border-bottom: 1px solid var(--ep-color-unfocused-input); border-radius: 0px; } .ep-generic-class .k-numeric-wrap.k-state-disabled .k-input { border-bottom: 1px solid var(--ep-color-disabled-item) !important; } .k-safari.k-mobile .ep-generic-class .k-numeric-wrap .k-input, .k-safari.k-mobile .k-picker-wrap .k-input { height: 2.4em; } .k-safari.k-mobile .ep-inline-grid-editable-input.ep-generic-class .k-numeric-wrap .k-input { height: 2.8em; } .ep-inline-grid-editable-input.ep-generic-class .k-numeric-wrap.k-state-default .k-input { border-bottom: 2px solid var(--ep-color-blue); } .k-numerictextbox .k-i-arrow-60-up:before, .k-numerictextbox .k-i-arrow-n:before { content: "\e013"; } .k-numeric-wrap .k-link.k-state-selected { background-color: transparent !important; } .k-safari.k-mobile .k-numerictextbox input:disabled { background-color: var(--ep-color-white) !important; } /* * Define styling for autocomplete, input drop down, COMBO BOX. * */ /*statndardise input height*/ .ep-generic-class .k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input { padding: .167em 0; height: inherit; } .ep-generic-class .k-autocomplete, .ep-generic-class .k-dropdown-wrap { border-color: var(--ep-input-border); } .ep-generic-class .k-autocomplete.k-header, .ep-generic-class .k-dropdown-wrap.k-state-active { border-color: var(--ep-input-border); background-color: transparent; } /*.k-textbox > input, .k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-autocomplete.k-focus .k-input, .k-dropdown-wrap.k-focus .k-input, .k-picker-wrap.k-focus .k-input { border-color:var(--ep-input-border); }*/ .ep-generic-class .k-dropdown .k-input { color: var(--ep-color-text-normal); } .ep-generic-class .k-dropdown-wrap, .ep-generic-class .k-autocomplete { background-position: 50% 50%; background-color: transparent; } .ep-generic-class .k-dropdown .k-focus { color: var(--ep-color-white); background-color: var(--ep-color-anotherBlue); border-color: #ebebeb; } .ep-generic-class .k-autocomplete.k-state-active, .ep-generic-class .k-dropdown-wrap.k-state-active { background-image: none; } .ep-generic-class .k-dropdown .k-focus .k-input { color: #444444; } .ep-generic-class .k-autocomplete.k-focus, .ep-generic-class .k-dropdown-wrap.k-focus { box-shadow: none; } .ep-generic-class .k-autocomplete.k-state-default, .ep-generic-class .k-dropdown-wrap.k-state-default { background-position: 50% 50%; color: #444444; background-color: transparent; border-color: transparent; } .ep-generic-class .k-dropdown .k-input, .ep-generic-class .k-dropdown .k-focus .k-input, .ep-generic-class .k-menu .k-popup { color: #444444; } .ep-generic-class .k-dropdown .k-state-default { background-position: 50% 50%; background-color: transparent; } /*.k-textbox:hover, .k-overflow-anchor:hover, .k-autocomplete.k-hover, .k-picker-wrap.k-hover, .k-dropdown-wrap.k-hover { background-color: transparent; border-color: #f5f5f5; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); }*/ .ep-generic-class .k-autocomplete.k-state-disabled, .ep-generic-class .k-dropdown-wrap.k-state-disabled { background-color: transparent; } .ep-generic-class .k-autocomplete .k-input-inner { border-radius: 0px; padding-left: 5px !important; border: none !important; } td.k-edit-cell.ep-generic-class .k-autocomplete .k-input-inner { border-bottom: 2px solid var(--ep-color-blue) !important; } .ep-generic-class .k-autocomplete + a { position: absolute; left: 0px; bottom: 5px; z-index: 11111; } .ep-generic-class .k-autocomplete.k-state-active .k-input { background-color: transparent; } .ep-generic-class .k-autocomplete, .ep-generic-class .k-dropdown-wrap { background-image: none; } .ep-generic-class .k-dropdown .k-input { color: var(--ep-color-text-normal); } /* Tweaks to k-dropdown to match kinetic style */ .ep-generic-class .k-dropdown-wrap.k-state-default { background-image: none; background-color: transparent; display: inline-block; width: 100%; } .ep-generic-class .k-dropdown-wrap { border-top-width: 0; border-right-width: 0; border-bottom-width: 0px; border-left-width: 0; box-shadow: none !important; -webkit-box-shadow: none !important; border-radius: 0; } .ep-generic-class .k-autocomplete.k-header input { cursor: text; } /* Make dropdown display block to ensure it starts on another line after label's with inline-block regardless of size */ .ep-generic-class .k-input-inner, .ep-generic-class .k-combobox { display: inline-block; padding: 4px 0px 0px 2px !important; width: calc(100% - 2px); background: transparent; min-height: 34px; } .ep-generic-class .k-combobox { display: inline-flex; } .k-grid .ep-generic-class .k-picker .k-button:hover { background-color: transparent; box-shadow: none; } .ep-generic-class .k-dropdownlist, .ep-generic-class .k-colorpicker, .ep-generic-class .k-dropdowntree, .ep-generic-class .k-combobox { border: none; border-bottom: 1px solid var(--ep-input-border) !important; padding: 0px !important; } .ep-generic-class .k-dropdownlist.k-state-border-down, .ep-generic-class .k-dropdownlist.k-state-border-up, .ep-generic-class .k-dropdownlist.k-focus, .ep-generic-class.k-focus .k-dropdowntree, .ep-generic-class .k-colorpicker.k-state-border-down, .ep-generic-class .k-colorpicker.k-state-border-up, .ep-generic-class .k-colorpicker.k-focus, .ep-generic-class.ep-colorpicker-textbox.k-focus .k-colorpicker { border-bottom: 2px solid var(--ep-color-blue) !important; } .k-grid tbody tr td.k-edit-cell.ep-generic-class .k-dropdownlist { display: flex; color: var(--ep-color-text-normal) !important; } .ep-generic-class .k-dropdownlist .k-input p { margin: 0px } .ep-generic-class .k-dropdown-wrap.k-focus { /* border-bottom-color: var(--ep-color-blue);*/ } .ep-generic-class .k-dropdownlist.k-hover { /*border-bottom-color: var(--ep-input-border)!important;*/ background: transparent !important; } .ep-generic-class .k-dropdownlist.k-hover + label, .ep-generic-class .k-dropdownlist.k-focus + label, .ep-generic-class .k-dropdown.k-state-border-down + label, .ep-generic-class .k-multiselect.k-state-border-down + label { color: var(--ep-color-blue) !important; width: 100%; } .ep-generic-class .k-dropdown.ng-not-empty + label:not(.md-no-float), .ep-generic-class .k-multiselect.k-state-border-down + label { -webkit-transform: translate3d(0, 6px, 0) scale(1); transform: translate3d(0, 6px, 0) scale(1); font-size: var(--ep-label-font-size); margin-bottom: 0px; } .ep-generic-class .k-dropdownlist span.k-icon { color: var(--ep-color-text-normal); position: absolute; bottom: 5px; right: 3px; } .ep-generic-class .k-dropdownlist.k-disabled span.k-icon { color: var(--ep-color-disabled-item); } .ep-generic-class .k-list-scroller li.k-item.k-selected { background-color: var(--ep-color-anotherBlue); color: var(--ep-color-white); border-width: 0; box-shadow: none !important; -webkit-box-shadow: none !important; } .k-list-item.k-focus, .k-list-item:focus { color: #2e2e2e; background-color: #bcb4b0; } .k-list-content .k-list-item.k-selected, .k-virtual-item.k-hover.k-focus, .k-list-content .k-list-item.k-focus, .k-list-content .k-list-item.k-selected.k-focus { background-color: var(--ep-color-anotherBlue) !important; border-color: var(--ep-color-paleGray) !important; color: var(--ep-color-white) !important; box-shadow: none; background-image: none; border: 1px solid var(--ep-color-paleGray) !important; box-sizing: border-box; padding: 0 4px; } .k-virtual-content .k-list-item, .k-virtual-content .k-list-item.k-hover { box-sizing: border-box; padding: 0 4px; } .k-list-item.k-hover { background-image: none; } ul li.k-list-item { line-height: 1.2; } .ep-generic-class.ep-input-dropdown .k-input-button:hover { box-shadow: none; border: none; background: none; } .k-list-content .k-list li.k-item.k-selected.k-focus.k-hover, .k-list-content .k-list-item.k-focus.k-hover, .k-virtual-item.k-hover.k-focus, .k-virtual-item.k-selected.k-focus { background: var(--ep-color-blue) !important; border-color: var(--ep-color-paleGray) !important; color: var(--ep-color-white) !important; } .k-list-scroller li.k-item.k-hover:not(.k-selected) { background-color: var(--ep-color-dropdown-background); } /* End of k-dropdown tweaks */ .ep-generic-class .k-autocomplete .k-i-loading, .k-multiselect .k-i-loading { top: 0px; bottom: 0px; margin: auto; } /*Normal drop down selected item hover*/ .k-list-scroller li.k-item.k-selected:hover { background-color: var(--ep-color-blue); } .ep-generic-class .k-multiselect.multiselect-wrap.k-state-border-down .k-multiselect-wrap, .ep-generic-class .k-multiselect.multiselect-wrap.k-focus { border-bottom: 2px solid var(--ep-color-blue) !important; } .ep-generic-class .k-multiselect.multiselect-wrap.k-state-border-down ~ label { color: var(--ep-color-blue) !important; } .ep-generic-class .k-multiselect.multiselect-wrap .k-input-inner { height: 30px; min-height: 30px; border: none; } .ep-generic-class .k-multiselect.multiselect-wrap, .k-multiselect.k-input { border: 0px solid transparent; padding: 0; z-index: 1; height: auto; min-height: 36px; max-height: 82px; overflow-y: auto; /*border-bottom: 1px solid var(--ep-color-unfocused-input)!important;*/ } .ep-dropdown-filter-panel span.k-input.k-multiselect { border: 0px solid transparent; padding: 0; z-index: 1; height: auto; min-height: 36px; max-height: 82px; overflow-y: auto; } .ep-generic-class .k-dropdown:focus { border-radius: 0px; } /*category dropdown button*/ .dropup.dropdown button span { font-size: 15px; } /*category dropdown button*/ ep-multi-select label.has_data, ep-tree-dropdown label.has_data, .ep-generic-class.k-focus ep-multi-select label, .ep-multiselect-dropdown.k-dropdowntree label.has_data { transform: translate3d(0, 6px, 0) scale(1) !important; } /*combo box style*/ .ep-generic-class .k-combobox .k-clear-value { display: none; } .ep-generic-class.ep-input-dropdown.k-focus[kendo-combo-element] label { -webkit-transform: translate3d(0, 6px, 0) scale(1); transform: translate3d(0, 6px, 0) scale(1); font-size: var(--ep-label-font-size); } .ep-generic-class[kendo-combo-element] .k-input-button { order: 2; padding-left: 0; } .ep-generic-class.k-combobox .k-input-inner { display: inline-flex; } .ep-generic-class.k-focus md-input-container .k-combobox { border-bottom: 2px solid var(--ep-color-blue); } /*combo box style*/ /*tree*/ .ep-input-dropdowntree .k-multiselect-wrap.k-floatwrap { border-bottom: 0px solid var(--ep-color-unfocused-input) !important; } .k-treeview span.k-in { word-break: break-all; white-space: normal; width: calc(100% - 40px); box-shadow: none; } .ep-input-dropdowntree .k-multiselect-wrap.k-floatwrap { border-bottom: 0px solid var(--ep-color-unfocused-input) !important; } .ep-input-dropdowntree .k-dropdowntree { background: transparent; } .k-dropdowntree .k-multiselect-wrap.k-floatwrap { border-bottom: 0px solid; } .ep-input-dropdowntree md-input-container { margin-bottom: 0px; } /*tree*/ .k-picker.k-focus, .k-picker:focus, .k-widget.k-picker.k-focus, .k-widget.k-picker:focus { box-shadow: none; border: none; } /* .ep-generic-class .k-autocomplete{ border: none; }*/ .k-dropdownlist .k-input-value-text { display: flex; } .ep-store-info-tooltip { position: absolute; right: 0; bottom: 30px; } /* * Define styling for date, color and time picker. * */ /*statndardise input height*/ .ep-datepicker-textbox .k-picker-wrap .k-input .k-input { padding: .167em 0; height: inherit; } .ep-datepicker-textbox .k-datepicker .k-input { text-indent: 0px; } .ep-datepicker-textbox .k-datepicker .k-picker-wrap .k-i-warning, .ep-datepicker-textbox .k-timepicker .k-picker-wrap .k-i-warning { color: #ff3448; margin-left: 0; margin-right: 2.8em; } .ep-datepicker-textbox .k-rtl .k-datepicker .k-picker-wrap .k-i-warning, .ep-datepicker-textbox .k-rtl .k-timepicker .k-picker-wrap .k-i-warning { margin-right: 0; margin-left: 2.8em; } .ep-datepicker-textbox .k-datetimepicker .k-picker-wrap .k-i-warning { color: #ff3448; margin-left: 0; margin-right: 5.6em; } .ep-datepicker-textbox .k-rtl .k-datetimepicker .k-picker-wrap .k-icon.k-i-warning { margin-right: 0; margin-left: 5.6em; } .ep-datepicker-textbox .k-picker-wrap.k-state-active { border-color: var(--ep-input-border); background-color: transparent; } .ep-datepicker-textbox .k-picker-wrap { background-position: 50% 50%; background-color: transparent; } .ep-datepicker-textbox .k-picker-wrap.k-state-active { background-image: none; } .ep-datepicker-textbox .k-picker-wrap.k-state-focused { box-shadow: none; border: none; } .ep-datepicker-textbox .k-time-popup, .ep-datepicker-textbox .k-datepicker-calendar, .ep-datepicker-textbox .k-picker-wrap.k-state-active { box-shadow: inset 0 0 0 3px var(--ep-grid-border); } .ep-datepicker-textbox .k-picker-wrap, .ep-datepicker-textbox .k-timepicker .k-picker-wrap { background: transparent; border-bottom: 1px solid var(--ep-color-unfocused-input); border-radius: 0px; display: flex; opacity: 1 } .ep-datepicker-textbox .k-timepicker .k-picker-wrap { border-bottom: 1px solid var(--ep-input-border) !important; } .ep-datepicker-textbox .k-datepicker .k-picker-wrap.k-state-disabled, .ep-datepicker-textbox .k-timepicker.k-state-disabled .k-picker-wrap { border-bottom: 0px solid var(--ep-color-disabled-item) !important; } .ep-datepicker-textbox .k-picker-wrap .k-select { border-width: 0px; } .ep-datepicker-textbox .k-datepicker .k-input, .ep-datepicker-textbox .k-timepicker .k-input { background-color: #fafafa; } .ep-datepicker-textbox .k-picker-wrap { background-image: none; } /*date picker styles */ .k-picker-wrap.k-state-default { background-position: 50% 50%; color: #444444; background-color: transparent; border-color: transparent; border: none; /**** Newly added */ } .ep-datepicker-textbox .k-time-popup, .ep-datepicker-textbox .k-datepicker-calendar, .ep-datepicker-textbox .k-picker-wrap.k-state-active { box-shadow: none; /**** Updated .... */ } .ep-datepicker-textbox .k-datepicker, .ep-datepicker-textbox .k-timepicker .k-picker-wrap, .ep-datepicker-textbox .k-datetimepicker { background-color: transparent; /**** Updated .... */ border-bottom: 1px solid var(--ep-input-border) !important; } .ep-datepicker-textbox .k-datepicker .k-input, .ep-datepicker-textbox .k-timepicker .k-input { background-color: transparent; /**** Updated .... */ } /* * Define styling for md switch. * */ /****************************** md-switch start *******************************/ /* * Tweaks to the Angular Materials directive to make the switches * look like the switches in the Kinetic Specs. */ md-switch .md-container { top: -4px !important; width: 60px; height: 45px; } /* * The "thumb" is the part of the switch you move back and forth. * This is its container. */ md-switch .md-thumb-container { width: 26px; /* Sets how far to move over when toggled. Half the thumb width - 4px padding (2 per side of thumb) */ top: 2px; } /* * And this is for the thumb itself. */ md-switch .md-thumb { top: 5px; left: 3px; width: 30px; height: 30px; background-color: var(--ep-color-switch-thumb) } md-switch.md-checked .md-thumb { background-color: var(--ep-color-switch-thumb) } md-switch.md-checked .md-ink-ripple { background-color: var(--ep-color-switch-thumb) !important; } /* * The "bar" is the shaded area behind the switch */ md-switch .md-bar { left: 1px; width: 60px; height: 35px; border-radius: 25px; background-color: var(--ep-color-switch-background-false); } md-switch.md-checked .md-container .md-bar{ background-color: var(--ep-color-switch-background-true); } md-switch { margin: 5px 0 0; display: table; height: 40px; } .ep-md-switch-textbox md-input-container label { -webkit-transform: unset !important; transition: unset !important; top: -10px !Important; height: 15px; font-size: var(--ep-label-font-size); } .switcher-line { width: 48px; } .switcher-label, .switcher-line { display: inline-block; vertical-align: middle; cursor: pointer; outline: none; font-size: 13px; } .switcher-line:after { content: ''; display: block; width: 25px; height: 25px; background-color: var(--ep-color-blue); border: 1px solid var(--ep-color-blue); box-shadow: 0 1px 2px rgba(97, 126, 147, .5); left: 0; } .switcher.active .switcher-label.true { color: var(--ep-color-blue); outline: none; } .switcher-label.false { color: var(--ep-color-blue); outline: none; } .switcher-line:before { height: 15px; background: #DFE8ED !important; background-image: none !important; } /* * Define styling for multiselect. * */ .k-multiselect.k-header, .k-multiselect.k-header.k-focus, .k-multiselect.k-header.k-state-hover { border-top-width: 0; border-left-width: 0; border-right-width: 0; border-radius: 0; border-bottom-width: 2px; border-bottom-color: var(--ep-color-blue); box-shadow: none; } .k-input-solid { background-color: transparent; } .k-picker-wrap.k-state-disabled, .k-multiselect.k-header.k-state-disabled { background-color: transparent; } .k-multiselect .k-button:active:hover { color: #444444; background-color: #dbdbdb; border-color: #dbdbdb; } .k-multiselect-wrap > ul > .k-button { box-shadow: none; } .k-multiselect-wrap { background-color: transparent; color: #444444; } .k-multiselect { border-radius: 2px; } .k-multiselect.k-state-border-up { border-radius: 0 0 2px 2px; } .k-multiselect.k-state-border-up .k-multiselect-wrap { border-radius: 0 0 2px 2px; } .k-multiselect.k-state-border-down { border-radius: 2px 2px 0 0; } .k-multiselect.k-state-border-down .k-multiselect-wrap { border-radius: 1px 1px 0 0; } .k-multiselect-wrap { border-radius: 0px; } .k-multiselect-wrap { border-color: #f0f0f0; } .k-multiselect-wrap.k-state-hover, .k-state-hover > .k-multiselect-wrap, .k-multiselect-wrap.k-state-hover { border-color: #f5f5f5; background-color: transparent; color: #444444; } /* .k-picker-wrap.k-focus, .k-multiselect.k-header.k-focus { background-color: transparent; background-image: none; background-position: 50% 50%; border-color: transparent;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); }*/ .k-multiselect-wrap.k-focus, .k-focus > .k-multiselect-wrap { box-shadow: none; outline: none; border-bottom: 2px solid var(--ep-color-focused-input); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .k-multiselect > .k-multiselect-wrap > .k-i-close { margin: -17px 1px auto 0px; top: 0px; display: none !important; } .ep-maintenance-toolbar-search.k-multiselect .k-input-inner { font-family: Hind, Montserrat, sans-serif; font-size: 16px; background-color: transparent; color: var(--ep-color-lightGray); opacity: 1; padding-left: 30px; padding-top: 8px; text-overflow: ellipsis; } /*Product Store Dropdown Style*/ .ep-detail-add-store-popover { width: 380px !important; padding: 5px 10px 10px 10px; margin: -6px -5px 5px -5px; background: var(--ep-color-paleGray); } .md-panel.ep-material-panel-popover.ep-product-store-list .row { margin: 0px } .md-panel.ep-material-panel-popover ul > li, ul.list-unstyled.ep-maintenance-toolbar-action-list li { padding: 0px 20px 0px 5px; margin: 0px; border-bottom: 1px solid var(--ep-color-paleGray); } .md-panel.ep-material-panel-popover ul > li:last-child { border-bottom: none; } .md-panel.ep-material-panel-popover ul > li:hover, ul.list-unstyled.ep-maintenance-toolbar-action-list li:hover { background: var(--ep-color-paleGray); } .md-panel.ep-material-panel-popover ul > li:hover a, ul.list-unstyled.ep-maintenance-toolbar-action-list li:hover a { color: var(--ep-color-gray) !important; } ul.list-unstyled.ep-maintenance-toolbar-action-list li a, ul.list-unstyled.ep-maintenance-toolbar-action-list li a:hover { text-decoration: none; color: var(--ep-color-text-normal) !important; } .md-panel.ep-material-panel-popover .ep-store-list-container ul > li { padding: 8px 10px !important; } .store-header { padding: 0px 8px; border-bottom: 1px solid var(--ep-input-border); } .store-header .title, .store-header p { max-width: calc(100% - 30px); font-weight: 600; font-size: 14px; padding: 8px 5px 8px 0px; margin: 0px; font-family: Montserrat; color: var(--ep-color-text-normal); } .store-actions { position: absolute; top: 5px; right: 5px } .ep-store-list-container { max-height: 200px; overflow-y: auto; margin: 0px; } .ep-detail-add-store-popover .ep-multiselect-dropdown:before { content: "Add to Selected Stores"; color: var(--ep-color-text-normal); font-weight: 600; font-family: Montserrat; font-size: 14px; margin-top: 5px; position: absolute; } .store-subset-actions { z-index: 100000; position: absolute; right: 0px; } .add-to-all-store { position: relative; width: 160px; padding: 5px; color: var(--ep-color-anotherBlue); border-radius: 4px; line-height: 1.2; font-size: 16px; margin: auto; text-align: center; margin-top: 0px; display: table; } .add-to-all-store:hover { background: var(--ep-color-anotherBlue); color: var(--ep-color-white); } .store-width-inherit { width: 100%; } .ep-detail-store-popover { width: 380px; min-height: 100px; margin: -5px !important; } label#add_to_stores_select_label { margin: 5px 5px 8px 5px; font-size: 14px; font-weight: 400; top: -32px; } .ep-detail-add-store-popover .k-widget, .ep-detail-add-store-popover .k-multiselect-wrap { background: transparent; border-bottom-width: 1px; } .ep-detail-add-store-popover .ep-multiselect-dropdown { width: 100%; margin-left: 0px; margin-bottom: 0px; line-height: normal; } .k-multiselect:not(.ep-generic-class) { border: none; overflow-y: auto; border-bottom: 1px solid var(--ep-color-unfocused-input) !important; } .k-multiselect-wrap.k-floatwrap .k-button { padding-right: 15px; padding: 3px 20px 3px 5px; max-width: 100%; line-height: 1.6; } /*Product Store Dropdown Style*/ .k-widget.k-multiselect.k-state-hover, .k-widget.k-multiselect.k-focus { box-shadow: none; border-bottom: 0px solid transparent; } .k-multiselect-wrap.k-floatwrap [role=listbox]:empty + .k-input { width: 100% !important; } .tree-filter .k-multiselect-wrap.k-floatwrap [role=listbox]:empty + .k-input { width: auto !important; } md-input-container[md-no-float] ep-multi-select label { webkit-transform: translate3d(0, 0px, 0) scale(1) !important; transform: translate3d(0, 0px, 0) scale(1) !important; margin-bottom: 0px; } ep-multi-select { display: inline-block; width: 100%; } .ep-maintenance-toolbar-search .k-multiselect-wrap.k-floatwrap:not(.ep-generic-class) { border-bottom: 0px solid !important; display: flex; } .ep-detail-add-store-popover md-input-container { margin-top: 38px } .ep-generic-class.ep-multiselect-dropdown ep-multi-select .k-multiselect-wrap > ul > .k-button { font-size: var(--ep-label-font-size); top: 4px !important; } .ep-generic-class.k-focus md-input-container ep-multi-select label, .ep-generic-class.k-dropdowntree.k-state-border-down label { color: var(--ep-color-blue) !important; } .ep-generic-class .k-dropdowntree.k-state-border-down { border-bottom: 2px solid var(--ep-color-blue) !important; } .ep-generic-class.k-focus md-input-container.md-input-has-value ep-multi-select label.md-required:after, .ep-generic-class:not(.k-focus) md-input-container:not(.md-input-has-value) ep-multi-select label.md-required:after { color: var(--ep-color-red) !important; } .ep-generic-class md-input-container.md-default-theme:not(.md-input-invalid):not(.md-input-has-value) label:after { color: var(--ep-color-red) !important; } .ep-multiselect-dropdown.k-input md-input-container { margin: 10px 0 10px; } .ep-multiselect-dropdown.k-input:focus-within { box-shadow: none; } .ep-multiselect-dropdown .k-chip-content { font-size: var(--ep-label-font-size); } /*** Radio button styles. */ .k-radio-label:before { border-color: var(--ep-info-blue); border-radius: 50%; background-color: #ffffff; border-width: 2px; position: absolute; } .k-radio-label:hover:before, .k-radio:checked + .k-radio-label:hover:before { border-color: var(--ep-color-anotherBlue); box-shadow: none; } .k-radio:checked + .k-radio-label:after { background-color: var(--ep-color-anotherBlue); border-radius: 50%; } .k-radio-label:active:before { border-color: var(--ep-info-blue); } .k-radio:checked + .k-radio-label:active:before { border-color: var(--ep-color-anotherBlue); } .k-radio:disabled + .k-radio-label { color: var(--ep-color-disabled-item); } .k-radio:disabled + .k-radio-label:before, .k-radio:disabled + .k-radio-label:active:before, .k-radio:disabled + .k-radio-label:hover:after, .k-radio:disabled + .k-radio-label:hover:before { background: #ffffff; border-color: var(--ep-color-disabled-item); box-shadow: none; } .k-radio:disabled:checked + .k-radio-label:after { background-color: #4b616c; opacity: .5; } .k-radio:focus + .k-radio-label:before { border-color: var(--ep-color-anotherBlue); } .k-radio:checked + .k-radio-label:before, .k-radio:checked + .k-radio-label:hover:before { border-color: var(--ep-color-anotherBlue) !important; } .k-radio + .k-radio-label:active:before { border-color: var(--ep-info-blue); box-shadow: none; /* box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3); */ } .k-radio:checked + .k-radio-label:active:before { /* box-shadow: 0 0 0 12px var(--ep-info-blue); */ box-shadow: none; } .k-radio:focus + .k-radio-label:before { border-color: var(--ep-info-blue); /* box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3); */ box-shadow: none; } .k-radio:disabled:checked + .k-radio-label:before, .k-radio:disabled:checked + .k-radio-label:hover:before { border-color: #bfbfbf; } .k-radio:disabled:checked + .k-radio-label:active:before { box-shadow: none; } .k-radio:disabled:checked + .k-radio-label:before, .k-radio:disabled:checked + .k-radio-label:hover:before { border-color: var(--ep-color-disabled-item) !important; color: var(--ep-color-disabled-item); } .k-radio:checked + .k-radio-label:after { content: ""; width: 10px; height: 10px; position: absolute; top: 0; left: 0; margin: auto; margin-top: 4px; margin-left: 4px; } .k-radio-label { padding-left: 25.2px; vertical-align: top; cursor: pointer; border-style: solid; border-width: 0; margin-right: 5px; position: absolute; line-height: 1.8; } .k-radio, .k-radio::before { display: none; width: 0px !important; height: 0px !important; padding: 0px; border: none !important; } .k-radio:checked + .k-radio-label { font-weight: 700; text-shadow: none !important; } .k-radio + .k-radio-label:before { content: ''; display: block; border: 2px solid var(--ep-color-anotherBlue) !important; margin: 0px; position: absolute; left: 0px; padding: 7px; background: transparent; } .k-radio:checked, .k-checkbox:checked { background: transparent !important; } /*calender styles*/ .k-calendar td.k-today.k-state-focused, .k-calendar td.k-today.k-state-focused.k-state-hover, .k-calendar td.k-state-hover { box-shadow: none; background: transparent !important; color: white; border: transparent !important; } .k-calendar td .k-link { border-radius: 50%; transition: color 0.2s ease-in-out; } .k-calendar td.k-hover .k-link, .k-calendar td.k-focus.k-hover .k-link { background: var(--ep-color-blue); color: white !important; line-height: 2; } .k-calendar td.k-focus .k-link { background: var(--ep-color-anotherBlue); border: none; color: var(--ep-color-white); } .k-calendar .k-content th { border-bottom: 1px solid var(--ep-color-disabled-item) !important; } .k-state-focused .k-icon { color: var(--ep-color-blue); } .k-state-focused .k-icon.k-i-close { color: var(--ep-color-text-normal); } .ep-generic-class.ep-numeric-textbox input, .ep-generic-class.ep-currency-textbox input, .ep-generic-class.ep-decimal-textbox input { text-align: right; } .k-calendar td { padding: 15px !important; text-align: center; } .k-calendar .k-month td { padding: 0px !important; } .k-calendar td.k-state-focused, .k-calendar td.k-state-selected.k-state-focused { box-shadow: none; width: 40px; height: 36px; background: var(--ep-color-anotherBlue); border-width: 0px !Important; background: transparent !important; } .k-calendar td.k-state-focused, .k-calendar td.k-state-selected.k-state-focused .k-link { color: var(--ep-color-white); background: var(--ep-color-anotherBlue); } .k-calendar td .k-link { padding: 10px; } .k-calendar .k-content .k-link { overflow: hidden; line-height: 2; height: 32px; width: 32px; padding: 2px; padding: 2px; height: 32px; width: 32px; margin: auto; text-align: center; display: inline-block; vertical-align: middle; font-size: 15px; box-shadow: none; border-radius: 50%; } .k-calendar .k-header .k-state-hover { background-color: var(--ep-color-white) !important; color: var(--ep-color-anotherBlue) !important; font-weight: 700; } .k-calendar .k-content td { border-radius: 50%; } .k-calendar td.k-selected .k-link, .k-calendar td.k-state-selected .k-link, .k-calendar td.k-focus .k-link { background: var(--ep-color-anotherBlue); box-shadow: none; } .k-calendar .k-today .k-link { background-color: var(--ep-color-sidenav-background); } /*calender styles*/ /* check box style */ .k-checkbox:checked + .k-checkbox-label:before, .k-treeview .k-checkbox:checked:before { background-color: var(--ep-color-white); border-color: var(--ep-color-anotherBlue) !important; color: var(--ep-color-anotherBlue) !important; } .k-treeview .k-checkbox-wrapper input.k-checkbox:checked { border-color: var(--ep-color-anotherBlue) !important; color: var(--ep-color-anotherBlue) !important; } .k-checkbox-label:before, .k-treeview .k-checkbox:before { border-color: var(--ep-info-blue); background: var(--ep-color-white); border-radius: 1px; border-width: 2px; line-height: 1; } .disabled_element .k-checkbox-label:before, .disabled_element .k-checkbox-wrapper .k-checkbox:before { border-color: var(--ep-color-disabled-item) !important; } .k-checkbox:hover + .k-checkbox-label:before, .k-checkbox:checked:hover + .k-checkbox-label:before, .k-checkbox-label:hover:before, .k-checkbox:checked + .k-checkbox-label:hover:before { border-color: var(--ep-info-blue); } .k-checkbox:checked:disabled + .k-checkbox-label:hover:before, .k-checkbox:disabled + .k-checkbox-label:hover:before, .k-checkbox:disabled + .k-checkbox-label:focus:before, .k-checkbox:disabled + .k-checkbox-label:before { box-shadow: none; border-color: var(--ep-color-disabled-item) !important; } .k-checkbox:checked + .k-checkbox-label:hover:after { border-color: var(--ep-color-anotherBlue); } .k-checkbox:focus + .k-checkbox-label:hover:before { border-color: var(--ep-info-blue); box-shadow: none; } .k-checkbox:focus + .k-checkbox-label:before { border-color: var(--ep-info-blue); } .k-checkbox:indeterminate + .k-checkbox-label:after { background-color: var(--ep-color-anotherBlue); background-image: none; border-color: var(--ep-color-anotherBlue); border-radius: 0px; width: 6px; height: 6px; top: 9px; left: 9px; } .k-checkbox:checked:disabled + .k-checkbox-label:hover:before { color: var(--ep-color-disabled-item); background: #f5f5f5; border-color: var(--ep-color-disabled-item); border-radius: 1px; } .k-checkbox-label, .k-radio-label { display: inline-block !important; position: relative; padding-left: 25.2px; vertical-align: top; line-height: 20px; cursor: pointer; border-style: solid; border-width: 0; margin-right: 5px; } .k-checkbox:indeterminate + .k-checkbox-label:before, .k-treeview .k-checkbox:indeterminate:before { border-color: var(--ep-color-anotherBlue); content: "\220E"; color: var(--ep-color-anotherBlue); line-height: 10px !important; font-size: 16px; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 500; } .k-checkbox:checked + .k-checkbox-label { font-weight: 700; text-shadow: none !important; } .k-grid input.k-checkbox + label.k-checkbox-label { cursor: pointer; } #link_update_grid tbody tr { height: 53px; } .k-radio, input.k-checkbox { display: inline; opacity: 0; width: 0; margin: 0; -webkit-appearance: none; overflow: hidden; border-radius: 0px; border-color: transparent; color: transparent; background-color: transparent; position: static; } .k-checkbox-wrapper .k-checkbox-label { display: inline-block !important; margin: 0px; padding: 0px 8px 0px 8px; } .k-checkbox-label:before { font: 14px WebComponentsIcons, monospace; content: ""; position: absolute; top: 0; left: 0; border-width: 2px; border-style: solid; width: 14px; height: 14px; font-size: 14px; line-height: 14px; text-align: center; box-sizing: content-box; } .k-checkbox:checked + .k-checkbox-label:before { content: "\e118"; } input.k-checkbox[disabled]::before { border-radius: 4px; opacity: 0; } .k-checkbox-label:empty { display: inline-block !important; } .check_wid_blk { margin: 10px 10px 10px 0px; } md-input-container.md-input-invalid.md-input-focused .k-maskedtextbox .md-input { border-bottom: none !important; } /*validation fixes*/ md-input-container:not(.md-input-focused):not(.md-input-has-value) label.md-required:after, .ep-generic-class .k-dropdown.ng-invalid-required ~ label:after { color: var(--ep-color-red); } .ep-generic-class.disabled_element md-input-container:not(.md-input-focused):not(.md-input-has-value) label.md-required:after, .ep-generic-class.k-state-disabled md-input-container:not(.md-input-focused):not(.md-input-has-value) label.md-required:after { color: var(--ep-color-disabled-item); } .ep-generic-class:not(.k-state-focused) md-input-container:not(.md-input-focused):not(.md-input-has-value) label.md-required.has_data:after { color: var(--ep-color-unfocused-input) !important; } .ep-generic-class .k-dropdown.ng-valid-required ~ label:after { content: " *"; } .ep-generic-class .k-dropdown.ng-valid-required ~ label:after { color: var(--ep-color-text-normal); } md-input-container.md-default-theme.md-input-invalid .md-char-counter, md-input-container.md-input-invalid .md-char-counter, md-input-container.md-default-theme.md-input-invalid .md-input-message-animation, md-input-container.md-input-invalid .md-input-message-animation, md-input-container.md-default-theme.md-input-invalid label, md-input-container.md-input-invalid label { color: var(--ep-color-darkGray) !important; } md-input-container.md-default-theme.md-input-invalid .md-input, md-input-container.md-input-invalid .md-input.ng-invalid.ng-dirty, .k-numeric-wrap .k-input { border-color: var(--ep-color-unfocused-input); } md-input-container.md-default-theme.md-input-invalid.md-input-focused .md-input, md-input-container.md-input-invalid.md-input-focused .md-input { border-bottom: 2px solid var(--ep-color-blue) !important; } md-input-container.md-input-invalid.md-input-focused .k-datepicker .md-input { border-bottom: none !important; } md-input-container.md-input-invalid.md-input-focused .md-input input { border-bottom: none; } [disabled] md-input-container.md-default-theme .md-input, [disabled] md-input-container .md-input, md-input-container.md-default-theme .md-input[disabled], md-input-container .md-input[disabled] { border-bottom-color: var(--ep-color-disabled-item) } .md-input-focused label, .md-input-invalid.md-input-focused label, .ep-generic-class.k-focus md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label, .ep-generic-class.k-state-focused md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label { color: var(--ep-color-blue) !important; } /*validation fixes*/ tags-input .host { margin-bottom: 1px; } /* * Define the styles for tags and md-chip */ /*Email chip related styles - Start*/ md-chips .md-chips.md-focused { box-shadow: 0 2px var(--ep-color-blue); } .md-chips { padding: 0px; } md-chips md-chip { margin: 4px 8px 0px 0; } .md-chip-width .md-chip-input-container { width: 100%; } /*End*/ md-icon { min-height: 15px; min-width: 15px; } .md-chips { padding-bottom: 0px; font-family: Hind, regular, sans-serif; font-size: 15px; color: #112F41; font-weight: 500; } md-chips.md-default-theme md-chip, md-chips md-chip { background: rgb(224, 224, 224); color: rgb(66, 66, 66); } md-chips.md-default-theme md-chip, md-chips md-chip { background-color: var(--ep-color-geryBlue); } md-chips.md-default-theme md-chip.md-focused, md-chips md-chip.md-focused { background: var(--ep-color-anotherBlue); } md-nav-bar { margin-bottom: 5px; position: relative; display: block; } [uib-accordion-group].panel .panel-title { position: relative; } [uib-accordion-group].panel .panel-title a { text-decoration: none; color: var(--ep-color-groupbox-header); } [uib-accordion-group].panel .panel-title:after { position: absolute; right: 0px; color: var(--ep-color-anotherBlue); text-transform: uppercase; font-size: 15px; } [uib-accordion-group].panel.panel-open .panel-title:after { content: "Hide"; } [uib-accordion-group].panel .panel-title:after { content: "Show"; } [uib-accordion-group].panel { padding: 0px; border-radius: 0px; } [uib-accordion-group].panel .panel-heading { background: #efefef; } [uib-accordion-group].panel .panel-body { padding: 20px 0px 10px 0px; cursor: initial; } label.return_reason_label { font-weight: 600; margin-bottom: 12px; } .reasons_container { overflow-y: auto; box-sizing: border-box; max-height: 250px; padding: 10px; border: 1px solid var(--ep-color-disabled-item); } fieldset#return_reason_div { box-sizing: border-box; width: 90%; } .plus_minus_group { padding: 0px; } .plus_minus_group .inline-block .mdi { line-height: 30px; outline: none; } .plus_minus_group .inline-block .mdi:before { font-size: 27px; margin: 0px 5px; } .pro-nav-container > md-content { overflow: hidden; } uib-accordion.restrict_content_height .panel-body { max-height: 320px; overflow-y: auto; } .terms-detail { max-width: 100%; text-overflow: ellipsis; display: block; height: 100%; font-size: 15px; line-height: 1.5; margin: 0px; } .openAdderCode { padding-left: 15px !important; } .adderCodeText { padding-top: 8px; word-break: break-word; padding-right: 4px; } .adders-code-content { display: flex; font-size: 12px; .adders-code-container { margin: 20px 0 0 -14px; max-width: 270px; } .adders-code-table-container { margin-top: 24px; border-top: 1px solid #e5e5e5; min-width: fit-content; max-height: 250px; overflow-y: auto; overflow-x: hidden; } .minimum-adder-container { padding-top: 20px; } .adder-code-text { color: var(--ep-color-darkGray); } .adder-text-theme { color: var(--ep-color-black); font-size: 14px; word-break: break-word; } .adders-code-table { border-right: 1px solid #e5e5e5; .adders-code-thread { background: linear-gradient(0deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04)), #fff; color: #008AA9; } .tier-cell { padding: 8px 13px; line-height: 20px; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; text-align: center; } } } /* * * Miscellaneous tweaks to styles set by 3rd party CSS. * */ /* Override the background of md-content elements */ md-content { background-color: var(--ep-color-textbox-background); } .k-block, .k-draghandle, .k-grid-header, .k-grouping-header, .k-header, .k-grid-pager, .k-dropdown-wrap, .k-toolbar, .k-treemap-tile, html .km-pane-wrapper .k-header { background-color: var(--ep-color-white); } /* This gets rid of the gradient used in the background of several widgets. It was creating a white haze over the hamburger menu icons */ .k-draghandle, .k-grid-header, .k-grouping-header, .k-header, .k-grid-pager, .k-panelbar .k-tabstrip-items .k-item, .k-progressbar, .k-state-highlight, .k-tabstrip-items .k-item, .k-toolbar, .k-button, .k-state-hover, .k-state-hover:hover, .km-pane-wrapper > .km-pane > .km-view > .km-content, .k-autocomplete, .k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap, .k-textbox { background-image: none; background: transparent; } /* * This unbolds the text in a dropdown list selector. * We have to use !important because kendo sticks a * font-weight in a style tag. */ .k-list-container.k-popup { font-weight: normal !important; } .k-block, .k-content, .k-popup, .k-toolbar, .k-widget { color: var(--ep-color-text-normal); } span.ep-tag-marker, .k-multiselect-wrap li { word-wrap: break-word; max-width: 325px; display: inline; text-align: left; } /*Dev error check selectors*/ .dev [class *= col-] > [class *= col-] { /*column inside column without a row*/ background1: #f33939; color: #a94442; background-color: #f2dede; } .dev [style] { /*inline style attribute available with or without style*/ outline: 1px solid blue !important; } .dev [style*=margin], .dev [style*=left], .dev [style*=top] { /*inline styles for margin, left, top*/ color: #8a6d3b; background-color: #fcf8e3; outline: 1px solid #ef0f98 !important; } .dev [style*=float] { /*inline style for float*/ background: #FBC02D; } .dev [class *= row] > [class *= col-] { /*row with immediate columns*/ background-color: #A5D6A7; } /*Dev error check selectors End*/ span.k-in.k-selected, span.k-in.k-selected:hover { background: var(--ep-color-anotherBlue); color: var(--ep-color-white); } .k-popup.k-calendar-container, .k-popup.k-list-container, .k-popup.k-group { -webkit-box-shadow: 0 2px 3px #00000029 !important; box-shadow: 0 2px 3px #00000029 !important; padding: 0px; } .k-button.k-state-hover, .k-button:hover { background-image: none !important; } md-input-container.md-default-theme:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label { color: var(--ep-color-darkGray) !important; } /* kendo upgrade 2020 r3 sp1 issues fixed */ .k-toolbar > * { margin: 0; } .k-toolbar { padding: .57142857em .37142857em; line-height: normal; min-height: 2.4375em; } .k-toolbar .k-overflow-anchor > .k-icon { position: absolute; top: 50%; left: 50%; margin: -8px; } /* End */ /* kendo upgrade to 2023 R1*/ .k-panelbar > .k-panelbar-header > .k-link { background: none; } .k-panelbar > .k-item + .k-item, .k-panelbar > .k-panelbar-header + .k-panelbar-header { border: none; } /* End */ @-webkit-keyframes btn-ng-bs-rotation { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes btn-ng-bs-rotation { 0% { -moz-transform: rotate(0); transform: rotate(0); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes btn-ng-bs-rotation { 0% { -o-transform: rotate(0); transform: rotate(0); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes btn-ng-bs-rotation { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .btn-ng-bs-animated .icons { opacity: 0; width: 0; -webkit-transition: opacity 0.15s, width 0.15s; -moz-transition: opacity 0.15s, width 0.15s; -o-transition: opacity 0.15s, width 0.15s; transition: opacity 0.15s, width 0.15s; } .btn-ng-bs-animated.icons-only .icons, .btn-ng-bs-animated.is-active .icons { opacity: 1; width: 1em; } .btn-ng-bs-animated.is-active .icons.pull-left { margin-right: 0.4em; } .btn-ng-bs-animated .icon-initial { display: none; } .btn-ng-bs-animated.icons-only .icon-initial { display: inline-block; } .btn-ng-bs-animated.is-active .icon-initial { display: none; } .btn-ng-bs-animated.is-active .icons.pull-right { margin-left: 0.4em; } .btn-ng-bs-animated.is-active .icons .icon-spinner { -webkit-animation: btn-ng-bs-rotation 2s infinite linear; -moz-animation: btn-ng-bs-rotation 2s infinite linear; -o-animation: btn-ng-bs-rotation 2s infinite linear; animation: btn-ng-bs-rotation 2s infinite linear; } .btn-ng-bs-animated.icons-only .text { display: none; } /* * Styles pertaining to our virtual kendo grids. */ .k-grid-header .k-header .k-link, .k-grid-header .k-header, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-header, .k-treemap-title, .k-filter-row th, .k-grid-header th.k-header { color: var(--ep-color-darkBlue); font-size: 13px; font-weight: 600; } .k-grid .k-grid-column-menu.k-grid-header-menu { width: auto !important; margin: -.5em -.6em -.4em 0; padding: .5em .2em .4em; position: absolute; z-index: 1; bottom: 12px; } .k-grid-toolbar:not(.k-button) { font-weight: normal; margin-bottom: 0px; font-size: var(--ep-input-font-size); color: var(--ep-color-darkGray); line-height: 1.2; } .k-grid-toolbar label { font-size: var(--ep-label-font-size) !important; font-weight: normal; } .k-grid-header .k-header .k-link { display: block; } .k-toolbar.k-grid-toolbar:after { content: ""; display: block; clear: both; } .k-grid-header th[data-role="columnsorter"] .k-link { cursor: pointer; } .k-grid-header .k-header > .k-link, .k-filter-row th, .k-grid-header th.k-header { font-weight: 600; text-transform: uppercase; font-family: Montserrat; } .generic-grid-container span.k-textbox.k-space-left { background: var(--ep-color-textbox-background); height: 38px; display: block; padding-left: 1.55em; position: relative; } .k-grid tbody > tr.k-alt, tr.k-master-row { background-color: var(--ep-color-white); } tr.k-master-row { position: relative; } .ep-table-cell-right { text-align: right; } .k-grid tbody > tr.k-alt.k-selected, .k-grid tbody > tr.k-selected, .k-grid tbody > tr.k-state-selected, .k-grid tbody > tr.k-selected:hover { background-color: var(--ep-grid-row-selected); color: var(--ep-color-text-normal); } .k-grid td, .k-grid td.k-selected, [kendo-grid="grid"] { border-color: var(--ep-grid-border); } .k-grid tbody > tr:hover { background-color: var(--ep-color-paleGray); } .k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover { background-color: var(--ep-color-paleGray) !important; } .k-grid-content { font-size: 13px; font-weight: normal; /* color: var(--ep-color-darkGray); This is hard to read but from kinetic example. */ color: var(--ep-color-text-normal); } /* Following code snippet prevents font in the grid from abruptly changing weight during scrolling */ /* This CSS change is failing the validation tooltips. .k-grid-content tr{ transform:translate3d(0,0,0); }*/ /* Put a dashed border line between columns, and a solid one at the bottom of each row. */ .k-grid tr td, .k-grid-header th.k-header { border-top-width: 0; border-right-width: 1px; border-right-style: dashed; border-left-width: 0; border-bottom-width: 1px; position: relative; } .k-grid tr td { position: relative !important; } #multi_add_grid .k-virtual-scrollable-wrap tr td { height: 22px; } .k-virtual-scrollable-wrap td { white-space: nowrap; line-height: 22px; /* Removed !important because it effects line-height to maintain same height of row elements for grid*/ } /* However for the non-header rows, remove the dashed border between columns */ .k-grid tr td { border-right-width: 0; } /* Move grid info from bottom left to bottom right */ .k-grid-pager > .k-pager-info { float: right; } /* Small tweak to get the grid header text to center a little better vertically */ .k-grid-header th.k-header > .k-link { padding-top: 0.8em; } /* * This would remove the vertical ... that allows addition of columns. * This is a kendo grid option, so we should not try to hide here with CSS. .k-grid-header th.k-header > .k-header-column-menu { visibility: hidden; } */ .k-grid td.k-selected, .k-grid tr.k-selected > td { border-color: transparent; } .k-grid td { overflow: hidden; line-height: 1.6em; vertical-align: middle; text-overflow: ellipsis; padding: 12px 12px 10px; } .k-grid td > span { line-height: 1.5; display: inline-block; vertical-align: middle; } .k-grid .k-header .k-button:disabled, .k-grid .k-header .k-button.k-state-disabled, .k-scheduler .k-header .k-button:disabled, .k-scheduler .k-header .k-button.k-state-disabled, .k-scheduler .k-header li.k-state-disabled, .k-scheduler .k-header .k-link, .k-gantt > .k-header li.k-state-disabled, .k-gantt > .k-header .k-link.k-state-disabled, .k-gantt-toolbar .k-button.k-state-disabled, .km-pane-wrapper .k-header .k-button:disabled, .km-pane-wrapper .k-header .k-button.k-state-disabled, .ep-grid-toolbar-button[disabled] { color: #fff; background: var(--ep-color-disabled-item); border-color: var(--ep-color-disabled-item); opacity: 1; cursor: default; font-weight: 500; box-shadow: none; } .k-menu .k-item > .k-link, .k-menu-scroll-wrapper .k-item > .k-link, .k-popups-wrapper .k-item > .k-link { padding: 10px; } .k-menu .k-menu-scroll-button:hover, .k-menu .k-state-hover > .k-link { color: #2e2e2e; background-color: var(--ep-color-paleGray); border-color: #b6b6b6; background-image: none; } .k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link, .k-menu-scroll-wrapper .k-menu-group .k-item > .k-link, .k-popups-wrapper.vertical > .k-item > .k-link { padding: 10px; box-shadow: none } .k-context-menu.k-menu-vertical > .k-item > .k-link > input, .k-menu .k-menu-group .k-item > .k-link > input, .k-menu-scroll-wrapper .k-menu-group .k-item > .k-link > input, .k-popups-wrapper.vertical > .k-item > .k-link > input { margin-top: -2px; margin-right: 5px } .k-menu .k-item.k-state-default.k-state-focused { box-shadow: none; } /*to avoid conflicting styles for the checkboxes used inside hierarchichal grids (grid inside grid)*/ [kendo-grid] td:not(.k-detail-cell) input.k-checkbox, [kendo-grid] td:not(.k-detail-cell) .k-checkbox-label, [kendo-grid] th .k-checkbox-label { width: 100%; height: 100%; position: absolute; left: 0px; right: 0px; margin: auto; top: 0px; bottom: 0px; overflow: visible; padding: 0px; display: block; } [kendo-grid] td:not(.k-detail-cell) input.k-checkbox { z-index: 10; cursor: pointer; } [kendo-grid] td:not(.k-detail-cell) .k-checkbox-label:before, [kendo-grid] th .k-checkbox-label:before { /* for center aligning the checkbox in IE EDGE also*/ border-color: var(--ep-info-blue); background: var(--ep-color-white); border-radius: 1px; border-width: 2px; line-height: 1; position: absolute; left: 0px; right: 0px; margin: auto; top: 0px; bottom: 0px; } /*to avoid conflicting styles for the checkboxes used inside hierarchichal grids (grid inside grid)*/ [kendo-ep-grid] td:not(.k-detail-cell) input.k-checkbox, [kendo-ep-grid] td:not(.k-detail-cell) .k-checkbox-label, [kendo-ep-grid] th .k-checkbox-label { width: 100%; height: 100%; position: absolute; left: 0px; right: 0px; margin: auto; top: 0px; bottom: 0px; overflow: visible; padding: 0px; display: block; } [kendo-ep-grid] td:not(.k-detail-cell) input.k-checkbox, .k-menu-item .k-link.k-menu-link input.k-checkbox { z-index: 10; cursor: pointer; } [kendo-ep-grid] td:not(.k-detail-cell) .k-checkbox-label:before, [kendo-ep-grid] th .k-checkbox-label:before { /* for center aligning the checkbox in IE EDGE also*/ border-color: var(--ep-info-blue); background: var(--ep-color-white); border-radius: 1px; border-width: 2px; line-height: 1; position: absolute; left: 0px; right: 0px; margin: auto; top: 0px; bottom: 0px; } .ep-table-cell-center, .ep-table-header-cell { position: relative } /*textbox inside Generic grid container */ .generic-grid-container .k-textbox, .generic-grid-container .k-textbox > input, .generic-grid-container .k-textbox:hover { border-color: transparent; background: #f3f4f4; width: 100%; } .generic-grid-container .k-textbox > input { height: inherit; font-family: Hind, Montserrat, sans-serif; font-size: 16px; background-color: var(--ep-color-textbox-background); color: var(--ep-color-text-normal); } .ep-maintenance-grid { height: auto !important; } .k-header > .k-grid-filter, .k-header > .k-header-column-menu { right: 4px; margin: -.5em -.6em -.4em 0; padding: .5em .2em .4em; position: absolute; z-index: 1; color: inherit; bottom: 5px; } .ep-table-header-cell { text-align: center !important; overflow: visible !important; white-space: normal !important; } .ep-grid-image { background-repeat: no-repeat; background-position: 50%; border: var(--ep-color-lightGray) solid 1px; border-radius: 50%; width: 30px; height: 30px; margin: 0 auto; } .ep-application-filter-link-inactive, .ep-application-filter-link-inactive:link, .ep-application-filter-link-inactive:active, .ep-application-filter-link-inactive:visited { text-decoration: none; display: inline-block; color: #12C3F4; } .ep-application-filter-link-active, .ep-application-filter-link-active:link, .ep-application-filter-link-active:active, .ep-application-filter-link-active:visited, .ep-application-filter-link-active:hover { text-decoration: none; display: inline-block; color: #F58220; } /*For Checkboxes inside the grid*/ .k-grid input.k-checkbox + label.k-checkbox-label { min-width: 13px; } .relative_checkbox_group { position: relative; } .multi_level_grid_container [kendo-grid] td:not(.k-detail-cell) input.k-checkbox, .membership_grid_container [kendo-grid] td:not(.k-detail-cell) input.k-checkbox { width: 100%; height: 100%; z-index: 2; position: relative; } .multi_level_grid_container [kendo-ep-grid] td:not(.k-detail-cell) input.k-checkbox, .membership_grid_container [kendo-ep-grid] td:not(.k-detail-cell) input.k-checkbox { width: 100%; height: 100%; z-index: 2; position: relative; } .k-grid .relative_checkbox_group input.k-checkbox + label.k-checkbox-label { min-width: 10px; height: auto; width: calc(100% - 25.2px); } /*For kendo grid column menu*/ .k-popup, .k-menu .k-menu-group { box-shadow: none; } .no-border tr { border: 0 !important; } .ep-table-style-1 tr { border: solid 1px var(--ep-grid-border); } .quick_view_container .row-eq-height > [class^="col-"] > .ep-maintenance-block { height: 100% !important; } @media only screen and (max-width: 768px) { .padding_por_rt0 { padding-right: 0; } } .quick_view_container .k-header { width: calc(100% - 4px); margin: 0; } .link button.actions_element { border: none; background: transparent; line-height: 1.8; cursor: pointer; } .link button.actions_element[disabled] { cursor: default; color: var(--ep-color-disabled-item); } .md-panel.ep-material-panel-popover li.link span.mdi.disabled { color: var(--ep-color-midGray); } .k-grid-header th.k-header > .k-link { padding: 0.8em !important; margin-right: 0px !important; } .k-grid tr td, .k-grid-header th.k-header { border-top-width: 0; border-right-width: 1px; border-right-style: dashed; border-left-width: 0; border-bottom-width: 1px; position: relative; padding: .8em !important; line-height: 1.5; } .k-grid-header th.k-header { /*All grid header text are center aligned as per kinetic*/ text-align: center; /*padding: 0px!important;*/ } /*.k-grid th.k-header input.k-checkbox + label.k-checkbox-label { width: 100%; height: 100%; position: absolute; left: 0px; right: 0px; margin: auto; top: 0px; bottom: 0px; overflow: visible; padding: 0px; } .k-grid th.k-header input.k-checkbox + label.k-checkbox-label:before { border-color: var(--ep-info-blue); background: var(--ep-color-white); border-radius: 1px; border-width: 2px; line-height: 1; position: absolute; left: 0px; right: 0px; margin: auto; top: 0px; bottom: 0px; }*/ .k-grid-content-locked { border-bottom: 1px solid; border-color: var(--ep-grid-border); } .activity_filter_options { display: inline-flex; margin: 0px; font-family: Hind, sans-serif; box-sizing: content-box; flex-direction: row !important; vertical-align: baseline; } .activity_filter_options:not(:last-child):after { content: "|"; display: inline-block; margin: 0px 5px; line-height: 1.3; font-weight: 500; color: var(--ep-color-disabled-item); } .activity_filter_options input[type=radio] + h5 { font-size: 14px; cursor: pointer; outline: none; text-transform: uppercase; } .activity_filter_options label { display: inline-flex !important; margin: 0px; } .activity_filter_options h5 { display: inline-flex !important; margin: 0px 10px; line-height: 1.5 } .activity_filter_options input[type=radio] { display: none; margin: 0px; } .activity_filter_options input[type=radio]:checked + h5 { color: var(--ep-color-blue); } .activity_label_container .activity_filter_label { margin: 0px; line-height: 2; display: inline-flex; text-transform: uppercase; vertical-align: baseline; } .activity_label_container { margin: 0px 0px 10px 0px; } .k-grid tbody tr td.k-edit-cell > span.k-datepicker, .k-grid tbody tr td.k-edit-cell > span.k-autocomplete { display: inline-flex; border: 0; } .k-grid tbody tr td.k-edit-cell > span.k-datepicker .k-input-inner { padding: 0 2px; } /*Truncate the cell text beyond cell width with ellipsis*/ .k-grid tbody tr td.k-edit-cell > span:not(.k-invalid):not(.k-datepicker):not(.k-picker):not(.k-numerictextbox) { display: block; overflow: visible !important; text-overflow: ellipsis; white-space: nowrap; } #edit_category_param_grid.k-grid tbody tr td.k-edit-cell > span:not(.k-invalid):not(.k-datepicker):not(.k-picker):not(.k-numerictextbox), #add_category_param_grid.k-grid tbody tr td.k-edit-cell > span:not(.k-invalid):not(.k-datepicker):not(.k-picker):not(.k-numerictextbox){ display: flex; } .k-grid tbody tr td.k-edit-cell.ep-cell-time-editor > span{ display: flex !important; } #store_holidays_grid .k-datepicker .k-button:hover{ background-color: var(--ep-color-lynch); } .k-grid tbody tr td > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; min-height: 19px; } .wrap-cell-data.k-grid tbody tr td > span { white-space: normal; } .k-grid input.k-checkbox + label.k-checkbox-label { cursor: pointer; } [kendo-grid] td:not(.k-detail-cell) input.k-checkbox::after, [kendo-grid] th:not(.k-detail-cell) input.k-checkbox::after { content: ""; position: absolute; top: 0px; left: 0px; width: 18px; height: 18px; text-align: center; color: var(--ep-color-blue) !important; font: 14px / 14px WebComponentsIcons, monospace; margin: auto; right: 0px; bottom: 0px; border: 2px solid var(--ep-color-blue) !important; } [kendo-ep-grid] td:not(.k-detail-cell) input.k-checkbox::after, [kendo-ep-grid] th:not(.k-detail-cell) input.k-checkbox::after { content: ""; position: absolute; top: 0px; left: 0px; width: 18px; height: 18px; text-align: center; color: var(--ep-color-blue) !important; font: 14px / 14px WebComponentsIcons, monospace; margin: auto; right: 0px; bottom: 0px; border: 2px solid var(--ep-color-blue) !important; } fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] { cursor: not-allowed; width: 12px; padding: 10px; position: absolute; left: 0px; right: 0px; margin: auto; top: 0px; bottom: 0px; } .k-menu-group li[role=menuitemcheckbox] input[type=checkbox][disabled] { width: auto; position: relative; } .k-radio, input.k-checkbox { border: 0px; color: var(--ep-color-blue) !important; } [kendo-grid] th:not(.k-detail-cell):not([data-field]) input.k-checkbox, [kendo-grid] td:not(.k-detail-cell):not([data-field]):not(.ep-grid-checkbox-cell) input.k-checkbox { opacity: 1; } [kendo-grid] th:not(.k-detail-cell) input.k-checkbox:checked, [kendo-grid] td:not(.k-detail-cell) input.k-checkbox:checked { color: var(--ep-color-anotherBlue) !important; } [kendo-grid] td:not(.k-detail-cell) input.k-checkbox:checked::after, [kendo-grid] th:not(.k-detail-cell) input.k-checkbox:checked::after { content: "\e118"; border-color: var(--ep-color-anotherBlue) !important; color: var(--ep-color-anotherBlue) !important; } [kendo-ep-grid] th:not(.k-detail-cell):not([data-field]) input.k-checkbox, [kendo-ep-grid] td:not(.k-detail-cell):not([data-field]) input.k-checkbox, .k-menu-item .k-link.k-menu-link input.k-checkbox { opacity: 1; } .k-checkbox:focus { outline: 0 !important; } [kendo-ep-grid] th:not(.k-detail-cell) input.k-checkbox:checked, [kendo-ep-grid] td:not(.k-detail-cell) input.k-checkbox:checked, .k-menu-item .k-link.k-menu-link input.k-checkbox:checked { color: var(--ep-color-anotherBlue) !important; } [kendo-ep-grid] td:not(.k-detail-cell) input.k-checkbox:checked::after, [kendo-ep-grid] th:not(.k-detail-cell) input.k-checkbox:checked::after { content: "\e118"; border-color: var(--ep-color-anotherBlue) !important; color: var(--ep-color-anotherBlue) !important; } .k-master-row.ep_row_selection, .k-master-row.ep_row_selection:hover, .k-grid tr.ep_row_selection.k-selected:hover, .k-master-row.ep_row_selection .k-checkbox:hover { background: var(--ep-grid-row-highlight-blue) !important; } tr.k-master-row.ep_row_selection td:first-child { border-left: 3px solid var(--ep-color-anotherBlue) !important; } [kendo-grid] tbody tr td > a, [kendo-ep-grid] tbody tr td > a, [kendo-grid] tbody tr td > a:hover, [kendo-ep-grid] tbody tr td > a:hover, [kendo-grid] tbody tr td > :focus, [kendo-ep-grid] tbody tr td > a:focus { color: var(--ep-color-blue) !important; } .textbox-icon.ep-generic-element-font-icon { position: absolute; left: 0px; } .k-toolbar.k-grid-toolbar { padding: 0.75em 1em 0.8333em; overflow: initial; } .k-grid .k-grid-toolbar .k-dropdownlist .k-button { color: inherit; background: none; border: none; } .k-grid-toolbar .k-picker, .k-grid-toolbar .k-input { width: 100%; } .k-toolbar.k-grid-toolbar > * { display: block; } .drawing-wrapper span.k-picker { border: none; background: transparent; } .k-menu-item .k-link.k-menu-link input.k-checkbox { width: 16px; position: relative; border: 2px solid var(--ep-color-anotherBlue); } /* kendo version 2023.3.1010 fixes */ .k-toolbar.k-grid-toolbar .k-toolbar-item { display: inline-block; } .ep_grid_v2 .k-grid-header .k-grid-header-menu { width: auto; padding: 2px; } .open_view_grid_v2 .k-grid .k-cell-inner { align-items: flex-start; padding: 0.3em 0.5em 0 0; } .open_view_grid_v2 .k-grid .k-cell-inner .k-link .k-sort-icon { margin-top: 3px; } .k-loading-image { background-color: transparent; background-repeat: no-repeat; background-position: center center; } .ep_grid_v2 .k-sort-icon { margin-top: 6px; } .k-sort-icon .k-svg-icon > svg { fill: var(--primary-v2); } .k-checkbox::before { content: "\e118"; width: 14px; height: 14px; font-size: 12px; font-family: WebComponentsIcons, monospace; transform: scale(1) translate(-50%, -50%); overflow: hidden; position: absolute; top: 50%; left: 50%; color: transparent; } .k-menu-popup .k-menu-link .k-checkbox::before { width: 12px; height: 12px; } .k-menu-popup .k-menu-link .k-checkbox:checked::before { color: var(--ep-color-anotherBlue); } .k-checkbox:checked:focus, .k-checkbox.k-checked.k-focus { box-shadow: none; } .k-grid-toolbar .grid_toolbar_icons span.mdi:before { line-height: 32px; } .k-grid-header .k-grid-header-menu.k-active { background-color: transparent; } .k-toolbar-overflow-button.k-toolbar-tool { display: none; } .k-grid td.k-selected, .k-grid .k-table-row.k-selected > td, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected > .k-table-td, .k-grid .k-grid-content-locked .k-selected.k-table-alt-row td, .k-grid .k-grid-content-locked .k-selected.k-table-alt-row .k-table-td, .k-grid .k-grid-content-locked .k-selected td, .k-grid .k-grid-content-locked .k-selected .k-table-td { background-color: transparent !important; } .k-toolbar.k-grid-toolbar .k-toolbar-overflow-button { display: none; } .k-grid .k-table-row.k-table-alt-row { background-color: var(--ep-color-white); } .k-grid .k-table-th, .k-grid td, .k-grid .k-table-td { border-bottom: 1px solid var(--ep-grid-border); border-left-style: dashed; } .k-grid-content .k-table-row:last-child > td, .k-grid-content .k-table-row:last-child > .k-table-td, .k-grid-content-locked .k-table-row:last-child > td, .k-grid-content-locked .k-table-row:last-child > .k-table-td { border-bottom-width: 1px; } .k-grid-pager { background-color: var(--ep-color-white); border: none; } .k-menu:not(.k-context-menu) > .k-item { color: #313131; } .k-grid-column-menu.k-grid-header-menu .k-svg-icon > svg { fill: var(--ep-color-darkBlue); } .k-font-icon { cursor: pointer; } .k-grid .k-dirty { left: 0; border-width: 3px; border-color: transparent; border-block-start-color: #f31700; border-inline-start-color: #f31700; position: absolute; min-height: inherit; } /*2023.3.1010 fixes End*/ .image-maintainer { height: 300px; } .image-maintainer-desc { text-align: center; font-weight: bold; font-size: large; line-height: 25px; } .image-counter { text-align: center; position: absolute; z-index: 5; top: -8px; right: -10px; font-weight: 500; font-size: 12px; line-height: 21px; color: var(--ep-color-white); background: var(--ep-color-orange);; width: 22px; height: 22px; border-radius: 50%; font-style: normal; font-family: Montserrat; } .drop-message { position: absolute; z-index: 5; border-width: 2px; border-style: solid; border-color: #00456A; font-weight: bold; font-size: 12px; color: white; background: IndianRed; width: 84px; height: 14px; line-height: 122%; text-align: center; border-radius: 25px; } div.image-preview-container { position: relative; width: 100px; height: 140px; margin: auto; margin: auto; } .image-preview-box { width: 100px; height: 100px; background-color: #f9f9f9; border-color: #f9f9f9; color: #b0b0b0; border-style: solid; border-radius: 8px; } .image-preview-image { position: relative; z-index: 1; max-width: 100%; max-height: 100%; margin: auto; } div.image-preview-description { width: 100px; height: 40px; border-style: none; overflow-x: hidden; display: flex; } div.image-preview-description a, div.image-preview-description .no_image_info { margin: auto; padding: 3px 5px; line-height: 1.4; border-radius: 2px; font-size: 12px; text-overflow: ellipsis; overflow: hidden; } /* Increase photoswipe z-index to cover top navbar */ .pswp { z-index: 100000; } .center-vertically { position: relative; top: 50%; transform: translateY(-50%); } /* .center-horizontally { position: relative; left: 50%; transform: translateX(-50%); } .center-bidirection { position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); }*/ .right-justify { position: relative; left: 50%; } .center-text { text-align: center; } /* Start of image carousel css */ .carousel-indicators { background-color: #fff; bottom: -35px; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: rgba(0, 0, 0, 0); border: 1px solid #00456A; border-radius: 10px; outline: 0; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #00456A; } /* End of old carousel css */ /* LightBox - Slider view only component css -START */ .ep-lightbox .image-preview-container { width: 300px !important; height: 200px !important; margin-right: 0px; } .ep-lightbox .image-preview-box { width: calc(300px - 80px); height: 190px; float: left; background: transparent; border-color: transparent; position: relative; border-radius: 0px; border: 1px solid var(--ep-color-disabled-item); overflow: hidden; display: flex; background-size: contain !important; background-repeat: no-repeat; background-position-x: 50%; -webkit-box-shadow: 4px 6px 6px -6px #dfdada; -moz-box-shadow: 4px 6px 6px -6px #dfdada; box-shadow: 4px 6px 6px -6px #dfdada; } .slider-big-img-container { /*width: calc(100% - 80px);*/ float: left; } .slider-thumb-list-container { height: 100%; overflow-y: auto; width: 75px; float: right; margin-left: 5px; } .gallery { padding: 0; width: 55px; margin: 0px !important; } .gallery li { display: inline-block; margin: 0 0 3px 0; list-style-type: none; text-align: center; } .gallery li:hover { cursor: pointer; } .gallery1 img { width: 55px; height: 55px; } /*Custom Carousel template css*/ .ep-custom-carousel { width: 100% !important; } .ep-custom-carousel .lightbox-image-caption { position: absolute; left: 0; margin: 0px; /* the left and right margins are offset by 0.4em for the span box-shadow */ color: #fff; font-size: 1.5em; font-weight: bold; text-shadow: 0.1em 0.1em 0.2em rgba(151, 147, 147, 0.5); bottom: 0px; top: auto; text-align: center; width: 100%; padding: 5px; } .ep-custom-carousel .lightbox-image-caption span { padding: 0px; background-color: transparent; box-shadow: none; } .ep-custom-carousel .btn-group > .btn:first-child { position: relative; } .modal.lightbox-modal > .modal-dialog { width: 100% !important; height: 100% !important; margin: 0px; background: transparent; } .modal.lightbox-modal > .modal-dialog .modal-content { background: transparent; box-shadow: none !important; height: 100% !important; } .lightbox-nav { position: absolute; z-index: 1000; right: 0px; width: 100%; height: 42px; padding: 10px; left: 0px; top: 0px; bottom: 0px; margin: auto; } .lightbox-image-container { height: 100% } .media-content { position: absolute; left: 0px; right: 0px; margin: auto; top: 0px; bottom: 0px; width: auto; height: auto; display: flex; align-items: center; justify-content: center; } .lightbox-nav-btn { position: absolute !important; width: 50px; height: 50px; border: none; top: 0px; bottom: 0px; color: white; } .lightbox-nav-btn.lightbox-prev { left: 0px; } .lightbox-nav-btn.lightbox-next { right: 0px; } .lightbox-modal .btn-group { width: 100%; } /*For modal overlay background*/ .modal.lightbox-modal + .modal-backdrop { background: var(--ep-color-black); opacity: 1; } /*Close icon*/ .lightbox-close-btn { position: absolute; top: 0; left: 0; width: 100%; height: 45px; z-index: 1; } .ep-custom-carousel .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #fff; width: 50px; height: 30px; opacity: 1; text-shadow: none; } /*Video*/ iframe#lightbox-video { width: inherit; height: inherit; } /* LightBox - Slider view only component css -END */ .contact-div .k-list .k-item { padding: 5px; border-bottom: 1px solid var(--ep-grid-border); border-radius: 2px; cursor: pointer; } .contact-div .k-list .k-item:hover { background: var(--ep-color-anotherBlue); color: var(--ep-color-white) } .contact-selection .k-selectable { padding: 0px; } .contact-div .k-list .k-item.k-state-selected { font-weight: 600; font-size: 13px; color: var(--ep-color-lynch) } .contact-div .k-list .k-item.k-state-selected:hover { background: var(--ep-color-blue); color: var(--ep-color-white); } .contact-div { display: block; width: 100%; } .contact-selection, .contact-selection .k-selectable { width: 100%; position: relative; } ar-payment-grid-component { position: relative; width: 100%; display: block; height: 100%; } .ar_grid_wrapper { position: relative; width: 100%; display: block; height: 100%; } .ar_grid_wrapper.has_back_button { position: relative; width: 100%; display: block; height: calc(100% - 48px); top: 48px; } .ar_invoice_icon_margin { text-align: center; color: var(--ep-color-blue); } /* Navbar-related stylesheet */ body { padding-top: 54px; } body.hide-navbar { padding-top: 0px; .pro-nav-container { height: 100%; width: 100%; position: fixed; top: 0px; } } .site-sidenav { background-color: var(--ep-color-sidenav-background); border-right: 0px; overflow: hidden; } .site-sidenav:not(.ep-expanded) span.sidenav-label { display: none; } .main-nav-copyright a { color: var(--ep-color-white); } .site-sidenav md-content { background: transparent; } .site-sidenav, .site-sidenav.md-locked-open-add-active, .site-sidenav.md-locked-open { width: 50px; min-width: 50px; max-width: 241px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; outline: 0; z-index: 70; } .site-sidenav.ep-expanded, .site-sidenav.md-locked-open-add-active.ep-expanded, .site-sidenav.md-locked-open.ep-expanded { width: 241px; } .site-sidenav > * { min-width: 240px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; outline: 0; overflow-x: hidden; } .site-sidenav.md-locked-open:not(.ep-expanded) span.sidenav-label { display: none; } .site-sidenav:not(.ep-expanded) span.sidenav-label { display: none; } .site-sidenav li.k-panelbar-item { background-color: var(--ep-color-text-normal); outline: none; } .sidenav-short { min-width: 240px; max-width: 240px; z-index: 11111; box-shadow: 0 5px 15px 3px rgba(0, 0, 0, .25); } .sidenav-dash-board { min-width: 300px; max-width: 300px; z-index: 11111; box-shadow: 0 5px 15px 3px rgba(0, 0, 0, .25); } .sidenav-medium { min-width: 400px; max-width: 400px; min-height: 130px; max-height: 130px; } .favorites-header { background-color: var(--ep-color-paleGray) !important; min-height: 58px; } .sidenav_recents ul { list-style: none; line-height: 25px; margin-left: 0px; padding-left: 0; padding-top: 0; } .sidenav_recents ul li, .toogo-favorites-sortable { border-bottom: 1px solid var(--ep-grid-border); padding: 3px 3px; } .md-toolbar-tools { color: var(--ep-color-darkGray); letter-spacing: 0pt; font-family: 'Hind'; font-style: normal; font-variant: normal; font-size: 18px; height: 58px; padding: 0 15px; } .home_header_blk { padding: 0 15px; } .toogo-favorites-handle { cursor: move; } .sidenav-favorite-item, .toogo-favorite-link { color: var(--ep-color-groupbox-header); font-family: 'Montserrat'; font-size: 14px; } .md-toolbar-close-sidenav:hover, .sidenav-favorite-item:hover, .toogo-favorite-link:hover { text-decoration: none; color: var(--ep-color-anotherBlue); outline: 0; } .ep-active-link, .ep-active-line:link { color: rgb(0, 174, 239); } .ep-active-link:hover { color: rgb(255, 171, 64); } #main_nav_panelbar .k-link { color: #ffffff; letter-spacing: 0pt; font-style: normal; font-variant: normal; font-size: 14px; background-color: var(--ep-color-sidenav-background); border: 0px solid #ECEFF1; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } /* #main_nav_panelbar .k-header.k.state-hover, */ /* #main_nav_panelbar .k-header.k-state-focused { */ /* #main_nav_panelbar .k-header.k-state-active.k-state-selected { */ /*#main_nav_panelbar .k-header.k-state-selected,*/ /*#main_nav_panelbar .k-state-highlight .k-header {*/ /* border-left-width: 2px;*/ /* border-left-color: var(--ep-color-blue);*/ /* border-left-style: solid;*/ /* padding-left: 9px!important;*/ /*}*/ #main_nav_panelbar .k-panelbar-item.k-active.k-highlight { border-left: 3px solid var(--ep-color-blue); } #main_nav_panelbar .k-panelbar-item.k-active.k-highlight > .k-link { background-color: var(--ep-color-text-normal); padding-left: 12px; } #main_nav_panelbar .k-panelbar-item.k-active.k-highlight .sidenav-label { color: var(--ep-color-white) !important; font-size: 14px; padding-top: 4px; font-weight: 400; padding-left: 5px; } #main_nav_panelbar .k-highlight .k-link .ep-nav-selected { color: var(--ep-color-blue) !important; } /*#main_nav_panelbar span.k-header:hover {*/ /* border-left-width: 2px;*/ /* border-left-color: var(--ep-color-blue);*/ /* border-left-style: solid;*/ /* padding-left: 9px!important;*/ /*}*/ #main_nav_panelbar .k-group .k-link { line-height: 1; letter-spacing: 0pt; font-family: Montserrat, sans-serif; font-style: normal; font-variant: normal; font-size: 14px; color: var(--ep-color-white); background-color: transparent !important; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; padding-left: 45px; height: 45px; display: flex; align-items: center; outline: 0; font-weight: 400; overflow: hidden; text-transform: capitalize; cursor: pointer; } /* Adjust padding so just icon shows on left nav until we adjust the width back out again. */ #main_nav_panelbar li.k-panelbar-item span.k-link { padding: 10px; line-height: 2.34em; cursor: pointer; } #main_nav_panelbar li.k-panelbar-item span.k-link .k-panelbar-item-text { display: flex; align-items: center; } #main_nav_panelbar li.k-panelbar-item span.k-link span.sidenav-label { font-size: 14px; padding-left: 6px; /* Move label over slightly to hide when menu collapsed to icons only */ padding-top: 4px; font-weight: 400; line-height: 1.2; } #main_nav_panelbar .k-group .k-link.k-selected.ep-nav-selected { color: var(--ep-color-blue) !important; } #main_nav_panelbar .k-group .k-link.k-selected { font-style: normal; font-variant: normal; font-size: 14px; } #main_nav_panelbar .k-panelbar-expand, #main_nav_panelbar .k-panelbar-collapse { visibility: hidden; } #main_nav_panelbar { border: 0px solid #ECEFF1; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; outline: 0; text-transform: uppercase; font-family: Montserrat, sans-serif; } #main_nav_panelbar .k-panel { border: 0px solid #ECEFF1; } .main-nav-copyright-container { position: absolute; bottom: 0; left: 0; text-align: center; background-color: var(--ep-color-secondary-btn-hover); padding: 5px; } .main-nav-copyright { font-size: 10px; letter-spacing: 0px; color: var(--ep-color-gray92); padding-left: 10px; margin: 0px; } .top-nav-toolbar .caret { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #ffffff; } .top-nav-toolbar { background: linear-gradient(90deg, #109ad3, #0c8cc6, #0064a3); border: 0px solid #00456A; box-shadow: none; height: 48px; padding: 0px; overflow: visible; border-radius: 0px !important; } .top-nav-toolbar-training { background: #ffd000; border: 0px solid #00456A; box-shadow: none; height: 48px; padding: 0px; overflow: visible; border-radius: 0px !important; } .top-nav-logo { padding-left: 58px; height: 40px; margin-top: 5px; } .top-nav-button { background-color: transparent; letter-spacing: 0pt; font-size: 12px; color: #ffffff; vertical-align: middle; outline: 0; } .top-nav-button:hover { color: #ffffff; } .top-nav-button:active, .top-nav-button:focus { color: white; /* background-color: #04AAF5; */ outline: 0; } .top-nav-toggle-button, .top-nav-toggle-button:visited, .top-nav-toggle-button:active, .top-nav-toggle-button:link { background-color: #00456A; color: #ffffff; border: 0px solid #00456A; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; margin-left: 13px; outline: 0; } .top-nav-toggle-button:hover { } .top-nav-toggle-button:active, .top-nav-toggle-button:focus { } .top-nav-toggle-button .fa { font-size: 24px; color: #8E44AD; border: 0px solid #00456A; text-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; outline: 0; } .top-nav-hamburger-button { font-size: 24px; position: absolute; background-color: #4b616c; height: 48px; top: 0px; left: 0px; border-radius: 0px; } .top-nav-toolbar .dropdown-menu > li > a { letter-spacing: 0pt; font-size: 14px; text-align: left; color: var(--ep-color-secondary-btn); line-height: 30px; } .top-nav-toolbar .dropdown-menu > li > a:first-child:hover { border-radius: 4px 4px 0px 0px } .dropdown > .dropdown-toggle.top-nav-button { padding: 9px !important; align-items: center; justify-items: center; text-align: center; } .top-nav-header { position: absolute; top: 0px; left: 0px; overflow: visible; width: 100%; height: 75px; background-color: #ffffff; z-index: 999999; } .top-nav-toolbar .dropdown-menu > li { border-bottom: 1px solid #04AAF5; } .top-nav-toolbar .dropdown-menu { border: 1px solid #04AAF5; } .top-nav-container { position: fixed; top: 0px; width: 100%; z-index: 10; } .top-nav-icon { font-size: 24px; } .username_wrap { float: left; padding-right: 5px; padding-top: 9px; /*It was 5px*/ } .offline_active a.logo-link, .offline_link { display: table; top: 0px; left: 0px; /*margin-top: 3.5px;*/ padding: 1px 0px; } .offline_link { display: none; float: left; } .offline_active .offline_link { display: block; } @media (max-width: 1199px) { .menubar_scrollfix { height: calc(100% - 46px); } } @media (min-width: 1200px) { .menubar_scrollfix { height: calc(100% - 46px); } } @media (max-width: 599px) { .k-toolbar-item a.logo-link{ display:none; } } #main_nav_panelbar li.k-panelbar-item span.k-link .k-panelbar-item-text > span:first-child { padding-right: 6px; font-size: 20px; padding-left: 5px; } #main_nav_panelbar .k-panelbar-item.k-active.k-highlight span.k-link .k-panelbar-item-text > span:first-child { padding-left: 2px; } .training_active a.logo-link, .training_link { display: table; top: 0px; left: 0px; padding: 1px 6px; } .training_link { display: none; float: left; } .training_active .training_link { display: block; } button.top-nav-device-button:before { content: ""; width: 30px; height: 30px; display: block; position: absolute; top: 8px; left: 9px; border-radius: 25px; z-index: -1; } .btn-current-time { font-weight: bold; margin-top: 2px; pointer-events: none; font-family: 'Source Sans Pro'; } .k-toolbar-item { height: 100%; } #contentContainer #panels .k-block .k-header { margin-bottom: 2px; /* this evens out the maps spacing by removing the 10px padding-bottom below the .k-header */ } #contentContainer { padding-top: 0; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; height: 100%; } /* angular nav bar styles for tabs */ #contentContainer .md-nav-item[disabled="disabled"] { pointer-events: none; user-select: none; -webkit-user-drag: none; opacity: .5; cursor: default; } #contentContainer .md-nav-bar { border: none; height: 36px; } /*#contentContainer .md-nav-bar .md-button.md-accent { color: var(--ep-color-anotherBlue); line-height: 10px; }*/ #contentContainer .md-nav-bar .md-button.md-accent { line-height: 10px; } md-tabs.md-default-theme .md-tab.md-active, md-tabs .md-tab.md-active, md-tabs.md-default-theme .md-tab.md-active md-icon, md-tabs .md-tab.md-active md-icon, md-tabs.md-default-theme .md-tab.md-focused, md-tabs .md-tab.md-focused, md-tabs.md-default-theme .md-tab.md-focused md-icon, md-tabs .md-tab.md-focused md-icon, #contentContainer .md-nav-bar .md-button.md-accent.md-active { color: var(--ep-color-anotherBlue); } #contentContainer .md-nav-bar .md-button._md-nav-button.md-unselected { color: var(--ep-color-darkGray); } .md-button._md-nav-button { font-weight: 400; font-size: 15px; font-family: Montserrat; } md-tab md-nav-ink-bar, md-nav-bar md-nav-ink-bar { color: var(--ep-color-anotherBlue); background: var(--ep-color-anotherBlue); height: 3px; } #contentContainer md-nav-bar .md-button.md-focused { background-color: inherit; } #contentContainer .md-nav-item:first-of-type { margin-left: 0px; } .pro-nav-container { height: calc(100% - 48px); width: 100%; position: fixed; top: 48px; } .main-content-wrapper { background-color: #FFFFFF; border-radius: 5px; border: 0px solid #ffffff; margin: 7px -15px 0px -15px; padding: 15px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); height: calc(100% - 43px); overflow-y: auto; position: relative; } /* * Maintenance pages styles. Product Maintenance, Customer Maintenance, etc. */ .ep-group-box-header { margin-left: 5px; !important; background-color: var(--ep-color-groupbox-header-background); color: var(--ep-color-groupbox-header); font-size: 14px; font-weight: 100; font-family: Hind, sans-serif; } h5.ep-group-box-header:before { content: "\00a0 \00a0 "; /* this adds white space before the k-header title */ } .ep-group-box-row { padding: 0 0 5px 0; margin: 0 0 0 0; line-height: 15px; } .flex-parent { display: flex; } .flex-column { flex-direction: column; } .ep-maintenance-block { margin-bottom: 10px; border-color: var(--ep-grid-border); } .switch-style { display: flex; justify-content: center; margin-top: 10px; } .display-style { display: flex; flex-direction: column; margin-bottom: 20px; } .ep-maintenance-tab-content { margin-top: 5px; } /* Used in maintenance page tabs to make them hidden when tab not selected */ .invisible { overflow: hidden; position: absolute; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } /* Labels in maintenance page forms */ .form-label, .form-group > label { font-weight: normal; margin-bottom: 2px; font-size: var(--ep-label-font-size); color: var(--ep-color-darkGray); line-height: 1.2; margin-top: 9px; } .ep-group-box-header { margin-bottom: 18px !important; } .ep-product-general-block-top { min-height: 430px; } .ep-product-general-block-specs { min-height: 242px; } .ep-toolbar-next, .ep-toolbar-next:active, .ep-toolbar-next:focus, .ep-toolbar-next:visited, .ep-toolbar-next:link { color: var(--ep-color-anotherBlue); border: 0 !important; border-width: 0px; border-style: none; border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; margin-top: 7px; margin-bottom: 7px; display: inline; outline: none; float: left; } .ep-toolbar-save-button, .ep-toolbar-save-button:visited, .ep-toolbar-save-button:active, .ep-toolbar-save-button:hover, .ep-toolbar-save-button:link { color: var(--ep-color-anotherBlue); border: 0 !important; border-width: 0px; border-style: none; border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; margin-top: 7px !important; margin-right: 0 !important; margin-bottom: 7px !important; margin-left: 0 !important; padding: 6px 12px !important; display: inline-block; outline: none; background-color: var(--ep-color-white); } .ep-toolbar-button, .ep-toolbar-button:link, .ep-toolbar-button:visited, .ep-toolbar-button:active, .ep-toolbar-button:hover, .store-actions .mdi { color: var(--ep-color-anotherBlue); background-color: var(--ep-color-white); box-shadow: none; } a.add_stores_button { font-size: 20px; position: absolute; right: 5px; top: 3px; margin-top: 0px !important; } .store-subset-actions .save_stores { font-size: 20px; position: absolute; right: 10px; top: 5px; color: var(--ep-color-anotherBlue); } .k-button.btn.focus, .k-button.btn:focus, .k-button.btn:hover, .btn.focus, .btn:focus, .btn:hover, .k-button.btn:focus:hover { color: var(--ep-color-blue); box-shadow: none; } .btn[disabled].focus, .btn[disabled]:focus, .btn[disabled]:hover { color: var(--ep-color-disabled-item); } /* * This sets the form label for an to have the color blue when the item has focus. * * NOTE: This will NOT happen on Microsoft Edge since they * have not yet implemented the ":focus-within" pseudo * selector. All other supported browsers work. * * If possible I would have implemented this with * sibling selector, but I would have to reverse the * position of the label and the switch since sibling * selectors can only look forward and not backward. */ div.form-group:focus-within label.ep-focus-label { color: var(--ep-color-blue); } /*editable td cell representation */ td.ep-inline-grid-editable-input:after { content: ""; display: block; width: calc(100% - 5px); height: calc(100% - 5px); border: #dcd9d9 solid 1px; position: absolute; left: 4px; top: 2px; border-radius: 2px; line-height: 2; z-index: 0; } td.ep-inline-grid-editable-input .k-numerictextbox input.k-input-inner { text-align: right; background-color: transparent; padding: 1px 2px; } .k-grid td.ep-table-cell-right { text-align: right; } td.ep-table-cell-right span.k-dirty { margin: 0; top: 0; left: 0; } td:has(> div.user-grid-error-cell) { background: linear-gradient(0deg, rgba(255, 99, 88, 0.08) 0%, rgba(255, 99, 88, 0.08) 100%), #FFF; border-left: 4px solid #FF6358 !important; } td:has(> div.user-grid-warning-cell) { background: linear-gradient(0deg, rgba(255, 192, 0, 0.16) 0%, rgba(255, 192, 0, 0.16) 100%), #FFF; border-left: 4px solid #FFC000 !important; } .user-grid-error-icon { height: 14px; width: 16px; float: left; display: inline-block; background-image: url('/app/assets/images/warning-icon.svg'); margin-right: 5px; } /*editable td cell representation */ /*Material Input Container*/ md-input-container label { font-weight: normal; margin-bottom: 2px; font-size: var(--ep-label-font-size); color: var(--ep-color-darkGray); line-height: 1.2; } md-input-container.md-input-has-value label { -webkit-transition: none; transition: none; margin-bottom: 2px; } md-input-container .md-input { border-width: 0px 0px 1px; -webkit-transform: scale(1) !important; transform: scale(1) !important; font-size: 15px; height: 36px; text-overflow: ellipsis; display: inline-flex; margin-top: 3px; } md-input-container { padding: 0px; margin-top: 10px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; width: 100%; min-height: 38px; } /*Material Input Container*/ /*md-input-container:not(.md-input-has-value):not(.md-input-focused):not(.md-input-has-placeholder) label:not(.md-no-float):not(.md-container-ignore){ webkit-transform: translate3d(0,32px,0) scale(1); transform: translate3d(0,32px,0) scale(1); margin-bottom: 0px; }*/ md-input-container.md-input-has-value label:not(.md-no-float), md-input-container.md-input-focused label:not(.md-no-float) { -webkit-transform: translate3d(0, 3px, 0) scale(1); transform: translate3d(0, 3px, 0) scale(1); font-size: var(--ep-label-font-size); } md-input-container.md-default-theme .md-input, md-input-container .md-input { border-color: transparent; } md-input-container .md-errors-spacer { min-height: unset; } md-input-container .md-placeholder, md-input-container label:not(.md-no-float):not(.md-container-ignore) { padding-left: 1px; } /*tags input*/ tags-input.has_tag_data + label { transform: translate3d(0, 5px, 0) scale(1) !important; -webkit-transform: translate3d(0, 5px, 0) scale(1) !important; font-size: var(--ep-label-font-size); } .md-input-focused tags-input .tags .input, tags-input.has_tag_data .tags .input { margin-left: 5px } md-input-container tags-input .tags .input { margin-left: 40px; } /*tags input*/ /* * Alert badges, and other alert-related things. */ .alert-notification-badge { position: relative; } .alert-notification-badge[data-badge-count]:after { content: attr(data-badge-count); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: -8px; right: -10px; font-family: Montserrat; font-weight: 500; font-size: 12px; width: 22px; height: 22px; border-radius: 50%; font-style: normal; background: var(--ep-color-orange); color: var(--ep-color-white); } .alerts-dialog-container .ep_dialog_footer button:focus { outline: none !important; } /*weather component */ .weather_blk .image_blk { margin: 8px; float: left; } .weather_blk .content_blk { float: left; } li.wt_types { list-style: none; padding-right: 40px; display: inline-block; } .weather_blk .wt_active { color: #FFAB40; } .weather_blk .img_container { /* Not needed as it is working fine without these width: 100px; height: 100px; */ background-repeat: no-repeat; background-size: 100% 100%; } .chanceflurries { background-image: url("/app/shared/images/Flurries.png"); } .flurries { background-image: url("/app/shared/images/Chance-of-Snow-Showers.png"); } .chancerain { background-image: url("/app/shared/images/Chance-of-Rain.png"); } .chancesleet { background-image: url("/app/shared/images/Chance-Ice-Pellets.png"); } .chancesnow { background-image: url("/app/shared/images/Chance-of-Snow.png"); } .chancetstorms { background-image: url("/app/shared/images/Chance-of-Thunderstorm.png"); } .clear { background-image: url("/app/shared/images/Clear.png"); } .fog { background-image: url("/app/shared/images/Foggy.png"); } .cloudy { background-image: url("/app/shared/images/Cloudy.png"); } .hazy { background-image: url("/app/shared/images/Hazy.png"); } .mostlycloudy { background-image: url("/app/shared/images/Mostly-Cloudy.png"); } .mostlysunny { background-image: url("/app/shared/images/Clear.png"); } .partlycloudy { background-image: url("/app/shared/images/Party-Cloudy.png"); } .partlysunny { background-image: url("/app/shared/images/Mostly-Cloudy.png"); } .sleet { background-image: url("/app/shared/images/Flurries.png"); } .rain { background-image: url("/app/shared/images/Rain.png"); } .snow { background-image: url("/app/shared/images/Snow.png"); } .sunny { background-image: url("/app/shared/images/Clear.png"); } .tstorms { background-image: url("/app/shared/images/Thunderstorm.png"); } .unknown { background-image: url("/app/shared/images/Thunderstorm.png"); } .wt_types a { font-size: 12px; } .wt_location { font-size: 18px; color: #FFAB40; } .weather_blk ul { padding-left: 0px; margin-bottom: 20px; } .weather_blk { position: relative; display: table; width: 100%; } .weather_logo_blk { width: 80px; margin-right: 12px; margin-bottom: 10px; float: right; } .weather_logo_blk img { width: 100%; max-width: 100%; } /*/ Home page widgets styles */ .home_ellipsis { width: 99%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .home_widget_shadow { /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/ box-shadow: 0 0px 9px 0 rgba(0, 0, 0, 0.2); transition: 0.3s; border: none; } .home_widget_alert_content { font-family: Montserrat, Medium; color: var(--ep-color-text-normal); font-size: 12px; } .home_widget_alert_header { font-family: Montserrat, Medium; color: var(--ep-color-black); font-size: 13px; font-weight: 600; } .home_widget_sales_title { display: inline-block; color: grey; font-family: "Open Sans"; color: #707070; font-size: 12px; } .home_widget_title { font-family: 'Open Sans', sans-serif; color: #333333; font-size: 18px; } .home_widget_link { font-family: 'Open Sans', sans-serif; color: #00AAEC; font-size: 11px; } .home_widget_sales_link_active { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #00AEEF; } .home_widget_sales_link_inactive { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #FFAB40; } .display_inline { display: inline-block; } .home_button_group > .btn-ng-bs-animated .icon-initial { display: inline-block !important; } .home_button_group .mdi { position: relative; display: inline-block; vertical-align: middle; } .home_sales_chart_container { /*width:100%;*/ } .text_no_wrap { white-space: nowrap; } .home_sales_value { font-size: 20px; color: grey; } .home_sales_previous_date_value { font-size: 14px; color: grey; } .home_sales_previous_slice_value { font-size: 10px; color: grey; } .margin_minus_rt10 { margin-right: -10px; } .margin_minus_lt10 { margin-left: -10px; } .margin_minus_bt5 { margin-bottom: -5px !important; } .margin_minus_bt9 { margin-top: -9px; } .margin_minus_bt10 { margin-bottom: -10px !important; } .home_sales_chart_arrow { font-size: 32px; color: grey; } .list_type_none { list-style-type: none; } .list_type_position { list-style-position: outside; } .padding_tp16 { padding-top: 16px; } .font_16px { font-size: 16px; } /* home dashboard alert widget css*/ table.home_dashboard_alert_widget_table { display: table !important; margin-right: auto !important; margin-left: auto !important; width: 100% !important; } table.home_dashboard_alert_widget_table th, table.home_dashboard_alert_widget_table td { display: table-cell; text-align: center; } .search-textbox .k-textbox { text-overflow: ellipsis; width: 99%; white-space: nowrap; } .img_forecast_container { background-size: 50%; width: 90px; height: 50px; background-position: center; background-repeat: no-repeat; } .hourly_forecast, .weekly_forecast { text-align: center; overflow-x: auto; white-space: nowrap; } .hourly_forecast { height: 120px; } .forecast_blck { display: inline-block; width: 90px; height: 90px; margin: 0px 10px; } /* CSS from home-dashboard- moved here */ .sales-dashboard-home-page-chart { position: relative; width: 100%; height: calc(100% - 40px); } .sales-dashboard-widget-link { margin-top: 80px; } .no-shadow { box-shadow: none; } .user_detail { line-height: 25px; text-align: center !important; } .info_block { font-weight: 500; text-align: center; } .close_widget { width: 24px; height: 24px; right: 0px; top: 3px; position: absolute; cursor: pointer; z-index: 1000; outline: none; font-size: 18px; color: var(--ep-setup-icon-color) !important; } .user_name { color: var(--ep-color-anotherBlue); font-size: 18px; font-weight: 600; padding: 0 5px; } .user_profile_container { font-family: Montserrat, Sans-Serif; } .user_detail .greetings { font-weight: 500; text-transform: uppercase; font-size: 13px; color: var(--ep-setup-icon-color); } .widget_container { background-color: var(--ep-color-white) !important; box-shadow: 0 0 6px rgba(0, 0, 0, .15) !important; border-radius: 5px !important; } .widget_container_non_edit { border-radius: 4px !important; border: 1px solid var(--ep-grid-border); box-shadow: none !important } .module_link { padding: 5px 0px; text-decoration: none !important; text-align: left; display: table; cursor: pointer; } .information .info_text { color: var(--ep-color-darkGray); } .ep-version-number { font-weight: 600; color: var(--ep-color-charcoal); } .home-page-links { margin-top: 10px; font-style: normal; font-weight: 600; line-height: 26px; color: var(--ep-color-blue); padding: 10px } .no-shadow { box-shadow: none; font-family: Montserrat, SemiBold; } .home-dashboard-title { font-size: 20px; color: var(--ep-color-text-normal); text-align: left; font-family: Montserrat, SemiBold; font-style: normal; font-weight: 600; line-height: 26px; padding: 10px 8px 6px 8px; border-bottom: 1px solid var(--ep-color-gray92); display: flex; align-items: center; justify-content: space-between; } .alerts_home_page_grid_container { padding: 10px 10px 10px 10px; } /* Weather Widget Related Styles Changing from Style Tags to Classes */ .weather_img_block_content_set { width: 50px; height: 50px; } .margin_tp5_margin_bt5 { margin-top: 5px; margin-bottom: 5px; } .width-auto { width: auto !important; } .home-page-weather-state-text { font-size: 14px; font-weight: 600; color: var(--ep-color-orange); font-family: Montserrat, SemiBold; } .weather_logo_blk { width: 80px; margin-right: 12px; margin-bottom: 14px; float: right; } .widget_wrapper footer .module_link { text-align: left; padding: 2px 0px !important; } /* For Desktop Mode */ .custom-padding-time-interval { padding-top: 5px; padding-left: 15px; } /* For Landscape Mode */ @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) { /* For landscape layouts only */ .custom-padding-time-interval { padding-top: 5px; padding-left: 10px; } } /* For Portrait Mode */ @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) { /* For portrait layouts only */ .widget_wrapper footer { bottom: 35px !important; } .widget_chart_container { max-width: 100%; max-height: calc(100% - 200px) !important; overflow: hidden; min-height: 95px; } #home_dashboard_sales_chart { height: calc(100% - 1px) !important; min-height: 95px; } .custom-padding-time-interval { padding-top: 5px; padding-left: 5px !important; } } /* Temporary, we will kill this */ .progress-wrapper { width: 20px; } .progress-bar { width: 100%; background-color: #e0e0e0; padding: 1px; margin-top: 20px; } .progress-bar-fill { display: block; height: 5px; background-color: #FFFFFF; border-radius: 3px; transition: width 500ms ease-in-out; } /**HOME DASHBOARD NEW DESIGN*/ #home-dashboard-widgets { z-index: 60; padding: 0; box-shadow: 0 5px 15px 3px rgba(0, 0, 0, .25); width: 272px; } #home-dashboard-widgets md-toolbar { background: transparent; } #home-dashboard-widgets .md-toolbar-tools { background: #f6f6f6; color: #f49545; } #home-dashboard-widgets .mdi-plus-circle { display: inline-block; /* margin-right: 8px;*/ } #home-dashboard-widgets .close-side-nav { position: absolute; right: 8px; color: #ccc; } #home-dashboard-widgets .close-side-nav:hover { color: #666; } .home-dashboard-container-fluid { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px, rgba(0, 0, 0, 0.05) 0px 2px 3px; border-radius: 5px; border-width: 0px; border-style: solid; border-color: rgb(255, 255, 255); border-image: initial; } .home-dashboard__theme-select { margin-top: 18px; margin-bottom: 0; } .home-dashboard__toolbar { background-color: #FFFFFF; position: relative; z-index: 1; padding: 0 10px !important; border-radius: 2px; } .toolbar-right { margin-top: 8px; } .toolbar-right a { font-size: 22px; color: #7f8c8d; text-decoration: none; display: inline-block; } .toolbar-right a:hover { color: var(--ep-toobar-button-color); } .toolbar-right__control_padding { padding: 4px 4px; } .toolbar-right__control { display: inline-block; padding: 0px 5px; vertical-align: middle; width: 44px; text-align: center; } .toolbar-right__edit-on, .toolbar-right__edit-off { display: inline-block; } .animate-show-hide { transition: opacity 150ms linear; } .animate-show-hide.ng-hide-add, .animate-show-hide.ng-hide-add, .animate-show-hide.ng-hide-remove, .animate-show-hide.ng-hide-remove { opacity: 0; } .toolbar-right__control > a:hover { cursor: pointer; } .toolbar-right .mdi-history, .toolbar-right .mdi-star-outline, .toolbar-right .mdi-pencil, .toolbar-right .mdi-refresh, .toolbar-right .mdi-cancel { width: auto; height: auto; } .toolbar-left__divider-left { border-left: 1px solid #ccc; padding-left: 5px; } .toolbar-right .mdi-history:before, .toolbar-right .mdi-star-outline:before, .toolbar-right .mdi-pencil:before, .toolbar-right .mdi-refresh:before, .toolbar-right .mdi-refresh:before { position: static; } .home-dashboard__tabs-row { background: #fff; position: relative; display: inline-block; width: 100%; } .home-dashboard__tabs { padding: 0; } .home-dashboard__tabs md-tab-item { margin-right: 8px; overflow: visible; } .home-dashboard__tabs .md-button { position: absolute; color: #ccc; width: 11px !important; right: -10px; top: -6px; min-width: auto; } .home-dashboard__tabs .md-button:focus { outline: 0; color: var(--ep-toobar-button-color); background: transparent; } .home-dashboard__tabs .md-button:hover { color: var(--ep-toobar-button-color); cursor: pointer; background: transparent; } .home-dashboard__tabs-row .md-button > .k-icon { left: -8px; } .home-dashboard__tabs-add, .home-dashboard__widgets-add { font-weight: 400; font-size: 15px; font-family: 'Montserrat', sans-serif; padding: 12px; text-transform: uppercase; line-height: 10px; color: var(--ep-toobar-button-color); } .home-dashboard__tabs-add:hover, .home-dashboard__widgets-add:hover { cursor: pointer; color: #5393e3; } .home-dashboard__tabs-add:focus, .home-dashboard__widgets-add:focus { outline: none; } .home-dashboard__tabs-gridster-row { display: flex; flex-direction: column; margin: -8px; } .home-dashboard__tabs-gridster-row > div { position: relative; } .home-dashboard__tabs-row_edit_mode { border: 1px solid var(--ep-color-white); border-bottom: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); border-radius: 4px; } .widget-sidebar { margin: 0; padding: 0; } .widget-sidebar__item { display: flex; flex-direction: row !important; align-items: center; box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2); margin: 16px 8px; transition: box-shadow 200ms ease-in-out; } .widget-sidebar__item:hover { cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } .widget-sidebar__item:focus { outline: none; } .widget-sidebar__item:first-child { margin-top: 8px; } .widget-sidebar__icon { color: #11c2f3; padding: 8px; } .widget-sidebar__icon span { font-size: 34px; } .widget-sidebar__desc { color: #6c7b82; line-height: 20px; font-size: 13px; } .widget-sidebar__desc h6 { margin-bottom: 4px; font-size: 12px; } .widget-sidebar__control { color: #6c7b82; } .widget-sidebar__control span { font-size: 22px; padding: 8px; color: #6D7B83 !important; } .widget-sidebar__control span:hover { color: #333; cursor: pointer } .close_widget:hover { color: #333 !important; cursor: pointer; } /* =Modal form styles Basically adding support for inline error messages */ .form__inline-error-msg { visibility: hidden; color: #9a2830 !important; padding-top: 4px; clear: both; } .form__inline-error-msg.show { visibility: visible; } .widget__control-menu { width: auto; border: 1px solid #C4C6C7; min-width: auto; border-radius: 20px; min-height: auto; line-height: 0; height: 31px; color: #86898D; position: relative; right: 0; z-index: 10; background-color: #fff; font-size: 18px; margin: 0px !important; } .widget__control-menu:hover { color: #86898d; background-color: #fff !important; } /**END OF NEW DESIGN STYLES**/ .dash_board_icons { font-weight: 600; font-size: 16px; vertical-align: middle; } .dash_board_icons_text { font-weight: 600; font-size: 12px; } .dash_board_toggle_icon { z-index: 60; font-size: 24px; position: absolute; border-radius: 0 0 4px 4px; right: 25px; top: 0px; background-color: #0064A3; color: #fff; outline: none; display: inherit; } .dash_board_animation_icon { margin: 0px !important; height: auto !important; width: auto !important; line-height: 0.5; } .widget_parent { position: relative; } /* Alert notification widget button styles */ .alert-widget-btns-top { margin-top: -5px; } .alert-widget-refresh { margin-right: 45px; } .alert-widget-delete { margin-right: 84px; } .alert-widget-refresh-non-edit { margin-right: 8px; } .alert-widget-delete-non-edit { margin-right: 48px; } .alert-widget-delete:disabled, .alert-widget-delete-non-edit:disabled { color: var(--ep-color-disabled-item); } /* End */ .widget-img__image { width: 100%; } .widget-img__wrapper { overflow: hidden; } .widget-img__title { font-size: 16px; padding: 12px 0px 13px 8px; } .widget-img__title > { display: block; padding: 0 8px; } .checkbox-group .mdi { display: inline-block; background: #efefef; padding: 8px; font-size: 16px; } .checkbox-group .md-container { display: none; } .checkbox-group .md-label { margin-left: 0; } .md-checked .mdi { color: #f4ac6f; } .txt-preview { width: 240px; max-height: 240px; overflow: hidden; margin: 16px auto; border: 1px solid #ccc; padding: 8px; display: flex; flex-direction: row; min-height: 150px; overflow-y: auto; } .txt-preview > p { word-wrap: break-word; line-height: 1.5; width: 100%; } .widget-image { } .widget-image__controls { font-size: 16px; text-transform: uppercase; font-weight: 700; display: flex; flex-direction: row; justify-content: space-between; } .widget-image__controls > a { } .widget-image__controls > a:hover { cursor: pointer; text-decoration: none; } .widget-image__wrapper { margin: 8px 8px 8px 100px; border: 1px solid #efefef; float: left !important; } .widget-image__display { position: relative; width: 240px; height: 240px; transition: border-color 200ms ease-in-out, background-color 200ms ease-in-out; display: flex; flex-direction: row; align-items: center; } .widget-image__display:focus { outline: none; } .widget-image__display.dragActive { border-color: #bbb !important; background: #f3f3f3; } #widgetFileInput { display: none; } #widgetFileThumbnail { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } #widgetFileThumbnail > img { transition: opacity 200ms ease-in-out; opacity: 0; width: 100%; } #widgetFileThumbnail > img.loaded { opacity: 1; } .widget-image__msg-container { padding: 16px; flex: 1; } .widget-image__msg-container > p { text-align: center; } .widget_wrapper-txt { height: 100%; } .widget-txt { width: 100%; height: 100%; overflow: hidden; padding: 8px; display: flex; flex-direction: row; } .widget-txt > p { word-wrap: break-word; line-height: 1.5; width: 100%; } .img-label { font-weight: normal; margin-bottom: 2px; font-size: var(--ep-label-font-size); color: var(--ep-color-darkGray); line-height: 1.2; } .label-star-red { color: var(--ep-color-orange); } .dashboard_icons_font { font-size: 18px; } .dashboard_icons_text_font { font-family: hind; font-size: 15px; } .toolbar-right__control > .ep-toolbar-save-button { padding: 6px !important; } md-menu-content { border-radius: 4px; padding: 0px; } .widget-max-limit { display: none; color: var(--ep-color-red); font-size: 10px; } .disabled .widget-max-limit { display: inline-block; } .widget_image_link { padding: 12px 0px 13px 8px; font-size: 16px; } .widget_image_font_size { font-size: 13px; } .gridster-item-moving > .widget_content { pointer-events: none; } .gridster-item-resizing > .widget_content { pointer-events: none; } .maximize-widget { width: 100% !important; z-index: 999; height: calc(100% - 50px) !important; left: 0px !important; top: 0px !important; position: absolute !important; border: none !important; } .contains-maximized li.widget_container:not(.maximize-widget) { display: none; height: 0px !important; width: 0px !important; left: 0px !important; top: 0px !important; } .contains-maximized { display: flex; flex-flow: column; height: calc(100vh - 65px) !important; } .maximize-widget-icon { width: 32px; border: 1px solid #C4C6C7; min-width: auto; border-radius: 20px !important; min-height: auto; line-height: 0; height: 33px; color: #86898D; position: absolute; float: right; right: 7px; z-index: 20; background-color: #fff; font-size: 18px; margin-top: 5px; } .domo_embed_error { position: absolute; width: 100%; display: flex; height: 100%; align-items: center; justify-content: center; background: #7b7a7a; } .domo_embed_error .embed_error_content { border: 1px solid; color: var(--ep-color-white); padding: 3px 10px; border-radius: 13px; font-family: 'Montserrat'; text-transform: uppercase; cursor: default; } .widget_action_buttons { position: relative; margin-top: 32px; } .domo_widget_wrapper { position: relative; height: 100%; } .widget_container.gridster-item > .md-menu { position: absolute; right: 8px; top: 6px; } /* CSS for maintenance toolbars */ .ep-maintenance-toolbar-breadcrumb-margin { margin: 0px; padding-top: 0; padding-bottom: 0; } .md-panel.ep-material-panel-popover ul > li, .ep-maintenance-toolbar-action-list li { margin-bottom: 0px; line-height: 200%; } .ep-maintenance-toolbar-search { display: inline-block; } .ep-maintenance-toolbar-search .k-floatwrap .k-button { padding: 0px !important; width: 100%; display: flex !important; place-content: flex-start; } .ep-maintenance-toolbar-search .k-floatwrap .k-button:hover { background-color: transparent; } .k-multiselect.ep-maintenance-toolbar-search { box-shadow: none; outline: none; border-color: transparent; background-color: #f3f4f4; padding: 5px; border-radius: 4px !important; height: 48px; border: none !important; } .ep-maintenance-toolbar-search-no-overflow { overflow: hidden; } .ep-maintenance-toolbar-search .k-autocomplete { width: 300px !important; } .ep-maintenance-toolbar-search-result-line-1 { font-weight: 600; } .breadcrumb strong { font-weight: 500 !important; color: var(--ep-color-orange); } .ep-maintenance-toolbar-search.k-multiselect .k-chip-list .k-chip { color: var(--ep-color-grayBlue); background-color: var(--ep-color-groupbox-header-background); border: 0px solid transparent; text-align: left; font-family: Montserrat, Sans-Serif; padding-bottom: 0px; padding-top: 0px; left: 15px; height: auto; width: calc(100% - 20px); background-image: none; } .ep-maintenance-toolbar-search.k-multiselect .k-chip-list .k-chip:hover { background-color: var(--ep-color-groupbox-header-background); } .ep-maintenance-toolbar-search .k-chip-list { height: 38px; } ul#ep_maintenance_toolbar_search_taglist { display: flex; width: calc(100% - 10px); position: relative; float: left; left: 12px; align-items: center; } .ep-maintenance-toolbar-search-result-text { font-size: 16pt !important; color: #747373; } @media only screen and (min-width: 480px) { .ep-product-toolbar-search.k-multiselect { width: 300px !important; } } @media only screen and (min-width: 768px) { .ep-product-toolbar-search.k-multiselect { width: 265px !important; } } @media only screen and (min-width: 992px) { .po_blk { margin-top: 120px; } .ep-product-toolbar-search.k-multiselect { width: 400px !important; } } @media only screen and (min-width: 1320px) { .ep-product-toolbar-search.k-multiselect { width: 615px !important; } .coupon_barcode { padding: 0px; } } .ep-maintenance-toolbar-search-result-line-1 { font-size: 14px; line-height: 1.2; } .ep-maintenance-toolbar-search-result-line-2 { font-size: 12px; line-height: 1; margin-top: 2px; text-overflow: ellipsis; overflow: hidden; margin-bottom: 0px; display: flex; } .maintenance-toolbar { background-color: #FFFFFF; padding-top: 0; padding-bottom: 0; border-radius: 2px; margin-left: -15px; margin-right: -15px; border: 1px solid; border-bottom: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); border-color: var(--ep-grid-border) !important; } .maintenance-toolbar > div > div a > span { position: relative; } .maintenance-toolbar .fa { font-size: 20px; color: rgb(127, 140, 141); vertical-align: middle; } #app-toolbar-fa { color: #86898d; font-size: 24px; width: 30px; height: 40px; position: relative; display: block; } span#app-toolbar-fa:before { font-size: 22px; position: absolute; left: 5px; top: 8px; color: var(--ep-color-lightGray) } .maintenance-toolbar-alerts-favorites, .maintenance-toolbar-alerts-favorites:link, .maintenance-toolbar-alerts-favorites:visited, .maintenance-toolbar-alerts-favorites:active { font-size: 22px; letter-spacing: .5px; color: #7f8c8d; text-decoration: none; padding-right: 10px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; outline: 0; } .maintenance-toolbar-scheduled-reports, .maintenance-toolbar-scheduled-reports:link, .maintenance-toolbar-scheduled-reports:visited, .maintenance-toolbar-scheduled-reports:active { font-size: 12px; letter-spacing: .5px; font-weight: 600; font-family: Montserrat, Regular; color: var(--ep-color-anotherBlue); outline: 0; margin: 12px !important; } .maintenance-toolbar-scheduled-reports a { text-decoration: none; } /* overrides to bootstrap breadcrumbs */ ul.breadcrumb { position: absolute; margin: auto; top: 0px; bottom: 0px; left: 35px; } .maintenance-toolbar .breadcrumb { font-size: 14px; font-family: Hind, Montserrat, sans-serif; color: var(--ep-color-darkGray); letter-spacing: 0px; background-color: transparent; border-radius: 0; padding-left: 5px; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; display: inline-block; vertical-align: middle; line-height: 20px; height: 20px; padding-right: 0; } .maintenance-toolbar .breadcrumb a, .maintenance-toolbar .breadcrumb a:link, .maintenance-toolbar .breadcrumb .focus-style-dashed, .maintenance-toolbar .breadcrumb .focus-style-dashed:link { text-decoration: none; color: var(--ep-highlight-font); outline: 0px; display: inline-block; } .maintenance-toolbar .breadcrumb a:hover, .maintenance-toolbar .breadcrumb .focus-style-dashed:hover { text-decoration: none; color: #006da8; } .maintenance-toolbar .breadcrumb > li + li:before { /*content: "/";*/ color: var(--ep-color-text-normal); padding: 0px 8px; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 21px; text-rendering: auto; line-height: 0.8; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: text-bottom; } .breadcrumb_text { display: inline-block; float: right; height: 40px; line-height: 40px; font-weight: 500; color: var(--ep-color-orange); user-select: all; margin-left: 5px; font-size: 14px; font-family: Hind, Montserrat, sans-serif; } .maintenance-toolbar .breadcrumb > li:last-child { color: var(--ep-color-darkGray); } /* maintenance-screen-toolbar */ .ep-maintenance-screen-toolbar { background-color: transparent; margin-bottom: 0; border-radius: 2px; margin-left: -15px; margin-right: -15px; border: none; position: relative; overflow: visible; } .ep-maintenance-screen-toolbar::after { content: ''; display: table; clear: both; } .ep-maintenance-screen-toolbar .dropdown-menu > li > a { letter-spacing: 0pt; font-size: 14px; text-align: left; color: #04AAF5; line-height: 30px; } .ep-maintenance-screen-toolbar .ep-maintenance-toolbar-ul { margin-bottom: 0px; } .ep-maintenance-screen-toolbar .dropdown-menu > li { border-bottom: 1px solid #04AAF5; } .ep-maintenance-screen-toolbar .dropdown-menu { border: 1px solid #04AAF5; } .ep-button-toolbar-actions { font-family: Hind, Montserrat, sans-serif; font-size: 15px; background: transparent; outline: none !important; padding: 0px; margin: 5px 0px 0px 9px; } #toolbar_generic_actions { background: transparent; outline: none; border: none; padding: 5px; } .maintenance-toolbar > div { display: table; float: left; } .maintenance-toolbar > div > div, .maintenance-toolbar > div > div a { position: relative; margin-right: 0px; padding: 0px !important; display: flex; align-items: center; } .maintenance-toolbar > div > div a > span { display: inline-block; padding: 10px; width: 20px; height: 20px; } .maintenance-toolbar > div > div a > span:before { position: absolute; line-height: .9; display: block; } .maintenance-toolbar * { box-sizing: content-box; } .maintenance-toolbar .fa:before { font-size: 20px; } #ep-maintenance-screen-toolbar > div { padding: 0px; float: right; height: 44px; position: relative; display: table; margin: 0px 2px; } #ep-maintenance-screen-toolbar > div .k-button, #ep-maintenance-screen-toolbar > div .ep-toolbar-button { min-width: 20px; top: 0px; position: relative; display: block; margin: 0px !important; border: 0px; outline: none; float: left; } #ep-maintenance-screen-toolbar > div .ep-toolbar-save-button[disabled] { color: var(--ep-color-anotherBlue) !important; } #ep-maintenance-screen-toolbar > div .k-button .icons { padding: 0px !important; width: 35px; height: 35px; top: 0px; position: absolute; margin: auto; display: table-cell; bottom: 0px; } #ep-maintenance-screen-toolbar > div .k-button .icons > span { position: absolute; left: 0px; top: 1px; width: 100%; line-height: 32px; font-size: 24px; } span#navigation_count { margin-top: 12px; display: inline-block; text-transform: uppercase; font-family: Montserrat; font-size: 11px; font-weight: 600; line-height: 1.2; } .md-panel.ep-material-panel-popover { background: white; padding: 0px 5px 0px 5px; min-width: 150px; box-shadow: 0 -1px 2px rgba(0, 0, 0, .12), 0 6px 12px rgba(0, 0, 0, .12); } .global_action_container [kendo-toolbar] #toolbar_generic_actions { margin-top: 0px; position: absolute; right: -20px; top: -10px; } button.k-button.btn.ep-toolbar-save-button.btn-ng-bs-animated { padding: 6px 12px; width: 50px; height: 46px; background: transparent; } tags-input .tags .tag-item { color: var(--ep-color-text-normal); background: var(--ep-color-geryBlue) !important; border: none; font-family: Hind; font-size: 13px; line-height: 27px; padding: 0px 10px; border-radius: 15px; } tags-input .tags .tag-item.selected { border: 1px dashed var(--ep-color-anotherBlue) !important; } #ep-maintenance-screen-toolbar > .k-toolbar-item:nth-last-child(2) { float: left; margin-left: 8px; } #po_receiver_blk #ep-maintenance-screen-toolbar > .k-toolbar-item:nth-last-child(2) { float: right; } .main-content-wrapper .ep-maintenance-screen-toolbar.no-toolbar-search > div:last-child, .main-content-wrapper .ep-maintenance-screen-toolbar.no-toolbar-search > .k-toolbar-item:nth-last-child(2) { float: right !important; } .ep-maintenance-toolbar-action-list { margin-bottom: 0px } .md-panel.ep-material-panel-popover ul > li { padding: 10px 5px; } .md-panel.ep-material-panel-popover ul { margin-bottom: 0px; } #ep-maintenance-screen-toolbar > div .ep-toolbar-button > .icons { position: absolute; left: 0px; right: 0px; margin: auto; } /*ep form search bar style*/ .ep-maintenance-toolbar-search .k-multiselect-wrap { padding-left: 20px; border-bottom-width: 0px !important; } .ep-maintenance-toolbar-search + .fa.fa-fw.fa-search { position: absolute; left: 0px; top: 0px; bottom: 0px; margin: auto; display: inline-block; width: 30px; } .ep-maintenance-toolbar-search + .mdi.mdi-magnify:before { position: absolute; left: 7px; top: 0px; bottom: 0px; margin: auto; display: block; font-size: 25px; height: 25px; line-height: 25px; color: var(--ep-color-lightGray); z-index: 1; } .k-textbox .gl-searchBar{ margin-left:4px; } .ep-maintenance-toolbar-search + .mdi.mdi-magnify .gl-search{ margin:0px; } /*ep form search bar style*/ /* * CSS Specific to dropdown filter component */ /* Filter buttons */ .bt-mult-sel1 { background: var(--ep-color-white); border-top-width: 0; border-left-width: 0; border-right-width: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--ep-input-border); padding-top: 5px; padding-bottom: 5px; padding-left: 0; padding-right: 2px; margin-right: 8px; color: var(--ep-color-text-normal); font-family: Hind, sans-serif; font-size: 15px; letter-spacing: 0; font-weight: normal; white-space: nowrap; display: block; overflow: hidden; text-overflow: ellipsis; text-align: left; position: relative; cursor: pointer; } .bt-mult-sel1:disabled { color: var(--ep-color-disabled-item); } .bt-mult-sel1:hover { color: var(--ep-color-blue); } .bt-mult-sel1.ep-filter-panel-open { border-color: var(--ep-input-border); } .bt-mult-sel1.ep-filters-select { border-color: var(--ep-color-blue); } .bt-mult-sel1:focus { border-color: var(--ep-color-blue); } .bt-mult-sel1.ep-filters-select { color: var(--ep-color-blue); } /* Filter panel and related items */ .ep-dropdown-filter-panel { background-color: white; width: 350px; max-height: 280px; border-style: solid; border-width: 1px; border-color: #f7f7f7; overflow-y: auto; overflow-x: hidden; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); } .k-multiselect { border-top-width: 0; border-left-width: 0; border-right-width: 0; border-bottom-width: 2px; border-radius: 0; box-shadow: none; outline: none; border-color: var(--ep-color-unfocused-input); } .k-multiselect:hover { border-color: var(--ep-color-unfocused-input); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .ep-dropdown-filter-panel .k-multiselect.k-focus { box-shadow: none; outline: none; border-bottom: 2px solid var(--ep-color-focused-input) !important; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } /* Note: All classes starting with ".filter-tags" or tags-input pertain the the tags, and not the autocomplete tags, which use kendo multiselect. */ /* This draws the horizontal blue line under the borderless input */ tags-input { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--ep-color-unfocused-input); min-height: 34px; } tags-input[disabled] { border-width: 1px; border-bottom-color: var(--ep-color-disabled-item) !important; } tags-input[disabled] .tags, tags-input[disabled] .tags .input { background: transparent; color: var(--ep-color-disabled-item) !important; border-bottom-color: var(--ep-color-disabled-item) !important; min-width: 1px; } /* * Make the underline blue when the tags-input gets focus. * Note: The focus-within pseudoclass is NOT currently implemented in Edge, though being considered. * Works on Firefix, Chrome, Safari, iPad Safari */ tags-input:focus-within { border-bottom-color: var(--ep-color-focused-input); border-width: 2px; } tags-input.ng-invalid, tags-input.ng-invalid:focus-within { border-bottom-color: var(--ep-color-red); border-width: 2px; } tags-input.ng-invalid .tags { box-shadow: none } tags-input[disabled]:focus-within { border-bottom-color: var(--ep-color-disabled-item) !important; border-width: 1px; } tags-input.ng-invalid ~ .md-input-messages-animation label, tags-input.ng-invalid:focus-within ~ .md-input-messages-animation label { color: var(--ep-color-red); } tags-input .tags { border: 0; box-shadow: none; background: transparent !important; } tags-input .tags.focused { box-shadow: none; } .filter-tags tags-input .tags .input { height: auto; padding: 2px 0 0 5px; font-size: 13px; height: 32px; } .ep-drop-filter-tag-input .tags .tag-item { background-image: none; color: var(--ep-color-text-normal); background-color: var(--ep-color-geryBlue); border-radius: 4px; font-size: 15px; font-family: Hind, sans-serif; line-height: 2; height: 32px; } .ep-drop-filter-tag-input .tags .tag-item:hover { background-color: var(--ep-color-darkGray); } ep-dropdown-filter label { margin-bottom: 0px; } .filter-clear { float: right; padding-right: 3px; line-height: 100%; cursor: pointer; font-size: 13px; color: var(--ep-color-blue); } .filter-close-icon { font-size: 15px; color: var(--ep-color-gray); position: relative; top: -2px; } .ep-filter-label { font-size: 13px; font-weight: normal; color: var(--ep-color-blue); } .k-multiselect .k-button, .k-multiselect-wrap > ul > .k-button, .k-multiselect .k-chip-list .k-chip { color: var(--ep-color-text-normal); background-color: var(--ep-color-geryBlue); font-size: 15px; font-weight: normal; } .k-multiselect .k-chip-list .k-chip { height: auto; border: none; } .k-multiselect .k-button:hover, .k-multiselect-wrap > ul > .k-button:hover, .k-multiselect .k-chip-list .k-chip:hover { background-color: var(--ep-color-lightGray); } .top-nav-toolbar .dropdown-menu > li { border-bottom: 1px solid var(--ep-color-paleGray); } .top-nav-toolbar .dropdown-menu { border: 1px solid transparent; } .dropdown-menu { padding: 0px; border: none; } /*product generic grid ep drop down multi select chips*/ label.ep-label-group .ep-label-group-text:not(tags-input) { display: block; margin-bottom: 0px; line-height: 1; border: none; } .ep-dropdown-filter-panel span.k-dropdowntree.k-input { border-bottom: 1px solid var(--ep-color-unfocused-input) !important; } label.ep-label-group .k-widget { width: 100% } .k-multiselect-wrap li span:first-child { display: block; word-wrap: break-word; max-width: 100%; } .k-multiselect-wrap li span:first-child span { display: block; word-wrap: break-word; height: auto; text-overflow: ellipsis; overflow: hidden; } .ep-tag-marker { width: 100%; word-wrap: break-word; } /*product generic grid ep drop down multi select chips*/ span.ep-tag-marker, .k-multiselect-wrap li { word-wrap: break-word; max-width: 325px; display: inline; text-align: left; } /*category tree dropdown*/ .dropdown > .dropdown-toggle, .dropdown .dropdown-toggle { background: transparent; width: 100%; max-width: 100%; border-radius: 0px; padding: 7px 2px 1px; border: 0px; } .dropdown > .dropdown-toggle > span { line-height: 1.3; display: inline-block; float: left; font-size: 13px; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 2.6em); } .dropdown > .dropdown-toggle > .k-icon { position: absolute; right: 0px; bottom: 3px; } .dropdown[uib-dropdown] { width: 100%; z-index: 999; } .dropdown[uib-dropdown] > button { height: 33px; opacity: 1; box-sizing: border-box; } .btn-group > .btn:first-child { position: absolute; bottom: 0px; } .btn-group > .dropdown-toggle.btn:first-child { position: absolute; bottom: 0px; height: 35px; padding-top: 0px; padding-left: 0px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: none; box-shadow: none; } .dropdown[uib-dropdown].open button { border-bottom: 2px solid var(--ep-color-blue); } .dropdown[uib-dropdown] button { border-bottom: 1px solid var(--ep-color-unfocused-input); } .dropdown[uib-dropdown].open label { color: var(--ep-color-blue) !important; } .dropdown[uib-dropdown]:focus { outline: none; } .dropdown[uib-dropdown] label { margin-bottom: 0; font-weight: normal; font-size: var(--ep-label-font-size); color: var(--ep-color-darkGray); line-height: 1.2; } .dropdown[uib-dropdown]:focus label { color: var(--ep-color-blue); } .dropdown[uib-dropdown]:focus button { outline: none; border-bottom: 2px solid var(--ep-color-blue); } /*category tree dropdown*/ .k-list .k-list-footer { padding: 10px 5px; border-top: 1px solid var(--ep-color-paleGray); } /*tag close button*/ tags-input .tags .tag-item .remove-button { margin: 3px 0px 0 5px; padding: 0; border: none; background: none; cursor: pointer; vertical-align: middle; font: 400 22px Hind; color: #585858; text-decoration: none; display: inline-block; float: right; } span.k-font-icon.k-i-close, span.k-font-icon.k-i-x-circle { display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-weight: 400; font-size: 18px; padding: 0px; width: 14px; height: 14px; right: 0px; } .ep-maintenance-toolbar-search span.k-font-icon.k-i-close { display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-weight: 400; font-size: 17px; padding: 0px; width: 14px; height: 14px; margin: 4px 6px auto 0px; right: 0px; } span.k-autocomplete span.k-font-icon.k-i-close { right: 5px; } span.k-autocomplete span.k-clear-value { right: 5px; position: absolute; z-index: 2; } .k-i-close:before, .k-i-x-circle:before { content: "\f0156"; } .k-autocomplete .k-i-loading, .k-multiselect .k-i-loading { position: absolute; top: 0px; right: .4em; bottom: 0px; margin: auto; z-index: 3; } .k-list-container .k-list .k-item.k-state-selected:hover { background-color: var(--ep-color-blue) !important; } /* * * CSS for generic grid views and form views * */ /* When we use a generic element of type text-icon-left, etc. Set the icon font size to 24px */ .ep-generic-element-font-icon { font-size: 24px; color: var(--ep-color-lightGray); top: 20% !important; position: absolute; left: 0; } ul.list-inline.grid_filter_container { margin-top: 12px; } .k-grid .k-toolbar.k-grid-toolbar .grid_toolbar_icons, .exception_detail .grid_toolbar_icons { padding: 0 6px !important; margin-right: 8px !important; border-style: none; width: 45px; height: 45px; background-color: var(--ep-color-secondary-btn); color: var(--ep-color-white); display: inline-block; border-radius: 4px; background-image: none; position: relative; } /*generic grid layout*/ :root { --ep-user-actions-container-width: 350px; /* Was 220px */ } .filters_container { width: calc(100% - var(--ep-user-actions-container-width)); float: left; min-height: 95px; margin-bottom: 5px; } .global_action_container, .user_actions_container { width: var(--ep-user-actions-container-width); float: right; } .global_action_container { margin-top: -5px; } .landing_grid { position: relative; display: block; margin: 0px -15px -15px -15px; } .landing_grid .ep_group { width: inherit; display: block; } .landing_grid .ep_group:last-child { margin-bottom: 0px } .landing_grid .ep_group:first-child { margin-top: -15px; } /*.grid_filter_container { display: table; margin: 10px 0px 3px 0px; }*/ .grid_filter_container { display: flex; margin: 10px 0px 3px 0px; justify-content: left; flex-wrap: wrap; } .grid_filter_container > li { margin: 5px 0px; padding-left: 0px; } .grid_filter_container > li::after { content: ""; clear: both; display: table; } .fixed_right_bottom { position: absolute !important; right: 0px; bottom: 0px; margin-bottom: 3px; margin-top: 5px; } .linear_action_buttons .filters_container { width: calc(100% - 150px); float: left; } .linear_action_buttons .user_actions_container, .linear_action_buttons .global_action_container { width: 150px !important; position: relative; min-height: 20px; } .linear_action_buttons .user_actions_container.fixed_right_bottom .action_group button { float: right !important; } .linear_action_buttons .user_actions_container.fixed_right_bottom .action_group button .ep-button-secondary { margin-bottom: 10px !important; } .global_action_container [kendo-toolbar] #toolbar_generic_actions { margin-top: 0px; position: relative; right: -10px; top: 0px; display: table; float: right; } .global_action_container #ep-maintenance-screen-toolbar > div:last-child { float: right; } @media screen and (max-width: 767px) { .linear_action_buttons .filters_container, .filters_container { width: 100%; float: left; margin-bottom: 12px; margin-top: -16px; min-height: 65px; } .user_actions_container { width: 100%; float: left } .fixed_right_bottom { position: relative !important; } .linear_action_buttons .user_actions_container, .linear_action_buttons .global_action_container { width: 100% !important; } .linear_action_buttons .user_actions_container.fixed_right_bottom .action_group button { float: left !important; } } .ep_group [kendo-grid] { display: inline-block; width: calc(100% - 2px) !important; } .form_block { position: relative; display: table; width: 100%; } .action_group .ep-button-primary, .action_group .ep-button-secondary { margin-bottom: 5px !important; } .user_actions_container.fixed_right_bottom .action_group button { float: left !important; } /* navigation in form view and grid view */ .navig_container { margin-right: 0; margin-top: 0; border: 0 none; } /*generic grid layout*/ .ep_landing_grid_toolbar_for_action .k-button { padding: 0px } .landing_grid .ep_group { background: white; padding: 15px; margin: 0px 0px 10px 0px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); } /*Fix for grid column issue*/ .k-grid table { min-width: 100%; } /*Fix for grid column issue*/ /*Action drop down */ .ep_landing_grid_toolbar_for_action { display: table; float: right; max-width: 100%; background: transparent; box-shadow: none; height: 20px; } .ep_landing_grid_toolbar_for_action .k-overflow-anchor, .ep_landing_grid_toolbar_for_action .k-overflow-anchor:hover { background: transparent; border: none; box-shadow: none; } .action_group { display: table; margin-bottom: 5px; float: right; } .global_action_container .action_group { display: table; width: 100%; } .global_action_container [kendo-toolbar] { border: none; } /*Action drop down */ .main-content-wrapper.generic-grid-container { background: transparent; box-shadow: none; } .ep-read-only-block { display: flex; width: auto; } .ep-read-only-block .form_element_container { display: flex; } .ep-section-container { display: flex; align-items: center; justify-content: flex-start; } .save_view_header { font-size: 15px; font-weight: bold; margin-bottom: 5px; } .save_view_header_text { color: var(--ep-color-secondary-btn); font-size: 15px; margin-bottom: 15px; } .hide_filters { display: none; } .k-font-icon:before { margin: auto; width: 1em; height: 1em; line-height: 1; display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .ep-setup-landing-page-icon { font-size: 55px; color: var(--ep-color-secondary-btn); line-height: normal; } .ep-setup-landing-page-section:hover .ep-setup-landing-page-icon { color: var(--ep-color-anotherBlue); } .ep-setup-landing-page-section .consumer-privacy-icon { font-size: 45px; } .ep-setup-landing-page-section { text-align: center; padding: 0px; outline: none; } .ep-setup-landing-page-section .ep-setup-landing-page-button-signpost { font-size: 15px; font-weight: 600; line-height: 15px; color: var(--ep-color-anotherBlue); text-shadow: none !important; font-family: Montserrat; cursor: pointer; } .ep-setup-landing-page-button-text { color: var(--ep-color-gray); font-family: Hind, sans-serif; font-size: 13px; line-height: 17px; } .ep-setup-landing-page-box { display: flex; align-self: start; flex-flow: column; flex-wrap: inherit; margin: 5px; height: 168px; width: calc((100% - 70px) / 7) !important; padding: 5px; } @media screen and (max-width: 1200px) { .ep-setup-landing-page-box { width: calc((100% - 60px) / 6) !important; } } .payment-setup-portal-icon{ display: contents; } /*.k-textbox:hover, .k-overflow-anchor:hover, .k-autocomplete.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-dropdown-wrap.k-state-hover { background-color: transparent; border-color: var(--ep-input-border); box-shadow:none; }*/ .ng-hide, .cfp-hotkeys-container { display: none !important; } [ng-cloak], .ng-cloak { display: none !important; } .uppercase { text-transform: uppercase; } .filter-clear { float: right; padding-right: 3px; line-height: 1.2; cursor: pointer; font-size: 13px; color: var(--ep-color-blue) !important; outline: 0 !important; } .k-state-disabled { opacity: 1; } [disabled], [disabled] [role=button], span.k-widget[aria-disabled="true"] { cursor: initial !important; } span.k-widget, span.k-input, span.k-picker { position: relative; max-width: 100%; width: 100%; padding: 0px; z-index: 1; border-radius: 0px !important; height: 36px; margin-top: 3px; } span.k-input .k-input-inner { height: 36px; line-height: 32px; font-size: var(--ep-input-font-size); } .k-autocomplete.k-state-default, .k-autocomplete.k-focus, .k-dropdown-wrap.k-state-default, .ep-generic-class.ep-input-dropdown, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default { background: transparent; border: none; box-shadow: none; } .form-control { display: block; width: calc(100% - 24px); height: 34px; padding: 0px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0px; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .k-calendar .k-header .k-link { color: var(--ep-color-darkGray); } ng-switch, [ng-repeat] { height: inherit; flex-direction: column; } [ng-switch-when] { display: flex; flex-direction: column; height: 100%; } .k-button { box-shadow: none; border-radius: 4px !important; } button, [type="button"] { outline: none !important; } .k-button:active { box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .06); } .k-block>.k-header, .k-window-titlebar { display: inline-block; vertical-align: middle; font-size: 15px; padding: 6px 2px; line-height: 1; font-family: montserrat; font-weight: 500; margin: 0; width: 100%; border-bottom-style: solid; border-bottom-width: 1px; white-space: nowrap; } .k-button.ep-button-primary>.icons.pull-left { max-height: 25px; } /*link button*/ .ep-link-button { padding: 5px; border: 1px solid var(--ep-color-blue); border-radius: 4px; text-align: left; margin-top: 3px; display: table; text-decoration: none; background: var(--ep-color-blue); color: var(--ep-color-white); text-decoration: none; transition: all .23s ease-in-out; } .ep-link-button:hover { background: var(--ep-color-white) !important; color: var(--ep-color-blue) !important; } /*link button*/ /*fa icon override*/ .k-font-icon.k-i-arrow-60-down, .k-font-icon.k-i-arrow-s, .fa.fa-caret-down, .k-font-icon.k-panelbar-collapse.k-i-arrow-60-up { display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 20px !important; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-caret-down:before, .k-i-arrow-s:before, .k-i-arrow-60-down:before { content: "\F0140"; } .k-i-arrow-60-up:before { content: "\F0143"; } /*fa icon override*/ md-card#contentContainer { padding: 0px; } md-card#contentContainer table, md-card#contentContainer table tr { padding: 0px; background: transparent; margin-bottom: 5px; } /*action button*/ .ep-button-toolbar-actions span.mdi.mdi-chevron-down { font-size: 20px; display: inline-block; padding: 0px !important; line-height: 24px; width: 24px; height: 24px; vertical-align: middle; } .ep-button-toolbar-actions .action-text { display: inline-block; vertical-align: middle; } .ep-material-panel-popover li.link span.mdi { color: var(--ep-color-anotherBlue); font-size: 16px; float: left; line-height: 1.4; } .ep-material-panel-popover li.link span.action_title { padding-left: 5px; flex-grow: 1; } .link .actions_element { color: var(--ep-color-text-normal); } .k-grid .k-edit-cell span.k-input .k-input-inner { font-size: 13px; } /*action button*/ /*global style for anchor links inside the form box*/ .ep-group-box-row a { color: var(--ep-color-blue); outline: none } /*global style for anchor links inside the form box*/ /*standard Margiin and padding classes*/ .margin_bt5 { margin-bottom: 5px !important; } .margin_bt3 { margin-bottom: 3px !important; } .margin_bt10 { margin-bottom: 10px !important; } .margin-bt30 { margin-bottom: 30px !important; } .margin_bt20 { margin-bottom: 30px !important; } /*standard Margiin classes*/ /*statndardise input height*/ /*.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox>input{ padding: .167em 0; height: inherit; }*/ .ep-label-text label { font-weight: 400; color: var(--ep-color-darkGray); margin: 0px; } .ep-label-large-text { font-family: Hind, sans-serif; font-weight: 500; font-size: 15px; color: var(--ep-color-text-normal); line-height: 18px; } /*--------------*/ /*store styles*/ .ep-section-signpost { position: relative; display: inline-block; vertical-align: middle; font-family: Hind, sans-serif; font-size: 14px; font-weight: 400; color: var(--ep-color-groupbox-header); padding: 0px 5px; } .display-inline-block { display: inline-block !important; } .display-inline { display: inline !important; } .ep-store-btn { border-bottom: 1px solid var(--ep-input-border); } .ep-store-btn button { background: transparent; padding: 2px 25px 2px 2px; font-size: 15px; border: none; } .ep-store-btn button .mdi.mdi-chevron-down { font-size: 20px; line-height: 1; position: absolute; display: inline-block; margin-left: 5px; } .ep-maintenance-toolbar-action-list li { padding: 8px 5px !important; cursor: pointer; } /*store styles*/ /*Global element font definition*/ button, html, input, select, textarea { font-family: Hind, sans-serif; } .ep-signpost-container { line-height: 1; margin: 10px 0px 10px 0px; } /*-------------------------------*/ /*navigation button*/ .ep-toolbar-button.ep-toolbar-next { padding: 0px 10px; } .right_options { display: flex; justify-content: end; } .right_options .a_option { order: 1; } ep-form-view-navigation .navig_container { display: table; border: 1px solid var(--ep-toobar-button-color); border-radius: 4px; overflow: hidden; padding: 0px; margin: 4px 10px; background: #fff; } .ep-toolbar-next { margin: 0px !important; display: table; } /*navigation button*/ /*ep-container-styles*/ ep-container>label.form-label { color: var(--ep-color-text-normal); font-size: 15px; } ep-container.ep-invalid label, ep-container:not(.ep-invalid).ep-focused label, ep-container.ep-has-value.ep-focused label { color: var(--ep-color-blue); font-weight: 400; } ep-container:not(.ep-invalid):not(.ep-focused).ep-has-value label { color: var(--ep-color-darkGray); font-weight: 400; } ep-container.ep-invalid:not(.ep-focused) label { color: var(--ep-color-text-normal); font-weight: normal; } ep-container .md-input { border-color: var(--ep-color-unfocused-input); color: var(--ep-color-text-normal); } ep-container:not(.ep-invalid).ep-focused .md-input { border-color: var(--ep-color-focused-input); color: var(--ep-color-text-normal); } ep-container:not(.ep-invalid).ep-focused .md-input.k-numerictextbox { border: none } ep-container.ep-invalid .md-input { border-color: var(--ep-color-unfocused-input); color: var(--ep-color-text-normal); } ep-container.ep-invalid.ep-focused .md-input { border-color: var(--ep-color-focused-input); color: var(--ep-color-text-normal); } /* Make input containers take up 100% width by default */ ep-container { width: 100%; } /* Be sure we don't draw a box shadow around the input, even if focused. Had to flag !important to override the specific .k-textbox:focus rule that was forcing it. */ ep-container input, ep-container input:focus { box-shadow: none !important; -webkit-box-shadow: none !important; } /* Don't move floating labels as far away from the input */ ep-container.ep-has-value label:not(.md-no-float), ep-container.ep-focused label:not(.md-no-float) { transform: translate3d(0, 8px, 0) scale(1); -webkit-transform: translate3d(0, 8px, 0) scale(1); font-size: 13px; } ep-container .md-errors-spacer { min-height: unset; } ep-container { margin-top: 2px; margin-bottom: 0; margin-left: 0; margin-right: 0; } ep-container input { font-size: 15px; } /*ep-container-styles*/ .vertical-middle { vertical-align: middle !important; } .k-grid-toolbar .grid_toolbar_icons .icons { padding: 0px !important; width: 35px; height: 35px; top: 0px; position: absolute; margin: auto; display: table-cell; bottom: 0px; left: 0px; right: 0px; } .k-grid-toolbar .grid_toolbar_icons .icons>span { position: absolute; left: 0px; top: 1px; width: 100%; line-height: 32px; font-size: 24px; } .k-grid-toolbar .k-checkbox-label { width: auto; height: auto } /*ep-filter-drop-down panel issue. We need to give 9999 as we need to have more z-index for flters in the modal*/ .md-panel-outer-wrapper { z-index: 9999 !important; } .md-panel-outer-wrapper .md-panel { z-index: 10000 !important; } /*repeater structure style*/ /*this structure will help in the phone number representation of capability to add more than one phone number or kind of data for the HTML structure sample please refer to the 'product_upc_edit.html' */ .repeater-container { width: 100%; display: table; margin-bottom: 5px; padding: 5px 0px; position: relative; } .repeater-content { float: left; width: calc(100% - 80px); } .repeater-action { width: 80px; display: block; height: 100%; right: 0px; position: absolute; top: 0px; } .repeater-action>span { width: 40px; height: 40px; float: left; position: relative; top: 50%; margin-top: -20px; text-align: center; } .repeater-action>span:before { position: absolute; top: 0px; bottom: 0px; margin: auto; right: 0px; left: 0px; width: 24px; height: 19px; } /*repeater structure style*/ /*customer header holding the navigation in popups*/ .custom_header.custom-header-dialog { position: relative; float: left; width: 100%; } .custom_header .nav_element { position: relative; right: 0px; top: 0px; float: right; } .nav_element .navig_container { margin-right: 0px } /*customer header holding the navigation in popups*/ div.ep-generic-class { min-height: 58px; position: relative; float: left; width: 100%; padding: 0px; margin-bottom: 10px; border: none; box-shadow: none; } .flex-middle { /*parent element shud have display : flex*/ display: flex; align-self: center; } md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-placeholder label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) { -webkit-transform: translate3d(0, 6px, 0) scale(1); transform: translate3d(0, 6px, 0) scale(1); z-index: 1; } /*transparent buttons*/ .transparent_buttons.ep-button-primary, .transparent_buttons.ep-button-primary.is-active:disabled, .transparent_buttons.ep-button-secondary, .transparent_buttons.ep-button-secondary.is-active:disabled { background: transparent !important; color: var(--ep-color-anotherBlue) !important; float: right; margin: 0px 5px; padding: 2px 10px; letter-spacing: -0.02em; } /*transparent buttons*/ /*primary and secondary button with disable state*/ .ep-button-secondary.k-state-disabled, .ep-button-primary.k-state-disabled { color: var(--ep-color-white) !important; } /*primary and secondary button with disable state*/ .image-preview-box i.mdi-image.center-bidirection:before { position: absolute; display: inline-block; font-size: 100%; right: 0%; left: 0px; margin: auto; width: 100%; height: 20px; bottom: 0px; top: 0px; text-align: center; color: #E5E5E5; } .image-preview-box { background: transparent; border-color: transparent; position: relative; border-radius: 10px; border: 3px solid #e5e5e5; overflow: hidden; display: flex; } /*input border style on dirty*/ md-input-container.md-input-focused .md-input, md-input-container.md-input-resized .md-input, md-input-container .md-input.ng-invalid.ng-dirty { padding-bottom: 0; border-width: 0 0 1px; } /*category label 'required' star*/ .ep_button_uib_dropdown_required label:after { content: " *"; font-size: 13px; vertical-align: top; } .ep_button_uib_dropdown_required.ep-invalid label:after { color: var(--ep-color-red); } /*category label star*/ .k-grid-edit-row>td>.k-widget.k-dropdown>[class*=-wrap] { position: absolute; bottom: 3px; left: 3px; z-index: 1; width: 100%; } .no-padding { padding-right: 0px !important; padding-left: 0px !important; } .spacer { margin-top: 5px; margin-bottom: 5px; } .margin_tp0 { margin-top: 0 !important; } .margin_tp5 { margin-top: 5px !important; } .margin_tp7 { margin-top: 7px !important; } .margin_tp10 { margin-top: 10px !important; } .margin_tp12 { margin-top: 12px !important; } .margin_tp15 { margin-top: 15px !important; } .margin_tp15_negetive { margin-top: -15px !important; } .margin_tp25 { margin-top: 25px !important; } .margin_bt0 { margin-bottom: 0px !important; } .margin_bt5 { margin-bottom: 5px !important; } .margin_bt10 { margin-bottom: 10px !important; } .margin_bt15 { margin-bottom: 15px !important; } .margin_rt0 { margin-right: 0px !important; } .margin_rt1 { margin-right: 1px !important; } .margin_rt5 { margin-right: 5px !important; } .margin_rt10 { margin-right: 10px !important; } .margin_rt12 { margin-right: 12px !important; } .margin_rt15 { margin-right: 15px !important; } .margin_lt0 { margin-left: 0px !important; } .margin_lt1 { margin-left: 1px !important; } .margin_lt5 { margin-left: 5px !important; } .margin_lt10 { margin-left: 10px !important; } .margin_lt15 { margin-left: 15px !important; } .margin_lt30 { margin-left: 30px !important; } .margin_all0 { margin: 0px !important; } .margin_all5 { margin: 5px; } .margin_all10 { margin: 10px !important; } .padding_tp0 { padding-top: 0px !important; } .padding_tp5 { padding-top: 5px !important; } .padding_tp3 { padding-top: 3px !important; } .padding_tp10 { padding-top: 10px !important; } .padding_tp15 { padding-top: 15px !important; } .padding_bt0 { padding-bottom: 0px !important; } .padding_bt5 { padding-bottom: 5px !important; } .padding_bt8 { padding-bottom: 8px !important; } .padding_bt10 { padding-bottom: 10px !important; } .padding_bt14 { padding-bottom: 14px !important; } .padding_bt15 { padding-bottom: 15px !important; } .padding_bt25 { padding-bottom: 25px !important; } .padding_rt0 { padding-right: 0px !important; } .padding_rt5 { padding-right: 5px !important; } .padding_rt10 { padding-right: 10px !important; } .padding_rt14 { padding-right: 14px !important; } .padding_rt15 { padding-right: 15px !important; } .padding_rt20 { padding-right: 20px !important; } .padding_lt0 { padding-left: 0px !important; } .padding_lt2 { padding-left: 2px !important; } .padding_lt5 { padding-left: 5px !important; } .padding_lt7 { padding-left: 7px !important; } .padding_lt8 { padding-left: 8px !important; } .padding_lt10 { padding-left: 10px !important; } .padding_lt15 { padding-left: 15px !important; } .padding_lt20 { padding-left: 20px !important; } .padding_lt25 { padding-left: 25px !important; } .disabled_element { text-decoration: none; color: var(--ep-color-disabled-item) !important; pointer-events: none; } /* Common Styles Used in Customer Dashboard will be helpful in other places as well */ .padding_all10 { padding: 10px; } .padding_all5 { padding: 5px; } .no-outline { outline: none !important; } .min_ht60 { min-height: 60px; } /* bootstrap classes not needed*/ .text-center { text-align: center !important; } .text-right { text-align: right !important; } .text-left { text-align: left !important; } /*end */ .inline-block { display: inline-block !important; } .ep-block-section-grid { border: none; } .margin_bottom_zero { margin-bottom: 0 !important; } .pb_head_box { display: inline-block; margin: 0px 9px; } span.po_data, div.key_value.value { display: block; font-weight: 600; font-size: 15px; line-height: 1.2; min-height: 20px; overflow: hidden; word-break: break-word; } /* End of Common Styles Used for Customer Dashboard */ .btn-small { width: 34px; height: 34px; } .mdi-20px { font-size: 20px; } .margin-lt-0 { margin-left: 0px; } .margin_tp40 { margin-top: 40px !important; } .margin_tp45 { margin-top: 45px !important; } .md-card-disabled, div.k-state-disabled>div.k-multiselect-wrap.k-floatwrap, span.k-state-disabled>span.k-input, div.k-state-disabled>div.k-multiselect-wrap .k-input:disabled { color: var(--ep-color-disabled-item) !important; } div.k-state-disabled>div.k-multiselect-wrap.k-floatwrap { border-bottom: 1px solid var(--ep-color-disabled-item) !important; } md-card { font-size: var(--ep-input-font-size); line-height: 1.5 } /*to avoid webkit browsers autofill yellow color*/ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0px 1000px white inset !important; } /*to avoid webkit browsers autofill yellow color*/ .hide_element { display: none; } /*labels in generic layer*/ label.label_ele { min-height: 5px; } /*labels in generic layer*/ .toolbar_icon-state.grid_toolbar_icons.k-button[disabled], .k-grid .k-grid-toolbar .k-button:disabled { color: #fff !important; background: var(--ep-color-disabled-item) !important; border-color: var(--ep-color-disabled-item) !important; opacity: 1 !important; cursor: default !important; font-weight: 500 !important; } /*Pop up into full screen */ .full-screen-container { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1001; background: white !important; padding: 15px; } /*Pop up into full screen */ .font_weight_normal { font-weight: normal !important; } .font_weight_400 { font-weight: 400; } .font_weight_500 { font-weight: 500; } .font_weight_600 { font-weight: 600; } .warning_msg { color: var(--ep-color-orange); } .error_msg, .error_msg.success_msg { color: var(--ep-color-red); } .success_msg { color: var(--ep-color-green); } .text-success { color: var(--ep-color-green); } .text-danger { color: var(--ep-color-red); } .padding_tp20 { padding-top: 20px; } .padding_tp25 { padding-top: 25px; } .padding_tp35 { padding-top: 35px; } .padding_tp30 { padding-top: 30px; } .padding_tp12 { padding-top: 12px !important; } .modal-xl { width: 1010px; } .modal-xxl { width: 1313px; } .modal-90percent { width: 90%; max-width: 1400px; margin-right: auto; margin-left: auto; } /*to reduce space between rows in landing pages*/ .landing_grid ul.list-inline.grid_filter_container { margin-top: 0; } /*end */ .margin_top_20 { margin-top: 20px; } .ep-std-dialog-info-text { padding: 10px; margin-bottom: 10px; background: var(--ep-color-yellow); color: var(--ep-color-white); } .login-button-dimensions.k-state-disabled { color: var(--ep-color-white) !important; } .padding_bt20 { padding-bottom: 20px !important; } .ep-text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*.k-block>.k-header { display: table; }*/ .po_wrapper_padding .text-right-po { text-align: right; } /*Style to fix the issue of scroll in modal pop up - Start*/ .popup_scrollfix_170 { overflow: auto; max-height: 170px; } .popup_scrollfix_350 { overflow: auto; max-height: 350px; } .popup_scrollfix_440 { overflow: auto; max-height: 440px; } .popup_scrollfix_400 { overflow: auto; max-height: 460px; } .popup_scrollfix_470 { overflow: auto; max-height: 475px; } .popup_scrollfix_505 { overflow: auto; max-height: 505px; } .popup_scrollfix_535 { overflow: auto; max-height: 535px; height: 535px; } .popup_scrollfix_600 { overflow: auto; max-height: 600px; } /*End*/ .modal_nav_element { position: absolute; top: 5px; right: 60px; } .display-table-row { display: table-row; } .display-table-cell { display: table-cell; } .float-right { float: right !important; } .float-left { float: left !important; } .line-height15 { line-height: 15px !important; } .line-height20 { line-height: 20px !important; } .line-height25 { line-height: 25px !important; } .line-height30 { line-height: 30px !important; } .line-height35 { line-height: 35px !important; } .min-height-30 { min-height: 30px !important; } .padding_all0 { padding: 0px !important; } .border-bottom-none { border-bottom: none !important; } .vertical-right-border { border-right: 1px solid #E5E5E5; } .ep-application-filter-link-active, .ep-application-filter-link-active:link, .ep-application-filter-link-active:active, .ep-application-filter-link-active:visited, .ep-application-filter-link-active:hover { text-decoration: none; display: inline-block; color: var(--ep-color-blue); } .ep-application-filter-link-active h5, .ep-application-filter-link-inactive h5 { font-size: 15px; cursor: pointer; outline: none; text-transform: uppercase; display: inline-flex !important; margin: 0px 10px; line-height: 1.5; font-weight: 600 !important; font-family: Montserrat, sans-serif; flex-direction: row !important; } .ep-application-filter-link-inactive, .ep-application-filter-link-inactive:link, .ep-application-filter-link-inactive:active, .ep-application-filter-link-inactive:visited { text-decoration: none; display: inline-block; color: var(--ep-color-darkGray); } .ep-application-filter-link-inactive:hover { text-decoration: none !important; color: var(--ep-color-darkGray); } .border-bottom-light-gray { border-bottom: 1px solid var(--ep-color-disabled-item); } .border-radius4 { border-radius: 4px; } .margin_tp35 { margin-top: 35px !important; } .margin_rt20 { margin-right: 20px !important; } .margin_rt35 { margin-right: 35px !important; } .ep-font-size18 { font-size: var(--ep-input-font-size18) !important; } .ep-font-size13 { font-size: 13px !important; } .ep-font-size12 { font-size: 12px !important; } .ep-font-size15 { font-size: 15px !important; } .ep-font-size16 { font-size: 16px !important; } .ep-font-size20 { font-size: 20px !important; } .ep-font-size52 { font-size: 52px !important; } .ep-button-full-width { width: 100% !important; } .text-transform-uppercase { text-transform: uppercase; } .border-none { border: none !important; } .display-block { display: block !important; } .margin_tp20 { margin-top: 20px !important; } .margin_tp30 { margin-top: 30px !important; } .ep-font-weight600 { font-weight: 600 !important; } .margin_bt35 { margin-bottom: 35px !important; } .k-tooltip-content { height: 100%; text-align: left; padding: 5px; line-height: 20px; } .k-tooltip-content.dropdown-filter-tooltip { display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 59px !important; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; } /* Numeric text input with slide up and down value controll border */ .ep-numeric-textbox md-input-container .k-numerictextbox .k-numeric-wrap .k-select { border: 0px !important; } .ep-font-size5em { font-size: 5em; } .padding_8 { padding: 8px !important; } .k-callout-s { border-top-color: var(--ep-color-anotherBlue); } .k-callout-n { border-bottom-color: var(--ep-color-anotherBlue) !important; } md-radio-button.md-default-theme .md-off, md-radio-button .md-off { border-color: var(--ep-info-blue) !important; } md-radio-button:not([disabled]).md-primary .md-on, md-radio-group:not([disabled]) .md-primary .md-on { background-color: var(--ep-color-anotherBlue); } md-radio-button:not([disabled]).md-primary.md-checked .md-off, md-radio-group:not([disabled]) .md-primary.md-checked .md-off { border-color: var(--ep-color-anotherBlue) !important; } /*.k-slider-selection { background-color: var(--ep-color-anotherBlue) !important; border-color: var(--ep-color-anotherBlue) !important; } .k-draghandle.k-state-focused, .k-draghandle.k-state-focused:link, .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-focused, .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-focused { box-shadow: none; border-color: var(--ep-color-anotherBlue) !important; background-color: var(--ep-color-anotherBlue) !important; } .k-draghandle.k-state-focused, .k-draghandle.k-state-focused:link, .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-focused, .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-focused { box-shadow: none ; border-color: none; background-color: var(--ep-color-anotherBlue); height:20px; width:20px; } .k-slider-track { background-color: var(--ep-color-switch-background-false); box-shadow: none; } */ .message_block.detail_info_blk { padding-left: 55px; margin-top: 10px; word-break: break-word; max-height: 100px; overflow-y: auto; width: 100%; } .k-tooltip .k-tooltip-button .k-font-icon.k-i-close { display: inline-block; width: 14px; height: 14px; right: 0px; font: 400 14px/1 "Material Design Icons"; padding: 0px; margin: 6px 0px; } .k-tooltip .k-tooltip-button .k-font-icon.k-i-close:before { content: "\f0156"; } .k-list-item span[ng-switch-when] { display: inline; } .font-montserrat { font-family: Montserrat, sans-serif; } .ep-generic-class.k-state-disabled label { color: var(--ep-color-disabled-item); } /*Common class for uppercase text*/ .upper_case { text-transform: uppercase; } /* Set input Components cursor to left - Overriding this from third party CSS*/ .k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox>input, div:not(.ep-maintenance-toolbar-search)>.k-multiselect-wrap .k-input { text-indent: 0 !important; padding-left: 0px !important; } .k-textbox.k-space-left { text-indent: 5px; } /* Set input Components cursor to left - Overriding this from third party CSS*/ tags-input .tags .input { margin-left: 0px !important; padding-left: 0px !important; text-indent: 0 !important; width: auto; min-width: 100px; } /*MAC issue on tags*/ tags-input .tags { -webkit-appearance: none !important; } /* All autocomplete inputs with glass icon*/ md-input-container .k-autocomplete.k-autocomplete-clearable input { text-indent: .8em !important; } .k-dropdown-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-picker-wrap.k-state-hover { background-color: transparent; } /*for all form element search component*/ .form_element_type [ng-switch-when=text-icon-left] .k-textbox { margin-top: 12px; position: relative; display: block; padding-left: 1.55em; } /*for all form element search component*/ .no-border { border: 0 !important; } /*Table style*/ .ep-table { margin-bottom: 0px; /* border: 1px solid #ddd; */ border-bottom: 1px solid #ddd !important; } .ep-table thead th, .ep-table th { font-weight: 600 !important; vertical-align: middle !important; } .ep-table-border tr th { border-right: #cacaca solid 1px; } .ep-table-fixed { table-layout: fixed; } .ep-table-fixed tr th { width: 40%; } .ep-table-fixed tr td { width: 60%; overflow: hidden; text-overflow: ellipsis; } .ep-table-border tr td { border-right: #ddd solid 1px; } .ep-table-border tr td:last-child, .ep-table-border tr th:last-child { border-right: none; } .no-border tr:first-child th, .no-border tr:first-child td, .no-border tbody tr:first-child td { border-top: 0; } .ep-table-remove-btborder { border-bottom: none !important; margin-bottom: -2px; margin-top: 5px; } .ep-table-style-1 thead { background-color: #ddd; } .ep-table-striped>tbody>tr:nth-child(even) { background-color: #f9f9f9; } /*spinner animation*/ @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*spinner animation*/ /*dialog subtitle*/ .ep-modal-subtitle { font-weight: 400; line-height: 1; flex-direction: column; display: inline-block; vertical-align: middle; height: 100%; font-size: 13px; font-family: Hind, Sans-Serif; padding-left: 15px; margin: 5px 0px; text-transform: none; } .lineheight40 { line-height: 40px; } /*dialog subtitle*/ .multi_btn_blk { overflow: hidden; } .margin-auto { margin: auto !important; } .padding_lt35 { padding-left: 35px !important; } .padding_rt33 { padding-right: 33px !important; } /********** Input Placeholder Text **********/ ::-webkit-input-placeholder { /* WebKit browsers */ color: var(--ep-color-disabled-item) !important; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: var(--ep-color-disabled-item) !important; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: var(--ep-color-disabled-item) !important; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: var(--ep-color-disabled-item) !important; } .pos-amount-due .amount_due_section .tenders_container .tender_view_blck input::-webkit-input-placeholder, .pos-amount-due .amount_due_section .tenders_container .tender_view_blck input::-moz-placeholder, .pos-amount-due .amount_due_section .tenders_container .tender_view_blck input:-ms-input-placeholder, .pos-amount-due .amount_due_section .tenders_container .tender_view_blck input:-moz-placeholder { font-size: 18px; line-height: 20px; } input#gift_card_number::-webkit-input-placeholder { font-size: 18px; line-height: 20px; } input#giftcard_pin_number::-webkit-input-placeholder { font-size: 18px; line-height: 20px; } input#gift_card_number::-moz-placeholder { font-size: 18px; line-height: 20px; } input#giftcard_pin_number::-moz-placeholder { font-size: 18px; line-height: 20px; } input#gift_card_number:-ms-input-placeholder { font-size: 18px; line-height: 20px; } input#giftcard_pin_number:-ms-input-placeholder { font-size: 18px; line-height: 20px; } input#gift_card_number:-moz-placeholder { font-size: 18px; line-height: 20px; } input#giftcard_pin_number:-moz-placeholder { font-size: 18px; line-height: 20px; } /*for ipad rendering*/ .k-mobile body .pro-nav-container { z-index: 2; -webkit-overflow-scrolling: touch; min-height: 100px; min-width: 1024px; } /*for ipad rendering*/ .ep-full-screen-width { position: fixed; width: 100%; height: 100%; left: 0; margin: 0; } .ep-full-screen-width .custom_dialog_container { padding: 0; } .ep-full-screen-width .modal-content { height: 100%; } .ep-full-screen-width .modal-body-contents, .ep-full-screen-width .modal_message_container { height: calc(100% - 65px); padding: 0; } .close_preview { position: absolute; top: 6px; width: 37px; height: 33px; text-align: center; right: 2px; border: 1px solid #dcdcdc; } .pdf_preview_header { font-size: 21px; font-weight: 700; text-align: center; padding: 10px; } md-backdrop.md-sidenav-backdrop { z-index: 1110; } md-content md-backdrop.md-sidenav-backdrop { z-index: 59 !important; } .pro-nav-container>md-content>md-backdrop.md-sidenav-backdrop { z-index: 1065 !important; } /*Style for tax code drop down in Category setup and Customer main -Start*/ .two_value_tax_code_wrapper { width: 100%; display: inline-block; } .two_value_tax_code { max-width: calc(100% - 125px); display: inline-block; overflow: hidden; text-overflow: ellipsis; float: left; font-weight: 600; } .two_value_tax_rate { width: 120px; display: inline-block; vertical-align: middle; float: left; margin-left: 5px; } /*End*/ /*Similar color representation for for view search as grid search- Start*/ .main-content-wrapper #ep-maintenance-screen-toolbar .k-input-inner { color: var(--ep-color-lightGray); opacity: 1; padding-left: 30px; padding-top: 5px; text-overflow: ellipsis; } #ep_maintenance_toolbar_search_taglist div+input, .ep-maintenance-toolbar-search div[aria-multiselectable="true"]+input { display: none; } .k-multiselect .k-input-inner:focus { color: var(--ep-color-black) !important; } /*Similar color representation for for view search as grid search- End*/ .link-as-block { display: flex; text-decoration: none !important; } .link-as-block .installer-label { text-align: left; font-weight: 400 !important; font-family: Hind, sans-serif; font-size: 15px; color: #fff; letter-spacing: 0px; margin-top: 0px; margin-bottom: 0px; float: left; vertical-align: middle; line-height: 20px; margin-left: 5px; } .flex-flow-column { flex-flow: column; } .montserrat-regular { font-family: Montserrat, Regular; } .montserrat-regular { font-family: Montserrat; } .ep_button_uib_dropdown_required label { margin-bottom: 0px; } md-radio-button { outline: none; } ul._md-nav-bar-list { display: inline-flex; } .modal-body-contents .form_element_container div.ep-generic-class { margin-bottom: 0px } .flex-justify-content-center { justify-content: center; } /*To handle the inline grid validation messages*/ div.k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg { background: white !important; color: var(--ep-color-text-normal); } div.k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg span.k-font-icon { color: var(--ep-color-text-normal); } .k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg { top: 80%; height: fit-content; } .ep-inline-grid-editable-input.ep-generic-class.k-edit-cell, .ep-overflow-visible { overflow: visible !important; } #location_codes_grid td.ep-inline-grid-editable-input.ep-generic-class>.k-textbox, #link_update_grid td.ep-inline-grid-editable-input.ep-generic-class>.k-textbox { z-index: 1; position: relative; } .ep-link { font-size: var(--ep-input-font-size); display: block; line-height: 1.2; min-height: 20px; overflow: hidden; word-break: break-word; color: var(--ep-color-text-normal); } .ep-link a { color: var(--ep-color-anotherBlue); cursor: pointer; text-transform: capitalize; } /*End*/ /* Start of the CSS for Two Value Drop Down */ .two_value_dropdown_code_wrapper { width: calc(100% - 10px); white-space: nowrap; height: 100%; line-height: 2.1; } .ep-common-two-value-dropdown-head { display: inline-block; float: left; font-weight: 600; } .ep-common-two-value-dropdown-value { text-overflow: ellipsis; overflow: hidden; margin-left: 5px; white-space: nowrap; } .ellipsis { max-width: 99%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .no_outline { outline: none } .cursor_default { cursor: default !important; } .k-checkbox-wrapper { display: inline-block; vertical-align: middle; height: 18px; } .ep-common-two-value { overflow: hidden; text-overflow: ellipsis; position: relative; margin: 0px; flex-basis: 20px; flex-grow: 2; flex: 1 1 auto; } .ep-common-two-value:first-child { margin-right: 5px; max-width: 45%; flex-grow: 1; flex: 0 0 auto; } .margin_lt20 { margin-left: 20px; } .full-screen-container #multi_add_grid { height: auto !important; } .width-100 { width: 100% !important; } .width-50 { width: 50% !important; } .flex-width-auto { flex: initial; } /*multi add validation style*/ #multi_add_grid div.k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg { padding-right: 30px; } /*multi add footer message*/ .multi-add-footer-message { font-size: 12px; margin-top: 5px; } .ep-generic-class .k-textbox.k-maskedtextbox>input { font-family: Hind, Montserrat, sans-serif; font-size: 15px; background-color: transparent !important; color: var(--ep-color-text-normal); } .serial_number_lookup a { position: absolute; color: var(--ep-color-blue); outline: none; left: 0; bottom: 8px; } .full-height { height: 100% !important; } .disable_click { pointer-events: none; } md-chips-wrap:read-only { outline: none; } /*kendo upgrade to 2019 R2 */ .k-toolbar { display: block; } .note_text_color { color: var(--ep-color-secondary-btn); } .position-fixed { position: fixed !important; } .position-relative { position: relative !important; } .height-auto { height: auto !important; } .height-100-percent { height: 100% !important; } .height-64-percent { height: 64% !important; } .position-absolute { position: absolute !important; } /*scheduler task repeat component*/ .weekDays-selector input { display: none !important; } .weekDays-selector input[type=checkbox]+label { display: inline-block; border-radius: 20px; background: var(--ep-color-white); height: 40px; width: 40px; margin-right: 10px; margin-bottom: 10px; line-height: 40px; text-align: center; cursor: pointer; color: var(--ep-color-anotherBlue); border: 1px solid var(--ep-color-anotherBlue); font-weight: 600; } .weekDays-selector input[type=checkbox]:checked+label { background: var(--ep-color-anotherBlue); color: var(--ep-color-white); } .weekDays-selector input[type=checkbox][disabled]:checked+label { background: var(--ep-color-secondary-btn); color: var(--ep-color-white); } .weekDays-selector input[type=checkbox][disabled]+label { cursor: default; background: var(--ep-color-geryBlue); border: 1px solid var(--ep-color-secondary-btn); color: var(--ep-color-text-normal); } .scheduler_blk { width: 455px; display: inline-block; margin-bottom: 15px; } .select_blk { width: 380px; display: inline-block; float: left; } .read_only_mode .weekDays-selector input[type=checkbox]+label { height: 30px; width: 30px; line-height: 30px; border-radius: 15px; margin-right: 5px; } .read_only_mode .select_blk { width: calc(100% - 35px); } .read_only_mode .select_blk>span { display: flex; width: calc(100% / 7); float: left; } .read_only_mode.scheduler_blk { width: 100%; max-width: 400px; } .days_legend_blk { display: inline-block; margin-right: 20px; float: left; } .read_only_mode .days_legend_blk { width: 35px; margin-right: 0; } .read_only_mode .weeks_title>div { height: 30px; line-height: 30px; } .weeks_title>div { font-size: var(--ep-label-font-size); color: var(--ep-color-darkGray); height: 40px; line-height: 40px; margin-bottom: 10px; } .scheduler_blk .days_month span:last-child input+label { width: 80px } .ep_read_only_label { display: block; font-weight: 500; font-size: 13px; line-height: 1.2; min-height: 20px; overflow: hidden; word-break: break-word; } .ep_read_only_label_value { display: block; font-weight: 600; font-size: 15px; line-height: 1; min-height: 20px; overflow: hidden; word-break: break-word; } ep-multi-add .main-content-wrapper.generic-grid-container { margin-top: 0px; } ep-multi-add button.back_to_button { margin: 5px !important; } md-radio-group[disabled] .md-container .md-off { border-color: var(--ep-color-lightGray) !important; } .italic { font-style: italic; } .modal.ep-std-dialog-information .modal-sm { min-width: 350px; } .modal.ep-std-dialog-position .modal-sm { min-width: 350px; } .modal-open .modal:not(.prop-drawer):not(.prop-dialog-align) { z-index: 9999 !important; display: flex !important; margin: auto !important; margin-top: 20px !important; } @media (min-width: 992px) { .modal-lg { width: 970px; } } /*grid pagination*/ .k-grid-pager.k-pager-lg, .k-grid-pager.k-pager-md, .k-grid-pager.k-pager-sm { position: relative; overflow: visible; } .k-grid-pager .k-link, .k-grid-pager .k-state-selected { padding: 4px; width: calc(10px + 1.42857143em); height: calc(10px + 1.42857143em); box-sizing: border-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; text-align: center; z-index: 1; } .k-grid-pager .k-link.k-state-disabled { color: inherit; } .k-grid-pager .k-link>.k-font-icon, .k-grid-pager .k-state-selected>.k-font-icon { vertical-align: middle; } .k-grid-pager .k-pager-numbers-wrap { width: auto; height: auto; position: relative; display: -ms-inline-flexbox; display: inline-flex; } .k-grid-pager.k-pager-lg .k-pager-nav+.k-pager-numbers-wrap, .k-grid-pager.k-pager-md .k-pager-nav+.k-pager-numbers-wrap, .k-grid-pager.k-pager-sm .k-pager-nav+.k-pager-numbers-wrap { width: calc(20px + 2.85714286em); height: calc(10px + 1.42857143em); box-sizing: border-box; border-color: inherit; } .k-grid-pager.k-pager-lg .k-pager-numbers, .k-grid-pager.k-pager-md .k-pager-numbers, .k-grid-pager.k-pager-sm .k-pager-numbers { border-radius: 2px; position: absolute; overflow: hidden; -ms-flex-direction: column-reverse; flex-direction: column-reverse; width: 100%; height: 100%; box-sizing: border-box; bottom: 0; z-index: 3; border-style: solid; border-width: 1px; } .k-grid-pager.k-pager-lg .k-pager-numbers, .k-grid-pager.k-pager-md .k-pager-numbers, .k-grid-pager.k-pager-sm .k-pager-numbers { border-color: rgba(0, 0, 0, .08); background-color: #f6f6f6; } .k-grid-pager .k-pager-numbers { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; } .k-reset { margin: 0; padding: 0; border-width: 0; outline: 0; font: inherit; text-decoration: none; list-style: none; } .k-grid-pager.k-pager-lg .k-pager-numbers .k-current-page, .k-grid-pager.k-pager-md .k-pager-numbers .k-current-page, .k-grid-pager.k-pager-sm .k-pager-numbers .k-current-page { display: -ms-inline-flexbox; display: inline-flex; cursor: pointer; } .k-grid-pager.k-pager-lg .k-pager-numbers .k-link, .k-grid-pager.k-pager-lg .k-pager-numbers .k-state-selected, .k-grid-pager.k-pager-md .k-pager-numbers .k-link, .k-grid-pager.k-pager-md .k-pager-numbers .k-state-selected, .k-grid-pager.k-pager-sm .k-pager-numbers .k-link, .k-grid-pager.k-pager-sm .k-pager-numbers .k-state-selected { margin: 0; border-width: 0; width: calc(20px + 2.85714286em); height: calc(10px + 1.42857143em); } .k-pager-numbers .k-link { color: var(--ep-color-primary-btn) !important; ; } .k-grid-pager .k-link, .k-grid-pager .k-state-selected { padding: 4px; width: calc(10px + 1.42857143em); height: calc(10px + 1.42857143em); box-sizing: border-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; text-align: center; z-index: 1; } .k-grid-pager .k-pager-numbers .k-current-page { display: none; } .k-grid-pager .k-pager-numbers .k-current-page+li { margin-left: 0; } .k-pager-numbers .k-state-selected, .k-grid-pager .k-link.k-selected { color: #fff !important; background-color: var(--ep-color-primary-btn) !important; border: none; } .k-pager-numbers .k-link.k-state-hover, .k-pager-numbers .k-link:hover { color: var(--ep-color-primary-btn) !important; background-color: #ededed !important; } .k-grid-pager .k-link:hover, .k-grid-pager .k-state-selected { z-index: 2; } .k-grid-pager { padding: 8px; border-width: 1px 0 0; border-color: inherit; font-size: inherit; } .k-grid-pager.k-pager-lg .k-pager-numbers.k-state-expanded, .k-grid-pager.k-pager-md .k-pager-numbers.k-state-expanded, .k-grid-pager.k-pager-sm .k-pager-numbers.k-state-expanded { height: auto; } .k-grid-pager.k-pager-lg .k-pager-numbers-wrap, .k-grid-pager.k-pager-md .k-pager-numbers-wrap, .k-grid-pager.k-pager-sm .k-pager-numbers-wrap { width: calc(4em + 2px); height: calc(2.1em + 2px); box-sizing: border-box; border-color: inherit; margin: 0 .08333em; } /*grid pagination*/ .max-refund-modal .modal-sm { min-width: 440px; } md-input-container .k-autocomplete.k-autocomplete-clearable input.no-text-indent { text-indent: 0px !important; padding-right: 20px; white-space: nowrap; text-overflow: ellipsis; } .ep-generic-class md-input-container .k-autocomplete:not(.k-state-focused) input.no-text-indent { border-bottom: 1px solid var(--ep-color-unfocused-input) !important; } .ep-generic-class md-input-container .k-autocomplete.k-state-focused input.no-text-indent { border-bottom: 2px solid var(--ep-color-blue) !important; } .help-icon.mdi-loading:before { position: static; -webkit-animation: btn-ng-bs-rotation 2s infinite linear; -moz-animation: btn-ng-bs-rotation 2s infinite linear; -o-animation: btn-ng-bs-rotation 2s infinite linear; animation: btn-ng-bs-rotation 2s infinite linear; } button.btn.top-nav-settings { padding: 6px !important; } .k-loading-color { background: #fff; } .ep-generic-class .k-widget, .ep-generic-class .k-picker { background: transparent; } .k-dropzone { background-color: transparent !important; } .global_header_block { font-weight: 600; } .image-maintainer .image_wrapper>div { display: flex; width: 100%; height: 250px; align-items: center; justify-content: center; flex-direction: column; } .image-maintainer .image_wrapper img { max-width: 100%; max-height: 100%; } .font_18px { font-size: 18px; } .epicor-loader .logo_container { width: 150px; z-index: 1000000; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; } .epicor-loader .epicor_logo { width: 100px; background-size: 100%; position: absolute; top: 0px; bottom: 0px; margin: auto; } .epicor-loader .circle { box-sizing: border-box; width: 120px; height: 120px; border-radius: 100%; border: 3px solid rgba(239, 240, 241, 0.30) !important; border-top-color: #fbfbfb !important; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } .epicor-loader .loaders-container .spinner { box-sizing: border-box; width: 120px; height: 120px; position: absolute; left: 0px; top: 0px; z-index: 1; bottom: 0px; right: 0px; margin: auto; } .epicor-loader .loaders-container { background: #0091ea; } .epicor-loader { z-index: 10100; } span[ng-bind-html] { margin: 0px 4px; } span[ng-bind-html]:first-child { margin: 0px 4px 0px 0px; } span[ng-bind-html]+span[ng-bind-html] { margin: 0px 4px 0px 0px; } .modal-content { border-radius: 4px !important; -webkit-box-shadow: 0 0px 15px #00000029 !important; box-shadow: 0 0px 15px #00000029 !important; } .big_commerce_label_header { font-family: Hind, Medium; font-size: 15px; color: #112F41; font-weight: 600; } .big_commerce_label_sub_header { font-family: Hind, Medium; font-size: 13px; color: #6D7B83; font-weight: 500; } .big_commerce_add_new_tender_label { font-family: 'Montserrat'; font-size: 13px; color: var(--ep-color-anotherBlue); letter-spacing: 0px; margin-top: 0px; margin-bottom: 0px; font-weight: 500; text-transform: uppercase; outline: none !important; } .bigcommerce_integration_status_box { border: 1px solid #E5E5E5; background-color: var(--ep-color-groupbox-header-background); border-radius: 4px; } .integration_label_status { font-size: 15px; font-weight: 600; text-transform: uppercase; } .integration_status_header_box { margin-left: 25px; width: 70px; border: 1px solid var(--ep-color-groupbox-header-background); border-radius: 28px; text-align: center; margin: auto; margin-top: 5px; outline: transparent; } .background-green { background-color: var(--ep-color-green); } .background-red { background-color: #F41212B3; } .background-lightgrey { background-color: var(--ep-color-dropdown-background); } .ace_name_zipcode_block { height: 150px; } .dib_name_zipcode_block { height: 215px; } table.payment_trnders tr:last-child td { border-bottom: 1px solid var(--ep-grid-border) !important; } div.ep-generic-class.k-state-disabled.k-state-focused { background: transparent !important; box-shadow: none; } .bigcommerce-label:after { content: " *"; font-size: 13px; vertical-align: top; color: var(--ep-color-red); } .bigcommerce-label.label_has_val:after { color: var(--ep-color-darkGray); } .bigcommerce div.ep-generic-class { min-height: 58px; position: relative; float: left; width: 100%; padding: 0px; margin-bottom: 0px !important; } .modal_search_bar { position: relative; } .modal_search_bar .ep-generic-element-font-icon { position: absolute; top: 45px !important; z-index: 1; } .modal_search_bar .modal-search-icon { left: 10px; } .modal_search_bar .cross-icon { right: 10px; } .modal_searh_box .modal_search_bar input.k-textbox, .modal_searh_box .modal_search_bar input.k-textbox:hover { height: 50px; padding-left: 20px; } .ep-no-header-grid .k-grid-toolbar { display: none; } .bigcommerce-label.label_has_val:after { color: var(--ep-color-darkGray); } .bigcommerce div.ep-generic-class { min-height: 58px; position: relative; float: left; width: 100%; padding: 0px; margin-bottom: 0px !important; } #grid ep-activity-component { margin: 0; } .overirde_log_blk .activity_label_container { display: inline-block; } .ep-generic-class .k-tooltip-error { background-color: var(--ep-color-danger); } .read_only_element { padding: 5px 2px; } #contentContainer .md-nav-bar { border: none; height: 40px; border-bottom: 1px solid rgb(229, 229, 229); } .download-hero a { display: block; width: 100%; padding-top: .5em; color: #0b88c3; background: #e9f2f5; text-decoration: none; border-radius: 2px; word-break: break-word; cursor: pointer; font-size: 20px; border-right: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: .5em; transition: all 0.3s cubic-bezier(0.89, 0.07, 0.19, 0.85); } .download-hero li:last-child a { border-right-width: 0px; } .download-hero li { display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 200px; flex-basis: 200px; -ms-flex-positive: 1; flex-grow: 1; } .download-hero ul { display: -ms-flexbox; display: flex; list-style: none; text-align: center; margin: 0; } .download-hero .download-logo { display: block; margin: 0 auto; fill: #14c3f4; width: 40px; margin-bottom: 5px; transition: fill .25s ease-in-out; } .version_text { margin: 5px 0px 5px 0px; font-size: 14px; } h1.device_services_title { margin: 10px 0px 0px 0px; font-size: 18px; padding: 5px 10px; border: 1px solid #e9f2f5; font-family: 'Montserrat'; } .download-platform { border: 1px solid #e9f2f5; } .download-hero a:hover { color: #e9f2f5; background: #0b88c3; } .download-hero a:hover .download-logo { fill: #e9f2f5; } #cloud_services_logo { width: 125px; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; height: 125px; margin-bottom: 10px; } .dropdown-menu.is_in_modal { z-index: 10000 } .side_text_switch { display: inline-block; float: left; } .switch-side-text { font-size: 15px; font-weight: 600; text-transform: uppercase; line-height: 42px; margin-left: 15px; } .elem-min-height50 { min-height: 50px; } .elem-min-width80 { min-width: 80px; } /*Installer Design Changes - Start*/ .installer-nav-container { display: flex; flex: 0 0 365px; flex-direction: row; } .installer-nav-image { height: 170px; margin: 0 30px 0 0; background: #F3F4F4 0% 0% no-repeat padding-box; border: 1px solid #DCE4E8; border-radius: 4px; flex: 0 0 300px; } .installer-container { display: flex; width: 100%; height: 100%; overflow-y: auto; padding: 0 5px; flex-direction: column; } .installer-instruction section h3 { margin-top: 0; font-weight: 600; } .installer-subsection { border-top: 1px solid var(--ep-color-lightGray); padding: 15px 0; } .installer-img-container { display: flex; flex: 0 0 365px; flex-direction: column; } .installer-image { height: 297px; margin: 0 30px 20px 0; background: #F3F4F4 0% 0% no-repeat padding-box; border: 1px solid #DCE4E8; border-radius: 4px; flex: 0 0 300px; } .installer-window { padding: 16px; margin-top: 30px; display: flex; } .installer-download-section h2 { text-align: center; color: var(--ep-color-anotherBlue); letter-spacing: 0px; font-weight: 600 !important; } .installer-download-section h3 { text-align: center; margin-top: 0px; } .installer-download-btn a { width: 90%; height: 45px; padding: 0px; } .installer-subsection ol { list-style: none; counter-reset: item; padding: 0px; } .installer-subsection li { counter-increment: item; margin-bottom: 5px; display: flex; } .installer-subsection li:before { margin-right: 10px; content: counter(item); background-color: #DCE4E8; border-radius: 50%; color: var(--ep-color-black); width: 20px; text-align: center; /*display: inline-block;*/ height: 21px; padding: 2px 5px; } .install-dialog-container { display: flex; flex-wrap: wrap; } .installer-dialog-img { background-repeat: no-repeat; background-position: 50%; border: 0px; width: 328px; height: 256px; margin: 10px 0; } .dummy-div { flex: 0 0 370px; } .download-i-color { color: var(--ep-color-dimGray); } .installer-download-version-text { display: flex; justify-content: space-around; align-items: center; margin-top: 5px; } .exe-installer-msg-container { background: #F3F4F4 0% 0% no-repeat padding-box; color: var(--ep-color-red); font-size: 13px; display: flex; height: 50px; margin-bottom: 15px; padding: 7px 12px; font-weight: 600; font-family: Hind; } .exe-installer-msg-container>p { margin: 0px !important; padding: 5px; } .exe-installer-msg-container>span { padding: 5px 10px; } /*Installer Design Changes - End*/ /*Register count session - start*/ .cash-count-section { display: flex; flex-flow: column; height: 100%; padding-left: 0px !important; } .general-cash-count { width: 400px; } .total_cash_count { margin-top: 5px; } .expected_amount { margin-right: 305px; margin-top: 5px; } .expected_amount_value { font-size: 20px; font-family: 'Hind'; font-weight: 600; letter-spacing: -0.6px; } .cash_amount_section { display: flex; flex-direction: row; width: 615px; } .total_cash_value { font-size: 24px; font-family: 'Hind'; font-weight: 600; letter-spacing: -0.6px; color: var(--ep-color-orange); } .total_cash_label, .expected_amount_text { font: normal normal normal 13px/25px Hind; } .bills-coins-count { padding: 10px 20px; background: #F3F4F4 0% 0% no-repeat padding-box; border-radius: 3px; } .denomination-label { font: normal normal bold 15px/18px Hind; letter-spacing: -0.38px; color: var(--ep-color-orange); opacity: 1; margin-bottom: 10px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .reg-cash-count-btn { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .cash-count-btn { padding: 5px 0px !important; margin: 0px !important; display: flex; } .cash-count-icon { font-size: 20px; margin-right: 8px; } .cash_count_popup_title { display: flex; } .cash_count_popup_title>h4 { font-size: 16px; margin-top: 0px; } .row-data>a { cursor: pointer; } /*Register count session - end*/ .hide_grid_toolbar .k-header.k-grid-toolbar { display: none; } .padding_rt25 { padding-right: 25px !important; } span.gc_deactivation_msg { background-color: var(--ep-color-textbox-background); padding: 10px; font-size: 13px !important; font-family: Hind, Regular !important; font-weight: normal; color: var(--ep-color-text-normal); } span.gc_deactivation_msg>span.gc_deactivation_count { color: var(--ep-color-red); font-family: Hind, SemiBold; font-size: 15px !important; font-weight: 600; } .gc_deactivation_alert_icon { color: var(--ep-color-red); float: left; margin-right: 5px; } .gc_deactivation_alert_msg { margin-left: 25px; } span.gc_reactivation_msg { background-color: var(--ep-color-textbox-background); padding: 10px; font-size: 13px !important; font-family: Hind, Regular !important; font-weight: normal; color: var(--ep-color-text-normal); } span.gc_reactivation_msg>span.gc_reactivation_count { font-family: Hind, SemiBold; font-size: 15px !important; font-weight: 700; } .gc_reactivation_alert_icon { color: var(--ep-color-yellow); float: left; margin-right: 5px; } .viewbatch_header_label { font-family: Montserrat, SemiBold; font-size: 15px; color: #112F41; font-weight: 700; } .full-screen-container.take_over_screen_background { background: var(--ep-color-textbox-background) !important; padding: 0 10px 20px 10px; } .k-input, .k-textarea>textarea, .k-textbox>input { outline: 0; } .ep-generic-class.ep-input-dropdown span.k-input-inner { padding: 0; } .ep-generic-class.ep-input-dropdown .k-input-button { padding-right: 0; right: -7px; position: relative; } .ep-generic-class.ep-datepicker-textbox .k-icon-button { position: absolute; right: 0; z-index: 11; } /*.k-list-item { padding:0 0 0 4px; }*/ .ep-input-dropdown .k-picker:hover { box-shadow: none; background: transparent; } .ep-generic-class .k-chip.k-chip-solid-base, .ep-dropdown-filter-panel .k-chip.k-chip-solid-base { padding-left: 0; color: var(--ep-color-text-normal); background-color: var(--ep-color-geryBlue); border: none; } .k-picker:hover { background-color: var(--ep-color-white); } .k-list-filter .k-searchbox.k-input { border: 0; } .k-list-filter { padding: 0; border-bottom: 2px solid var(--ep-input-border); border-radius: 0px; box-shadow: none; margin-bottom: 2px; } .k-list-item-text:before { height: 0; display: block; } #main_nav_panelbar .k-group .k-link.k-hover { background-image: none; } .facet_blk .k-panelbar { border: none; } .k-grid .k-column-title { white-space: normal; display: block; width: calc(100% - 20px); } .k-colorpicker .k-button:hover { background: none; box-shadow: none; } .ep-generic-class.ep-colorpicker-textbox .k-colorpicker { background: transparent; position: relative; max-width: 100%; width: 100%; z-index: 1; border-radius: 0px !important; height: 36px; margin-top: 3px; border: none; box-shadow: none; outline: none; } .ep-generic-class.ep-colorpicker-textbox .k-icon-color-preview .k-color-preview-mask { height: 3px; left: 0px; position: absolute; width: 16px; } .ep-generic-class.ep-colorpicker-textbox:hover { background-color: var(--ep-color-white); } .k-datepicker .k-button:hover { box-shadow: none; background-color: transparent; } .k-datepicker.k-focus .k-button { color: var(--ep-color-blue); } li.k-list-item { padding: 0 4px; line-height: 1.8em; min-height: 1.8em; border-width: 1px; border-style: solid; border-color: transparent; } .k-input-value-text.k-readonly { opacity: .5; } .k-grid .k-grid-toolbar .k-toolbar-item { width: 100%; } .k-grid .k-button, .k-grid .k-grid-toolbar>*, .k-grid .k-grid-toolbar .k-toolbar-item>* { margin: 0.16em; } .k-space-left .k-icon { left: 0px; } .k-textbox .k-icon { margin: -8px 0 0; position: absolute; } .k-list-filter>.k-icon { position: absolute; right: 6px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .k-virtual-list .k-list-item-text { line-height: 1.42857143; } input.k-textbox { line-height: 1.93571428em; text-indent: 0.8em; } .ep-dropdown-filter-panel span.k-input .k-input-inner { padding-left: 0px !important; } .k-list-filter .k-searchbox.k-input .k-input-inner { padding-left: 0; } .k-menu-group li[role=menuitemcheckbox] .k-link.k-menu-link input[type=checkbox][disabled] { padding: 0; width: 16px; } .k-menu-group li[role=menuitemcheckbox] .k-link.k-menu-link input.k-checkbox[disabled]::before { opacity: 1; } .verticalscroll_180pt { overflow-y: scroll; overflow-x: hidden; height: 180px; } .k-toolbar .k-toolbar-item:focus { box-shadow: none; } .textboxwrap { display: inline-block; } .textboxwrap .k-icon { right: 3px; } .deposit_button_width { width: 200px; } .hide-dropdown-arrow .k-input-button { display: none !important; } .centered-icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer; color: #007bff; font-size: 18px; } @media (min-width: 992px) { .padding-md-lt15 { padding-left: 15px; } } @media (min-width: 1200px) { .padding-lg-lt35 { padding-left: 35px; } } .k-button-md { line-height: inherit; } .k-input-solid:focus-within, .k-input-solid:focus, .k-input-solid.k-focus { box-shadow: none; } .k-list-md .k-list-item, .k-list-md .k-list-optionlabel { padding: 0 4px; } .k-column-menu.k-popup .k-menu-group .k-item>.k-link:active { background-color: transparent; color: var(--ep-color-black); } #ep-maintenance-screen-toolbar .k-toolbar-item .k-input-values { height: 30px; } .ep-dropdown-filter-panel span.k-multiselecttree { height: auto; min-height: 36px; max-height: 82px; overflow-y: auto; border-bottom: 1px solid var(--ep-color-unfocused-input) !important; } .multi-partner-message { background: #EB6500; color: #fff; font-size: 13px; font-weight: 400; position: absolute; left: 0; top: 0; padding: 4px 15px; border-radius: 4px 4px 0 0; width: 100% } .multi-partner-message span { font-weight: 600 } .title_denomination { font-family: 'Hind'; font-weight: 400; font-size: 12px; line-height: 100%; letter-spacing: 0px; color: #5B6870; margin-bottom: 20px; } .total_cash_denomination { font-family: 'Hind'; font-weight: 400; font-size: 13px; line-height: 100%; color: #888888; white-space: nowrap; } .expected_amount_denomination { font-family: 'Hind'; font-weight: 600; font-size: 15px; line-height: 100%; margin-bottom: 20px; } .count_cash_denomination { font-family: 'Hind'; font-weight: 600; font-size: 15px; line-height: 100%; margin-bottom: 20px; color: var(--ep-color-orange); } .denomination-title { font-family: 'Montserrat'; font-weight: 600; font-size: 16px; line-height: 150%; text-transform: uppercase; color: var(--ep-color-orange); } .pos_icon:before { font-size: 22px; color: var(--ep-color-white); position: absolute; right: 0px; left: 0px; top: 0px; bottom: 0px; margin: auto; text-align: center; width: 24px; height: 24px; line-height: 24px; } .modal_icon { padding-right: 15px; } .pos_icon { width: 40px; height: 40px; background: var(--ep-color-yellow); position: relative; float: left; } .top-nav-container .k-toolbar-item { float: right; z-index: 9999; } .top-nav-logo { padding-left: 50px !important; } .k-toolbar-item:has(.top-nav-logo) { float: left; } .k-toolbar-item .dropdown .dropdown-menu { padding: 0; margin-right: 6px !important; } .drop-cls { background-color: #f75959; -moz-border-radius: 6px; -webkit-border-radius: 3px; font-family: Montserrat; color: white; padding-top: 10px; padding-bottom: 10px; width: 100px; text-align: center } .dropdown>.dropdown-toggle.top-nav-button { margin-right: 10px } .dropdown-menu>li>a { padding: 3px 20px !important; } .user-display-name { height: 100%; display: table-cell; vertical-align: middle; } .dropdown #topnav-user-image { float: left; background-repeat: no-repeat; background-position: 50%; border: solid 1px; border-radius: 50%; width: 30px; height: 30px; margin-right: 8px; } #topnav-user-image+div { float: left } .top-nav-container .k-toolbar-item { float: right; z-index: 9999; } .top-nav-logo { padding-left: 50px !important; } .k-toolbar-item:has(.top-nav-logo) { float: left; } .k-toolbar-item .dropdown .dropdown-menu { padding: 0; margin-right: 6px !important; } .drop-cls { background-color: #f75959; -moz-border-radius: 6px; -webkit-border-radius: 3px; font-family: Montserrat; color: white; padding-top: 10px; padding-bottom: 10px; width: 100px; text-align: center } .dropdown>.dropdown-toggle.top-nav-button { margin-right: 10px } .dropdown-menu>li>a { padding: 3px 20px !important; } .user-display-name { height: 100%; display: table-cell; vertical-align: middle; } .dropdown #topnav-user-image { float: left; background-repeat: no-repeat; background-position: 50%; border: solid 1px; border-radius: 50%; width: 30px; height: 30px; margin-right: 8px; } #topnav-user-image+div { float: left } .top-nav-container .k-toolbar-item { float: right; z-index: 9999; } .top-nav-logo { padding-left: 50px !important; } .k-toolbar-item:has(.top-nav-logo) { float: left; } .k-toolbar-item .dropdown .dropdown-menu { padding: 0; margin-right: 6px !important; } .drop-cls { background-color: #f75959; -moz-border-radius: 6px; -webkit-border-radius: 3px; font-family: Montserrat; color: white; padding-top: 10px; padding-bottom: 10px; width: 100px; text-align: center } .dropdown>.dropdown-toggle.top-nav-button { margin-right: 10px } .dropdown-menu>li>a { padding: 3px 20px !important; } .user-display-name { height: 100%; display: table-cell; vertical-align: middle; } .dropdown #topnav-user-image { float: left; background-repeat: no-repeat; background-position: 50%; border: solid 1px; border-radius: 50%; width: 30px; height: 30px; margin-right: 8px; } #topnav-user-image+div { float: left } .top-nav-container .k-toolbar-item { float: right; z-index: 9999; } .top-nav-logo { padding-left: 50px !important; } .k-toolbar-item:has(.top-nav-logo) { float: left; } .top-nav-container .k-toolbar-item .dropdown .dropdown-menu { padding: 0; margin-right: 8px !important; } .top-nav-container .drop-cls { background-color: #f75959; -moz-border-radius: 6px; -webkit-border-radius: 3px; font-family: Montserrat; color: white; padding-top: 10px; padding-bottom: 10px; width: 100px; text-align: center } .top-nav-container .dropdown>.dropdown-toggle.top-nav-button { margin-right: 10px } .top-nav-container .dropdown-menu>li>a { padding: 3px 12px !important; } .top-nav-container .user-display-name { height: 100%; display: table-cell; vertical-align: middle; } .top-nav-container .dropdown #topnav-user-image { float: left; background-repeat: no-repeat; background-position: 50%; border: solid 1px; border-radius: 50%; width: 30px; height: 30px; margin-right: 8px; } .top-nav-container #topnav-user-image+div { float: left } #party_lane input[type="checkbox"]:disabled { opacity: 1 !important; border-color: lightgrey; background-color: transparent; } .pad-line-cls { line-height: 1.0 !important; padding: 5px !important; } .dis-wid-cls { display: inline-block !important; width: 200px; line-height: 1; padding-right: 40px !important; } .dis-inline-cls { display: inline-block } .max-width-cls { max-width: 20px } .wid-custom-cls { width: 95px !important; height: 45px !important; } .ab-cls { position: absolute; bottom: 20px; } .border-cls { border: 0.1px solid; color: #0091ea } .box-sha-cls { box-shadow: none; } .wre-wrap-cls { white-space: pre-wrap; } .border-top-cls { border-top: 1px solid #d0d0d0 !important; } .color-cls { color: #86898D } .width-100 { width: 100% } .width-60 { width: 60% !important; } .width-40 { width: 40% !important; } .width-20 { width: 20% !important; } .outline-cls { outline: none !important; } .over-cls { overflow-y: auto !important; } .td-cls { word-wrap: break-word; word-break: break-all; width: 100%; padding-left: 5px; padding-right: 5px; } .td-txt-center { text-align: center; margin-top: 15px; } .st-cls { background-color: transparent; min-height: 20px; width: 100%; } .z-ind-2000 { z-index: 2000 !important; } .z-ind-1001 { z-index: 1001 !important; } .z-ind-99999 { z-index: 99999 !important; } .font-cls { font-size: 15px; font-family: Montserrat, Sans-Serif; font-weight: bold; } .red-txt { font-size: 80% !important; color: red !important; } .h80-cls { height: 80px !important; } .overflow-hidden { overflow: hidden } .italic-txt { font-style: italic } .width-65 { width: 65px; } .color-cls-fo { color: #FFBA00 } .width-12 { width: 12% } .td-list { border: 0px; text-align: left; width: 33%; vertical-align: top } .font-style-cls { color: #95A5A6; font-weight: bolder; font-size: 18px } .font-14 { font-weight: bolder; font-size: 14px } .border-rad-cls { width: 100%; border-radius: 6px; border-color: lightgray } .cont-cls { background-repeat: no-repeat; background-position: 50%; border: 0px; border-radius: 0%; width: 150px; height: 150px; margin: 0 auto } .border_btm { margin-left: 15px; margin-right: 10px; border: none; border-bottom: 2px solid rgb(236, 239, 241) } .font_size_40 { font-size: 40px } .v_align_center { text-align: center; vertical-align: middle } .custom_dialog_container .widget-image { margin: 16px auto; width: 60%; } .custom_dialog_container .form__inline-error-msg>span { display: inline-block !important; float: left; width: 0; max-height: 16px; } .custom_dialog_container .form__inline-error-msg>span.show { visibility: visible; width: auto; } .custom_dialog_container .k-picker-wrap.k-state-default { border-bottom: 1px solid #c9c9c9; border-radius: 0; } .custom_dialog_container .k-state-default>.k-select { border: none; } .b-color { border: 1px solid lightgrey !important; } .b_cls_border { background-repeat: no-repeat; background-position: 50%; border: solid 1px; border-radius: 50%; width: 150px; height: 150px; margin: 0 auto } .tp_cls_9 { top: 9px } .fa_detail { font-size: 30px; padding: 1px; font-weight: 600; } .margin_auto { margin: auto !important; } .red-text-right { text-align: right; color: red } .color-cls { background-color: #ffc000 } .max-width-240 { max-width: 240px; } .overflow-y-hidden { overflow-y: hidden } .border_bottom { border-bottom: 1px solid black; margin-top: 5px; margin-bottom: 5px; } .height-600 { width: 98%; height: 600px; } .btm_border_2px { border-bottom: 2px solid rgb(236, 239, 241) } .z_index_cls { z-index: 1002; padding: 8px !important; } .margin_plus_cls { margin-left: 0px; padding-top: 2px; overflow: visible; } .bg_cls_cs { background-color: #fff6d2 } .td-cls-tb { color: black; font-size: 16pt; font-weight: 100 } .font-weight-bold { font-weight: bold !important; } .td-width-cls { border: 0px; text-align: left; width: 33%; vertical-align: top } .clear_both { clear: both; } .pointer_cls { cursor: pointer; color: #0091ea; } .text_lower { text-transform: lowercase } .cursor_pointer { cursor: pointer !important; } .font_20px { font-size: 20px } .margin_minus_lt20 { margin-left: -20px !important; } .margin_minus_tp10 { margin-top: -10px !important; } .margin_tp1 { margin-top: 1px !important; } .border_lt_black { border-left: 1px solid #000000 } .padding_all1 { padding: 1px !important; } .border_all_black { border: 1px solid #000000; margin-top: 5px; } .height25 { height: 25px !important; } .width-65 { width: 65px } .imp_cls { display: inherit; text-align: center; background-color: transparent; } .font-50 { color: #3181c8; font-size: 50px; line-height: 1; } .color_text { display: inherit; text-align: center; color: #3181c8; } .width-120 { width: 120px !important; height: 120px !important; } .width-144 { width: 144px !important; } .dis-flex-cls { display: flex; align-items: center; gap: 12px; } .flx-cls { flex: 1 } .sale_return_cls { padding-left: 0px; margin: 12px 2px; font-weight: 400; font-size: 15px; font-family: Montserrat; text-transform: uppercase; } .list_style_none { list-style-type: none !important; } .over_flow_visible { overflow: visible !important; } .margin_minus_tp4 { margin-top: -4px !important; } .margin_minus_tp5 { margin-top: -5px !important; } .width-inherit { width: inherit !important; } .width-10px { width: 10px !important; } .bg-ok { background-color: #fff !important; } .bg-warn { background-color: #ffcdd2; } .height-60 { height: 60px !important; } .w-15 { width: 15%; } .w-30 { width: 30%; } .top-6 { top: 6px; } .top-9 { top: 9px; } .top-12 { top: 12px; } .position-cls-6px { width: 6%; top: 18px; } .is-visible { visibility: visible; } .is-hidden { visibility: hidden; } .h-viewport-minus-250 { height: calc(100vh - 250px) !important; } .h-37 { height: 37px; } .h-55 { height: 55px; } .margin_lf_bt_tp { margin-left: 5px !important; margin-top: 2px !important; margin-bottom: 4px !important; } .color-order-cls { color: #337ab7 !important; margin-right: 3px !important; font-size: 14px !important; } .line-height-cls { line-height: 1.3 !important; padding-top: 1px; padding-bottom: 1px; } .line-height-1 { line-height: 1.3 !important; } .line-height-pad { line-height: .6 !important; padding: 5px !important; } .display-list-style { list-style-type: none !important; display: table-row !important; } .over-flow-pad { overflow-x: hidden !important; padding: 8px !important; } .container-overflow-cls { max-height: 300px; overflow-y: auto; } .border-grey { border: solid lightgrey 1px } .hr-border { color: #0b190c !important; width: 100% !important; } .line-height-2 { line-height: .6 !important; padding: 10px 5px !important; } .top-0 { top: 0 !important; } .drag_rect_cls { fill: #ffffff; stroke-width: 1; stroke: #483d8b; } .border-solid-cls { border: 1px solid var(--ep-color-unfocused-input) !important; } .display-flex-column-cls { display: flex; flex-direction: column } .customer-mod-cls { align-self: stretch !important; color: #5B6870 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 20px !important; word-wrap: break-word !important; } .dis-flex-01 { flex: 0 1 auto !important; } .width-300 { width: 300px !important; } .h-16 { height: 16px !important; box-sizing: content-box !important; line-height: 1.2 !important; padding: 5px !important; background-color: rgba(9, 11, 12, 0.08) !important; margin-top: -13px !important; top: 50% !important; right: 10px !important; border-radius: 100px !important; position: absolute !important; border: 1px solid rgba(0, 0, 0, 0.3) !important; } .color-circle { color: #3A4145 !important; } .width-47 { width: 47% !important; } .width-48 { width: 48% !important; } .pad-common { padding: 0px 8px 6px 8px !important; } .h-226 { height: 226px !important; } .color-pos-cls { color: #337ab7 !important; margin-right: 3px !important; font-size: 14px !important; } .h-overflow { max-height: 200px !important; overflow-y: auto !important; } .margin_tp_2em { margin-top: 2em !important; margin-left: -18px !important; } .width-100-custom { width: 100% !important; height: 200px !important; overflow: auto !important; } .margin_percent_1 { margin: 1% !important; } .custom-class { width: 25% !important; position: absolute !important; top: 8px !important; left: 150px !important; } .custom-class-2 { width: 50% !important; position: absolute !important; top: 8px !important; left: 350px !important; } .custom-class-3 { width: 10% !important; position: absolute !important; top: 8px !important; left: 900px !important; } .left-gap-550 { left: 550px !important; } .int-cls { margin-left: 25px !important; width: 70px !important; border: 1px solid var(--ep-color-groupbox-header-background) !important; border-radius: 28px !important; text-align: center !important; margin-top: 5px !important; outline: transparent !important; } .int-cls2 { font-family: Montserrat !important; font-size: 15px !important; font-weight: 600 !important; padding-top: 10px !important; } .padding_color_cls { padding-top: 5px !important; color: white !important; } .m-tp-38 { margin-top: 38px !important; } .m-lt-minus_60 { margin-left: -60px !important; } .lt_minus_128 { left: -128% !important; } .left_minus_per { left: 4% !important; } .lt-120 { left: 120px !important; } .min-height-150 { min-height: 150px !important; } .int-cls3 { font-family: 'Montserrat' !important; text-transform: uppercase !important; font-weight: 600 !important; background: #fafafa !important; } .int-cls4 { border-bottom: hidden; vertical-align: middle; } .int-cls5 { border: 1px solid var(--ep-grid-border) !important; border-radius: 4px !important; } .int-cls-6 { min-height: 80px !important; max-height: 120px !important; } .int-cls-7 { font-family: 'Hind' !important; text-decoration: underline; text-transform: capitalize; color: var(--ep-highlight-font); } .top-15-cls { top: 15px !important; } .font-cls-int { font-size: 16px !important; font-weight: 600 !important; text-transform: uppercase !important; } .left-750 { left: 750px !important; } .width-10-per { width: 10% !important } .margin_tp_minus60 { margin-top: -60px !important; } .dis-cust-prop { display: flex !important; justify-content: flex-end !important; flex-direction: row-reverse !important; } .bot-cls { bottom: 3px !important; } .width-15-per { width: 15% !important; } .m-lt-50 { margin-left: 50px !important; } .width-185 { width: 185px !important; } .h-60 { height: 60px !important; } .w-215 { width: 215px !important; } .color-white { color: #fff !important } .display-cls-gap { display: flex !important; gap: 8px !important; } .margin_16_cls { margin-right: 16px !important; margin-top: 3px !important; border: 1px solid #ccc !important; border-radius: 4px !important; } .width-275 { width: 275px !important; } .width-800 { width: 800px !important } .margin_minus_bt5 { margin-bottom: -5px !important } .margin_minus_bt2 { margin-bottom: -5px !important } .width-65 { width: 65px !important } .cust-text { text-align: left !important; margin-left: -50px !important; margin-top: 10px !important } .margin_minus_lt15 { margin-left: -15px !important } .padding_all15 { padding: 15px !important; } .margin_all12 { margin: 12px !important; } .k-box-shadow-none { box-shadow: none !important; } .margin_tp2 { margin-top: 2px !important; } .display_none { display: none !important; } .max-width-20 { margin-top: 5px !important; max-width: 20px !important; display: inline !important; } .padding_tp8 { padding-top: 8px !important; } .over_flow_auto { overflow: auto !important; } .line-height-48 { line-height: 48px !important; } .border_cls_solid { border: 1px solid !important; } .height-rem { height: 1.5rem !important; } .margin_minus_lt25 { margin-left: -25px !important; } .margin_minus_lt18 { margin-left: -18px !important; } .max-height-700 { max-height: 700px !important; overflow: auto !important; } .padding_tp2 { padding-top: 2px !important; } .overflow_v_col { overflow: visible !important; text-align: center !important; white-space: normal !important; color: #049DD9 !important; } .width-85 { width: 85px !important; } .font-size-18 { font-weight: bold !important; font-size: 18px !important; } .height-170 { height: 170px !important; background: transparent !important; } .max-height280 { overflow-y: auto !important; max-height: 280px !important; } .border-cls { border: 1px solid #FFAB40 !important; padding: 5px !important; margin-bottom: 15px !important; } .max-width20 { margin-top: 5px !important; max-width: 20px !important; display: inline !important; } .margin_minus_lt5 { margin-left: -5px !important; } .border-gray { border: 1px solid darkgray !important; } .min-width90 { min-width: 90px !important; } .width-max-content { width: max-content !important; margin-right: 28px !important; } .width-60px { width: 60px !important; } .height_rem { height: 1.5rem !important; } .height-200 { overflow-y: scroll !important; overflow-x: hidden !important; height: 200px !important; } .k-text-pad { padding-left: 0px !important; text-indent: 0 !important } .pad-cls { padding-top: .40em !important; } .height-auto { height: auto !important; } .div-container-cls { height: 100% !important; width: 100% !important; text-align: center !important; vertical-align: middle !important; background-color: #ffe6e6 !important; } .bg-col { background-color: #ffe6e6 !important; } .padding_bt12 { padding-bottom: 12px !important; } .pad-16 { padding: 16px 16px 0 16px !important; } .width-22-percent { width: 22% !important; } .box-cls { box-shadow: none !important; border-color: transparent !important; border: none !important; box-sizing: border-box !important; } .width-160 { width: 160px !important; } .height-120 { height: 120px !important; } .width-490 { width: 490px !important; } .width-145 { width: 145px !important; } .height-64 { height: 64px !important; width: 64px !important; display: flex !important; } .width-352 { width: 352px !important; border: none !important; } .manage-users-generic { background-image: url(/app/shared/images/manage-users-generic.png); } .height-16-abs { height: 16px !important; box-sizing: content-box !important; line-height: 1.2 !important; padding: 5px !important; background-color: rgba(9, 11, 12, 0.08) !important; margin-top: -13px !important; top: 50% !important; right: 10px !important; border-radius: 100px !important; position: absolute !important; border: 1px solid rgba(0, 0, 0, 0.3) !important; } .color-cls3 { color: #0086E7 !important; } .h-17 { height: 17px !important; } .width-fit { width: fit-content !important; } .margin_minus_tp15 { margin-top: -15px !important } .padding_lt16_rt32 { padding: 16px 0px 32px 0px; } .width-200 { width: 200px !important; } .min-width-200 { min-width: 200px !important; } .min-width-127 { min-width: 127px !important; } .min-width-170 { min-width: 170px !important; } .margin_tp_minus_per { margin-top: -1% !important; } .flow-root { display: flow-root !important; margin-right: 20px !important; margin-top: 25px !important; margin-bottom: 20px !important; } .position-cls { position: absolute !important; left: 5px !important; top: 24px !important; border-radius: 0px; border: none !important; font-size: 20px; background: rgba(0, 0, 0, 0) !important } .padding_all7 { padding: 7px !important; } .font-30 { font-size: 30px; padding: 1px; font-weight: 600; } .border-bottom { border-bottom: 1px solid #e6e6e6 !important; } .font-hind { padding-bottom: 10px !important; font-family: Hind; font-size: 15px !important; color: #86898D !important; } .height36 { height: 36px !important; } .m-7-per { margin-left: -7% !important; } .max-width-180 { max-width: 180px !important; } .margin_minus_tp39 { margin-top: -39px } .width-135 { width: 135px !important; } .height-237 { height: 237px !important; } .width-127 { width: 127px !important; } .width-140 { width: 140px !important; } .width-153 { width: 153px !important; } .color-cls-l { color: var(--ep-color-green) !important; } .min-height-370 { min-height: 370px !important; max-height: 370px !important; overflow: auto; } .grid_cls { height: calc(100% - 78px) !important; } .flex-start-cls { color: white !important; align-items: flex-start !important; } .vertical-align-btm { vertical-align: text-bottom !important; } .flex-70-per { flex-basis: 70% !important; } .flex-30-per { flex-basis: 30% !important; } .flex-2-cls { flex: 2 !important; } .flex-auto-cls { flex-basis: auto !important; } .flex-grow-cls { flex-grow: 0 !important; } .c-height { height: calc(100% - 6px) !important; } .returns_card_entry_list { max-height: 200px; overflow-y: auto; } .select_cash_drawer_color { color: #02AC43; } .quick_find_tile_view { min-height: 370px; max-height: 370px; overflow: auto; } .font-em-alert { font-size: 1.8em !important; } .pos-cls-1 { width: 0; height: 0; visibility: hidden; position: absolute; left: 0; top: 0 } .max-height-450 { max-height: 450px !important; } .bg-img-pos { background-repeat: no-repeat; background-position: 50%; width: 150px; height: 150px; margin: 0 auto } .ep-font-size40 { font-size: 40px !important; } .pointer_event_cls { pointer-events: all !important } .width-25 { width: 25px !important; height: 25px !important; } .bg-color-tile-view { background-color: #F9F9F9 !important; } .height-90 { height: 90px !important; } .height-17 { height: 17px !important; } .cursor_text_cls { cursor: text; text-decoration: none; } .overflow-generic-cls { overflow: visible !important; white-space: normal !important; font-weight: 400 !important; background-color: #ffcb00 !important; } .overflow-generic-cls2 { overflow: visible !important; white-space: normal !important; font-weight: 600 !important; background-color: #ffcb00 !important; } .ep-product-category-search { height: 38px !important; } .ep-product-category-search .k-i-close { right: 2px !important; top: 16px !important; position: absolute !important; } .line-height-inherit { line-height: inherit !important; } .white-space-normal { white-space: normal !important; } .min-height-300 { min-height: 300px !important; } .min-height-309 { min-height: 309px !important; } .line_height_set { line-height: 1.2; } .report-exago-grid { position: relative; height: 100% !important; } .border-box-style { box-sizing: border-box !important; } .border_none { border-right: none !important; } .overflow_visible { overflow: visible !important; } .margin_m0 { margin: 0 !important; } .display_inline_gap { display: inline-flex; gap: 4px !important; } .prop-button-pulse-loader { display: flex; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; } .pos_domo_iframe_wrapper iframe { width: 100%; min-height: 400px; box-shadow: 0 0 6px rgba(0, 0, 0, .15); border-radius: 5px; margin-top: 20px; } .hide_selected_input{ display: none !important; } .margin_tp1 { margin-top: 1px !important; } .font_weight_bold { font-weight: bold !important; } .font_weight_bolder { font-weight: bolder !important; } .width-auto { width: auto !important; } .width-40 { width: 40px !important; } .width-60 { width: 60px !important; } .width-80 { width: 80px !important; } .height-200 { height: 200px !important; } .height-300 { height: 300px !important; } .max-height-375 { max-height: 375px !important; } .max-height-450 { max-height: 450px !important; } .bg-transparent { background-color: transparent !important; } .margin-bottom-dot3 { margin-bottom: .3px; } .ep-font-size14 { font-size: 14px; } .font_weight_800 { font-weight: 800; } .font_weight_200 { font-weight: 200; } /* * * Define generic custom dialog * */ /*global modal title style*/ .modal-dialog .modal-content { display: flex; flex-flow: row wrap; } span.ep-modal-icon { font-size: 21px; display: inline-block; vertical-align: middle; margin-right: 10px; } span.ep-modal-title { display: flex; vertical-align: middle; height: 100%; font-size: 15px; font-family: Montserrat, Sans-Serif; padding-left: 15px; } /*------------------------*/ /*popup style*/ .ep-std-dialog-close { position: absolute; top: 8px; right: 8px; width: 24px; height: 24px; outline: none; } .ep-std-dialog-close:before { position: absolute; display: block; right: 0px; left: 0px; margin: auto; top: 0px; bottom: 0px; width: 24px; height: 18px; } .modal-title.ep-std-dialog-title { font-family: Montserrat; font-weight: 600; font-size: 11px; color: var(--ep-color-black); text-transform: uppercase; line-height: 1.2; padding-right: 30px; padding-left: 0px; display: table; width: 100%; } .modal-title.info { color: var(--ep-color-yellow); } .modal-title.success { color: var(--ep-color-green); } .modal-title.error { color: var(--ep-color-red); } .header-wrapper { padding: 12px 12px 8px 12px; position: relative; width: 100%; } .modal_message_container .icon_block { width: 40px; height: 40px; position: relative; } .modal_message_container .icon_block.info { background: var(--ep-color-yellow); } .modal_message_container .icon_block.success { background: var(--ep-color-green); } .modal_message_container .icon_block.error, .modal_message_container .icon_block.info.error { background-color: var(--ep-color-red) } .modal_message_container .icon_block { width: 40px; height: 40px; background: var(--ep-color-yellow); position: relative; float: left; } .inline_question_container .icon_block:before { color: var(--ep-color-black) !important; opacity: 0.4; } .modal_message_container .icon_block:before { font-size: 22px; color: var(--ep-color-white); position: absolute; right: 0px; left: 0px; top: 0px; bottom: 0px; margin: auto; text-align: center; width: 24px; height: 24px; line-height: 24px; } .modal_message_container .icon_block.info { background: var(--ep-color-yellow); } .modal_message_container .icon_block.success { background: var(--ep-color-green); } .message_block { max-width: calc(100% - 40px); float: left; font-family: Hind, sans-serif; padding: 0px 15px; word-break: break-word; } .modal_message_container { display: block; padding: 5px 10px 10px 10px; position: relative; width: 100%; float: left; } .ep-std-dialog-inline-error, .ep-std-dialog-inline-info { overflow: hidden; } .inline_error_container { text-align: left; padding: 2px; margin-top: 0px; margin-bottom: -5px; background: var(--ep-color-danger); position: relative; } .inline_error_container .primary_text { font-weight: 600 !important; font-family: montserrat; color: var(--ep-color-black); opacity: 0.5; } .inline_information_container { text-align: left; padding: 2px; margin-top: 0px; margin-bottom: -5px; background: var(--ep-color-yellow); position: relative; } .inline_information_container .primary_text { font-weight: 600 !important; font-family: montserrat; color: var(--ep-color-black); opacity: 0.5; } .inline_success_container { text-align: left; padding: 2px; margin-top: 0px; margin-bottom: -5px; background: var(--ep-color-green); position: relative; } .inline_success_container .primary_text { font-weight: 600 !important; font-family: montserrat; color: var(--ep-color-black); opacity: 0.5; } .inline_info_container { text-align: left; padding: 5px 30px 10px 0px; margin-top: 0px; margin-bottom: -5px; background: var(--ep-color-yellow); position: relative; } .inline_error_container .message_block { padding-right: 30px; } .modal.ep-std-dialog-error .modal-dialog { width: 340px; } .ep_dialog_footer { display: table; width: 100%; border-top: 1px solid var(--ep-color-paleGray); } .ep_dialog_footer.big_footer button { padding: 10px !important; } .ep_dialog_footer.transparent_buttons button { background: transparent !important; color: var(--ep-color-anotherBlue) !important; float: right; margin: 4px 4px; padding: 5px 10px; letter-spacing: -0.02em; font-weight: 600; } /*transparent buttons*/ .transparent_buttons.ep-button-primary, .transparent_buttons.ep-button-primary.is-active:disabled, .transparent_buttons.ep-button-secondary, .transparent_buttons.ep-button-secondary.is-active:disabled { background: transparent !important; color: var(--ep-color-anotherBlue) !important; float: right; margin: 0px 5px; padding: 2px 10px; letter-spacing: -0.02em; } .ep_dialog_footer.transparent_buttons .ep-button-primary.is-active, .transparent_buttons.ep-button-primary.is-active, .ep_dialog_footer.transparent_buttons .ep-button-secondary.is-active, .transparent_buttons.ep-button-secondary.is-active { background-color: transparent !important } /*transparent buttons*/ .ep_dialog_footer.transparent_buttons .ep-button-primary, .ep_dialog_footer.transparent_buttons .ep-button-primary.is-active:disabled, .ep_dialog_footer.transparent_buttons .ep-button-secondary, .ep_dialog_footer.transparent_buttons .ep-button-secondary.is-active:disabled { border-color: transparent !important; } .message_block .primary_text { font-weight: 600; font-size: 15px; line-height: 1.2; margin-bottom: 5px; } .message_block .normal_text { font-weight: 400; font-size: 13px; line-height: 20px; } /*popup style*/ /*dialog errors*/ .inline_error_container .message_block, .inline_info_container .message_block { padding: 5px 30px 10px 0px; margin: auto; float: none; color: white !important; } /* Fixed the generic issue of close button on standard error dialog */ .inline_error_container .ep-std-dialog-close, .inline_information_container .ep-std-dialog-close, .inline_success_container .ep-std-dialog-close { right: 0px; top: 3px; color: white; font-size: 16px; } .custom_dialog_container { padding: 10px 5px 0px 5px; width: 100% } /*dialog errors*/ .modal-footer-block { text-align: right; padding: 2px 10px 10px 10px; } .inline_error_container .ep-color-red { color: var(--ep-color-white) !important; } .inline-popup-block { padding: 5px 0px; } .modal-body-contents { padding: 5px 0px 5px 0px; } .inline-popup-block, .modal-body-contents { width: calc(100% - 108px); margin: auto; } /*dialog inline question*/ .modal_message_container.inline_question_container { width: 100%; display: flex; padding: 5px; background: var(--ep-color-danger); color: var(--ep-color-white); } .modal_message_container.inline_question_container .icon_block { background: transparent; } .modal_message_container.inline_question_container .message_block { width: calc(100% - 140px); text-align: left; align-self: center; } .modal_message_container.inline_question_container .question_action_container { width: 100px; float: right; } button.question_action_button { border: none; width: 44px; height: 44px; margin: 0px; padding: 0px; float: left; margin-left: 3px; background: transparent; font-size: 15px; color: var(--ep-color-white); text-transform: uppercase; font-weight: 600; font-family: montserrat; } button.question_action_button:hover { color: var(--ep-color-gray); } .ep_dialog_footer.transparent_buttons button:active, .ep_dialog_footer.transparent_buttons button:hover { background: 0 0 !important; color: var(--ep-color-blue) !important; opacity: .75; border: 1px solid transparent !important; box-shadow: none; } .transparent_buttons button:active, .transparent_buttons button:hover { background: 0 0 !important; color: var(--ep-color-blue) !important; opacity: .75; border: 1px solid transparent !important; box-shadow: none; } .ep_dialog_footer.transparent_buttons .ep-button-primary:focus, .ep_dialog_footer.transparent_buttons .ep-button-primary.is-active, .ep_dialog_footer.transparent_buttons .ep-button-secondary:focus, .ep_dialog_footer.transparent_buttons .ep-button-secondary.is-active { border-color: var(--ep-input-border) !important; } .transparent_buttons .ep-button-primary:focus, .transparent_buttons .ep-button-primary.is-active, .transparent_buttons .ep-button-secondary:focus, .transparent_buttons .ep-button-secondary.is-active { border-color: var(--ep-input-border) !important; } .dialog_footer_button_container { display: table; float: right; width: auto; } .dialog_footer_buttons { float: left; } .ep_dialog_footer button { border-radius: 2px !important; border: 1px solid transparent !important; margin-bottom: 5px; } .ep_dialog_footer button:focus { box-shadow: none; border: 1px solid !important } /*dialog inline question*/ .inline_error_container .icon_block:before { font-size: 20px; color: var(--ep-color-black); opacity: 0.5; margin: 3px auto; } .inline_error_container .icon_block { height: 90px; width: 25px; background: transparent !important; color: inherit !important; margin-left: 3px; } .std_dialog_content { width: 100%; position: relative; } .standard_custom_dialog_container { width: 100%; } /* * * Define generic custom dialog * */ .v2 { .modal-dialog { width: 576px; display: flex; align-items: center; } /*global modal title style*/ .modal-dialog .modal-content { justify-content: center; align-items: center !important; display: flex; flex-direction: column; align-items: flex-start; flex: 1; } span.ep-modal-icon { font-size: 21px; display: inline-block; vertical-align: middle; margin-right: 10px; } span.ep-modal-title { display: flex; font-family: Source Sans Pro; font-size: 18px; font-weight: 600; line-height: 27px; letter-spacing: 0.15000000596046448px; text-align: left; padding-left: 12px; margin: 0px } span.ep-modal-subtitle { display: flex; font-family: Source Sans Pro; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: 0.10000000149011612px; text-align: left; padding-left: 12px; margin: 0px; } /*------------------------*/ /*popup style*/ .ep-std-dialog-close { position: absolute; top: 15px; right: 20px; width: 21px; height: 21px; outline: none; } .ep-std-dialog-close:before { position: absolute; display: block; right: 0px; left: 0px; margin: auto; top: 0px; bottom: 0px; width: 24px; height: 18px; } .modal-title { background: linear-gradient(0deg, rgba(235, 101, 0, 0.08) 0%, rgba(235, 101, 0, 0.08) 100%), #FFF; height: 64px; padding: 8px 16px !important; border-radius: 4px 4px 0px 0px; border-bottom: 1px solid #EB6500; background: linear-gradient(0deg, rgba(235, 101, 0, 0.08) 0%, rgba(235, 101, 0, 0.08) 100%), #FFF; } .modal-title.ep-std-dialog-title { font-family: Montserrat; font-weight: 600; font-size: 11px; color: var(--ep-color-black); text-transform: none; line-height: 1.2; padding-right: 30px; padding-left: 0px; display: table; width: 100%; } .modal-title.info { color: var(--ep-color-yellow); } .modal-title.success { color: var(--ep-color-green); } .modal-title.error { color: var(--ep-color-red); } .header-wrapper { padding: 12px 12px 8px 12px; position: relative; width: 100%; } .modal_message_container .icon_block { width: 21px; height: 21px; position: relative; } .modal_message_container .icon_block.info { background: var(--ep-color-yellow); } .modal_message_container .icon_block.success { background: var(--ep-color-green); } .modal_message_container .icon_block.error, .modal_message_container .icon_block.info.error { background-color: var(--ep-color-red) } .modal_message_container .icon_block { margin-top: 12px; width: 21px; height: 21px; background: transparent; position: relative; float: left; } .inline_question_container .icon_block:before { color: var(--ep-color-black) !important; opacity: 0.4; } .modal_message_container .icon_block:before { font-size: 22px; color: #EB6500; position: absolute; right: 0px; left: 1.5px; top: 1.5px; bottom: 0px; margin: auto; text-align: center; width: 21px; height: 21px; line-height: 24px; } .modal_message_container .icon_block.info { background: var(--ep-color-yellow); } .modal_message_container .icon_block.success { background: var(--ep-color-green); } .message_block { max-width: calc(100% - 40px); float: left; font-family: Hind, sans-serif; padding: 0px 15px; word-break: break-word; } .modal_message_container { display: block; padding: 0px; position: relative; width: 100%; float: left; } .ep-std-dialog-inline-error, .ep-std-dialog-inline-info { overflow: hidden; } .inline_error_container { text-align: left; padding: 2px; margin-top: 0px; margin-bottom: -5px; background: var(--ep-color-danger); position: relative; } .inline_error_container .primary_text { font-weight: 600 !important; font-family: montserrat; color: var(--ep-color-black); opacity: 0.5; } .inline_information_container { text-align: left; padding: 2px; margin-top: 0px; margin-bottom: -5px; background: var(--ep-color-yellow); position: relative; } .inline_information_container .primary_text { font-weight: 600 !important; font-family: montserrat; color: var(--ep-color-black); opacity: 0.5; } .inline_success_container { text-align: left; padding: 2px; margin-top: 0px; margin-bottom: -5px; background: var(--ep-color-green); position: relative; } .inline_success_container .primary_text { font-weight: 600 !important; font-family: montserrat; color: var(--ep-color-black); opacity: 0.5; } .inline_info_container { text-align: left; padding: 5px 30px 10px 0px; margin-top: 0px; margin-bottom: -5px; background: var(--ep-color-yellow); position: relative; } .inline_error_container .message_block { padding-right: 30px; } .modal.ep-std-dialog-error .modal-dialog { width: 340px; } .ep_dialog_footer { display: table; width: 100%; border-top: 1px solid var(--ep-color-paleGray); } .ep_dialog_footer.big_footer button { padding: 0px; } .ep_dialog_footer.transparent_buttons button { background: transparent !important; color: var(--ep-color-anotherBlue) !important; float: right; margin: 4px 4px; padding: 5px 10px; letter-spacing: -0.02em; font-weight: 600; } /*transparent buttons*/ .transparent_buttons.ep-button-primary, .transparent_buttons.ep-button-primary.is-active:disabled, .transparent_buttons.ep-button-secondary, .transparent_buttons.ep-button-secondary.is-active:disabled { background: transparent !important; color: var(--ep-color-anotherBlue) !important; float: right; margin: 0px 5px; padding: 2px 10px; letter-spacing: -0.02em; } .ep_dialog_footer.transparent_buttons .ep-button-primary.is-active, .transparent_buttons.ep-button-primary.is-active, .ep_dialog_footer.transparent_buttons .ep-button-secondary.is-active, .transparent_buttons.ep-button-secondary.is-active { background-color: transparent !important } /*transparent buttons*/ .ep_dialog_footer.transparent_buttons .ep-button-primary, .ep_dialog_footer.transparent_buttons .ep-button-primary.is-active:disabled, .ep_dialog_footer.transparent_buttons .ep-button-secondary, .ep_dialog_footer.transparent_buttons .ep-button-secondary.is-active:disabled { border-color: transparent !important; } .message_block .primary_text { font-weight: 600; font-size: 15px; line-height: 1.2; margin-bottom: 5px; } .message_block .normal_text { font-weight: 400; font-size: 13px; line-height: 20px; } /*popup style*/ /*dialog errors*/ .inline_error_container .message_block, .inline_info_container .message_block { padding: 5px 30px 10px 0px; margin: auto; float: none; color: white !important; } /* Fixed the generic issue of close button on standard error dialog */ .inline_error_container .ep-std-dialog-close, .inline_information_container .ep-std-dialog-close, .inline_success_container .ep-std-dialog-close { right: 0px; top: 3px; color: white; font-size: 16px; } .custom_dialog_container { padding: 0px; width: 100% } /*dialog errors*/ .modal-footer-block { text-align: right; padding: 2px 10px 10px 10px; } .inline_error_container .ep-color-red { color: var(--ep-color-white) !important; } .inline-popup-block { padding: 5px 0px; } .modal-body-contents { width: 100%; padding: 24px 21px; text-align: left; border-bottom: 1px solid #090B0C14; } .modal-body-contents .main-section { display: flex; flex-direction: row; gap: 16px } .main-section .sub-section { display: flex; flex-direction: column; gap: 16px } .sub-section .main-text { color: #424242; font-family: Source Sans Pro; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; padding-top: 5px; } .sub-section .sub-text { color: #424242; font-family: Source Sans Pro; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .inline-popup-block, .modal-body-contents { width: 100%; /*margin: auto;*/ margin: 0px; } /*dialog inline question*/ .modal_message_container.inline_question_container { width: 100%; display: flex; /*padding: 5px;*/ background: var(--ep-color-danger); color: var(--ep-color-white); } .modal_message_container.inline_question_container .icon_block { background: transparent; } .modal_message_container.inline_question_container .message_block { width: calc(100% - 140px); text-align: left; align-self: center; } .modal_message_container.inline_question_container .question_action_container { width: 100px; float: right; } button.question_action_button { border: none; width: 44px; height: 44px; margin: 0px; padding: 0px; float: left; margin-left: 3px; background: transparent; font-size: 15px; color: var(--ep-color-white); text-transform: uppercase; font-weight: 600; font-family: montserrat; } button.question_action_button:hover { color: var(--ep-color-gray); } .ep_dialog_footer.transparent_buttons button:active, .ep_dialog_footer.transparent_buttons button:hover { background: 0 0 !important; color: var(--ep-color-blue) !important; opacity: .75; border: 1px solid transparent !important; box-shadow: none; } .transparent_buttons button:active, .transparent_buttons button:hover { background: 0 0 !important; color: var(--ep-color-blue) !important; opacity: .75; border: 1px solid transparent !important; box-shadow: none; } .ep_dialog_footer.transparent_buttons .ep-button-primary:focus, .ep_dialog_footer.transparent_buttons .ep-button-primary.is-active, .ep_dialog_footer.transparent_buttons .ep-button-secondary:focus, .ep_dialog_footer.transparent_buttons .ep-button-secondary.is-active { border-color: var(--ep-input-border) !important; } .transparent_buttons .ep-button-primary:focus, .transparent_buttons .ep-button-primary.is-active, .transparent_buttons .ep-button-secondary:focus, .transparent_buttons .ep-button-secondary.is-active { border-color: var(--ep-input-border) !important; } .dialog_footer_button_container { display: table; float: right; width: auto; } .dialog_footer_buttons { float: left; } .ep_dialog_footer button { border-radius: 4px !important; border: 1px solid; margin: 10px 10px 10px 0px !important; padding: 6px 16px 6px 16px !important; } .ep_dialog_footer button:focus { box-shadow: none; border: 1px solid !important } /*dialog inline question*/ .inline_error_container .icon_block:before { font-size: 20px; color: var(--ep-color-black); opacity: 0.5; margin: 3px auto; } .inline_error_container .icon_block { height: 90px; width: 25px; background: transparent !important; color: inherit !important; margin-left: 3px; } .std_dialog_content { width: 100%; position: relative; } .standard_custom_dialog_container { width: 100%; } .ep-button-separator { margin-right: 10px !important; } .ep-button-secondary { background: #ffffff !important; color: #444444 !important; border: 1px solid #8297A7 !important; border-radius: 6px !important; box-shadow: none; padding: 5px 15px !important; text-transform: capitalize !important; font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-size: 14px; letter-spacing: 0.4px; } .ep-button-primary { background: var(--primary-v2) !important; color: var(--component-bg-v2) !important; border-radius: 6px !important; margin-right: 7px !important; padding: 5px 15px !important; text-transform: capitalize !important; font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-size: 14px; letter-spacing: 0.4px; } } .show_as_link { color: var(--ep-color-blue); text-decoration: underline; font-weight: 400; cursor: pointer; outline: none } .item_details_block { position: relative; display: block; min-height: 50px; } .item_details_block .ep-generic-class { margin-bottom: 0px; } md-input-container label:not(.md-no-float):not(.md-container-ignore).show_as_link { pointer-events: auto !important; z-index: 100; color: var(--ep-color-blue) !important; } .ep-generic-class.k-state-disabled md-input-container label:not(.md-no-float):not(.md-container-ignore).show_as_link { pointer-events: auto !important; z-index: 100; color: var(--ep-color-blue) !important; } .show_product_cost_label_as_link { color: var(--ep-color-blue); display: inline-block; padding: 0px 1px 0px 1px; border-bottom: 2px solid var(--ep-color-blue); min-width: 50px; cursor: pointer; margin-bottom: 0px; font-size: 15px; font-weight: 600; } .pos_buying_grid a:hover, .pos_buying_grid a:focus { color: var(--ep-color-blue); text-decoration: none !important; } /* Pos discount Slider starts*/ .pos_discount_slider.k-slider-horizontal .k-draghandle { background-color: var(--ep-color-anotherBlue) !important; border-color: var(--ep-color-anotherBlue) !important; box-shadow: none; } .pos_discount_slider.k-slider-horizontal .k-draghandle:hover { border-color: var(--ep-color-anotherBlue) !important; } .pos_discount_slider.k-slider-horizontal .k-draghandle.k-state-focused { outline: none; box-shadow: none; } .pos_discount_slider.k-slider-horizontal .k-draghandle { top: -9px !important; width: 22px !important; height: 22px !important; } .pos_discount_slider.k-slider-horizontal .k-label, .pos_discount_slider.k-slider-horizontal .k-last .k-label { left: -3px !important; font-size: 12px; } .pos_discount_slider.k-slider-horizontal .k-slider-selection { background-color: var(--ep-color-anotherBlue) !important; height: 6px !important; top: 87% !important; } .pos_discount_slider.k-slider-horizontal .k-slider-track { background-color: var(--ep-color-switch-background-false); border-color: var(--ep-color-switch-background-false); height: 6px !important; top: 52% !important; } /* Pos discount Slider ends*/ /* Pos serial numbers popup */ .pos_serial_number .ep-toolbar-button .mdi-plus-circle { color: var(--ep-color-green); } .pos_serial_number .ep-toolbar-button[disabled] .mdi-plus-circle { color: var(--ep-color-disabled-item) !important; } .serial-number-label-padding { padding-left: 4px; } .font-red-serial-number { color: var(--ep-color-red); } .font-green-serial-number { color: var(--ep-color-green); } .font-bold { font-weight: 600; } .validation-red { color: var(--ep-color-red); font-size: 12px; font-weight: 600; } .value-matches-validation { display: block; height: 15px; padding-bottom: 5px; } .validation-green { color: var(--ep-color-green); font-size: 12px; font-weight: 600; } .pos-return-reason-icon-wrapper { background-color: var(--ep-color-danger) !important; } /* Pos modal*/ .price-override-popup .ep-std-dialog-title { background-image: linear-gradient(to right, #1099D2, #0064A3); height: 50px; margin-top: auto; /* margin-left :-5px; */ width: 100%; text-align: center; padding-top: 5px; color: var(--ep-color-white); border-top-left-radius: 5px; border-top-right-radius: 6px; } .pos-popup .custom_dialog_container { padding: 5px 0px 0px 0px; width: 100%; } .price-override-popup span.ep-modal-title { display: block; vertical-align: middle; height: 100%; font-size: 14px; font-family: Montserrat, Sans-Serif; padding-left: 15px; text-transform: none; } .price-override-popup .ep-modal-subtitle { font-weight: 400; line-height: 1; flex-direction: column; display: inline-block; vertical-align: middle; height: 100%; font-size: 20px; font-family: Montserrat; padding-left: 15px; margin: 5px 0px; text-transform: none; } .pos-price-override-popup-current-price-title { font-size: 14px; font-family: Montserrat; color: #6D7B83; } .pos-price-override-popup-current-price { font-size: 20px; font-family: Montserrat; color: #6D7B83; margin-top: 10px; } .pos-popup .modal-body-contents { width: 100% !important; margin: 0px; } .pos-popup ._md-nav-bar-list { outline: none; list-style: none; margin: 0; padding: 0; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; border-bottom: 1px solid var(--ep-color-lightGray); width: calc(100% - 2px); } .pos-popup #posPriceOverrideNavList ._md-nav-bar-list { justify-content: space-around; border-bottom: none; } .pos-popup #posPriceOverrideNavList .md-nav-item:first-of-type { width: unset !important; } .pos-popup #contentContainer .md-nav-bar .md-button._md-nav-button.md-unselected { color: var(--ep-color-darkGray); width: 100%; margin-left: 0px !important; margin-right: 0px !important; } .pos-popup #contentContainer .md-nav-bar .md-button.md-accent.md-active { color: var(--ep-color-anotherBlue); width: 100%; margin-left: 0px !important; margin-right: 0px !important; } .pos-popup #contentContainer { padding-bottom: 0px !important; } .pos-popup #contentContainer .md-nav-item:first-of-type { margin-left: 0px; width: 50%; } .pos-popup md-nav-bar md-nav-ink-bar { color: var(--ep-color-anotherBlue); background: var(--ep-color-anotherBlue); height: 3px; margin-left: 0px; } .modal-pos { width: 360px; height: 675px !important; } .modal-scan-receipt { width: 460px; } .pos-popup-footer-button { background: transparent !important; color: var(--ep-color-anotherBlue) !important; font-size: 15px; margin: 0px 5px; padding: 5px 10px; letter-spacing: -0.02em; font-weight: 600 !important; border: none; font-family: Montserrat, sans-serif; } .pos-popup-footer-button:hover { color: var(--ep-color-blue) !important; } .pos-tax-details-popup-footer .pos-popup-footer { width: 580px; border-top: 1px solid var(--ep-color-paleGray); margin-left: -65px; margin-top: 30px !important; padding: 0px; } .pos-alternate-selling-unit-popup-footer .pos-popup-footer { border-top: 1px solid var(--ep-color-paleGray); margin-top: 30px !important; padding: 0px; } .pos-alternate-selling-unit-popup-footer { } .pos-popup-footer { width: 100%; border-top: 1px solid var(--ep-color-paleGray); margin-left: 0px; margin-top: 30px; padding: 0px; } .disabled_element.pos-popup-footer-button { color: var(--ep-color-disabled-item) !important; background-color: var(--ep-color-transparent) !important; } .pos-popup .modal_message_container { padding: 0px; } .price-due-big .calculator { width: 100%; } .price-due-big button.cancel-calc-button { background: #e7808d !important; } .price-due-big button.pay-calc-button { background: #58B1DF !important; color: #ffffff; min-height: 155px; } .price-due-big button.bold { font-weight: bold; } .price-due-big button.del { background: #E5E5E5 center !important; background-size: 28px; color: #6D7B83 !important; } .price-due-big .row button { width: 44px; height: 44px; display: inline-block; box-sizing: border-box; / / padding: 10 px 13 px 15 px 10 px; text-align: center; background: #6D7B83; color: white; border: 0 none; border-radius: 3px; margin: 15px 0px 0px 0px; font-size: 20px; font-family: Montserrat; line-height: 25px; } .price-due-big { display: table; margin: auto; } .price-override-popup .title_group { text-align: center; display: block; } .price-override-popup .modal_message_container .icon_block.info { display: none; } /* Pos Transaction Discount Section */ #contentContainer .pos-tab-width .md-nav-bar .md-button.md-accent { line-height: 10px; width: 100%; } #contentContainer .pos-tab-width .md-nav-item:first-of-type { margin-left: 0px; width: 100%; } .list_style_none { list-style: none; } .pos-return-receipt-list-block-child { display: block; border: 1px solid var(--ep-pos-action-disable-btn); background-color: var(--ep-color-groupbox-header-background); font-size: 15px; height: auto; padding: 5px; border-radius: 4px; margin-bottom: 3px; position: relative; min-height: 42px; } .pos-return-receipt-list-button { border: none; background: transparent; font-size: 15px; margin: 0px; width: 40px; position: absolute; right: 0px; height: 40px; top: 0px; padding: 0px; border-radius: 4px; } .pos-return-receipt-list-button:before { content: ''; position: absolute; left: 0px; height: 70%; top: 15%; background: var(--ep-pos-action-disable-btn); width: 1px; } .ep-plus-minus-alignment { float: left; display: inline; } .pos-manual-price-item-header { line-height: 25px; font-family: Montserrat, Sans-Serif; } .pos-popup.price-override-popup .custom_dialog_container { padding: 0px 0px 0px 0px; width: 100%; } .pos_item_search_wrap #product_toolbar_search_tooltip .k-input:focus { left: 1px; } div.pos_item_search_wrap .k-input { margin-top: 0px; } /*focus in pos layer*/ .advanced-search:focus, .pos_search_all:focus, .pos_item_search_wrap #product_toolbar_search_tooltip .k-input.k-focus, .pos_item_quantity_component button:focus, .pos_item_quantity_component .item_quantity_input:focus, .pos_item_price_component:focus, .add_item_button:focus, .customer_toolbar_search_tooltip .k-state-focused, .pos-customer-button:focus, .logout_button button:focus, .sidebar_button .sliding-pane-icon:focus, .modal-body-contents button:not(._md-nav-button):not(.dropdown-toggle):focus, .modal_message_container button:not(._md-nav-button):not(.dropdown-toggle):focus, .focus-style-dashed:focus, .add_item_button:focus, button.k-button.print_email_btns:focus, div#pdf-dialog-close:focus, button.question_action_button:focus, div#check_variance:focus, button.ep-button-primary.transparent_buttons.advanced-search:focus, button.ep-button-primary.transparent_buttons.quick-find:focus, button.ep-button-secondary.pos_void_button:focus, button.ep-button-primary.pos_payment_button:focus, .grid_footer_notification .notification_callback button:focus, .sale_order_toggle_wrap div.k-focus { outline: 1px dashed var(--ep-color-anotherBlue) !important; } /*focus in pos layer*/ /* Special styling for UPC list in Item not found dialog */ .notfound-barcode { font-size: 18px; font-weight: 600; color: var(--ep-color-text-normal); } md-radio-group.tax_code_list md-radio-button .md-label { width: calc(100% - 45px); } span.tender_button_description:focus { outline: none; } .pos_word_break { word-break: break-all; } /*hiding input text blinking cursor*/ .overridden_price_blk input:focus { caret-color: transparent; outline: none; } /*Override log*/ ep-saved-transaction-detail-component { position: absolute; z-index: 1000; width: 100%; height: 100vh; top: 0px; left: 0px; } .ep-account-code { text-overflow: ellipsis; max-width: 80px; } /* Alerts CSS */ .alert-override.ep-generic-class { max-height: none !important; margin-bottom: 0; } ep-pos-component { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; } .pos_UI_block_container { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } .pos_UI_block { padding: 0px; height: 100%; position: absolute; width: 100%; left: 0px; top: 0px; } .validation_block { position: relative; float: left; width: 100%; font-size: 15px; } .validation_block .response_msg > .mdi { font-size: 24px; margin-right: 5px; float: left; line-height: 10px; height: calc(100% - 3px); margin-top: 3px; } .validation_block .response_msg > .label-text { display: flex; font-size: 16px; } .response_msg { position: relative; margin: 0px 2px; } .validation_msg { position: relative; margin: 0px -3px; float: left; width: calc(100% + 6px); } .gift_card_container md-input-container:not(.md-input-invalid).md-input-has-value input { color: var(--ep-color-charcoal); -webkit-text-fill-color: var(--ep-color-charcoal); -webkit-opacity: 1; font-weight: bold; font-family: monospace; font-size: 18px; line-height: 2.2; } .pos_gridmain tr td:nth-child(5) > span.dead_link, .pos_gridmain tr td:nth-child(2) > span.dead_link { color: var(--ep-color-text-normal) !important; padding: 0px 1px 0px 1px; border-bottom: 0px solid var(--ep-color-blue); cursor: initial; font-weight: initial; } ep-pos-customer-loyalty { position: relative; width: 100%; height: 100%; display: block; } div#returns_receipt_entry_list ul { margin: 0px; } .invoice_content { display: inline-block; padding-right: 30px; padding-left: 10px; cursor: context-menu; height: 20px; line-height: 1; margin: 5px 0px; float: left; width: 100%; } .invoice_content .invoice_id, .invoice_content .invoice_date { font-family: Hind, sans-serif; font-size: 13px; line-height: 1.5; float: right; margin-right: 20px; padding: 1px 5px; border-radius: 4px; } .invoice_content .invoice_id { font-weight: 600; font-family: Montserrat, sans-serif; margin: 0px 5px 0px 10px; float: left; } .invoice_content .invoice_date { font-family: Hind, sans-serif; font-size: 13px; line-height: 1.5; float: right; margin-right: 20px; border: 1px solid #e0e0e0; padding: 1px 5px; border-radius: 4px; background: var(--ep-color-switch-background-false); } div#returns_receipt_entry_list ul { margin: 0px; padding: 0px; width: 100%; display: block; position: relative; } .invoice_content:before { height: 39px; position: absolute; left: 0px; width: 26px; top: 0px; padding: 11px 7px; font-family: material-icon; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 16px; text-rendering: auto; line-height: 1.3; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .invoice_content.valid:before { color: var(--ep-color-green); content: "\f05e0"; } .invoice_content.invalid:before { content: "\f09de"; color: var(--ep-color-danger); } span.middot:before { color: inherit; position: absolute; left: 0px; line-height: .55; content: "\f09de"; display: inline-block; font-size: 25px; color: inherit; font-family: material-icon; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 16px; text-rendering: auto; line-height: 0.55; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0px 0px; } span.middot { display: inline-block; width: 12px; height: 9px; position: relative; margin: 0px 3px; } .invoice_list_container { max-height: 288px; overflow: auto; padding: 5px; border: 1px solid var(--ep-grid-border); } .pos-return-receipt-list-block li { display: block; position: relative; min-height: 40px; display: block; border: 1px solid var(--ep-pos-action-disable-btn); background-color: var(--ep-color-groupbox-header-background); font-size: 15px; height: auto; padding: 5px; border-radius: 4px; margin-bottom: 3px; position: relative; min-height: 42px; } div#returns_receipt_entry_list ul { width: 100%; display: table; padding: 0px !important; } div#returns_receipt_entry_list ul li .invoice_content .invoice_id { display: block; } .pos_card_returns_container { padding: 10px 8px 5px 8px; outline: none; } .pos-return-receipt-list-block ul { max-height: 100px ! important; display: block; overflow-y: auto; } .scan-receipt-modal .ep-modal-title { line-height: 22px; } .pos_customer_label { color: var(--ep-color-gray); line-height: 46px; font-size: 14px !important; background-color: var(--ep-color-disabled-item); padding: 0px 8px; height: 45px; font-weight: 500; font-family: hind; } .serial_number_content { margin-left: -20px; } .expand_collapse_btn { width: 70px; flex: none; position: absolute; right: 0px; top: 0px; height: 26px; } .expand_collapse_btn button { position: absolute; right: 0px; max-width: 100%; margin: 0px !important; padding: 0px !important; height: 26px; } .sold_serial_numbers { font-family: montserrat; font-size: 13px; font-weight: 600; } .pos_loader_screen .modal-content { width: 300px; bottom: 0px; height: 95px; } .pos_loader_screen .custom_dialog_container { padding: 0px 5px 0px 5px; width: 100%; } span.max_price_font { font-size: 15px; } .credit_chart { position: relative; display: flex; color: #999; font-size: 14px; text-align: center; width: 110px; height: 110px; margin: 0 auto; } .credit_chart canvas { position: absolute; top: 0; left: 0; cursor: default; } span.cerdit_percent_value { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 1000; margin: auto; height: 0px; line-height: 1px; font-weight: 600; font-size: 20px; color: #1f78b4; cursor: default; } .payment_chart_container { position: relative; width: 210px; display: flex; height: 170px; flex-flow: column; align-self: center; float: right; } .chart_title { font-weight: 600; text-transform: uppercase; text-align: center; margin-bottom: 5px; font-size: 12px; color: #1f78b4; cursor: default; } .payment_chart_container > .ep-button-primary { width: 210px; padding: 10px; margin: 0px; } .payment_chart_container > .ep-button-primary.move-bottom { margin-top: calc(100% - 87px); } .payment_chart_container > .ep-button-primary[disabled] { color: var(--ep-color-disabled-item) !important; } .payment_chart_container > .ep-button-primary[disabled]:hover { background-color: transparent !important; cursor: default } .save_supplier_po { display: flex; flex-flow: row-reverse; align-items: center; } .save_supplier_po label { margin: 0px; } .item_quantity_component { float: left; width: 140px; min-width: 140px; margin: 0px 5px; border-top: 1px solid var(--ep-color-secondary-btn); border-bottom: 1px solid var(--ep-color-secondary-btn); border-radius: 4px; height: 45px; } .item_quantity_component .item_quantity_input { margin: 0px; height: 43px !important; } .special_order_quantity_container { align-items: center; margin: 0px -15px 15px -15px; padding: 0px 8px; background: #f4f4f4; justify-content: space-evenly; } .special_order_quantity_container .special_order_quantity_block button { background-color: var(--ep-color-secondary-btn) !important; width: 100%; height: 44px; color: white !important; text-align: center; margin: auto; } .special_order_quantity_container .special_order_quantity_block { margin: 5px; align-items: center; justify-content: center; } .special_order_quantity_container .special_order_quantity_block .ep-generic-class { margin: 0px; } .special_order_quantity_container .special_order_quantity_block .ep-generic-class md-input-container .md-input { } .special_order_quantity_container .special_order_quantity_block .ep-generic-class md-input-container { margin: 15px 0px; width: 100%; max-width: 100%; } .special_order_note { } .special_order_note .note_blk { padding-left: 20px; } .special_order_note .note_blk:before { display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 18px; text-rendering: auto; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 0px; content: "\F014D"; color: var(--ep-color-anotherBlue); bottom: 5px; } #special_order_information_container .special_order_quantity_container md-input-container.md-input-focused label:not(.md-no-float), #special_order_information_container .special_order_quantity_container md-input-container.md-input-has-placeholder label:not(.md-no-float), #special_order_information_container .special_order_quantity_container md-input-container.md-input-has-value label:not(.md-no-float) { -webkit-transform: translate3d(0, 14px, 0) scale(1); transform: translate3d(0, 14px, 0) scale(1); z-index: 1; } .special_order_information_modal .modal-dialog { min-width: 992px; max-width: 100%; } .scan-focus-overlay { background: transparent; z-index: 9998 !important; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; pointer-events: all; } .scan-focus-overlay input { opacity: 0; } #coupon_entry_list .applied_coupon_column { display: flex; align-items: center; height: 40px; } .align-center { text-align: center; } .login-window-wrapper, .epicor-loader { z-index: 2000000000000000000 !important; } #pos_new_trans_grid .k-grid tr.k-master-row td:nth-child(4), #pos_new_trans_grid .k-grid tr.k-master-row td:nth-child(5) { cursor: pointer; } .sale_order_toggle_wrap { display: flex; width: 130px; border-right: 1px solid #ccc; padding: 10px 10px 10px 0px; float: left; margin-left: 10px; align-items: center; justify-content: center; height: 45px; text-transform: uppercase; } .align-center { text-align: center; } /*receipt style*/ .receipt_container h1 { font-family: 'Open Sans', sans-serif; color: Black; font-size: 20pt; margin: 20px; } .receipt_container h2 { font-family: 'Open Sans', sans-serif; font-size: 16pt; margin: 0px; } .receipt_container h3 { font-size: 14pt; text-align: center; margin: 0px; } .receipt_container h4 { font-size: 12pt; text-align: center; margin: 0px; } .receipt_container hr { border-bottom: solid thin #acacac; } .receipt_container hr.dashed { border-top: none; border-bottom: dashed thin currentColor; border-bottom-width: 1.5px; } .receipt_container th { page-break-inside: avoid; border-bottom: solid thin #acacac; border-top: solid thin #acacac; } .receipt_container tr { page-break-inside: avoid; padding: 0px; } .receipt_container tr.alt { padding: 0px; } .receipt_container tr.kit { font-size: 75%; padding-left: 15px; } .receipt_container .align-start { text-align: left; } .receipt_container .align-center { text-align: center; } .receipt_container .align-end { text-align: right; padding: 0px 3px; } .receipt_container .vert-text-align { vertical-align: top; } .receipt_container .item-group { font-size: 100%; } .receipt_container .item-qty-uom { font-size: 80%; } .receipt_container .item-rule-effect { font-size: 80%; text-align: right; color: red; } .receipt_container .gift-card-group { font-size: 100%; font-weight: bold; } .receipt_container .tax-rebate { text-align: right; color: red; } .receipt_container .discount-amount { color: red; } .receipt_container .item-detail { font-size: 80%; } .receipt_container .gc-detail { font-size: 75%; } .receipt_container .clip-me { clip-path: inset(0px 0px 0px 0px) } .receipt_container .center-bold-bigger { font-size: 120%; text-align: center; font-weight: bold; } .receipt_container .page-break { page-break-after: always; } .receipt_container .signature-size { max-height: 180px; max-width: 240px; } .special_order_quantity_block .vertical_key_value { color: var(--ep-color-lynch); display: flex; align-items: center; flex-flow: column; } .special_order_quantity_block .vertial_value { color: var(--ep-color-lynch); font-weight: 600; font-size: 16px; text-align: right; } .special_order_element .vertical_key_value { max-width: none; width: 100%; color: var(--ep-color-lynch); height: auto; } .special_order_element .vertial_value { max-width: none; width: 100%; font-weight: 600 !important; } .special_order_note { padding: 0px; } .special_order_note .vertial_value { font-weight: 600; } .special_deposit_container { display: flex; flex-flow: column; } .special_deposit_container > .row { } .special_deposit_container > .row.deposit_grid_row { } .pos_special_deposit_details_modal .modal-content { width: 660px; margin: auto; } .special_order_element { min-height: 58px; display: flex; align-items: center; } .source-change-in-progress .k-dropdown-wrap .k-i-arrow-60-down:before { content: "\F110A"; } /* Tooltip in returns*/ .k-widget.k-tooltip.merchandise_info_tooltip { left: 10px !important; } .merchandise_info_tooltip .k-font-icon.k-i-close { display: none !important; } .flex-center { display: flex; align-items: center; justify-content: center; } .default_source_info { padding: 5px 10px; border: 1px solid; margin-left: 15px; width: calc(100% - 30px); } .pos_ace_rewards_default_setup_partner_img { background-repeat: no-repeat; height: 60px; } .pos_dib_rewards_default_setup_partner_img { background-repeat: no-repeat; height: 70px; margin-left: -25px; background-position-y: center; } .pos_ace_rewards_search_text { color: var(--ep-color-orange) !important; font-size: 15px; font-family: Montserrat; } .update_field span.need_update { display: inline; } span.need_update { position: absolute; margin-left: 10px; color: var(--ep-color-primary-btn); font-weight: 500; font-size: 13px; display: none; } .read_only_mode md-input-container { border: none !important; pointer-events: none !important; } .read_only_mode md-input-container .k-widget { border: none !important; } .read_only_mode md-input-container .k-widget .k-input { font-size: 16px !important; font-weight: 600; color: var(--ep-color-text-normal) !important; } .read_only_mode md-input-container .k-widget .k-select { display: none; } .pos_add_membership .vertical_key_value { width: 100%; } .pos_add_membership .vertical_key_value .vertial_value { font-size: 16px !important; font-weight: 600; color: var(--ep-color-text-normal) !important; margin-top: 7px; } .pos_add_membership .vertical_key_value .vertial_key { font-size: 13px !important; font-weight: 500; color: var(--ep-color-darkGray) !important; } .pos_add_membership { height: 69px; } .never_ask_again { position: absolute; left: 11px; bottom: -5px; z-index: 10; } .ace_member_link { color: var(--ep-color-anotherBlue); cursor: pointer; } .ace_member_link:hover { cursor: pointer; } .ace_member_link:focus { outline: none; } .disable_pointer_event { pointer-events: none; } #customer-list .k-list-content li.k-list-item { border-bottom: 1px solid var(--ep-color-paleGray); } .pos_customer_search_option p { margin: 0px; } .search_cus_email_addr { font-size: 13px; } .amount_due_wrapper.estimate_blk { width: 70%; display: inline-block; float: left; } .change_transaction_actions { width: 30%; display: inline-block; float: left; padding: 4px; } .change_transaction_blk { box-shadow: rgb(0 0 0 / 10%) 0px 2px 6px, rgb(0 0 0 / 5%) 0px 2px 3px; margin: auto; background-color: var(--ep-color-white); height: 395px; } .actions_button_box { padding-left: 10px; padding-right: 10px; } .actions_button_box .pos_actions_btn:hover, .actions_button_box .pos_actions_btn:focus { background-color: var(--ep-color-groupbox-header-background); border: 1px solid var(--ep-color-anotherBlue); } .amount_due_container.estimate_wrapper { width: 840px; } .footer_action_section .pos_footer_totals_btn { color: var(--ep-color-blue); white-space: nowrap; background-color: var(--ep-color-groupbox-header-background); padding: 10px; height: 50px; box-shadow: 0 2px 6px rgb(0 0 0 / 10%), 0 2px 3px rgb(0 0 0 / 5%); border-radius: 2px; } .footer_action_section .pos_footer_totals_btn .vertial_key { color: var(--ep-color-text-normal); } .footer_action_section .pos_footer_totals_btn .culture_text { color: var(--ep-color-lynch) !important; font-weight: 600; } .footer_action_section .pos_footer_totals_btn .vertial_value { color: var(--ep-color-blue); } .footer_action_section .pos_footer_totals_btn.vertical_key_value[disabled], .footer_action_section .pos_footer_totals_btn[disabled] .vertial_key, .footer_action_section .pos_footer_totals_btn[disabled] .vertial_value { color: var(--ep-color-disabled-item); } /* Used in Issue Promo Gc */ .promo-gc-issue-amt { font-weight: bold; position: absolute; right: 40px; } .promo-gc-issue-card-info { color: #444444; font-weight: bold; margin-left: 20px; } .pos-accordion { overflow-y: auto; height: calc(100% - 200px); } .pos-accordion .facet_wrapper { padding: 0px 2% 0 2%; width: 95%; } .pos-accordion .k-panelbar .k-content { background-color: var(--ep-color-white); border: none; } .pos-accordion .k-textbox.k-space-left { border: none; border-bottom: 1px solid #d5d5d5; border-radius: 0; } .pos-accordion .pos-accordion-inner-blk { padding: 5px 20px; } .pos-accordion .k-panelbar > .k-item.pos-accordion-selected { margin-bottom: 10px; margin-left: 6px; margin-right: 6px; border: 1px solid #d5d5d5; border-radius: 3px; } .pos-accordion-selected .k-state-selected, .pos-accordion-selected .k-state-focused { color: var(--ep-color-secondary-btn) !important; } .pos-accordion .k-panelbar > .k-item > .k-link { color: var(--ep-color-secondary-btn); font-size: 12px; font-family: Montserrat; } .pos-accordion .k-widget * { box-sizing: border-box !important; } /* Promo GC Ends */ .subtotal_blk.count-aggregates { display: inline-block; float: left; margin-top: 0 !important; margin-right: 10px; margin-bottom: 10px; min-height: 50px; padding: 0 10px; } /*override expire msg -start*/ .pos_override_expire_msg { font-size: 12px; background-color: red; color: var(--ep-color-white); padding: 10px; width: inherit; display: flex; justify-content: space-between; } /*override expire msg -end*/ .certificate_select_count_message { font-weight: 600; margin-bottom: -15px; } .line_break { word-break: break-word; } .tax-override-input-container { min-height: 38px !important; margin-bottom: 0px !important; } .tax-override-input-container .md-input-container { margin: 0px !important; } #tax_exempt:disabled, #is_override_tax_amount:disabled { width: unset !important; position: unset !important; padding: unset !important; } .select_cash_drawer_card { border-radius: 2px; padding: 20px 25px 20px 25px; font-family: Hind, Regular !important; font-size: 14px !important; } .select_cash_drawer_text { color: var(--ep-color-groupbox-header) !important; font-size: 14px !important; font-family: Hind, Regular !important; } .select_cash_drawer_label{ font-size: 12px; font-family: Hind, Regular; color: var(--ep-color-groupbox-header); } .select_cash_drawer_label_text{ font-size: 15px; font-family: Hind, SemiBold; font-weight: 600; margin-top: 10px; } .select-drawer-modal .modal-dialog { width: 720px !important; } .select_cash_drawer_user { margin-left: 30px; font-size: 13px !important; font-family: Hind, Medium !important; font-weight: 500; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .scrollable-div { max-height: 350px; overflow-y: scroll; /* Always show scrollbar */ } /* For WebKit browsers like Chrome and Safari */ .scrollable-div::-webkit-scrollbar { width: 8px; } .scrollable-div::-webkit-scrollbar-track { background: #f1f1f1; } .scrollable-div::-webkit-scrollbar-thumb { background: #888; } .scrollable-div::-webkit-scrollbar-thumb:hover { background: #555; } .registers_container_screen { position: relative; width: calc(100% + 16px); height: calc(100% + 16px); margin: -8px; } .registers_container_screen:after, .registers_container_screen:before { content: ""; position: relative; width: calc(100% + 16px); margin: -8px; display: table; } .registers_container_screen:after { background: var(--ep-color-textbox-background); bottom: 0px; height: calc(55% + 12px); } .registers_container_screen:before { background: var(--ep-color-disabled-item); top: 0px; height: calc(45% + 12px); } .register-form { background: #fff; border-radius: 2px; display: inline-block; height: 265px; margin: auto; position: absolute; width: 410px; z-index: 100; top: 0px; bottom: 0px; right: 0px; left: 0px; padding: 15px; transition: height .3s ease-in-out; } .new-register-session { height: 225px !important; width: 349px !important; } .register-form.grow { height: 295px !important; } .register-form.grow-more { height: 325px !important; } .register-form.cash_drawer { height: 375px; width: 550px } .register-form.cash_drawer.manager { height: 420px ! important; } .register-form-header { font-weight: 600; color: var(--ep-color-orange); margin-bottom: 5px; } .register-header-details { color: var(--ep-color-groupbox-header); font-size: 12px; margin-bottom: 10px; } .new-register-header-details { font-size: 14px; margin-top: 10px; font-weight: 600; margin-bottom: 10px; } .store_detail .store_lbl { color: var(--ep-color-groupbox-header); font-size: 12px; margin-bottom: 5px; } .store_detail .store_name { color: var(--ep-color-text-normal); font-size: 15px; font-weight: 600; margin-bottom: 0px; } .exception-notification-container .notification-message { left: 6px; position: relative; font-size: 12px; color: var(--ep-color-midGray); float: left; width: calc(100% - 20px); } .exception-notification-container .mdi-information { color: var(--ep-color-goldYellow); height: 100%; display: inline-block; width: 15px; position: relative; float: left; } .exception-notification-container { display: table; margin-top: 5px; } .exception-notification-container .mdi-information:before { margin-top: -5px; } .register-form .ep-dialog-footer { position: absolute; bottom: 0px; height: 45px; padding: 0px 0px 0px 0px; margin: 5px; width: calc(100% - 30px); left: 10px; } button.close_register { position: absolute; right: 0px; width: 60px; bottom: 0px; height: 45px; padding: 0px !important; margin: 0px !important; background: red; } .register-form .ep-generic-class.k-dropdown-wrap.k-state-focused.k-state-border-down label, .register-form .ep-generic-class.k-dropdown-wrap.k-state-focused.k-state-border-up label, .register-form md-input-container.md-input-focused label:not(.md-no-float), .register-form md-input-container.md-input-has-value label:not(.md-no-float) { -webkit-transform: translate3d(0, 14px, 0) scale(1); transform: translate3d(0, 14px, 0) scale(1); z-index: 1; } .add_this_register_button, .goto_transaction_button { width: 110px; } .stick-left { left: 0px } form#registerForm { margin-top: 5px; display: table; width: 100%; } .opening_balance_error { font-size: 12px; margin-top: 5px; color: var(--ep-color-danger); } .cash_drawer_message { background-color:#f4ca6d; padding:10px; margin-bottom: 5px; font-size: small; } .cash_drawer_one { border-radius: 2px; padding: 20px 25px 20px 25px; } .cash_drawer_available_text { color:green; margin-left:30px } .cash_drawer_disable { border-radius: 2px; padding: 15px 25px 15px 25px; color:grey; background-color: #E0E0E0; } .cash_drawer_user { color:grey; margin-left:30px } .cash_drawer_two { border-radius: 2px; padding: 20px 25px 20px 25px } .cash_drawer_manager { border-radius: 2px; padding: 20px 25px 20px 25px } .denominations_count_button { padding: 2px 10px !important; border-style: none; width: 45px; height: 45px; background-color: var(--ep-color-secondary-btn); color: var(--ep-color-white); display: inline-block; border-radius: 4px; background-image: none; position: relative; } .title_centre{ color: var(--ep-color-orange); margin-bottom: 5px; line-height: 40px; font-size: 16px; } .flex_container_padding{ flex:1; padding-right:15px; } .flex_container{ flex: 1; padding-right: 55px; } .pos_parent_wrapper { background: var(--ep-color-groupbox-header-background); overflow: hidden; padding: 0px; height: calc(100% - 12px); position: absolute; width: calc(100% - 20px); left: 10px; top: 6px; } .pos_master_head { background: white; padding: 10px; margin: 0px 5px 10px 5px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); height: 66px; border-radius: 2px; } .pos_main_container { padding: 0px; margin: 0px 5px 10px 5px; height: calc(100% - 79px); border-radius: 2px; background: transparent; position: relative; } .pos_transaction_container { position: absolute; width: calc(100% - 460px); height: 100%; transition: width 0.213s ease-in-out 0s; } .pos_grid_wrapper { position: absolute; height: calc(100% - 160px); width: 100%; background: white; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); border-radius: 2px; } .pos_transaction_footer { position: absolute; top: calc(100% - 150px); height: 150px; width: 100%; background: white; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); border-radius: 2px; } .transaction_content_group { position: relative; width: 100%; height: 100%; } .pos_sidebar_container { position: absolute; width: 450px; height: 100%; right: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px, rgba(0, 0, 0, 0.05) 0px 2px 3px; animation-duration: 0.213s; animation-fill-mode: both; background: white; border-radius: 2px; } .pos_sidebar_container.collapsed { animation-name: slideOutRight; } .pos_sidebar_container.expanded { animation-name: slideInRight; } .pos_grid_header { position: absolute; width: 100%; height: 65px; padding: 10px; } @keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible } to { transform: translateZ(0) } } @keyframes slideOutRight { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(100%, 0, 0) } } .pos_grid_submenu { position: relative; height: 50px; top: 0px; left: 0px; float: left; } .pos_menu_group { width: 100%; float: left; top: 0px; } .pos_grid_container { position: absolute; width: calc(100% - 20px); height: calc(100% - 73px); top: 63px; left: 10px; } .pos_grid_container .ep-maintenance-grid .k-grid-footer { display: none } .pos_customer_search_component { width: 370px; background: var(--ep-color-groupbox-header-background); height: 45px; float: left; border-radius: 5px; } .pos_customer_search_component #customer { width: 288px; background: var(--ep-color-groupbox-header-background); box-shadow: none; height: 42px; position: relative; border: 0; } .customer-search-key { position: relative; display: flex; align-items: center; padding: 3px 2px 0px 8px; height: 47px; border-radius: 4px 0px 0px 4px; color: var(--ep-color-lynch); cursor: default; } .pos_item_search_wrap #product_toolbar_search_tooltip .k-input .k-input-inner { text-indent: 10px !important; } .pos_customer_add { margin-left: 10px; position: relative; float: left; } .pos-customer-button { width: auto; height: 45px; font-size: 24px; display: flex; align-items: center; } .pos_customer_detail_wrap { position: relative; display: table; float: left; height: 45px; margin-left: 10px; } .pos_customer_wrap { position: relative; display: table; float: left; } .logout_button button { margin: 0px !important; padding: 0px !important; width: 100%; height: 45px; } .sliding-pane-icon { border: none; width: 45px; height: 45px; font-size: 35px; padding: 0px; background: transparent; position: relative; } .sliding-pane-icon i { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .sliding-pane-icon i:before { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; height: 18px; width: 32px; } .pos_logout_wrap .logout-icon { font-size: 20px; margin-right: 8px; } .logout_button { padding: 0px 10px; margin-right: 5px; } .register_info_button { margin-right: 20px; min-width: 110px; max-width: 210px; height: 45px; background: var(--ep-color-groupbox-header-background); padding: 5px 10px; border-radius: 4px; border: none; } .register_info_button div { display: table-row; line-height: 20px; } .register_info_button div.register_name_head { font-size: 12px; } .register_info_button div.register_name_val { display: table-cell; font-size: 12px; min-width: 108px; max-width: 190px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* ##Device = Tablets, Ipads (portrait) ##Screen = B/w 768px to 1024px */ @media (min-width: 768px) and (max-width: 1024px) { .register_info_button { min-width: 110px; max-width: 120px; } .register_info_button div.register_name_val { min-width: 108px; max-width: 108px; } } .pos_customer_detail_wrap .order_detail .order_info, .pos_customer_detail_wrap .misc_detail_group .customer_detail { position: relative; float: left; padding: 0px; width: 100%; list-style: none; margin: 0px; } .order_detail, .misc_detail_group { position: relative; width: 100%; padding: 3px 0px; line-height: 1.2; } .order_title { font-family: Hind; font-size: 16px; text-transform: uppercase; } .order_title:after { content: ':'; margin: 0px 5px 0px 2px; } .order_number { font-size: 16px; color: var(--ep-color-orange); } .pos_customer_detail_wrap .misc_detail_group .customer_detail { font-size: 12px; } .pos_customer_detail_wrap .misc_detail_group .separator_pipe:before { content: '|'; margin: 0px 5px; color: var(--ep-color-midGray); } .loyalty_info, .sale_type, .auth-to-charge-label { color: var(--ep-color-midGray); } div.auth-to-charge-grid { padding-left: 15px; } div.auth-to-charge-grid a { cursor: pointer; font-family: Hind; font-size: 14px; font-weight: 800; text-decoration: none; color: var(--ep-color-anotherBlue); line-height: 14px; } .pos_grid_header .return_status { width: 120px; float: left; display: flex; flex-flow: row-reverse; } .pos_grid_header .return_status label { margin: 0px; align-self: center; } .pos_item_price_component .price-text { font-size: 20px; color: var(--ep-color-orange); } .pos_item_price_component .label-text { text-transform: uppercase; font-size: 12px; } .pos_detail_note_blk .mdi:before { font-size: 18px !important; } md-switch#is_sale_or_return { flex: auto; } .pos_grid_header .return_status label { margin: 0px; align-self: center; font-size: 14px; text-transform: uppercase; margin-top: 5px; font-family: Hind; font-weight: 500; min-width: 52px; } .pos_item_search_wrap { position: relative; width: calc(100% - 130px); float: left; max-width: 425px; margin-left: 5px; } .pos_parent_wrapper span.k-input { margin-top: 0px } .pos_parent_wrapper md-input-container span.k-widget { margin-top: 3px; } .small_square_button { width: 45px; height: 45px; border-radius: 4px; border: none; padding: 0px; float: left; } .pos_parent_wrapper span.k-input .k-input-inner { position: relative; height: 45px; padding: 0px; border-radius: 0px 4px 4px 0px; width: calc(100% - 20px); } .pos_customer_search_component span.k-input .k-input-inner, .pos_item_search_wrap span.k-input .k-input-inner { padding-left: 20px !important; } .md-panel.ep-material-panel-popover .pos_search_list li.link span.mdi { font-size: 18px; line-height: 1; } .md-panel.ep-material-panel-popover ul.pos_search_list > li { line-height: 100%; } .pos_search_list .link button.actions_element { width: 100%; justify-content: space-between; display: flex; } div#customer_toolbar_search_tooltip { display: flex; align-items: center; } div#customer_toolbar_search_tooltip, #customer_toolbar_search_tooltip, #customer_toolbar_search_tooltip > .k-input, .pos_item_search_wrap, .pos_item_search_wrap .k-input { height: 45px; border: 0; background: var(--ep-color-groupbox-header-background); display: inherit; } .pos_item_search_wrap span.k-autocomplete span.k-font-icon.k-i-close { margin: 0px; right: 15px; } .pos_icon_minus, .pos_icon_plus { font-size: 24px; color: var(--ep-color-white); background: var(--ep-color-secondary-btn); height: 43px; } /*item quantity component*/ .pos_item_quantity_component { float: left; width: 140px; min-width: 140px; margin: 0px 5px; border-top: 1px solid var(--ep-color-secondary-btn); border-bottom: 1px solid var(--ep-color-secondary-btn); border-radius: 4px; } .item_quantity_input { width: 50px !important; float: left; margin: 0px; height: 45px !important; display: block; border-radius: 0px !important; } .item_quantity_input .k-numeric-wrap { height: 100%; text-align: center; } .pos_icon_minus { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .pos_icon_plus { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .pos_parent_wrapper input.item_quantity_input.k-input-inner { text-align: center; padding: 0px !important; text-indent: 0px; } /*item quantity component*/ .pos_product_search:before { position: absolute; left: 5px; top: 10px; margin: auto; display: block; font-size: 25px; height: 25px; line-height: 25px; color: var(--ep-color-lightGray); z-index: 11; } .ep-button-primary.pos_search_all { min-width: 30px; max-width: 50px; background: var(--ep-color-secondary-btn) !important; align-items: center; width: auto; border-radius: 0px 5px 5px 0px; z-index: 1000; height: 45px; display: flex; } .ep-button-primary.pos_search_all.active:not(:disabled) { background: var(--ep-color-anotherBlue) !important; } .ep-button-primary.pos_search_all:disabled { background: var(--ep-color-disabled-item) !important; } .advanced-search, .quick-find { font-size: 12px !important; padding: 2px 10px !important; letter-spacing: -0.02em; display: flex; min-width: 68px; max-width: 83px; height: 45px; position: relative; margin: 0px !important; border-radius: 5px 0px 0px 5px; background: #DFE8ED !important; z-index: 1000; color: var(--ep-color-anotherBlue) !important; align-items: center; width: auto; } button.ep-button-primary.advanced-search span.hidden-xs { position: relative; font-size: 14px; min-width: auto; padding: 5px 6px; margin-right: 6px; background: #7191a26b; color: aliceblue; } .hide-shortcuts span.hotkey { display: none !important; } .hide-shortcuts .advanced-search, .hide-shortcuts .quick-find { min-width: 47px; } .ep-button-primary.advanced-search:hover { background: var(--ep-color-anotherBlue) !important; color: var(--ep-color-offWhite) !important; } span.hotkey { vertical-align: inherit; background: #efecec63; padding: 4px 2px; line-height: .8em; border-radius: 4px; min-width: 30px; font-family: Hind !important; font-weight: 500; height: 20px; font-size: 13px; border: 1px solid; text-align: center; display: flex; align-content: center; line-height: .9; justify-content: center; } .advanced-search-icon { font-size: 22px; line-height: 1.8; padding: 1px; margin-right: 2px; outline: none; } .tranaction_related_elements { position: relative; width: 350px; display: flex; align-items: center; } .tranaction_related_elements > form { display: flex; justify-content: space-around; } /*expand/Collapse logic*/ .pos_transaction_container.expanded { width: 100%; } .pos_sidebar_container.collapsed { left: calc(100% + 50px) } /*expand/Collapse logic*/ /*try out*/ .pos_item_add_button { position: relative; width: 90px; float: left; } .add_item_button { width: 85px; position: relative; height: 45px; float: right; } .pos_item_price_component.disabled { background: var(--ep-color-disabled-item) !important; color: var(--ep-color-white); } .pos_item_price_component { width: 108px; height: 45px; background: var(--ep-color-groupbox-header-background); display: block; float: left; padding: 5px 10px; color: var(--ep-color-text-normal); margin: 0px; border-radius: 4px; border: none; } md-switch#is_sale_or_return.sale .md-bar { background-color: var(--ep-color-green); } md-switch#is_sale_or_return.return .md-bar { background-color: var(--ep-color-danger); } /*try out*/ .pos_grid_main_menu { width: calc(100% - 350px); display: table; top: 0px; float: left; position: relative; max-width: 560px; } .pos_grid_main_menu { } div#pos_trans_grid { height: 100% !important; border-radius: 4px; overflow: hidden; } /*transaction grid*/ #pos_trans_grid th.k-hierarchy-cell { display: none; } #pos_new_trans_grid .k-grid tr.k-master-row td { border-bottom-width: 1px !important; } #pos_new_trans_grid .k-grid tr.k-master-row.expanded-row td { border-bottom-width: 0 !important; } #pos_new_trans_grid .k-grid .k-hierarchy-cell, #pos_new_trans_grid .k-grid .k-hierarchy-col { display: none; } #pos_trans_grid tr td.k-detail-cell { padding: 0 !important; } #pos_new_trans_grid .k-grid tr td.k-detail-cell { padding: 0px !important; } .k-grid tbody > tr.k-detail-row:hover { background-color: var(--ep-color-white); } .edit_note_blk, .delete_line_item_icon { flex: 1 1 0; display: block; margin: 0px; text-align: center; outline: none; line-height: 2; } .edit_note_blk { position: relative; color: var(--ep-color-anotherBlue); } .edit_note_blk:after { content: "|"; position: absolute; font-size: 20px; color: var(--ep-color-lightGray); opacity: .5; right: 0px; top: 2px; } .delivery_status_icon { position: relative; display: block; flex: 1 1 0; text-align: center; line-height: 2; cursor: default; } .delivery_status_icon:after { content: "|"; position: absolute; font-size: 20px; color: var(--ep-color-lightGray); opacity: .5; right: 0px; top: 2px; } .delivery_status_placeholder:after { content: none; } .pos_lin_item_group { position: absolute; display: flex; align-items: center; width: 100%; left: 0px; top: 0px; bottom: 0px; height: 45px; margin: auto; } .pos_return_warning { color: var(--ep-color-red); font-family: Montserrat, sans-serif; font-weight: bold; font-size: 15px; } #pos_trans_grid.k-grid td:last-child { text-overflow: initial; } .pos_note_edit, .pos_not_detail_blk { overflow: hidden; padding: 10px 0px; width: calc(100% - 70px) !important; position: relative; margin: 5px 35px; } .pos_not_detail_blk { padding: 10px; background: var(--ep-grid-border); color: var(--ep-color-darkGray); font-size: var(--ep-banner-font-size); line-height: 1.2; } span.pos_note_lbl, .pos_product_note_lbl { text-transform: uppercase; font-size: 13px; font-weight: 600 !important; font-family: Hind, sans-serif; float: left; padding: 2px 5px 0px 3px !important; color: var(--ep-color-lynch); line-height: 1.8; } .pos_product_note_blk_list .pos_product_note_lbl span { text-transform: initial; font-weight: 400; float: left; max-width: 100%; display: block; white-space: normal; } .collapsed.pos_product_note_blk_list { height: 18px; } .collapsed.pos_product_note_blk_list .product_note_list { display: none; margin-right: 5px } .pos_product_note_blk { background: var(--ep-grid-border); color: var(--ep-color-darkGray); font-size: var(--ep-banner-font-size); white-space: nowrap; } .pos_product_note_banner { overflow-wrap: break-word; word-wrap: break-word; white-space: normal; line-height: 1.6; } .pos_product_note_blk_list { display: inline-block; width: calc(100% - 70px); position: relative; left: 0px; margin-left: -20px; max-width: 450px; } .pos_product_note_blk .mdi:before { font-size: 18px !important; } .pos_product_note_blk .expand_collapse_btn { width: 70px; text-align: center; position: relative; float: right; margin-right: -10px; margin-top: 0px; } .pos_product_note_blk .expand_collapse_btn button { padding: 0px; margin: 0px; text-align: center; width: 70px; height: 26px; position: static; right: 0px; top: 6px; top: 6px; } span.note_text_blk { padding-left: 3px; } .pos_detail_blk .note_blk { width: calc(100% - 200px); overflow: hidden; display: inline-block; float: left; padding-left: 25px; } .pos_detail_blk .note_blk:before { display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 18px; text-rendering: auto; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 5px; bottom: 17px; content: "\F014D"; color: var(--ep-color-anotherBlue); } .pos_detail_blk .edt_btn { margin-left: auto; line-height: 2.2; } .note_blk div.ep-generic-class, .note_blk md-input-container { margin: 0; min-height: 32px; } .pos_detail_blk .btn_blk { display: inline-block; width: 180px; float: left; margin-top: 10px; } .pos_detail_blk .transparent_buttons.ep-button-primary { float: left; margin: 0 15px 0; padding: 0; width: auto; } /*End */ .pos_action_label { position: relative; display: inline-block; vertical-align: middle; width: inherit; } .pos_action_group .mdi, .pos_action_group .text { color: var(--ep-color-white) !important; } div#product_toolbar_search_tooltip { display: flex; } div#product_toolbar_search_tooltip > span.k-widget { padding-left: 0px; } @media screen and (min-width: 1301px) { .tranaction_related_elements { display: block; float: left; } } @media screen and (min-width: 1301px) and (max-width: 1400px) { .tranaction_related_elements { display: block; float: left; } .sidebar-opened .pos_grid_main_menu { width: 100% !important; max-width: 100% !important; } .pos_item_search_wrap { width: calc(100% - 125px); max-width: 700px; } .sidebar-opened .tranaction_related_elements { float: right; margin-top: 5px; margin-right: 0px; } .sidebar-opened .pos_grid_container { top: 111px; height: calc(100% - 123px); } .sidebar-opened .pos_action_group .mdi { font-size: 24px; } .sidebar-opened .pos_action_label { display: none; } .sidebar-opened .pos_transaction_container.collapsed .pos_action_group button.ep-button-secondary { width: 85px !important; } } #customer_toolbar_search_tooltip > .k-widget { width: 335px; } @media screen and (min-width: 1300px) { .pos_customer_search_component { width: 345px; } #customer_toolbar_search_tooltip > .k-widget { width: 100%; } .pos_customer_search_component #customer { width: 231px; } } @media screen and (max-width: 1300px) { .pos_sidebar_container md-nav-bar .md-button._md-nav-button { padding: 10px 0px 5px 0px !important; width: 90px !important; margin: 0px; min-width: 45px; } .md-nav-item:first-of-type { margin-left: 0px; } .pos_menu_group { height: 50px; width: 100%; position: relative; display: flex; align-items: center; flex-flow: row; max-width: none; justify-content: space-around; } .pos_grid_main_menu { width: 100%; position: relative; float: left; top: 0px; left: 0px; max-width: none; } .advanced-search, .quick-find { min-width: 47px; } .pos_transaction_container.collapsed .pos_action_label { display: none; } .pos_action_group .mdi { font-size: 24px; } .pos_action_group .hotkey, .advanced-search .hotkey, .tendering_wrapper .hotkey { display: none !important; } .pos_customer_add .hotkey, .pos_actions_btn span.hotkey, .return_status .hotkey, .pos_main_container .hotkey { display: none !important; } .pos_customer_add .pos_customer_button { width: 45px; } .pos_grid_submenu { position: relative; top: 0px; } .pos_transaction_container.collapsed .pos_action_group button.ep-button-secondary { width: 45px !important; } .tranaction_related_elements { width: 360px; position: relative; float: right; margin-top: 3px; margin-right: -12px; } .pos_transaction_container.expanded .tranaction_related_elements { width: 350px; position: relative; float: left; } .pos_transaction_container.expanded .pos_item_quantity_component { margin: 0px 5px; } .pos_transaction_container.expanded .pos_item_price_component { margin: 0px 0px; } .pos_transaction_container.expanded .add_item_button { margin: 0px 5px; } /*.pos_item_search_wrap { width: calc(100% - 138px) }*/ .pos_item_search_wrap { width: calc(100% - 125px); position: relative; margin-right: 0px; max-width: 700px; } .pos_transaction_container.expanded .pos_grid_main_menu { width: calc(100% - 90px); max-width: 575px; } .pos_transaction_container:not(.expanded) .pos_grid_header { position: relative; height: 108px; display: block; padding-bottom: 0px !important; padding-top: 7px; } .pos_transaction_container:not(.expanded) .pos_grid_container { position: absolute; width: calc(100% - 20px); height: calc(100% - 123px); top: 111px; left: 10px; } .calculator .item_quantity_input { width: 60px !important; } .pos_item_quantity_component.calculator { width: 155px; margin: 0px; } .pos_item_quantity_component { margin: 0px 5px; float: right; } .pos_transaction_container.expanded .pos_item_quantity_component { float: left; } .add_item_button { width: 85px; position: relative; margin: 0px; height: 45px; } } .pos_main_container ul._md-nav-bar-list { width: 100%; } .pos_sidebar_container md-nav-bar .md-button._md-nav-button { padding: 10px 0px 5px 0px !important; width: 90px !important; margin: 0px; min-width: 45px; } .pos_sidebar_container .md-nav-item:first-of-type { margin-left: 0px; } .pos_logout_wrap { position: absolute; right: 10px; } /*POS grid styles*/ #pos_new_trans_grid .k-grid tr td { padding: 5px !important; } #pos_new_trans_grid .k-grid tr td, #pos_line_item_grid .k-grid tr td { border: 0; border-bottom: 1px solid #eceff1; white-space: nowrap; } .pos_gridmain tr td:nth-child(2) > a, .pos_gridmain tr td:nth-child(2) > span { color: var(--ep-color-blue) !important; display: inline-block; padding: 5px 1px; min-width: 20px; cursor: pointer; font-weight: 600; } .pos_gridmain tr td:nth-child(5) > a, .pos_gridmain tr td:nth-child(5) > div > span { color: var(--ep-color-blue) !important; display: inline-block; padding: 0px 1px 0px 1px; border-bottom: 2px solid var(--ep-color-blue); min-width: 50px; cursor: pointer; margin-bottom: 0px; width: calc(100% - 14px); max-width: 80px; float: right; } .pos_gridmain tr td:nth-child(5) > div > span.dead_link { color: var(--ep-color-text-normal) !important; padding: 0px 1px 0px 1px; border-bottom: 0px solid var(--ep-color-blue); cursor: initial; font-weight: initial; } #pos_new_trans_grid tr.k-selected, #pos_new_trans_grid td.k-selected { color: var(--ep-color-text-normal); } div#pos_trans_grid .k-grid-content { font-size: 16px; font-weight: normal; color: var(--ep-color-text-normal); overflow-y: auto; height: calc(100% - 65px) !important; } div#pos_trans_grid .k-grid-content { font-size: 16px; font-weight: normal; color: var(--ep-color-text-normal); } #pos_trans_grid .k-filter-row th, #pos_trans_grid .k-grid-header th.k-header { padding: 5px !important; font-weight: 600; white-space: nowrap; background: var(--ep-color-white); } #pos_new_trans_grid .k-grid .k-grid-header { height: auto; padding-right: 0px !important; } #pos_new_trans_grid .k-grid .k-grid-header .k-header { white-space: normal; text-align: center !important; line-height: 1.2; font-weight: 600; text-transform: uppercase; font-family: Montserrat; color: var(--ep-color-darkBlue); font-size: 13px; padding: 0.8em !important; } #pos_new_trans_grid.shrink td { font-size: 11px; } /*POS grid styles*/ /*POS footer section*/ .total_section { position: absolute; right: 0px; width: 245px; height: 100%; } .pos_total_tendering_button .ep-button-primary { width: 220px; font-weight: 400 !important; font-size: 15px; padding: 10px 5px; height: 45px; } .pos_total_title { font-size: 20px; font-family: Hind; font-weight: 600; color: var(--ep-color-secondary-btn); padding: 10px; text-align: right; text-transform: uppercase; } .pos_total_tendering_button { width: 240px; float: right; padding: 0px 10px; height: 45px; } .total_savings { height: 45px; z-index: 0; color: var(--ep-color-dimgray) !important; font-size: 15px; position: absolute; right: 0px; top: 0px; } .total_savings .totals_desc { min-width: 88px !important; text-align: right !important; } .total_savings .label_text { margin-right: 5px; } .total_savings .label_text:after { content: ':' } .total_savings .pos_savings_text, .extended_price { color: var(--ep-color-orange) !important; font-weight: 600; } .pos_total_Value .text_culture { color: var(--ep-color-secondary-btn) !important; } .pos_total_Value { height: 60px; padding: 10px; font-size: 40px; text-align: right; color: var(--ep-color-orange); line-height: 1; } .last_footer_row { position: absolute; width: 100%; bottom: 7px; height: 45px; } .footer_action_section { position: absolute; width: calc(100% - 245px); height: 100%; left: 10px; } .pos_action_group button.ep-button-secondary { width: 147px; height: 45px; font-weight: 400 !important; display: inline-flex; align-items: center; flex-flow: row; justify-content: space-around; } .vertial_key { font-size: 15px; } .vertical_key_value { height: 45px; border: none; background: transparent; min-width: 85px; padding: 0px; font-size: 15px; color: var(--ep-color-lightGray); width: calc(100% / 3.5); text-align: left; margin: 0px calc(100% * .02) 0px 0px; max-width: 200px; } .deposit_change_value_wrap.vertical_key_value { max-width: 245px !important; min-width: 240px !important; } .deposit_change_value_wrap > div:first-child { border-right-style: solid; border-width: 3px; border-color: var(--ep-color-orange) } button.vertical_key_value.with_underline { border-bottom: 0.1em solid var(--ep-color-blue); color: var(--ep-color-blue); white-space: nowrap; } button.vertical_key_value.with_underline[disabled] { border-bottom: 0.1em solid var(--ep-color-disabled-item); color: var(--ep-color-disabled-item); } .subtotal_wrap { cursor: initial; color: var(--ep-color-lynch); font-weight: 500; width: 90px !important; padding-top: 10px; } .first_footer_row { margin-top: 20px; } /*POS footer section*/ /*pos banners*/ .pos_banner:before { font-weight: 600; line-height: 2; padding-left: 10px; font-size: 15px; text-transform: uppercase; font-family: montserrat; } .pos_banner:after { display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 18px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 8px; top: 6px; line-height: .9; } .pos_detail_secon_line_info { background: var(--ep-grid-border); color: var(--ep-color-darkGray); font-size: var(--ep-banner-font-size); padding: 0px 10px; } .pos_detail_promotion_blk { background: var(--ep-color-green) !important; color: var(--ep-color-white) !important; font-size: var(--ep-banner-font-size); } .pos_detail_manual_price { background: var(--ep-color-green) !important; color: var(--ep-color-white) !important; font-size: var(--ep-banner-font-size); } .pos_detail_manual_price span.pos_note_lbl { color: inherit } .pos_banner.price_override_info_box { width: 100% !important; left: -5px; padding: 0px; margin: 4px 5px !important; } .pos_note_serial_number, .pos_gift_card_number { background: var(--ep-grid-border); color: var(--ep-color-darkGray); font-size: var(--ep-banner-font-size); white-space: nowrap; } .gift_card_status { font-weight: 600; line-height: 2.8; padding-left: 0px; font-size: 12px; text-transform: uppercase; font-family: montserrat; display: inline-block; } .gift_card_line_item_text { line-height: 2.1; } .gift_card_buttons input[type=button]:focus { outline: 1px dashed var(--ep-color-anotherBlue) !important; } button.clear_card_number, button.submit_card_number { position: absolute; bottom: 0px; width: 30px; right: 0px; height: 30px; border: none; background: transparent; padding: 0px; z-index: 100; } button.clear_card_number:after { content: "\F0156"; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 18px; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 2px; margin-left: 1px; } div.show_loading:after { content: "\F0772"; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 24px; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 2px; margin-left: 1px; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } span.card_wrapper { display: inline-block; width: 100%; } button.clear_card_number, button.submit_card_number, div.show_loading { position: absolute; bottom: 0px; width: 30px; right: 0px; height: 30px; border: none; background: transparent; padding: 0px; margin: auto; top: -10px; } .submit_card_number:after { content: "\f48a"; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 24px; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 2px; margin-left: 1px; } .pos_gift_card_number:after { content: "\F0585"; line-height: 1.1; } .pos_serial_number_banner { overflow-wrap: break-word; word-wrap: break-word; white-space: normal; /* line-height: 1.6; */ } .pos_serial_number_banner:before { padding-left: 22px; } .pos_note_serial_number .serial_number_content { display: inline-block; width: calc(100% - 230px); position: relative; left: 0px; margin-left: -20px; } .pos_note_serial_number .expand_collapse_btn { display: inline-block; width: 100px; text-align: center; } .info_serial_numbers { display: none !important; } .pos_note_serial_number .expand_collapse_btn button { padding: 0px; margin: 0px; text-align: center; width: 70px; height: 26px; position: absolute; right: 0px; top: 6px; } .serial_numbers_group { padding: 5px 0px; } .serial_numbers_group { padding: 5px 0px; overflow: hidden; /* text-overflow: ellipsis; */ } .collapsed.serial_number_content { height: 26px; overflow: hidden !important; } .collapsed.serial_number_content .serial_numbers_group > div { display: inline-block !important; margin-right: 5px; margin-top: -1px; font-size: 13px; font-family: montserrat; font-weight: 500; margin-left: 3px; } .pos_detail_return_blk { background: var(--ep-color-danger) !important; color: var(--ep-color-white); font-size: var(--ep-banner-font-size); } .pos_detail_return_blk:before { content: 'Return: '; } .pos_detail_return_blk:after { content: "\F044E"; } /*pos banners*/ /*POS quantity update pop up -Start*/ .grid_qty_pop_up { display: none; top: 0px; left: 0px; position: absolute; background: #ffffff; border-radius: 3px; border: 1px solid #9d9d9d; padding: 0; z-index: 9999; width: 300px; padding: 10px; } .grid_qty_pop_up .corner { -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); bottom: initial; right: initial; top: 20px; left: -20px; } .grid_qty_pop_up button.update { display: inline-block; text-align: center; background: #12c3f4; border: 0 none; border-radius: 3px; font-size: 12px; color: #fff; text-transform: uppercase; } /*.grid_qty_pop_up input[type="text"] { border-radius: 3px !important; background: #ffffff; border: 1px solid #ccc; text-align: center; color: #a8a8a8; box-shadow: none; min-height: 32px; font-size: 12px; line-height:1.5; margin-top:2px; }*/ .grid_qty_pop_up .pos_icon_minus { margin-right: 10px; border-radius: 3px; } .grid_qty_pop_up .pos_icon_plus { margin-left: 10px; border-radius: 3px; } /*End*/ .transparent_buttons.advanced-search, .transparent_buttons.quick-find { text-decoration: underline; } .transparent_buttons.advanced-search .mdi, .transparent_buttons.quick-find .mdi { font-size: 16px; margin-right: 5px } .pos_item_quantity_component .item_quantity_input { height: 43px !important; box-shadow: none !important; margin: 0px !important; padding: 0px !important; border: none !important; text-align: center; outline: none !important; } /* Price Override Pop up*/ .pos-price-override-popup-button { background: transparent !important; color: var(--ep-color-anotherBlue) !important; font-size: 16px; margin: 0px 5px; padding: 5px 10px; letter-spacing: -0.02em; font-weight: 600 !important; border: none; font-family: Montserrat, sans-serif; } /* */ /*pos banners*/ div#contentContainer.generic-grid-container > .row { margin: 0px; } /*item search */ #search_inven_listbox .k-list-item { padding: 10px !important; cursor: pointer; border-bottom: 1px solid var(--ep-color-paleGray); box-sizing: border-box; } div.pos_item_search_wrap { display: block; } /*item search */ .pos_gridmain tr td:nth-child(2) > a, .pos_gridmain tr td:nth-child(2) > span.pos-line-item-return-amount, .pos_gridmain tr td:nth-child(2) > a, .pos_gridmain tr td:nth-child(2) > span.pos-line-item-return-amount, span.pos-line-item-return-amount { color: var(--ep-color-red) !important; } .pos_gridmain tr td:nth-child(5) > div > span.return_mode { color: var(--ep-color-red) !important; border-bottom-color: var(--ep-color-red) !important; } #pos_trans_grid td.highlight_cell { border-left: 3px solid var(--ep-color-anotherBlue) !important; } #pos_trans_grid tr.highlight_row { background: var(--ep-grid-row-highlight-blue) !important; } #pos_trans_grid.k-grid td.highlight_cell .k-selected:hover, #pos_trans_grid.k-grid tr.highlight_row .k-selected:hover { background-color: transparent !important; } /*discount banner*/ ul.pos_promo_discount_list { padding: 6px 0px 4px 20px; margin: 0; cursor: default; display: inline-block; line-height: 1.4; font-family: montserrat; font-size: 12px; font-weight: 600; } /*discount banner*/ .pos_qnty_numbers { margin: 5px; background: var(--ep-color-secondary-btn); color: var(--ep-color-white); padding: 0px; font-size: 18px; line-height: 1; border-radius: 4px !important; } /*pos_screen qty calculator*/ .updater-container .transparent_buttons { width: auto; height: 45px; } .qnty_number_container { max-width: 620px; } @media screen and (max-width: 1350px) { .vertical_key_value { margin: 0px calc(100% * .03) 0px 0px; } .pos_item_quantity_component.calculator { margin: 5px; border: 1px solid; width: 108px; } .qnty_number_container { max-width: calc(100% - 282px); min-width: calc(100% - 120px); height: 60px !important; margin: auto; align-items: center; width: 100%; } .updater-container { flex-wrap: wrap; margin-bottom: 5px; } } .pos_item_quantity_component_container { margin: 0px 10px; flex-wrap: wrap; } .pos_customer_search_component span.k-autocomplete span.k-font-icon.k-i-close { margin: 0px 10px 0px 0px; } .customer-search-key:after { content: ""; width: 1px; background: #e8e5e5; height: 90%; position: absolute; right: -6px; z-index: 5; top: 5%; } /*pos_screen qty calculator*/ @media (min-width: 960px) { .md-tooltip { font-size: 12px; height: 22px; line-height: 22px; padding-right: 8px; padding-left: 8px; } } .pos_actions_btn span.hotkey { width: fit-content; flex-direction: row; margin: auto; min-width: 28px; border: none; text-transform: uppercase; background: transparent; } /*POS Advance search - Start*/ div#contentContainer.generic-grid-container { padding: 0px; width: 100%; position: absolute; height: 100%; left: 0px; } .pos_multi_add_footer { position: absolute; bottom: 0px; width: 100%; height: 65px; padding: 10px 0px; } .pos_multi_add_header { padding: 0px 0px 3px 0px; border-bottom: 1px solid var(--ep-grid-border); margin-bottom: 0px; } .pos_back_to_order { padding-bottom: 0px !important; position: relative; display: table; margin-top: 0px; width: 100%; } .pos_back_to_order_icon { font-size: 18px; color: var(--ep-color-anotherBlue); vertical-align: middle; cursor: pointer; width: 12px !important; display: inline-block; line-height: 12px; margin-left: -5px; margin-right: 5px; } .pos_multi_add_title { font-size: 18px; font-family: Hind, SemiBold; font-weight: 600; color: var(--ep-color-text-normal); float: left; min-width: 130px; padding: 10px; margin-top: 5px; } .pos_multi_item_grid { height: calc(100% - 240px) !important; } .pos_multi_item_grid > div { height: 100%; } .pos_multi_item_grid #multi_add_grid { height: 100% !important; } .pos_multi_item_grid #multi_add_grid .k-grid-content { height: calc(100% - 5px) !important; } /*POS Advance search - End*/ .pos_fl_lookup .k-textbox { margin-top: 0px !important; } .line-item-detail label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 600; } .advanced-search:disabled, .advanced-search[disabled]:hover, .quick-find:disabled, .quick-find[disabled]:hover { background: #f3f4f4 !important; color: var(--ep-color-disabled-item) !important; } .plus-minus-container { width: calc(100% - 70px); height: 50px; display: block; } .plus-minus-container > span.mdi { display: inline-block; height: 50px; width: 40px; } .plus-minus-container > span.mdi:before { position: relative; left: 12px; top: 24px; } .pos_item_quantity_component .k-numerictextbox input:disabled { color: var(--ep-color-darkGray) !important; } .sidebar_button button[disabled] { color: var(--ep-color-disabled-item) !important; } html.k-mobile .restrict_input_in_mobile { /*restrict typing of qty in ipad/mobile devices alone*/ pointer-events: none; } .pos_back_to_order_icon { text-align: left; } .offline_summary_container .branch_name { font-family: Montserrat; font-weight: 700; margin: 0px 0px 5px 0px; } .offline_summary_container .table > tbody.pad20_rt_lt > tr > td { padding-left: 20px; padding-right: 20px; } .pos_customer_add .normal_text { font-weight: 400; font-size: 13px; } /*Price override pop up inline error msg width*/ .price-override-popup .inline-popup-block { width: calc(100% - 10px) !important; } /*Price override pop up inline error msg width*/ ep-pos-saved-transaction-component { padding: 8px !important; } .pos_action_group .hotkey { position: relative; display: inline-block; vertical-align: middle; color: var(--ep-color-white) !important; } .disabled_element .pos_action_label { color: var(--ep-color-white) !important; } .pos_total_tendering_button .btn-ng-bs-animated .icon-initial { display: inline-block; float: right } .pos_total_tendering_button .btn-ng-bs-animated.is-active .icon-initial { display: none; } .pos_total_tendering_button .ep-button-primary { width: 220px; font-weight: 400 !important; font-size: 15px; padding: 10px 5px; height: 45px; min-width: 220px; line-height: 26px; display: inline-flex; align-items: center; flex-flow: row; justify-content: space-around; } .pos_total_tendering_button .btn-ng-bs-animated .icons { opacity: 1; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; } .pos_total_tendering_button .pos_payment_button .icons .mdi:before { font-size: 20px; line-height: 26px; } .pos_total_tendering_button.pos_action_group .pos_payment_button .hotkey { vertical-align: inherit; } span.card_wrapper .disabled_element md-input-container:not(.md-input-invalid).md-input-has-value input[disabled] { color: var(--ep-color-charcoal); -webkit-text-fill-color: var(--ep-color-charcoal); -webkit-opacity: 1; font-weight: bold; font-family: monospace; font-size: 18px; line-height: 2.2; } div#pos_trans_grid table tbody { width: 100% !important; } .validity_info { vertical-align: middle; height: 100%; font-size: 14px; font-family: Hind; font-weight: 600; display: flex; } .pos_gift_card_detail_modal .balance_value { font-size: 20px; /*need to remove unwanted style*/ text-align: right; padding: 0px 10px !important; margin-bottom: 10px; color: var(--ep-color-switch-background-true); } .pos_gift_card_detail_modal .modal-dialog { width: 680px; } .pos_reward_dialog_modal .modal-dialog { width: 780px; } .customer_lookup_reward_dialog_modal .modal-dialog { width: 65%; } .pos_sku_text { font-size: 13px; font-weight: 600 !important; font-family: Hind, sans-serif; } .pos_sku_desc_text { font-size: 15px; font-weight: 400 !important; font-family: Hind, sans-serif; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } span.pos_product_note_lbl { margin-top: 0px; width: calc(100% - 25px); flex-wrap: wrap; padding: 0px !important; } .pos_product_note_blk_list > i { float: left; height: 26px; } .no_show_hide .pos_product_note_blk_list { width: calc(100% + 20px); height: auto; max-width: initial; display: flex; align-items: flex-end; left: -5px; justify-items: flex-start; } ul.product_note_list { float: none; display: table; position: relative; width: 100%; margin: 0px; } .pos_grid_wrapper .k-grid tbody tr td > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 600; color: #828282; } span.price_change_info { padding: 0px; margin: 0px 0px; font-weight: 400; font-size: 13px; font-family: Hind; color: var(--ep-color-text-normal); line-height: 1.5; } span.currency_value { color: var(--ep-color-text-normal); margin: 0px 5px; line-height: 1.6; font-size: 13px; font-family: Hind; font-weight: 500; } .flex-wrap { flex-wrap: wrap; } .collapsed > span.header-content-group { justify-content: flex-start; margin-top: 20px; width: 20px; } #pos_trans_grid.k-grid tbody tr td > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Hind, sans-serif; font-size: 15px; font-weight: 600; color: var(--ep-color-text-normal); } .pos_banner { padding: 0px 0px 0px 10px; width: calc(100% - 90px) !important; position: relative; margin: 3px 4px !important; border-radius: 2px !important; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; min-height: 25px; border: 0px solid var(--ep-grid-border); flex-wrap: wrap; padding-left: 30px; left: 30px; float: left; background: var(--ep-grid-border); } .pos_banner > i, .pos_banner > .flex-parent > i { margin-left: -24px; font-size: 16px; } .pos_detail_promotion_blk .pos_note_lbl { color: inherit; } .pos_sidebar_tab { position: absolute; width: 100%; height: calc(100% - 48px); } .grid-box-parent { position: relative; width: 100%; height: 100%; } .row.grid-box-tile-container { display: block; overflow: auto; max-height: 90%; } .pos_total_Value.small-value { font-size: 30px; } button#pos_tax_rate { min-width: 110px; } .pos_multi_add_footer .hotkey { display: inline-block; float: right; } .pos_multi_add_footer > div { display: flex; justify-content: flex-end; } .pos_multi_add_footer button { display: flex; margin: 0px 0px 0px 5px; justify-content: space-between; } .pos_multi_add_footer button .hotkey { margin-left: 5px; float: right; } .pos_multi_add_footer button .action_label { position: relative; display: inline-block; vertical-align: middle; width: inherit; } .pos_detail_source_blk { background: #F4CA6D98; } .pos_detail_source_blk.pos_banner { color: #414141; font-size: var(--ep-banner-font-size); padding-top: 5px; padding-bottom: 5px; align-items: center; display: flex; outline: none; } .pos_detail_source_blk .pos_banner_lbl { text-transform: uppercase; font-size: 13px; font-weight: 600 !important; font-family: Hind, sans-serif; float: left; padding: 0px 5px 0px 3px; color: #414141; } .pos_detail_source_blk span.note_text_blk { flex-wrap: wrap; width: 79%; display: flex; justify-content: flex-start; white-space: pre-wrap; line-height: 1; font-size: 90%; } .footer_action_section .first_footer_row .transaction_misc { display: flex; } .footer_action_section .first_footer_row .transaction_misc > button { width: calc((100% - 24px) / 4); float: left; } .total_deposit_title { text-transform: uppercase; color: var(--ep-color-lynch); font-size: 16px; font-weight: 600; } .total_deposit_title .deposit_amount { color: var(--ep-color-orange); display: block; font-size: 16px; font-weight: 600 } .refund-amt-title { font-size: 16px; text-transform: uppercase; font-weight: 600; color: var(--ep-color-lynch); margin-top: 15px; } .refund-amt-title .refundable_amount { color: var(--ep-color-orange) !important; display: block; font-size: 16px; font-weight: 600 } .pos_multi_item_filter_container .col-md-12 .row .ep-generic-class { position: relative; margin: 0px; height: 40px; min-height: 50px; } .pos_multi_item_filter_container .col-md-12 .row .ep-generic-class md-input-container { position: relative; height: 10px; } button.subtotal_wrap.vertical_key_value .vertial_value .culture_text { color: var(--ep-color-lynch) !important; font-weight: 600; } button.subtotal_wrap.vertical_key_value .vertial_value { color: var(--ep-color-orange) !important; font-weight: 600; } .pos_action_group > span { display: inline-block; width: fit-content; height: max-content; } .preview_action_wrapper .hotkey { display: inline-block; vertical-align: middle; } .pos_total_tendering_button .ep-button-primary .text { display: flex; flex-grow: 2; align-items: center; justify-content: center; } .pos_total_tendering_button .ep-button-primary .text .hotkey { display: flex; align-items: center; justify-content: space-around; position: absolute; right: 10px; } .pos_total_tendering_button .btn-ng-bs-animated .icons { position: absolute; left: 10px } .source_details_line .loaders-container { height: 100%; position: absolute; width: 100%; } .source_details_line { min-height: 200px; position: relative; margin-top: 10px; } .pos_detail_source_blk.pos_banner .pos_detail_note_blk { width: 100%; } .pos_search_list { flex-flow: column; width: 180px; text-align: center; display: flex; align-items: center; justify-content: center; } .md-panel.ep-material-panel-popover ul.pos_search_list > li { line-height: 100%; width: 100%; display: flex; justify-content: center; } .special_order_description { margin-bottom: 10px; } .pos_not_detail_blk.pos_banner .header-content-group { display: flex; align-items: center; justify-content: center; } /* Specific to the POC Screen Lock Button */ .transparent_buttons.pos-lock-btn:disabled { background: none !important; color: var(--ep-color-disabled-item) !important; } /* End */ #contentContainer .new_price_override_wrapper .md-nav-bar { width: 100%; } /*specific to ace gc transaction progress*/ span.ace_gc_show_loading { background-image: url("/app/shared/images/Spinner-1s-40px-white.png"); position: absolute; width: 40px; height: 40px; /* top: -15px; */ -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; background-position: center center; } .ace_gc_progress { font-size: 15px; color: var(--ep-color-orange); font-weight: 400; padding: 15px 15px 15px 0px; margin: 0px; float: left; } .new_price_override_wrapper .md-button, .pos_total_discount_override .md-button { white-space: normal; line-height: 15px !important; } .pos_total_discount_dialog_modal .modal-dialog { width: 600px; } .pos_total_discount_main_blk { display: flex; gap: 20px; } .pos_total_discount_calculator_blk { flex: 1 } .pos_total_discount_summary_main_blk { display: flex; flex-direction: column; flex-basis: 250px; } .pos_total_discount_summary_row { display: flex; flex-direction: column; flex: 6; } .pos_total_discount_summary_text { display: flex; flex: 1; align-self: stretch; justify-content: space-between; margin: 0; } .pos_total_discount_summary_text_ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 190px; display: inline-block; } .pos_total_discount_summary_total { display: flex; flex: 1; justify-content: space-between; } /*#contentContainer .new_price_override_wrapper .md-nav-bar,*/ #contentContainer.pos_total_discount_override .md-nav-bar { height: 58px; } /**/ .promo_unusual_sales_blk { padding-top: 15px; background-color: var(--ep-color-groupbox-header-background); margin-left: 0px; margin-right: 0px; } .calculator_blk { margin: 18px 17px 0px 5px; padding-top: 10px; background-color: var(--ep-color-groupbox-header-background); height: 325px; } .pos-not-taxable-triangle { transform: rotate(-45deg); position: absolute; width: 50px; height: 50px; overflow: hidden; top: -25px; left: -25px; background: var(--ep-color-red); } .pos-not-taxable { position: absolute; top: 5px; left: 5px; color: var(--ep-color-white); font-size: 9px; font-family: Hind, Regular; font-weight: bold; } .pos_coupon_discount_dialog_text { text-align: center; font-size: 18px; font-family: Montserrat, Sans-Serif; color: #0091ea; font-weight: 510; } ep-pos-customer { position: absolute; width: 100%; height: calc(100% + 10px); overflow-y: auto; top: 0px; z-index: 10; background: var(--ep-color-groupbox-header-background); } .pos_customer_container { padding: 0px; margin: 0px auto; height: 100%; } .pos_customer_footer { position: absolute; display: table; width: 100%; padding: 0px; border-top: 1px solid #efefef; margin: 5px 0px 0px 0px; bottom: 0px; background: #fff; left: 0px; height: 70px; } .customer_loyalty_container { margin: 0px 0px 0px 10px; width: 450px; background: var(--ep-color-white); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); padding: 10px 30px; } .customer_details_container { position: relative; padding-bottom: 0px; height: calc(100% - 70px); padding: 0px; } .customer_informations_container { width: calc(100% - 470px); background: var(--ep-color-white); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); padding: 10px 30px; } .customer_loyalty_wrapper .form-group label { font-weight: 600; } @media screen and (max-width: 900px) { .customer_details_container .row-eq-height { display: block; } .customer_loyalty_container, .customer_informations_container { width: calc(100% - 10px); max-width: auto; } .customer_loyalty_container { margin-left: 0px !important; } .pos_customer_container { padding: 0px; } } @media screen and (max-width: 1024px) { .customer_details_container > form, .customer_details_container > form > .ep-group-box-row { max-width: 100%; height: 100%; } .pos_customer_header { position: relative; display: block; height: 40px; } .customer_loyalty_container { margin: 0px 0px 0px 10px; width: 350px; } .customer_informations_container { width: calc(100% - 370px); } } li.pos_customer_loyalty_card { padding: 10px; background: #edeff1; margin: 5px 0px; color: #777777; height: 70px; } .pos_loyalty_program_name { font-weight: 600; margin-bottom: 5px; word-wrap: break-word; width: 100%; display: inline-block; white-space: normal; color: var(--ep-color-black); font-family: montserrat; } .pos_loyalty_enrolled_label { font-family: montserrat; font-weight: 600; font-size: 14px; } .pos_loyalty_enrolled_status { font-weight: 600; margin: 5px; padding: 5px; word-wrap: break-word; float: right; vertical-align: middle; color: var(--ep-color-text-normal); font-family: montserrat; line-height: 0; text-transform: uppercase; height: 100%; line-height: 0; } .pos_loyalty_program_level_name, .pos_loyalty_program_id, .pos_loyalty_program_joined_info { padding: 0px; display: inline; word-break: break-all; line-height: 1.3; } .pos_loyalty_program_id:before, .pos_loyalty_program_joined_info:before { content: " - "; } .footer_buttons_wrapper { display: table; margin: auto; margin-top: 4px; } .ep-pos-btn { border-radius: 0px; width: 130px; height: 32px; border: none; cursor: pointer; display: inline; letter-spacing: 1px; font-size: 16px; padding: 10px; line-height: 1.1; -webkit-box-sizing: initial; box-sizing: initial; text-align: center; position: relative; transition: 0.3s; } .ep-pos-btn .pull-right { text-align: center !important; float: none !important; } .pos_customer_header h4 { font-size: 18px; font-family: Montserrat; font-weight: 600; } .pos_customer_header { color: var(--ep-color-text-normal); } .pos_back_to_order { padding-bottom: 0px !important; position: relative; display: table; margin-top: -10px; } #new_customer_form .pos_back_to_order { margin-top: 0px; } .pos_back_to_order .transparent_buttons { float: left; min-width: 130px; padding: 10px 0px; margin: 0px; } .pos-customer-restrict-height { max-height: calc(100% - 40px); position: absolute; overflow-y: auto; width: 100%; left: 0px; padding: 5px; } .add-customer-icon-wrapper { background-color: var(--ep-color-green) !important; } .modal-pos-add-customer { width: 680px; } .title_group { display: table; } .phone-number-title { color: var(--ep-color-black); } .pos-customer-confirmation-message { font-size: 14px; font-weight: 400; color: #5B6870; font-family: Hind, sans-serif; } .pos-loyalty-lookup-error-block { margin-bottom: 16px; } .pos-loyalty-lookup-error-title { font-size: 15px; line-height: 1.2; color: #4f5d66; font-family: Hind, sans-serif; font-weight: 600; margin-bottom: 14px; margin-top: 10px; margin-top: 10px; margin-left: 10px; } .pos-loyalty-lookup-error-message { font-size: 14px; line-height: 1.6; color: #5b6870; font-family: Hind, sans-serif; font-weight: 400; margin-left: 10px; } .pos-multiple-loyalty-match-subtitle { font-size: 14px; font-weight: 400; color: #5B6870; font-family: Hind, sans-serif; margin-bottom: 12px; } /*Alternate selling unit POS*/ .selling-unit-card { padding: 20px 20px 55px 20px; cursor: pointer; /*min-height: 140px;*/ min-height: 80px; width: calc(100% - 0px); border-radius: 4px; /*margin: 5px;*/ } .ep-default-unit-wrap { background-color: #00aeef; color: #fff; /*padding: 20px 20px 55px 20px; cursor: pointer; min-height: 140px; width: calc(100% - 40px); border-radius: 4px;*/ } .ep-default-uom-text { text-align: center; font-size: 20px; font-weight: 600; word-wrap: break-word; } .ep-default-stock-price { font-size: 16px; text-align: center; } .ep-default-selling-unit-price { font-size: 24px; text-align: center; font-weight: 600; color: #034f6c; } .ep-selling-unit-container { background-color: #efefef; color: #333; /*padding: 20px 20px 55px 20px; min-height: 140px; width: calc(100% - 40px); cursor: pointer; border-radius: 4px;*/ } .ep-selling-unit-uom-text { text-align: center; font-size: 20px; font-weight: 600; word-wrap: break-word; } .ep-stock-price { font-size: 16px; text-align: center; } .ep-selling-unit-price { font-size: 24px; text-align: center; font-weight: 600; color: var(-ep-color-black); } .ep-selling-unit-price-container { text-align: center; font-size: 16px; font-weight: 600; } .ep-selling-unit-container button { border-radius: 2px !important; background: #efefef; border: 1px solid #eceff1; text-align: center; color: #a8a8a8; box-shadow: none; min-height: 26px; font-size: 17px; font-weight: bold; } .ep-selling-unit-btn-sell { background-color: #E0E0E0; border-radius: 2px; outline: none; background-image: none; border: 0; padding: 12px 0; text-shadow: none; font-size: 17px; font-weight: 600; color: #333333; } .ep-selling-unit-quantity-group button { height: 34px; } .ep-selling-unit-quantity-group-addon { padding: 0px; border-color: #eceff1; } .selling-unit-icon-minus { margin-right: 0px; border-radius: 0px; background-color: #fff; background-image: none; border-color: #fff; box-shadow: none; } .selling-unit-icon-plus { margin-left: 0px; border-radius: 0px; background-color: #fff; background-image: none; border-color: #fff; box-shadow: none; } .ep-selling-unit-container:hover { background-color: #00aeef; color: #fff; } .k-mobile .ep-selling-unit-container:hover { background-color: #efefef; color: #333; } .ep-selling-unit-input-qty { border: 1px solid #efefef; } .ep-selling-qty-btns { border: 1px solid #ccc !important; border-radius: 2px !important; } .sel_unit_cancel_section_blck { width: auto; display: table; float: right; } .sel_unit_cancel_section_blck .cancel_btn { width: 198px; background-color: rgb(191, 191, 191) !important; color: rgb(51, 51, 51) !important; } .sel_unit_cancel_section_blck .sell_section { text-align: center; } .sel_unit_cancel_section_blck .sell_btn { width: 198px; background-color: #12c3f4 !important; color: rgb(255, 255, 255) !important; } .selling_unit_container { min-height: 270px; } .selling_unit_tender_btn { width: 100%; height: 52px; font-size: 16px; font-weight: 600; line-height: 20px; border: none; border-radius: 0px; padding: 12px 0; margin: 0px 5px 0px 0px !important; } .selling-unit-suffix { font-size: 15px; } .ep-selling-unit-quantity-group .k-numeric-wrap { border-radius: 0px; min-height: 46px; } .ep-selling-unit-input-qty.ep-numeric-align-right.k-input { min-height: inherit; } /*.ep-uom-ele-col { display: flex; flex: 1 1 auto; margin-bottom: 0px; border-radius: 10px; padding: 0px 5px 10px 5px; max-width: 265px; }*/ /*.ep-uom-ele-col { display: flex; !* flex: 1 1 auto; *! !* margin-bottom: 0px; *! border-radius: 10px; padding: 0px; width: calc(50%); !* max-width: 265px; *! }*/ .ep-uom-ele-col { display: flex; /* flex: 1 1 auto; */ /* margin-bottom: 0px; */ border-radius: 10px; padding: 0px; width: calc(50% - 10px); /* max-width: 265px; */ flex-direction: inherit; } .ep-uom-ele-col:nth-child(odd) { margin-right: 5px; } .ep-uom-ele-col:nth-child(even) { margin-left: 5px; } .ep-uom-ele-row { display: flex; /* padding: 0px 0px 10px 10px;*/ flex-wrap: wrap; margin-right: -26px } .alternate-unit-container { position: relative; display: table; width: 100%; } .sell_unit_block { width: calc(33.33% - 24px); min-height: 200px; float: left; border: 1px solid black; margin: 10px; } .alternate_sell_price_value { position: absolute; width: calc(100% - 10px); left: 0px; bottom: 0px; padding: 14px 5px; } .alternate_sell_ruler { position: absolute; bottom: 35px; display: block; height: 1px; width: 80%; left: 10%; } .ep-selling-unit-title { height: 20px; display: table-cell; vertical-align: middle; font-size: 16px; color: #707070; } .selling-unit-first-section { background-color: #f5f5f5; color: #707070; height: 40px; font-weight: 600; font-size: 18px; text-align: center; margin-bottom: 10px; display: table; width: 100%; } .selling-unit-second-section { margin-bottom: 10px; } .sell-unit-text-header { display: table-cell; vertical-align: middle; word-wrap: break-word; } @media screen and (max-width: 768px) { .ep-uom-ele-col { width: calc(100% - 5px); max-width: 100%; margin: 0px 5px 10px 0px; } .alternate_sell_ruler { position: absolute; left: 5%; width: 90%; bottom: 55px; } .sell_unit_desc { display: block; } .ep-selling-unit-container { min-height: auto !important; } .ep-default-unit-wrap { min-height: auto !important; } .ep-uom-ele-col:nth-child(even) { margin-left: 0px; } .ep-uom-ele-row { margin-right: -20px !important; } } @media screen and (max-width: 1024px) { .ep-uom-ele-row { max-height: 350px !important; } } /*End*/ .pos_item_quantity_detail { height: 45px; font-size: 24px; text-align: left; float: right; margin-left: 24px; } .extended_price_title { font-size: 18px; font-family: Hind; font-weight: 600; color: var(--ep-color-secondary-btn); padding: 0px 10px; text-align: right; margin-bottom: 8px; } .extended_price_value.ep-color-orange.ng-binding { text-align: right; padding: 0px 10px; } /****** Start of POS flyout CSS *******/ /* Active tabs on POS flyout */ .pos-flyout-tabs .md-tab.md-active { /*background-color: var(--ep-color-anotherBlue);*/ color: var(--ep-color-anotherBlue) !important; text-overflow: clip; } /* Non-active tabs on POS flyout */ .pos-flyout-tabs .md-tab { background-color: #ffffff; color: #8d8d8d !important; text-overflow: clip; /* font-size: 9px; */ } .pos-flyout-tabs md-tab-content { overflow-x: hidden; padding: 5px; background-color: var(--ep-color-white); } .pos-flyout-content, .pos-flyout-tabs { height: 100%; } .flyout-height { height: 100%; /* width:calc(100%); */ } .flyout-width { width: 100%; max-width: 100%; } /* .flyout-width { width: 300px; max-width: 300px; } */ .pos-flyout-border { border-width: 1px; border-style: solid; border-color: #e9e9e9; } /* Make tabs take up entire height */ #pos_flyout md-sidenav { height: calc(100% - 15px); } #pos_flyout { padding-left: 0px; padding-right: 0px; } /* Center flyout button group */ .pos-flyout-button-row { text-align: center; position: absolute; bottom: 7px; right: 10px; left: 10px; height: 45px; width: calc(100% - 20px); } .pos-flyout-button-row ul.k-button-group li { background-color: #ffffff; color: var(--ep-color-anotherBlue); border: 1px solid var(--ep-color-anotherBlue); } .pos-flyout-button-row ul.k-button-group li.k-state-active { background-color: var(--ep-color-anotherBlue); color: var(--ep-color-white); } .pos-flyout-button-row ul.k-button-group li.k-state-active:hover { border-color: var(--ep-color-anotherBlue); } .pos-flyout-description-area { text-align: center; font-weight: bold; } .pos-flyout-info-label { text-align: left; /* font-weight: bold; */ /* padding-right: 10px; */ /* padding-left: 0px; */ font-size: var(--ep-label-font-size); font-family: Hind, Regular; color: var(--ep-color-darkGray); } .pos-flyout-info-text { /* padding-left: 0px; */ /* padding-right: 0px; */ font-size: var(--ep-input-font-size); color: var(--ep-color-text-normal); font-family: Hind, Regular; } .pos-flyout-flex { display: flex; align-items: stretch; } .pos-flyout-sidebar { min-width: 380px; width: 380px; background-color: var(--ep-color-white); height: 100%; padding: 0px 10px; margin-right: 10px; } /* Remove the 10px margin-bottom on

elements when in flyout nav */ .pos-flyout-sidebar p { margin-bottom: 0px; } .pos-flyout-sidebar.inactive { margin-right: -400px; } /* Slightly reduce font size on product info */ /*.pos-flyout-product-info { font-size: 13px; }*/ .pos-flyout-empty-image { font-size: 90px; /* position: relative; */ left: 0px; right: 0px; width: 150px; height: 150px; color: var(--ep-color-dimGray); border: 1px solid var(--ep-color-anotherBlue); display: flex; margin: auto; } .pos-flyout-image { max-width: 100% !important; max-height: 100% !important; position: absolute; top: 0px; bottom: 0px; margin: auto; left: 0px; right: 0px; width: auto; height: auto; /* padding: 0px 15px; */ /* display: flex; */ } .pos-flyout-image-helper { display: inline-block; height: 25%; vertical-align: middle; } .pos-quantity-group-addon { padding: 0px; border-color: #eceff1; } .pos-quantity-group button { margin-right: 0px; height: 32px; } .pos-flyout-break-long-words { overflow-wrap: break-word; word-wrap: break-word; hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; } /* For the product flyout, shrink h1 font size by 2px for showing retail price. This allows prices up to $99,999.00 to fit. */ .pos-flyout-retail-price { font-size: 30px; color: var(--ep-color-orange); font-family: Hind, Semibold; font-weight: 600; height: 48px; width: 68px; } #pos-flyout-branch-table-container { height: calc(100% - 52px); overflow-y: auto; overflow-x: hidden; } /****** End of POS flyout CSS *******/ .pos-flyout-info-label-left { font-weight: 600; font-size: 14px; color: #5f5f5f; } .pos-flyout-special-info-label { font-weight: bold; font-size: 14px; } .pos-flyout-special-price-discount { text-align: right; color: red; float: right; } .pos-flyout-sidebar p { display: inline; font-weight: normal; margin-bottom: 0px; line-height: 25px; color: #8c8c8c; } .full-height-less-42 { height: calc(100% - 42px); /* overflow-y: auto;*/ } .pos_sidebar_content_group > .pos_sidebar_tab { padding: 0px; height: calc(100% - 48px); overflow: hidden; position: absolute; width: 100%; bottom: 0px; } .pos_sidebar_content_group > .pos_sidebar_tab .inherit-parent-height { overflow-y: auto; height: calc(100% - 50px) !important; padding: 0px; } pos_sidebar_container md-nav-bar { display: block; width: 100%; } .md-button.md-default-theme.md-accent, .md-button.md-accent { color: var(--ep-color-anotherBlue); } #count_session_form .content-wrap { width: 400px; margin: 0px auto 10px auto; } .popup_border { border-top: 1px solid #ddd; padding-top: 5px; } .cash-sweep-icon-wrapper { background-color: var(--ep-color-red) !important; } .pay-in-icon-wrapper { background-color: var(--ep-color-green) !important; } .pos-register-flyout-popup-button { background: transparent !important; color: var(--ep-color-anotherBlue) !important; font-size: 16px; margin: 0px 5px; padding: 5px 10px; letter-spacing: -0.02em; font-weight: 600 !important; border: none; font-family: Montserrat, sans-serif; } .pos-register-flyout-popup-button:hover { color: var(--ep-color-blue) !important; } .pos-register-flyout-footer { width: 590px; border-top: 1px solid var(--ep-color-paleGray); margin-left: -65px; margin-top: 15px; } .disabled_element.pos-register-flyout-popup-button { color: var(--ep-color-disabled-item) !important; background-color: transparent !important; } div.pos-cus-detail-image-preview { position: relative; width: 100px; } /*Customer*/ .customer_master_wrapper { position: absolute; width: 100%; height: inherit; margin: 0px; padding: 0px; display: block; } .centered_customer_info { font-family: Hind, Medium; font-size: 15px; color: var(--ep-color-lightGray); text-align: center; } /*recommendations start*/ .pos_viewer_image .image-preview-container { height: 160px !important; } .recommend_viewer_image .image-preview-container { height: 61px !important; margin-right: 10px; } .pos_viewer_image .image-preview-description, .recommend_viewer_image .image-preview-description { display: none; } .recommend_viewer_image .image-preview-box i { font-size: 1.5em !important; } .recommend_fl_desc { background: var(--ep-grid-row-highlight-blue); font-family: Hind, Semibold; font-weight: 600; font-size: 16px; word-break: break-all; height: 50px; padding: 15px 34px 11px 14px; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--ep-color-secondary-btn); } .recommendation-list { display: block; width: 100%; height: 80px; margin: 8px 0px 0px 0px; position: relative; float: left; font-size: 13px; font-family: Hind, Medium; outline: none; } .recommend-box { display: flex; padding: 10px; width: 100%; height: 80px; border: 1px solid var(--ep-color-disabled-item); position: relative; float: left; font-size: 13px; border-radius: 4px; background-color: var(--ep-color-textbox-background); font-family: Hind, Medium; } .recommend-product-info { display: inline-block; width: 63%; line-height: 20px; } .recommend-product-info .ellipsis { max-width: 92%; } .recommend-price-info { font-size: 15px; font-weight: 600; color: var(--ep-color-orange); } .recommend-product-image { display: inline-block; width: 27%; } .recommend-empty-image { font-size: 50px; position: relative; left: 0px; right: 0px; width: 60px; height: 60px; color: var(--ep-color-dimGray); border: 1px solid var(--ep-input-border); display: flex; margin: auto; } .recommend-empty-image i:before { display: block; width: 51px; margin: auto; left: 0px; top: 0px; height: 53px; position: absolute; bottom: 0px; right: 0px; } .recommend-empty-image i { position: absolute; width: 60px; height: 60px; display: block; right: 0px; left: 0px; bottom: 0px; top: 0px; margin: auto; } .recommend-add { margin-top: 15px; height: 28px; width: 25px; font-size: 25px; color: var(--ep-color-anotherBlue); background-color: transparent; } .recommend_prod_img_wrapper { width: 60px; height: 60px; border: 1px solid var(--ep-input-border); position: relative; margin: auto; } /*recommendations end*/ /*Loyalty Info*/ .loyalty_list_benefits { display: block; padding: 10px; border-radius: 4px; width: 100%; height: 80px; border: 1px solid var(--ep-color-disabled-item); margin: 8px 0px 0px 0px; position: relative; float: left; background: var(--ep-color-textbox-background); font-size: 13px; color: var(--ep-color-black); font-family: Hind, Medium; } .loyalty_list_benefits a { font-size: 13px; font-weight: 600; font-family: Montserrat, SemiBold; color: var(--ep-color-anotherBlue); } .become_member:disabled, .already_member:disabled { cursor: not-allowed !important; color: var(--ep-color-disabled-item) } .pos_fl_customer_img { background-repeat: no-repeat; height: 150px; margin: auto; background-size: contain !important; border: 1px solid var(--ep-color-darkBlue); width: 150px; float: left; background-position: 50%; } .pos_fl_prod_information2 .image-preview-box { background: transparent; border-color: transparent; position: relative; border-radius: 0px; border: 1px solid var(--ep-color-darkBlue); } .pos_fl_cus_img_preview_box { height: 150px; width: 150px; color: #b0b0b0; overflow: hidden; display: flex; max-width: 100%; max-height: 100%; background: transparent; border-color: transparent; position: relative; border-radius: 0px; border: 1px solid var(--ep-color-darkBlue); float: left; } .pos_customer_information label { font-size: var(--ep-label-font-size); font-family: Hind, Regular; color: var(--ep-color-darkGray); line-height: 1.2; } .pos_cus_info { font-size: var(--ep-input-font-size); display: block; line-height: 1.2; min-height: 20px; overflow: hidden; word-break: break-word; color: var(--ep-color-text-normal); margin-top: 10px; } span.pos_cus_info > span { display: block; word-break: break-word; } .pos_cus_info a { color: var(--ep-color-anotherBlue); } .pos_fl_cus_lolyalty_cus_name { font-size: 20px; font-family: Hind, Medium; color: var(--ep-color-darkBlue); font-weight: 600; } /*Customer Detail*/ .pos-cus-detail-img { background-repeat: no-repeat; height: 150px; width: 150px; margin: auto; background-size: contain !important; background-position: center; border: 1px solid var(--ep-color-darkBlue); max-width: 100%; max-height: 100%; } .pos-cus-detail-name { font-size: 20px; font-weight: 600; font-family: Hind, Medium; color: var(--ep-color-darkBlue); word-break: break-word; } .tender-applied-list { width: 100%; display: inline-block; background: #ffffff; color: #12c3f4; font-size: 16px; } .ep-simple-list-remove { color: #F44336; font-size: 13px; font-weight: 600; outline: none; border: none; background-color: transparent; } /*Loyalty tab*/ /*.loyalty_information_container > .row { margin: 10px 0px 10px 0px; padding: 5px 0px 5px 0px; } .loyalty_information_container > .row > [class*=col-]{ padding:0px; min-height:36px; }*/ .pos-edit-contact-icon { color: var(--ep-color-secondary-btn); } .pos_member_contact { font-family: Hind, Medium; color: var(--ep-color-secondary-btn); font-size: 16px; text-align: left } .pos_member_contact .btn { line-height: 0.9; } .pos_edit_contact { flex-direction: row; margin: 5px; } .pos_edit_contact .btn { line-height: 0; } .wrap-text-all { word-break: break-all; } .pos_sidebar_container md-nav-bar { padding: 0px; display: block; margin-bottom: 0px; } .pos_sidebar_container md-nav-bar .md-button._md-nav-button { padding: 12px 12px 4px 12px; } .pos_sidebar_container md-nav-bar .md-button { width: calc(100% / 4); } /**/ .pos_actions_btn { background-image: none; background-color: var(--ep-color-white); padding: 10px; height: 80px; border-radius: 4px; border: 1px solid var(--ep-color-anotherBlue); box-shadow: 0px 1px 2px var(--ep-color-geryBlue); font-family: Montserrat, Medium; font-size: 13px; color: var(--ep-color-anotherBlue); } @media screen and (max-width: 768px) { .pos_actions_btn { margin-bottom: 10px; } } .pos_actions_btn span { white-space: initial; } /*.btn-default.pos_actions_btn :active, .btn.pos_actions_btn :active, .btn-block.pos_actions_btn:active, .btn-default.pos_actions_btn :focus, .btn.pos_actions_btn :focus, .btn-block.pos_actions_btn:focus, .btn-default.pos_actions_btn.active :focus, .btn.pos_actions_btn.active :focus, .btn-block.pos_actions_btn.active:focus { color:var(--ep-color-orange) !important; border: 1px solid var(--ep-color-orange)!important; background: transparent; outline:none; }*/ @media (min-width: 1200px) { .visible-lg { display: block !important; color: var(--ep-color-groupbox-header) !important; font-size: 13px; } } /*Product Tab*/ .pos_fl_product_container { height: 100%; } .pos_fl_product_wrapper { height: 100%; } .pos_fl_desc_wrapper { display: flex; width: 100%; } .pos_fl_desc { background: var(--ep-grid-row-highlight-blue); font-family: Hind, Semibold; font-weight: 600; font-size: 16px; word-break: break-all; margin: 0px 0px 15px 0px !important; height: 50px; padding: 15px 34px 11px 14px; text-align: left; border-left: 3px solid var(--ep-color-anotherBlue) !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--ep-color-secondary-btn); width: 100%; } .pos_fl_desc > .k-space-left { background: var(--ep-grid-row-highlight-blue); outline: none; border-bottom: 2px solid var(--ep-color-anotherBlue); border-top: transparent; border-left: transparent; border-right: transparent; margin-bottom: 5px; width: 90%; } .pos_fl_desc > .flex-middle.right-justify { position: absolute; top: 0px; right: 0px !important; width: 52px; text-align: center; height: 50px; display: flex; justify-content: center; left: auto; margin: 3px; } .pos_fl_desc > .flex-middle.right-justify button { width: 40px; height: 40px; background: var(--ep-grid-row-highlight-blue); margin: 0px 5px 8px 0px; text-align: center; border-style: none !important; padding: 0px 5px 0px 0px; } .pos_fl_desc > .flex-middle.right-justify button .mdi { display: flex; align-items: flex-end; justify-content: flex-end; } .pos_fl_desc > .flex-middle.right-justify button .mdi .mdi-square-edit-outline { padding: 0px -20px 0px 0px; } .pos_fl_last_5_retail { font-family: Hind, Semibold; font-weight: 600; font-size: 14px; text-align: left; color: var(--ep-color-lightGray); } .pos_fl_last_5_retail_link { font-family: Hind, Semibold; color: rgb(0, 174, 239); font-weight: 600; font-size: 14px; text-align: left; padding: 5px 0px 5px 0px; } .pos_fl_last_5_retail_sku { color: var(--ep-color-orange) !important; font-size: 15px; font-weight: 600; font-family: Montserrat; } .pos_fl_prod_desc { font-family: Hind, Medium; font-size: 14px; color: var(--ep-color-secondary-btn); display: table; padding: 0px 0px 10px 0px; height: 23px; word-break: break-word; } .pos_fl_no_info { font-family: Hind, Medium; font-size: 11px; color: var(--ep-color-lightGray); text-align: center; position: absolute; right: 0px; left: 0px; top: 0px; bottom: 0px; margin: auto; height: 40px; border: 1px solid; line-height: 40px; display: inline-block; max-width: 90%; border-radius: 5px; border-color: var(--ep-color-lightGray); pointer-events: none; } .pos_fl_no_error { font-family: Hind, Medium; font-size: 14px; color: var(--ep-color-danger); display: flex; justify-content: center; align-items: center; height: 70%; } .pos_member_contact .ep-toolbar-button .mdi-plus-circle { color: var(--ep-color-green); } /*.pos_fl_prod_img { !*width: 150px; padding: 0px; border: 1px solid var(--ep-color-darkBlue); display: table;*! !* width: 150px; *! padding: 0px; border: 1px solid var(--ep-color-darkBlue); height: 200px; !* max-width: 100% !important; *! !* max-height: 75% !important; *! !* width: 150px; *! max-height: 240px; border: 1px solid var(--ep-color-darkBlue); }*/ .pos_fl_prod_information { padding: 15px 15px 10px 1px; } .fl_prod_item_info { border-radius: 4px; padding: 0px; min-width: 280px; margin: auto; } .fl_prod_table { font-size: 14px; font-family: Hind, Medium; color: var(--ep-color-secondary-btn); margin-bottom: 0px; } .fl_prod_item_info .table-striped > tbody > tr { background-color: var(--ep-color-textbox-background) !important; } .pos_fl_prod_information2 { height: calc(100% - 110px); overflow-y: auto; overflow-x: hidden; top: 50px !important; position: absolute; } .pos_fl_margin { margin-bottom: 10px; margin-top: 10px; } /*.pos_fl_prod_img_wrapper { width: 150px; height: 150px; border: 1px solid var(--ep-color-darkBlue); }*/ .pos_fl_prod_img_wrapper { width: 150px; height: 150px; border: 1px solid var(--ep-color-darkBlue); position: relative; } .pos-flyout-empty-image i:before { display: block; width: 90px; margin: auto; left: 0px; top: 0px; height: 10px; position: absolute; bottom: 0px; right: 0px; } .pos-flyout-empty-image i { position: absolute; width: 100px; height: 100px; display: block; right: 0px; left: 0px; bottom: 0px; top: 0px; margin: auto; } /*End*/ /*Action look up*/ .pos_fl_lookup { height: 45px; padding: 7px 5px; } .pos_fl_lookup > span { width: 100%; display: block; border-radius: 4px; height: inherit; } .pos_fl_lookup .k-textbox.k-space-left { width: 100%; background-color: var(--ep-color-textbox-background); border: none; height: inherit } .pos_fl_lookup .k-textbox.k-space-left > input { height: inherit; text-indent: 4px !important; } .pos_fl_lookup .k-textbox input { background-color: var(--ep-color-textbox-background); font-size: 16px; font-family: Hind, Regular; color: var(--ep-color-lightGray); } .pos_sidebar_tab.pos_fl_action_tab > [ng-repeat] { height: 45px; } .pos_sidebar_tab.pos_fl_action_tab > ng-switch { display: block; } .pos_sidebar_tab.pos_fl_action_tab > div { margin: 0px; } .form_element_container.ng-scope { height: inherit; } .form_element_type ng-switch { height: 100%; width: 100%; display: block; } .actions-wrapper { position: relative; width: 100%; height: calc(100% - 0px); } .pos_cus_serive_inactive { color: var(--ep-color-lightGray); } .pos_cus_service_active { color: var(--ep-color-green); } .cus_service_active { background-color: transparent; border: 1px solid var(--ep-color-orange) !important; } .cus_service_active > span:first-child { color: var(--ep-color-orange); } .cus_service_active:hover { background-color: transparent; } .action_option_wrapper { position: relative; height: 100%; padding: 0px 0px 10px 0px; width: 100% !important; margin: 0px !important; } .action-options { height: calc(100% - 40px); overflow: hidden auto; position: relative; width: 100%; } .action-options .pos_actions_btn:hover { background-color: var(--ep-color-groupbox-header-background); border: 1px solid var(--ep-color-anotherBlue); } .action-options .pos_actions_btn[disabled]:hover { background-color: var(--ep-pos-action-disable-btn); box-shadow: none; border: 1px solid var(--ep-color-secondary-btn); opacity: .65; color: var(--ep-color-black) !important; } /*End*/ /* POS flyout Pop up */ .pos-flyout-popup-footer { width: 580px; border-top: 1px solid var(--ep-color-paleGray); margin-left: -65px; margin-top: 15px; } .pos-flyout-popup-footer-button { background: transparent !important; color: var(--ep-color-anotherBlue) !important; font-size: 16px; margin: 0px 5px; padding: 5px 10px; letter-spacing: -0.02em; font-weight: 600 !important; border: none; font-family: Montserrat, sans-serif; } .pos-flyout-popup-footer-button:hover { color: var(--ep-color-blue) !important; } .disabled_element.pos-flyout-popup-footer-button { color: var(--ep-color-disabled-item) !important; background-color: var(--ep-color-transparent) !important; } .img_src_error img { display: none; } .img_src_error:after { content: "\F2EE"; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 95px; height: 20px; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 90px; text-align: center; color: var(--ep-color-dimGray); } button.transparent_buttons.already_member, button.transparent_buttons.become_member, button.see_benefits.transparent_buttons { font-size: 12px; margin: 0px; width: auto; height: 30px; } .loyalty_actions { position: absolute; left: 0px; bottom: 0px; height: 30px; width: 100%; } .loyalty_actions .see_benefits { float: left; } .loyalty_actions .become_member, .loyalty_actions .already_member { float: right } /*CLose register pop up table*/ .pos_count_session_container table td { vertical-align: middle !important; } .pos_variance_negative_value { color: var(--ep-color-red); } .count_popup_title > h4 { font-size: 16px; } .close_reg_enter_count { padding: 10px 0px; font-size: 16px; font-family: Hind, SemiBold; font-weight: 600; } .transparent_background { background-color: transparent; } .transparent_background:hover { background-color: transparent !important; } .fix-table-column-width td { max-width: 90px; word-wrap: break-word; } .parked_transaction_text_center { text-align: center; } .parked_transaction_data_container .parked_table_datas, .parked_table_heads { width: calc(100% / 3 - 10px); float: left; } #recent_trans_grid .k-grid-header .k-header > .k-link { text-transform: capitalize !important; padding: 0.8em 0 !important } #recent_trans_grid .k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm { margin-left: 0 !important; } #recent_trans_grid.k-grid tbody tr td > span[ng-bind] { white-space: normal !important; word-break: break-word !important; } #recent_trans_grid.k-grid .k-grid-content tr td { padding-top: 0 !important; padding-bottom: 0 !important; } .parked_transaction_data_container { flex-direction: row; width: 100%; border: 1px solid var(--ep-color-gray92); padding: 0px; height: auto; word-break: break-word; } .parked_transaction_table.header_block { background: #dddddd; width: 100%; color: var(--ep-color-black); } .parked_transaction_table.data_container { overflow-y: scroll; position: absolute; width: 100%; height: calc(100% - 42px); } .parked_transaction_data_container .parked_table_datas:not(:last-child), .parked_table_heads:not(:last-child) { border-top-width: 0px; border-right-width: 1px; border-right-style: solid; border-left-width: 0px; border-bottom-width: 1px; position: relative; right: 0px; border-color: var(--ep-color-gray92); } .parked_transaction_table .parked_table_heads { border-top-width: 0px; border-right-width: 1px; border-right-style: solid; border-left-width: 0px; border-bottom-width: 1px; position: relative; right: 0px; border-color: var(--ep-color-white); text-align: center; } @media screen and (max-width: 1024px) { .parked_transaction_table.header_block { padding-right: 0px !important; } } .flex-column { flex-flow: column; } .cart_icon_action { margin-top: 5px; } .parked_transaction_data_padding_5 { padding: 5px; } .parked_transaction_data_padding_10 { padding: 8px; } .register_name_block { display: flex; line-height: 1; margin: 10px 0px; padding: 12px 10px; width: calc(100% - 0px); background: white; border-radius: 0px; border: 1px solid var(--ep-color-dropdown-background); align-items: baseline; } .register_name_head { font-weight: 600; font-size: 16px; display: inline-block; padding: 0px; margin: 0px 5px 0px 0px; line-height: 1; } .register_name_val { font-weight: 400; font-size: 14px; display: inline-block; width: calc(100% - 100px); margin-top: -2px; line-height: 1.44; } /*register Devices block*/ /* image maintainer block */ .pos_viewer_image .image-preview-container { height: 160px !important; } .pos_viewer_image .image-preview-description { display: none; } /* image maintainer block */ .parked_transaction_table_wrapper { position: relative; height: calc(100% - 40px); -webkit-overflow-scrolling: touch; overflow-y: auto; } .pos_customer_information { position: relative; height: 100%; } .no_loyalty_available { height: 100%; } .no_loyalty_selected { height: 100%; } .float_box { width: calc(50% - 20px); float: left; margin: 10px; } .sidebar_button_box { padding: 5px; width: 50%; float: left; } .pos_customer_data_block { display: flex; flex-direction: column; } /*temporary style*/ .hotkey_toggle_container { position: relative; display: flex; width: 220px; float: left; padding: 12px; align-items: center; justify-content: space-around; margin: 5px 0px; height: 80px; } .hotkey_toggle_container label { margin: 0px !important; line-height: 1; } /*temporary style*/ .pos-flyout-button-row > div { display: flex; justify-content: center; height: 100%; } .pos-flyout-button-row ul.k-button-group { width: 100%; display: flex; } .pos-flyout-button-row ul.k-button-group li.k-button { width: 100%; border-radius: 0px !important; height: 100%; } .pos-flyout-button-row ul.k-button-group li.k-button { border-color: #dae5ef; } .pos-flyout-button-row ul.k-button-group li.k-button:hover { border: 0px; } .pos-flyout-button-row ul.k-button-group li.k-button > div { display: flex !important; width: 100% !important; justify-content: center; } .pos-flyout-button-row ul.k-button-group li.k-button button { border: none; background: transparent !important; text-transform: inherit; display: flex !important; width: 100% !important; justify-content: center; } .pos-flyout-button-row ul.k-button-group li.k-button button:hover { border: none; } /*source panel */ .catalog_source_information { padding: 0px 15px; border-left: 3px solid var(--ep-color-anotherBlue) !important; background: var(--ep-grid-row-highlight-blue); } .catalog_source_information > .special_order_edit h3 { margin: 0px; } .catalog_details_line, .source_details_line { width: 100%; margin: 5px 0px 0px 0px; flex-wrap: wrap; } .catalog_details_line .vertical_key_value, .source_details_line .vertical_key_value { width: 50%; margin: 5px 0px; min-height: 55px; height: auto; } .catalog_details_line .vertical_key_value .source_label_text, .source_details_line .vertical_key_value .source_label_text { color: var(--ep-color-darkGray); } .catalog_details_line .vertical_key_value .source_label_value.vertial_key, .source_details_line .vertical_key_value .source_label_value.vertial_key { color: #414141; font-weight: 600; text-overflow: ellipsis; overflow: hidden; } hr.separator { margin: 0px 0px 20px 0px; } .pos-flyout-button-row ul.k-button-group li.k-button:first-child { border-radius: 5px 0px 0px 5px !important; } .pos-flyout-button-row ul.k-button-group li.k-button:last-child { border-radius: 0px 5px 5px 0px !important; } .sale_order_toggle_wrap .ep-generic-class { height: 44px !important; margin: 0px; align-items: center; justify-content: center; display: flex; min-height: 30px; } .sale_order_toggle_wrap .ep-generic-class md-input-container { height: 10px !important; margin: 0px; align-items: center; justify-content: center; min-height: 42px; } .sale_order_toggle_wrap .ep-generic-class md-input-container .k-dropdownlist { height: 40px !important; margin: 0px; border: none !important; text-transform: uppercase; display: flex; align-items: center; } .sale_order_toggle_wrap .ep-generic-class .k-dropdownlist .k-input-inner { margin: 0px; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; text-align: center; } .sale_order_toggle_wrap .ep-generic-class .k-dropdownlist .k-input-inner .k-input-value-text { display: inline-block; } .sale_order_toggle_wrap .ep-generic-class.ep-input-dropdown .k-input-button { right: 5px; top: 2px; } .sale_order_toggle_wrap .ep-generic-class.ep-input-dropdown .k-input-button .k-icon { bottom: unset; } .sale_order_toggle_wrap .ep-generic-class.ep-input-dropdown .k-input-button .k-icon svg { fill: var(--ep-color-anotherBlue); } .sale_order_toggle_wrap .ep-generic-class .k-dropdownlist.k-state-default { margin: 0px; display: flex; align-items: center; justify-content: center; } .sale_order_toggle_wrap .k-dropdownlist.k-focus span.k-dropdown.md-input { border-bottom: 0px solid var(--ep-color-blue) !important; } .sale_order_toggle_wrap .ep-generic-class md-input-container.md-input-has-value .k-dropdownlist .k-input-inner { color: var(--ep-color-anotherBlue) !important; } .sale_order_toggle_wrap .ep-generic-class md-input-container.md-input-has-value .k-dropdownlist:not(.k-hover) span.k-font-icon { color: var(--ep-color-anotherBlue) !important; font-size: 28px !important; display: flex; margin: 0px; } .sale_order_toggle_wrap .ep-generic-class .k-dropdownlist.k-hover span.k-font-icon { color: var(--ep-color-anotherBlue) !important; font-size: 28px !important; } .pos-flyout-button-row ul.k-button-group li.k-button.k-focus.disabled_element { border-color: #dae5ef !important; border-style: solid !important; } .catalog_source_information > .special_order_edit .ep-toolbar-button { background: transparent; } .catalog_source_information > .special_order_edit .flex-middle.right-justify { position: absolute; top: 0px; right: 0px !important; width: 44px; text-align: center; height: 42px; display: flex; justify-content: center; left: auto; margin: 3px; } .catalog_source_information > .special_order_edit { padding: 19px 0px 20px 15px; margin: 0px -15px 3px -15px; height: 50px; } .catalog_source_information > .special_order_edit .flex-middle.right-justify button { width: 40px; height: 40px; background: var(--ep-color-orange); margin: 2px; text-align: center; color: white; } .catalog_source_information > .special_order_edit .flex-middle.right-justify button .mdi { display: flex; align-items: center; justify-content: center; } .pos_cus_info > span { float: left; } .source_info_box { display: flex; flex-flow: inherit; } .pos_fl_no_info.no_source_box { position: relative; margin: auto; padding: 0px 10px; } .source_details_line { min-height: 200px; } .catalog_source_information.ng-hide { opacity: 0; } .catalog_source_information.ng-hide-add { opacity: 0; } .catalog_source_information.ng-hide-remove { transition: all cubic-bezier(0.75, 0.15, 0.26, 0.96) .7s; } .source_detail_wrapper { height: calc(100% - 110px); overflow-y: auto; position: absolute; left: 0px; width: calc(100% - 0px); padding: 0px 15px; } span.masked_value_display_true { color: var(--ep-color-blue) !important; display: inline-block; padding: 0px 1px 0px 1px; border-bottom: 2px solid var(--ep-color-blue); min-width: 50px; cursor: pointer; margin-bottom: 0px; width: calc(100% - 14px); max-width: 80px; outline: none; } span.masked_value_display_false { color: var(--ep-color-lynch) !important; display: inline-block; padding: 0px 1px 0px 1px; border-bottom: 2px solid var(--ep-color-blue); min-width: 50px; cursor: pointer; margin-bottom: 0px; width: calc(100% - 14px); max-width: 80px; outline: none; } .masked_link { outline: none; } .special_order_description .vertial_value { overflow: hidden; text-overflow: ellipsis; } .pos_detail_note_blk span.note_text_blk.flex-middle { max-width: calc(100% - 100px); overflow: hidden; text-overflow: ellipsis; } .pos_detail_note_blk span.note_text_blk.flex-middle span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .pos_actions_btn span.hotkey:before { content: '[ '; } .pos_actions_btn span.hotkey:after { content: ' ]'; } .sale_order_toggle_wrap .ep-generic-class.k-disabled { align-items: center; justify-content: center; background-color: var(--ep-color-groupbox-header-background); } .sale_order_toggle_wrap .ep-generic-class.k-disabled .k-input { width: 100%; max-width: none; } .sale_order_toggle_wrap .ep-generic-class.k-disabled .k-input-button { display: none; width: 0px; } .sale_order_toggle_wrap .ep-generic-class md-input-container.md-input-has-value .k-dropdownlist > .k-input { color: var(--ep-color-anotherBlue) !important; } .sale_order_toggle_wrap .ep-generic-class.k-disabled md-input-container.md-input-has-value .k-dropdownlist .k-input-inner { color: var(--ep-color-lynch) !important; } .pos_actions_btn[disabled] { color: var(--ep-color-disabled); border: 1px solid var(--ep-color-disabled); cursor: default; pointer-events: none; } li.devices.cre_devices:nth-child(odd) { border-bottom: 1px solid var(--ep-color-offWhite); } li.devices.cre_devices:nth-child(even) { border-top: 0px solid var(--ep-color-offWhite); } .qf_container .grid_box_layout { height: 100%; } .qf_container .grid-box-tile-container { height: calc(100% - 116px); } .pos-flyout-tax-toggle .switcher.active .switcher-label.true { color: var(--ep-color-red); } .pos-flyout-tax-toggle .switcher.active .switcher-line:after { background-color: var(--ep-color-red); border-color: var(--ep-color-red); } .pos-flyout-taxable-message { text-align: left; font-size: var(--ep-label-font-size); font-family: Hind, Regular; color: var(--ep-color-darkGray); } .external-link-icon { color: #0086E7; font-size: 18px; cursor: pointer; } .flex-space-between { display: flex; justify-content: space-between; align-items: center; } .success-cell { background: linear-gradient(0deg, rgba(76, 209, 128, 0.08) 0%, rgba(76, 209, 128, 0.08) 100%), #FFF; border-left: 4px solid #4CD180 !important; } .error-cell { background: linear-gradient(0deg, rgba(255, 99, 88, 0.08) 0%, rgba(255, 99, 88, 0.08) 100%), #FFF; border-left: 4px solid #FF6358 !important; } .payment_processor_heading { font-weight: 600; font-size: 18px; font-family: montserrat; margin-bottom: 15px; margin-top: 5px; } .payment_section_heading { font-weight: 600; font-size: 15px; font-family: montserrat; color: var(--ep-color-darkGray); padding-left: 5px; margin-bottom: 10px; } .payment_section_sub_heading { font-size: 12px; margin-left: 10px; font-weight: 600; font-family: montserrat; color: var(--ep-color-darkGray); padding-left: 5px; margin-bottom: 10px; } .payment_label_div_info { font-weight: 600; line-height: 30px; } .payment_processor_tab_section { height: calc(100vh - 410px); overflow-y: auto; } .payment_processor_button_section { border-top: 1px solid var(--ep-grid-border); padding-top: 5px; } .pinpad_settings.image_information_block { color: #c4c6c7; font-size: 13px; } .pinpad_settings.image_information_block i { font-size: 15px; display: inline-block; width: 4%; float: left; } .pinpad_settings.image_information_block div { display: inline-block; width: 90%; } .pos_tender__amount_box { display: flex; align-items: center; justify-content: space-around; } .cre_image { width: 200px; height: 200px; margin: auto; display: table; } .cre_downloader { display: table; text-align: center; } .cre_downloader span.ep-color-blue { display: block; font-size: 45px; } .cre_downloader > a { display: block; line-height: 35px; text-decoration: none; padding: 5px 0px; } .cre_downloader > a:hover { background-color: var(--ep-color-dropdown-background); } .cre_downloader h4.ep-color-orange { margin: 0px; } .register_k_block_section > .ep-group-box-header { margin-bottom: 0px !important; } .register_k_block_section > .ep-group-box-row { padding-top: 10px; overflow-y: auto; } .register_device_btns_group { width: auto; margin: auto; display: table; } .register_device_btns_group .device_btn { width: 45px; display: inline-block; margin: 0px 15px; text-align: center; outline: none; border: 1px solid; border-radius: 4px; padding: 5px 0px 1px 0px; } .register_device_btns_group .device_btn .mdi:before { transform: rotate(90deg); } .register_device_btns_group .device_btn.ep-color-green:hover:not(:disabled) { background: var(--ep-color-green); color: var(--ep-color-white) !important; border-color: var(--ep-color-green); } .register_device_btns_group .device_btn.ep-color-danger:hover:not(:disabled) { background: var(--ep-color-danger); color: var(--ep-color-white) !important; border-color: var(--ep-color-danger); } .register_device_btns_group .device_btn:disabled { color: var(--ep-color-white) !important; border-color: var(--ep-color-disabled-item); } .register_label_div_info { font-weight: 600; line-height: 30px; } .register-filter-title { font-family: Montserrat, Medium; font-size: 15px; font-weight: 600; } .register-filter-section { font-weight: 600; color: var(--ep-color-secondary-btn); margin-bottom: 5px; } .register-license-count-container { float: left; width: 100px; padding: 0 15px; border-right: 1px solid var(--ep-color-dropdown-background); } .register-count-border-right { border-right: 1px solid var(--ep-color-dropdown-background); } .register-filter-section .form_element_type:first-child .register-license-count-container { padding: 0; width: 80px; } .register-filter-section .form_element_type:last-child .register-license-count-container { border: none; } .register-label-title { font-family: Montserrat, Medium; color: var(--ep-color-black); } .k-state-hover .register-dropdown-disabled { color: var(--ep-color-darkGray) !important; } /*Device configuration -Start*/ .add_new_device { position: absolute; padding: 2px 5px; } .device_agent_details { border: 1px solid var(--ep-color-lightGray); border-radius: 2px; width: 100%; height: 100%; position: relative; display: flex; padding: 5px 10px; } .device_agent_details_input { display: flex; width: calc(100% - 50px); padding-top: 5px; } .device_agent_details_add_link { width: 120px; margin: 40px 0px 0px 0px; padding-left: 15px; } .interface_type_detail_separator { margin: 0px 0px 10px 0px; } .interface_name { display: inline-block; float: left; line-height: 1.8; } .agent_delay_msg { font-size: 13px; font-family: Hind; font-weight: 500; color: var(--ep-color-goldYellow); margin-top: 10px; } /*End*/ .donation_title { display: inline-block; vertical-align: middle; height: 100%; font-size: 15px; font-family: Hind, sans-serif; font-weight: 600; } @media screen and (min-width: 769px) { .pos_donation_modal .modal-dialog { max-width: 500px; } } .donation_types > button, .donate_some_value { width: 100%; margin: 10px 0px 10px 0px; height: 45px; } .donation_types button.ep-button-secondary, .donation_types button.ep-button-primary { font-weight: 400 !important; } .other_amount { } .ep-button-secondary.active_donation, .ep-button-secondary.active { background: var(--ep-color-primary-btn) !important; color: var(--ep-color-white) !important; } .donation_split, .split_button_container { display: flex; margin: 0px -5px; } .donation_split button, .split_button_container button { margin: 0px 5px; width: calc(100% / 3 - 10px); float: left; } .confirmation_message_container { height: 45px; padding: 0px 0px; margin: 10px 0px; font-size: 15px; font-family: Hind, sans-serif; font-weight: 400; color: var(--ep-color-text-normal); } .donation_confirm_wrapper { height: 100px; position: relative; } span.random_alpha_character_block { display: inline-flex; width: 45px; height: 45px; background: var(--ep-color-groupbox-header-background); margin: 0px 5px; border-radius: 4px; } span.random_alpha_character_block:after { content: attr(data-alpha); display: block; align-self: center; text-align: center; width: 100%; font-family: Montserrat, sans-serif; font-weight: 600; font-size: 16px; line-height: .8; } input.ep-button-secondary { font-size: 15px; font-weight: 400 !important; margin: 10px 0px; width: 100%; padding: 10px !important; height: 45px; } input.split_donation, input.deposit_buttons { margin: 5px; } /*Should be removed once EG-1214 is implemented.*/ #item_history_grid .k-virtual-scrollable-wrap tr td { height: 22px; } .kits-shipper-list-table { max-height: 215px; overflow-y: scroll; } .kits-shipper-list-table-header { padding-right: 15px; background-color: #dddddd; } /*Mass update styles - Start*/ .mu_batch_number_display { margin: 0px 25px; float: left; letter-spacing: -0.02em; font-size: 15px; font-weight: 600; font-family: Montserrat, sans-serif; } /*END*/ .product_catalogs_block { display: flex; gap: 18px; flex-wrap: wrap; padding: 18px; padding-top: 0px; } .product_catalogs_block .catalog_default_setup_partner_img { height: 60px; margin: 0 0 8px 0; max-width: 80px; flex-grow: 1; } .product_catalog_card_row { display: flex; gap: 12px; align-items: center; } .category-details-full-screen-container { position: fixed; width: 100%; height: calc(100vh - 45px); left: 0; top: 45px; z-index: 111111; padding: 10px; overflow-y: auto; } #category_level_div { overflow-y: auto; max-height: calc(100vh - 340px); } .category_default_location_col { display: flex; justify-content: center; padding: 14px 0; } .category_level_actions_col { padding: 14px 20px; } .category_example_blk { background: var(--ep-color-textbox-background); padding: 30px; } .category_title_blk { display: inline-block; padding-left: 15px; padding-right: 3px; } .disabled_element .stores_add_icon { color: var(--ep-color-disabled-item) !important; } .related-item-adv-icon { display: inline-block; float: left; padding-top: 30px; text-align: center; font-weight: 600; } .related-item-adv-text { display: inline-block; outline: none; padding-top: 30px; display: inline-block; text-align: center; font-weight: 600; } .general-tab-divider { border-left: 1px solid #e5e5e5; height: 445px; position: absolute; } .thrift-tab-divider { border-right: 1px solid #e5e5e5; } .price-cost-tab-divider { border-right: 1px solid #e5e5e5; } .product-fields-wrapper { overflow-y: auto; overflow-x: hidden; height: 700px; } .pricing-method-ratio { padding: 1.5%; } .spec-box { border: 1px solid #EBEBEB; background: #FCFCFC; box-shadow: 0 0 0; } .sub-header { font-weight: 600; padding-left: 5%; } .top-row { min-height: 105px !important; max-height: 70px; } .prod_uom_blk { position: absolute; padding: 14px 0 0 5px; } #product_upc_grid .k-header.k-grid-toolbar { padding-top: 0px; } .catalog_price_rn.col-xs-4 { width: 33.33333333%; } .select_catalog_blk .catalog_partner_img { height: 100px; } .select_catalog_blk .catalog_wrapper { margin-bottom: 77px; } .catalog_price_rn.catalog_diff_filters { padding-right: 20px; margin-bottom: 20px !important; } .catalog_price_rn.catalog_diff_filters .bt-mult-sel1 { width: 100%; height: 30px; } .cat_general_sect { font-size: 12px; float: right; margin-right: 15px; padding-top: 3px; } .msu_btn_container { width: 300px; position: absolute; top: 0px; left: 150px; display: flex !important; flex-flow: row; justify-content: flex-start; } .msu_btn_container .ep-md-switch-textbox { min-width: 140px; } .ep_store_category .store_dropdown_section { width: 400px; height: 400px; padding: 5px 3px; } .ep_store_category .store_dropdown_section .custom_radio_add { flex-flow: nowrap !important; gap: 14px !important; height:auto; } .itr_min-height .ep_group .ep-maintenance-grid{ min-height: 400px; } .ep_store_category .store_dropdown_section .custom_radio_add li label { color: #424242 !important; line-height: unset !important; } .ep_store_category .store_dropdown { padding: 0px !important; } .ep_store_category .store_dropdown_section .k-textbox { background: none; margin-bottom: 10px; border-bottom-color: #c9c9c9 !important; } .ep_store_category .store_dropdown_section .k-textbox .k-input-inner { background: none; } .ep_store_category .radio_heading { margin-top: 18px; margin-bottom: 0px; padding-left: 5px; color: #424242; } .ep_store_category .main_list { list-style: none; padding: 0px; } .ep_store_category .main_list .main_child, .child_groups .child_list { margin: 10px 0px; position: relative; } .ep_store_category .wrapper_stores { max-height: 282px; overflow: auto; } .ep_store_category .child_groups { list-style: none; padding-left: 20px; } .ep_store_category .grp_icon { position: absolute; top: 0px; font-size: 20px; cursor: pointer; left: -10px; } .ep_store_category .grp_obj { padding-left: 5px; } .ep_store_category prop-checkbox { width: fit-content; } .ep_store_category prop-checkbox .k-checkbox:indeterminate + .k-checkbox-label:before { color: #0091ea; content: "\e121"; line-height: initial !important; font-size: 14px; } .ep_store_category.dropdown[uib-dropdown].open label{ color: #444 !important; } .ep_store_category .parent_checkbox .prop-lib{ padding-top: 10px; } .store_old_component .store_btn_dropdown:hover , .store_old_component .store_btn_dropdown:focus{ color: black !important; } .store_old_component .store_btn_dropdown .ep-single-chip{ float: left; } .store_old_component .store_btn_dropdown .mdi-menu-down{ font-size: 20px; } #user_roles_stores_div .store_old_component .store_dropdown_section{ width:100% !important; } .store_old_component .multi_tag{ min-height: 33px !important; max-height: 95px !important; overflow: auto; height: inherit !important; display: flex; flex-wrap: wrap; padding-right: 20px; position: relative; } .store_old_component .multi_tag .mdi-menu-down{ position: absolute; right: 0; height:20px; } .store_old_component .multi_tag .k-chip{ flex-direction: row !important; margin-right: 2px ; } .store_old_component .radio_heading{ margin-top: 0px !important; } /* Catalog Diff Update Fields dialog: footer_msg above, buttons right */ .catalog-diff-update-fields-dialog .dialog_footer_button_container { display: flex; flex-wrap: wrap; justify-content: flex-end; float: none; width: 100%; } .catalog-diff-update-fields-dialog .dialog_footer_button_container > span { flex: 0 0 100%; padding-left: 54px; } .catalog-diff-update-fields-dialog .dialog_footer_button_container > span { flex: 0 0 100%; } .catalog-diff-update-fields-dialog .dialog_footer_buttons { float: none; } .elite_error_text_area textarea { max-height: 100% !important; height: 100% !important; min-height: 75px; } .elite_error_text_area textarea[readonly], .elite_error_text_area .readonly textarea, .elite_error_text_area .readonly { pointer-events: all !important; } .chart_title_blk { font-size: 18px; color: var(--ep-color-primary-btn); margin-bottom: 5px; } .chart_title_blk .edit_icon { color: var(--ep-color-anotherBlue); outline: none; } .charts_blk { padding-bottom: 10px; border-bottom: 1px solid var(--ep-grid-border); position: relative; } .chart_toggle { position: absolute; right: 10px; z-index: 1; } .overall-rank-example { color: var(--ep-color-darkGray); } .overall-ranking-option-text { line-height: 60px; } .overall-rank-container { border: 1px solid var(--ep-color-lightGray); border-top-left-radius: 5px; border-top-right-radius: 5px; } .overall-rank-total-container { border: 1px solid var(--ep-color-lightGray); border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .ranking_toolbar { background-color: #FFFFFF; padding-top: 0; padding-bottom: 0; border-radius: 2px; border: 1px solid #fff; border-bottom: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); } .main-rank-content-wrapper { border-radius: 5px; border: 0px solid #ffffff; margin: 7px -15px 0px -15px; padding: 0 15px; height: calc(100% - 43px); overflow-y: auto; } .add-edit-ranking-title { font-size: 16px; font-weight: 600; color: var(--ep-color-text-normal); padding: 0px 15px; margin-bottom: 20px; } .num_periods_validation_msg { color: var(--ep-color-midGray); } .modal-rank-bp { width: 452px; } .rank_title_blk { border-bottom: 1px solid var(--ep-color-lightGray); padding-top: 5px; padding-bottom: 5px; } .rank_search_blk { height: 45px; } .include_text_blk { line-height: 26px; } .bg-color-a { background-color: #086377; } .bg-color-a .grade_val, .bg-color-b .grade_val, .bg-color-c .grade_val { color: #fff0f0; } .bg-color-a.ep-generic-class .k-dropdown .k-input, .bg-color-b.ep-generic-class .k-dropdown .k-input, .bg-color-c.ep-generic-class .k-dropdown .k-input, .bg-color-a.ep-generic-class .k-dropdown-wrap span.k-font-icon, .bg-color-b.ep-generic-class .k-dropdown-wrap span.k-font-icon, .bg-color-c.ep-generic-class .k-dropdown-wrap span.k-font-icon { color: #fff0f0; } .bg-color-a .k-widget.k-dropdown, .bg-color-b .k-widget.k-dropdown, .bg-color-c .k-widget.k-dropdown, .bg-color-d .k-widget.k-dropdown { background: transparent; } .bg-color-b { background-color: var(--ep-color-darkBlue); } .bg-color-c { background-color: #08C9F3; } .bg-color-d { background-color: #DCE4E8; } .grade_val { font-weight: 600; } #ranking_grid .k-grid-toolbar, #ranking_product_grid .k-grid-toolbar { padding: 0; } div#ranking_grid tr:last-child td.ep-inline-grid-editable-input:after, div#ranking_product_grid tr:last-child td.ep-inline-grid-editable-input:after { border: none; } a.blue-text:hover, a.blue-text:focus { text-decoration: none; } .ranking_blk_tab { margin: 0 auto; } .ranking_blk_tab.k-button-group .k-button { display: inline-block; max-width: 250px; } #ranking_grid .k-grid-content, #ranking_product_grid .k-grid-content { overflow-y: auto; } #ranking_grid div.k-grid-header, #ranking_product_grid div.k-grid-header { padding-right: 0 !important; } .ranking_component_group { background: white; margin-top: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); } .ranking_more_info_container { min-height: 230px; max-height: 230px; overflow: auto; } .disabled_element .chart_title_blk .edit_icon, .disabled_element.chart_title_blk .edit_icon { color: var(--ep-color-disabled-item); } .prorate_label { color: var(--ep-color-darkGray) !important; } @media screen and (min-width: 1830px) { .rank_blk { float: right; } } @media screen and (max-width: 1024px) { .ranking_blk_tab.k-button-group .k-button { max-width: 333px; } #more_specification_container { margin-bottom: 30px; } } @media screen and (max-width: 1880px) and (min-width: 1830px) { .ranking_blk_tab.k-button-group .k-button { max-width: 200px; } } @media screen and (max-width: 1829px) and (min-width: 1781px) { .ranking_blk_tab.k-button-group .k-button { max-width: 180px; } } @media screen and (max-width: 1450px) and (min-width: 1200px) { .rank_blk { width: 40%; } } #product_ranking_grid .k-virtual-scrollable-wrap tr td { height: 100px !important } #product_ranking_grid .k-grid-pager.k-pager-md .k-pager-info, .k-grid-pager.k-pager-sm .k-pager-info { display: block !important; } .product-ranking-search-blk { height: 45px; } .pr_search_type_wrap { float: left; /* border-radius: 3px; */ border-color: #d5d5d5; background: var(--ep-color-groupbox-header-background); height: 45px; margin-left: 5px; line-height: 30px; } .pr_search_type_wrap > .ep-generic-class { width: 44px; position: relative; min-height: 45px; margin: 0px; border-radius: unset; } .pr_search_type_wrap { md-input-container.md-input-has-value { margin: 0px !important; } } .pr_search_type_wrap > .ep-generic-class.ep-input-dropdown:after { content: ""; position: absolute; height: 100%; width: 1px; background: var(--ep-color-disabled-item); right: 0px; } .pr_search_type_wrap > .ep-generic-class .k-dropdown-wrap > .k-input { display: none; max-width: 0px; translate-z-index: 0; } .pr_search_type_wrap .fa-caret-down:before, .pr_search_type_wrap .k-i-arrow-60-down:before, .pr_search_type_wrap .k-i-arrow-s:before { content: "\F0232"; color: var(--ep-color-anotherBlue); } .pr_search_type_wrap .ep-generic-class.ep-input-dropdown span.k-input-inner { display: none; } .pr_search_type_wrap .ep-generic-class.ep-input-dropdown .k-input-button { right: 0; position: relative; top: 4px; } .pr_search_type_wrap .ep-generic-class .k-dropdownlist { border-bottom: none !important; position: relative; bottom: 6px; left: 5px; } .generic-grid-container span.product-ranking-search-blk.k-textbox.k-space-left { height: 45px; } .pr_search_type_wrap > .k-dropdown-wrap .k-state-hover { color: var(--ep-color-anotherBlue); } .pr_search_type_wrap .ep-generic-class .k-dropdown { border-bottom: 0px !important; } .pr_search_type_wrap .k-dropdown-wrap .k-select { position: absolute; right: 10px; } .pr_search_type_wrap > .k-dropdown-wrap.k-state-focused span.k-dropdown.md-input { border-bottom: 0px !important; } .product_ranking_item_search_wrap { float: right; width: calc(100% - 49px); } .product-ranking-filter-button { width: auto; height: 45px; font-size: 24px; } .transfer_main_container { width: 100%; height: 100%; background: transparent; position: relative; } .transfer_container { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .transfer_breadcrumb { position: relative; float: left; width: 100%; margin-bottom: 8px; } /*Transfer Number Seach Header ---- Start*/ .transfer_head { background: white; padding: 10px; margin: 0px 0px 8px 0px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); height: 66px; border-radius: 2px; float: left; width: 100%; } .transfer_search_wrap { position: relative; display: table; float: left; } .transfer_search_component { width: 300px; background: var(--ep-color-groupbox-header-background); height: 45px; float: left; } .transfer_search_component #transfer_number { width: 270px; background: var(--ep-color-groupbox-header-background); box-shadow: none; padding-left: 30px !important; border: none; height: 45px; line-height: 45px; } .transfer_item_search_wrap { float: right; width: calc(100% - 135px); } /*.transfer_search_component:before, .transfer_item_search_wrap #transfer_toolbar_search_tooltip .k-widget:before{*/ .transfer_search_component:before, .transfer_item_search_wrap #transfer_toolbar_search_tooltip .k-input:before { content: "\F0349"; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; z-index: 10; font-size: 24px; top: 14px; left: 5px; font-size: 24px; color: var(--ep-color-lightGray); } .transfer_item_search_wrap #transfer_toolbar_search_tooltip .k-input:before { top: 6px; } .transfer_item_search_wrap #transfer_toolbar_search_tooltip .k-input-inner { text-indent: 30px !important; } .transfer_search_component span.k-autocomplete span.k-font-icon.k-i-close { margin: 0px; } .transaction_related_elements { position: relative; float: left; /*width: 400px;*/ width: 40%; } .transfer_detail_wrap { position: relative; display: table; float: left; height: 22px; margin-left: 10px; /*width: calc(100% - 605px);*/ width: calc(100% - 450px); } .transfer_right_icons_wrap { position: absolute; right: 10px; } .transparent_buttons.transfer-advanced-search .mdi { font-size: 16px; margin-right: 5px; } .transparent_buttons.transfer-advanced-search { text-decoration: underline; line-height: 2.1; } /*Transfer Number Seach Header ---- End*/ /*Transfer posting grid, footer, right flyout --- start*/ /*Container---Start*/ .transfer_parent_wrapper { width: 100%; height: calc(100% - 123px); float: left; top: 124px; } .transfer_item_search_wrap span.k-input .k-input-inner { position: relative; height: 45px; padding: 0px; } .transfer_transaction_content_group { position: relative; width: 100%; height: 100%; overflow: hidden; } .transfer_detail { position: relative; width: 300px; line-height: 1.2; padding: 3px 0px; } .transfer_detail_store { position: relative; line-height: 1.2; padding: 3px 0px; } .transfer_label_text { font-family: Hind; font-size: 15px; color: #86898D; } .transfer_label_value { font-size: 15px; color: #F58220; font-weight: 600; } div#transfer_toolbar_search_tooltip, #transfer_toolbar_search_tooltip, #transfer_toolbar_search_tooltip > .k-input, .transfer_item_search_wrap, .transfer_item_search_wrap .k-input { height: 45px; } .transfer_right_icons_wrap .sliding-pane-icon { border: none; width: 45px; height: 45px; font-size: 35px; padding: 0px; background: transparent; position: relative; top: 6px; } .transfer-cost-readonly { margin-top: 0px; max-width: 120px; padding: 10px 0px 4px; } .transfer-cost-bold-font { font-weight: bold; text-align: center; } .transfer-rhs-source-container { height: calc(100% - 110px); overflow-y: auto; position: absolute; } .transfer-rhs-product-tab { width: 100% } .transfer-min-height-subtotal { min-height: 30px; } /*End*/ /*Grid, footer --start*/ div#transfer_draft_grid { height: 100% !important; border-radius: 4px; overflow: hidden; } #transfer_draft_grid > .k-grid-pager { display: none !important; } .transfer_transaction_container { position: absolute; width: calc(100% - 460px); height: 100%; transition: width 0.213s ease-in-out; } .transfer_sidebar_container.expanded { animation-name: slideInRight; } .transfer_transaction_container.expanded { width: 100%; } .transfer_sidebar_container.collapsed { left: calc(100% + 50px) } .transfer_sidebar_container.collapsed { animation-name: slideOutRight; } .transfer_grid_wrapper { position: absolute; height: calc(100% - 110px); width: 100%; background: white; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); border-radius: 2px; } .transfer_grid_header { position: absolute; width: 100%; height: 65px; padding: 10px; } .transfer_grid_main_menu { width: calc(100% - 350px); display: table; top: 0px; float: left; position: relative; max-width: 460px; } .transfer_menu_group { width: 100%; float: left; top: 0px; } .transfer_grid_header .default_soq { /* width:120px;*/ float: left; display: flex; flex-direction: column; /*flex-flow: row-reverse;*/ } .transfer_grid_header .default_soq label { margin: 0px; align-self: center; font-size: 14px; text-transform: uppercase; /* margin-top: 5px;*/ font-family: Hind; font-weight: 500; min-width: 52px; } .transfer_transaction_footer { position: absolute; top: calc(100% - 100px); height: 100px; width: 100%; background: white; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); border-radius: 2px; } /*item quantity component*/ .transfer_item_quantity_component { float: left; width: 140px; margin: 0px 5px; border-top: 1px solid var(--ep-color-secondary-btn); border-bottom: 1px solid var(--ep-color-secondary-btn); border-radius: 4px; } .transfer_item_quantity_input { width: 50px !important; float: left; margin: 0px !important; height: 45px !important; display: block; border-radius: 0px !important; } .transfer_item_quantity_input .k-numeric-wrap { height: 100%; text-align: center; } .transfer_icon_minus { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .transfer_icon_plus { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .transfer_icon_minus, .transfer_icon_plus { font-size: 24px; color: var(--ep-color-white); background: var(--ep-color-secondary-btn); /*height:43px;*/ } input.transfer_item_quantity_input.k-input-inner { text-align: center; padding: 0px !important; text-indent: 0px; } .transfer_main_grid_container { position: absolute; width: calc(100% - 20px); height: calc(100% - 125px); top: 115px; left: 10px; } .transfer_main_grid_container .ep-maintenance-grid .k-grid-footer { display: none } .transfer_item_quantity_component .item_quantity_input { height: 43px !important; box-shadow: none !important; margin: 0px !important; padding: 0px !important; border: none !important; text-align: center; outline: none !important; } .transfer_item_quantity_component button:focus, .transfer_item_quantity_component .item_quantity_input:focus, .transfer_item_price_component:focus { outline: 1px dashed var(--ep-color-anotherBlue) !important; } .transfer_item_price_component .price-text { font-size: 20px; color: var(--ep-color-orange); } .transfer_item_price_component .label-text { text-transform: uppercase; font-size: 12px; } .transfer_item_price_component.disabled { background: var(--ep-color-disabled-item) !important; color: var(--ep-color-white); } .transfer_item_price_component { width: 108px; height: 45px; background: var(--ep-color-groupbox-header-background); display: block; float: left; padding: 5px 10px; color: var(--ep-color-text-normal); margin: 0px; border-radius: 4px; border: none; cursor: initial; } /*item quantity component*/ .transfer_lin_item_group { position: absolute; width: 100%; left: 0px; top: 0px; bottom: 0px; height: 45px; margin: auto; } /*grid expand row*/ #transfer_draft_grid th.k-hierarchy-cell { display: none; } #transfer_grid .k-grid tr.k-master-row td { border-bottom-width: 1px !important; } #transfer_grid .k-grid tr.k-master-row.expanded-row td { border-bottom-width: 0 !important; } #transfer_grid .k-grid .k-hierarchy-cell, #transfer_grid .k-grid .k-hierarchy-col { display: none; } #transfer_draft_grid tr td.k-detail-cell { padding: 0 !important; } #transfer_grid .k-grid tr td.k-detail-cell { padding: 0px !important; } .k-grid tbody > tr.k-detail-row:hover { background-color: var(--ep-color-white); } /*end*/ .transfer_lin_item_group > .edit_note_blk { position: relative; color: var(--ep-color-anotherBlue); width: 100% !important; } .transfer_lin_item_group > .edit_note_blk:after { content: "" !important; } span.note_text_blk { padding-left: 3px; } .transfer_detail_blk .note_blk { width: calc(100% - 200px); overflow: hidden; display: inline-block; float: left; padding-left: 25px; } .transfer_detail_blk .note_blk:before { display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 18px; text-rendering: auto; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 5px; bottom: 17px; content: "\F014D"; color: var(--ep-color-anotherBlue); } .transfer_detail_blk .edt_btn { margin-left: auto; line-height: 2.2; } .note_blk div.ep-generic-class, .note_blk md-input-container { margin: 0; min-height: 32px; } .transfer_detail_blk .btn_blk { display: inline-block; width: 180px; float: left; margin-top: 10px; } .transfer_detail_blk .transparent_buttons.ep-button-primary { float: left; margin: 0 15px 0; padding: 0; width: auto; } .transfer_detail_note_blk .mdi:before { font-size: 18px !important; } .transfer_note_edit, .transfer_note_detail_blk { overflow: hidden; padding: 10px 0px; width: calc(100% - 70px) !important; position: relative; margin: 5px 35px; } .transfer_note_detail_blk { padding: 10px; background: var(--ep-grid-border); color: var(--ep-color-darkGray); font-size: var(--ep-banner-font-size); line-height: 1.2; } span.transfer_note_lbl { text-transform: uppercase; font-size: 13px; font-weight: 600 !important; font-family: Hind, sans-serif; float: left; padding: 0px 5px 0px 3px; color: var(--ep-color-lynch); } .transfer_item_search_wrap #transfer_toolbar_search_tooltip .k-widget:before { /*left: 45px;*/ } .transfer_item_search_wrap #transfer_toolbar_search_tooltip .k-input { /* text-indent: 75px!important;*/ } div#transfer_toolbar_search_tooltip { display: flex; } div#transfer_toolbar_search_tooltip > span.k-widget { padding-left: 0px; } .filter_button { position: absolute; z-index: 100; left: 0px; top: 0px; display: block; width: 37px; text-align: center; height: 44px; outline: none; color: #6d7b83; } .filter_button:hover, .has_value { color: var(--ep-color-anotherBlue); } .filter_button:after { content: ""; position: absolute; height: 80%; width: 1px; background: #e8e5e5; top: 10%; right: 0px; } .filter_button > span { position: relative; height: 0px; width: 17px; right: 0px; left: 0px; margin: auto; display: block; margin-top: 13px; bottom: 0px; } div#transfer_toolbar_search_tooltip { position: relative; height: 48px; top: 0px; padding: 0px; background: var(--ep-color-groupbox-header-background); } .transfer_item_search_wrap .k-input { position: absolute; margin: 0px; } .transfer_item_add_button { position: relative; width: 90px; float: left; margin: 0px 3px; } .transfer_item_add_button > .add_item_button { width: 85px; position: relative; margin: 0px; height: 45px; } .duplicate-item-header { float: left; line-height: 19px; } .duplicate-item-header md-input-container { margin: 0; } .draft-method-container { float: left; line-height: 19px; padding: 12px 0px 12px 0px; margin-right: 5px; } .duplicate-item-label, .overstock-item-label { display: inline-block; margin-top: 11px; } .transfer_banner:before { font-weight: 600; line-height: 2; padding-left: 20px; font-size: 15px; text-transform: uppercase; font-family: montserrat; } .transfer_banner:after { display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 18px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 10px; top: 8px; line-height: .9; } .transfer_banner { padding: 0px 10px; width: 100% !important; position: relative; margin: 3px 4px !important; border-radius: 2px !important; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; min-height: 25px; border: 0px solid var(--ep-grid-border); flex-wrap: wrap; padding-left: 30px; /*left: 30px;*/ float: left; background: var(--ep-grid-border); } .transfer_banner > i, .transfer_banner > .flex-parent > i { margin-left: -20px; } /*End*/ /*Footer section - Start*/ .send_request_section { position: absolute; right: 0px; width: 240px; height: 100%; text-align: right; } .footer_send_request_section { position: absolute; width: calc(100% - 245px); height: 100%; left: 10px; } .footer_total_section_label, .transfer_transaction_footer .footer_total_section_label { width: 175px; } .transfer_send_request_button { width: 240px; float: right; padding: 0px 10px; height: 45px; } .transfer_send_request_button .ep-button-primary { width: 220px; font-weight: 400 !important; font-size: 15px; padding: 10px 5px; height: 45px; min-width: 220px; line-height: 26px; } .transfer_send_request_button.pos_action_group .send_request_button .hotkey { vertical-align: inherit; } .search_type_container { position: absolute; width: 196px; font-size: 15px; font-family: Hind, sans-serif; font-stretch: 100%; font-style: normal; line-height: 26px; width: 190.672px; min-width: 190.672px; white-space: normal; height: auto; background-color: white; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3); padding: 0px; top: 45px; z-index: 100; } li.search_type_item { list-style-type: none; text-align: left; border-width: 1px; border-style: solid; border-color: transparent; padding: 0 4px; line-height: 1.8em; min-height: 1.8em; cursor: default; display: list-item; } li.search_type_item:focus, .filter_value_selected { background-color: var(--ep-color-anotherBlue) !important; border-color: var(--ep-color-paleGray) !important; color: var(--ep-color-white) !important; outline: 0px; } li.search_type_item:hover { background-color: var(--ep-color-disabled-item) !important; color: var(--ep-color-text-normal) !important; } ul.search_type_wrap { padding: 0px; margin: 0px; border-width: 0; outline: 0; font: inherit; text-decoration: none; height: auto; box-sizing: content-box; display: block; } .transfer_grid_submenu { position: relative; height: 50px; top: 0px; left: 0px; float: left; } .transfer-advanced-search { font-size: 12px !important; float: left; position: relative; width: auto; padding: 2px 10px !important; letter-spacing: -0.02em; height: 35px; margin-top: 10px !important; } .transfer-advanced-search-icon { font-size: 22px; line-height: 1.8; padding: 1px; margin-right: 2px; outline: none; } .transfer_grid_submenu .transfer-advanced-search { margin: 0px !important; } /*Footer -end*/ /*Right flyout ---start*/ .transfer_sidebar_container { position: absolute; width: 450px; height: 100%; right: 0px; background: white; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); border-radius: 2px; animation-duration: 0.213s; animation-fill-mode: both; top: 0px; } .transfer_sidebar_tab { position: absolute; width: 100%; height: calc(100% - 63px); } .transfer_sidebar_content_group > .transfer_sidebar_tab { padding: 0px; height: calc(100% - 48px); overflow: hidden; position: absolute; width: 100%; bottom: 0px; } .transfer_sidebar_content_group > .transfer_sidebar_tab .inherit-parent-height { overflow-y: auto; height: 100% !important; padding: 0px; } .transfer_sidebar_tab.transfer_fl_action_tab > [ng-repeat] { height: 45px; } .transfer_sidebar_tab.transfer_fl_action_tab > ng-switch { display: block; } .transfer_sidebar_tab.transfer_fl_action_tab > div { margin: 0px; } .transfer_sidebar_container md-nav-bar .md-button._md-nav-button { padding: 10px 0px 5px 0px !important; width: 110px !important; margin: 0px; min-width: 45px; } .transfer_fl_prod_desc { font-family: Hind, Medium; font-size: 14px; color: var(--ep-color-secondary-btn); display: table; padding: 0px 0px 10px 0px; height: 23px; } .transfer_fl_desc_wrapper { margin-left: -10px; } .transfer_fl_no_info { font-family: Hind, Medium; font-size: 11px; color: var(--ep-color-lightGray); text-align: center; position: absolute; right: 0px; left: 0px; top: 0px; bottom: 0px; margin: auto; height: 40px; border: 1px solid; line-height: 40px; display: inline-block; max-width: 90%; border-radius: 5px; border-color: var(--ep-color-lightGray); pointer-events: none; } .transfer-flyout-description-area { text-align: center; font-weight: bold; } .transfer-flyout-retail-price { font-size: 30px; color: var(--ep-color-orange); font-family: Hind, Semibold; font-weight: 600; height: 48px; width: 68px; } .transfer_fl_desc { background: var(--ep-grid-row-highlight-blue); font-family: Hind, Semibold; font-weight: 600; font-size: 16px; word-break: break-all; margin-bottom: 15px; height: 50px; padding: 15px 34px 11px 14px; text-align: left; border-left: 3px solid var(--ep-color-anotherBlue) !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--ep-color-secondary-btn); width: calc(100% - 10px); margin-left: 10px; } .transfer-flyout-button-row { text-align: center; position: absolute; bottom: 2px; right: 0; left: 0; height: 45px; } .transfer_viewer_image .image-preview-container { height: 160px !important; } .transfer_viewer_image .image-preview-description, .recommend_viewer_image .image-preview-description { display: none; } .transfer_viewer_image .image-preview-container { height: 160px !important; } .transfer_viewer_image .image-preview-description { display: none; } .transfer-flyout-button-row ul.k-button-group li { background-color: #ffffff; color: var(--ep-color-anotherBlue); border: 1px solid var(--ep-color-anotherBlue); } .transfer-flyout-button-row ul.k-button-group li.k-state-active { background-color: var(--ep-color-anotherBlue); color: var(--ep-color-white); } .transfer-flyout-button-row ul.k-button-group li.k-state-active:hover { border-color: var(--ep-color-anotherBlue); } .transfer-cost-coloumn-padding { padding-right: 11% !important; } .transfer-cost-bold-font { font-weight: bold; text-align: center; } .transfer-cost-total { margin-top: 0px; max-width: 120px; padding: 10px 0px; } .transfer-cost-container { padding: 10px 15px; transition: width 0.231s ease-in; width: 100%; } .transfer-cost-col-text { padding: 15px 0px; max-width: 120px; line-height: 9px; height: 30px; } .transfer-cost-col-text div.ep-generic-class { margin-bottom: 0; min-height: 30px; } .transfer-cost-col-text md-input-container { margin-top: 0; margin-bottom: 0; min-height: 30px; } .transfer-cost-col-text span.k-input, .transfer-cost-col-text span.k-widget .k-input { height: 27px; } .transfer-cost-col-text span.k-input .k-input-inner { height: 27px; font-size: 13px; padding-right: 11% !important; border-bottom: 1px solid var(--ep-color-unfocused-input); border-radius: 0px; min-height: 27px; } .transfer-actions-wrapper { position: relative; width: 100%; height: calc(100% - 0px); } .transfer-action-option-wrapper { position: relative; height: 100%; padding: 10px 0px; width: 100% !important; margin: 0px !important; } .transfer-action-options { height: calc(100% - 40px); overflow: hidden auto; position: relative; width: 100%; } .transfer_actions_btn { background-image: none; background-color: var(--ep-color-groupbox-header-background); padding: 10px; height: 80px; border-radius: 4px; border: 1px solid var(--ep-color-secondary-btn); box-shadow: 0px 1px 2px var(--ep-color-geryBlue); font-family: Montserrat, Medium; font-size: 12px; } @media screen and (max-width: 768px) { .transfer_actions_btn { margin-bottom: 10px; } } .transfer_actions_btn span { white-space: initial; } .transfer-validation-red { color: var(--ep-color-red); font-size: var(--ep-label-font-size); font-weight: 500; } /* Transfer Cart Starts */ .transfer_back_to_order .transparent_buttons { float: left; min-width: 330px; padding: 10px 0px; } .transfer_back_to_order_icon { font-size: 18px; color: var(--ep-color-anotherBlue); vertical-align: middle; cursor: pointer; } .transfer_multi_add_header { padding: 0px 10px 10px 0px; } .transfer_multi_add_title { font-size: 18px; font-family: Hind, SemiBold; font-weight: 600; color: var(--ep-color-text-normal); float: left; min-width: 330px; padding: 10px 15px; margin-top: 5px; clear: both; } .transfer_multi_item_grid { height: calc(100% - 250px) !important; } .transfer_multi_item_grid > div { height: 100%; } .transfer_multi_item_grid #transfer_multi_add_grid { height: 100% !important; } .transfer_multi_item_grid #transfer_multi_add_grid .k-grid-content { height: calc(100% - 110px) !important; } div#transferCartContentContainer.generic-grid-container { padding: 0px; width: 100%; position: absolute; height: 100%; left: 0px; } .transfer_multi_add_footer { position: absolute; bottom: 0px; width: 100%; height: 65px; padding: 10px 0px; } /* Transfer Cart Ends */ .transfer_to_text { padding: 5px; border: 1px solid var(--ep-input-border); margin-bottom: 10px; } /*End*/ /*End*/ @media screen and (max-width: 1175px) { .transfer_item_quantity_component.calculator { width: 155px; margin: 0px 5px; float: right; border: 1px solid; width: 108px; } .transfer_sidebar_container md-nav-bar .md-button._md-nav-button { padding: 10px 0px 5px 0px !important; width: 75px !important; margin: 0px; min-width: 45px; } .transfer_sidebar_container { width: 320px; } .transfer_grid_main_menu { width: calc(100% - 260px); position: relative; float: left; top: 0px; left: 0px; } .transfer_menu_group { height: 50px; width: 100%; position: relative; float: left; } .transfer_grid_header { position: relative; height: 125px; display: block; } .transfer_item_search_wrap { /*width: calc(100% - 66px);*/ width: calc(100% - 135px); position: relative; /*margin-right: -30px;*/ max-width: 700px; } .transfer_grid_submenu { position: relative; top: 0px; } .transfer_transaction_container.expanded .transfer_grid_main_menu { width: calc(100% - 90px); max-width: 575px; } .transfer_transaction_container.collapsed .pos_action_label { display: none; } .transfer_transaction_container.collapsed .pos_action_group button.ep-button-secondary { width: 45px !important; } .transfer_transaction_container.expanded .transaction_related_elements { width: 350px; position: relative; float: right; } .transfer_transaction_container.collapsed .transaction_related_elements { width: 259px; position: relative; float: right; } .transfer_transaction_container.expanded .transfer_item_quantity_component { margin: 0px 5px; } .transfer_transaction_container.expanded .transfer_item_price_component { margin: 0px 0px; } .transfer_item_price_component { margin: 5px 3px; } .transfer_transaction_container.expanded .add_item_button { margin: 0px 5px; } .transfer_transaction_container.expanded .transfer_item_quantity_component { float: left; } .transfer_transaction_container { width: calc(100% - 330px); } .transaction_related_elements { width: 259px; position: relative; float: right; } .transfer_item_quantity_component { float: right; margin: 0px 50px 0px 5px; } .transfer_grid_wrapper { height: calc(100% - 100px); } .transfer_transaction_footer { top: calc(100% - 90px); height: 90px; } /*.transfer_detail{*/ /* width: 250px;*/ /* }*/ .transfer_search_component { width: 200px; } /*------------*/ .transfer_search_component #transfer_number { width: calc(100% - 30px); } .footer_total_section_label, .transfer_transaction_footer .footer_total_section_label { width: 120px; } .receiving_footer .footer_total_section_label { width: 110px !important; } .transfer_send_request_button .ep-button-primary { width: 200px; min-width: 200px; } /*Picker*/ .ship_request { padding: 0px 8px; } .ship_request .ep-button-primary { width: 180px; min-width: 180px; } .footer_label_small_screen { display: none; } .big_screen { display: block; } .last_footer_row { bottom: 7px; } .last_footer_row.picking_footer { bottom: 20px; } } /*Picker-----Start*/ .picker_main_grid_container { position: absolute; width: calc(100% - 20px); height: calc(100% - 30px); top: 15px; left: 10px; } #transfer_picking_grid > .k-grid-pager, #transfer_receiver_grid > .k-grid-pager { display: none !important; } #search_item_form .transfer_item_search_wrap { /* width: calc(100% - 250px);*/ width: calc(100% - 150px); float: left; border-radius: 3px; border-color: #d5d5d5; background: var(--ep-color-groupbox-header-background); } .serial_num_link { float: left !important; } button.ep-button-primary.transparent_buttons.serial_num_link { padding: 0px !important; margin: 0px !important; } input.picker_item_search { height: 44px; width: calc(100% - 37px); /* margin-left: 37px;*/ border: none; background: var(--ep-color-groupbox-header-background); } input.picker_item_search:focus, input.picker_item_search:hover { border: none; box-shadow: none; background: var(--ep-color-groupbox-header-background); } span.picked_qty_uom { margin: 22px 10px; } .ship_finalize_blk { background-color: #F3F4F4; margin-left: 0px; margin-top: 0px; width: 100%; height: 100%; position: absolute; top: 0px; min-width: 1024px; z-index: 111; left: 0; } .ship_receipt_blk { height: 100%; overflow-y: auto; border-right: 1px solid #E5E5E5; padding: 15px 10px 10px; background-color: var(--ep-color-white); } .ship_right_container { max-width: 600px; padding: 30px 70px; margin: auto; position: relative; top: 50px; z-index: 100; background-color: var(--ep-color-white); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px, rgba(0, 0, 0, 0.05) 0px 2px 3px; } .ship_right_container .icon_block { width: 40px; height: 40px; background: var(--ep-color-yellow); position: relative; float: left; } .ship_right_container .icon_block::before { font-size: 22px; color: var(--ep-color-white); position: absolute; right: 0px; left: 0px; top: 0px; bottom: 0px; margin: auto; text-align: center; width: 24px; height: 24px; line-height: 24px; } .big_screen { display: none; } /*Picker-----End*/ .transfer_search_type_wrap { float: left; /* border-radius: 3px; */ border-color: #d5d5d5; background: var(--ep-color-groupbox-header-background); height: 48px; margin-left: 5px; line-height: 30px; } .transfer_search_type_wrap > .ep-generic-class { width: 44px; position: relative; min-height: 45px; margin: 0px; border-radius: unset; } .transfer_search_type_wrap > .ep-generic-class.ep-input-dropdown:after { content: ""; position: absolute; height: 100%; width: 1px; background: var(--ep-color-disabled-item); right: 0px; } .transfer_search_type_wrap > .ep-generic-class .k-dropdown-wrap > .k-input { display: none; max-width: 0px; translate-z-index: 0; } .transfer_search_type_wrap .fa-caret-down:before, .transfer_search_type_wrap .k-i-arrow-60-down:before, .transfer_search_type_wrap .k-i-arrow-s:before { content: "\F0232"; color: var(--ep-color-anotherBlue); } .transfer_search_type_wrap .k-svg-i-caret-alt-down svg { display: none; } .transfer_search_type_wrap .k-svg-i-caret-alt-down:before { content: "\F0232"; color: var(--ep-color-anotherBlue); } .transfer_search_type_wrap .k-svg-i-caret-alt-down { display: inline-block; font: normal normal normal 24px / 1 "Material Design Icons"; font-size: 20px !important; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; position: absolute; bottom: 8px !important; right: 0 !important; } .transfer_search_type_wrap > .k-dropdown-wrap .k-state-hover { color: var(--ep-color-anotherBlue); } .transfer_search_type_wrap md-input-container.md-input-has-value { margin: 0px !important; } .transfer_search_type_wrap .ep-generic-class .k-dropdown { border-bottom: 0px !important; } .transfer_search_type_wrap .k-dropdown-wrap .k-select { position: absolute; right: 10px; } #search_type-list { width: 200px !important; box-shadow: 0 2px 3px #00000029 !important; } .transfer_search_type_wrap > .k-dropdown-wrap.k-state-focused span.k-dropdown.md-input { border-bottom: 0px !important; } .ship_receipt_blk .no-border th:not(.no-border) { border-top: 1px solid black; } #transfer_picking_grid .ep-background-danger-red a, #transfer_picking_grid .ep-background-green a, #transfer_receiver_grid .ep-background-danger-red a, #transfer_receiver_grid .ep-background-green a, #po_grid .ep-background-danger-red a, #po_grid .ep-background-green a { color: var(--ep-color-white) !important; } /* Transfer history / detail -start */ .transfer_history_note { height: 165px; overflow-y: auto; } .tr_history_details_blk { height: 100%; overflow-y: auto; } .tr_history_detail_right_layer { height: 100%; overflow-y: auto; border-right: 1px solid #E5E5E5; } /* Transfer history / detail -End */ /*Transfer - Receipt Section --- Start * Specific css for transfer receipts. */ .transfer_receipt_container .receipt_container h1 { font-size: 16pt; } .transfer_receipt_container .receipt_container h2 { font-size: 13pt; } .transfer_receipt_container .receipt_container h3 { font-size: 12pt; } .transfer_receipt_container .receipt_container h4 { font-size: 10pt; } .transfer_receipt_container .receipt_container tr.alt { font-size: 75% } .transfer_receipt_container .receipt_container table { border-collapse: collapse; width: 100%; } .transfer_receipt_container .receipt_container table, .transfer_receipt_container .receipt_container th, .transfer_receipt_container .receipt_container td { border: 1px solid black; padding: 2px; font-family: 'Open Sans', sans-serif; font-size: 8pt; font-weight: 600; text-align: center; } .transfer_receipt_container .receipt_container thead tr td { font-family: 'Open Sans', sans-serif; font-size: 8pt; font-weight: 300; text-align: center; } .transfer_receipt_container .receipt_container tbody tr td { font-family: 'Open Sans', sans-serif; font-size: 8pt; font-weight: 300; text-align: center; } .transfer_receipt_container .receipt_container th, .transfer_receipt_container .receipt_container tr { page-break-inside: avoid } .transfer_receipt_container .receipt_container .no-border { border: 0px; } .transfer_receipt_container .receipt_container .bolded { font-size: 12pt; font-weight: 600; } .transfer_receipt_container .receipt_container .big_bolded { font-size: 15pt; font-weight: 600; text-decoration: underline; } .transfer_receipt_container .receipt_container .title_bolded { font-size: 18pt; font-weight: 600; } .transfer_receipt_container .receipt_container .underline { text-decoration: underline; } .transfer_receipt_container .receipt_container .align-left { text-align: left; } .transfer_receipt_container .receipt_container .align-right { text-align: right; } .transfer_receipt_container .receipt_container .line-break { white-space: pre-line; } .transfer_receipt_container .receipt_container tbody tr td ul li { list-style: none; } /*Transfer - Receipt Section --- End*/ #transfer_toolbar_search_tooltip .k-input { border: 0; display: inherit; background: var(--ep-color-groupbox-header-background); box-shadow: none; outline: 0; width: 100%; } .transfer_search_type_wrap .ep-generic-class.ep-input-dropdown .k-input-button { right: 0; position: relative; top: 4px; } .transfer_search_type_wrap .ep-generic-class.ep-input-dropdown span.k-input-inner { display: none; } .transfer_search_type_wrap md-input-container .md-input { border: 0; } .transfer_search_type_wrap .ep-generic-class .k-dropdownlist { border-bottom: none !important; } .transfer-summary-total-container{ cursor:pointer; width: max-content; display: flex; flex-direction: row; justify-content: center; align-items: center; height: 32px; padding: 7px 8px; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.24); background: #FFFFFF; } .currency-text { font-weight:600; } .order_point_search_type_wrap { float: left; /* border-radius: 3px; */ border-color: #d5d5d5; background: var(--ep-color-groupbox-header-background); height: 45px; margin-left: 5px; line-height: 30px; } .div.op_grid_blk { min-height: 447px; } .order_point_search_type_wrap > .ep-generic-class { width: 44px; position: relative; min-height: 45px; margin: 0px; border-radius: unset; height:45px; } .order_point_search_type_wrap > .ep-generic-class.ep-input-dropdown:after { content: ""; position: absolute; height: 100%; width: 1px; background: var(--ep-color-disabled-item); right: 0px; } .order_point_search_type_wrap > .ep-generic-class .k-dropdown-wrap > .k-input { display: none; max-width: 0px; translate-z-index: 0; } .order_point_search_type_wrap .fa-caret-down:before, .order_point_search_type_wrap .k-i-arrow-60-down:before, .order_point_search_type_wrap .k-i-arrow-s:before { content: "\F0232"; color: var(--ep-color-anotherBlue); } .order_point_search_type_wrap .ep-generic-class.ep-input-dropdown span.k-input-inner { display: none; } .order_point_search_type_wrap .ep-generic-class.ep-input-dropdown .k-input-button { right: 0; position: relative; top: 4px; } .order_point_search_type_wrap > .k-dropdown-wrap .k-state-hover { color: var(--ep-color-anotherBlue); } .order_point_search_type_wrap .ep-generic-class .k-dropdownlist { border-bottom: none !important; position: relative; bottom: 7px; left: 5px; } .order_point_search_type_wrap md-input-container.md-input-has-value { margin: 0px !important; } .order_point_search_type_wrap .ep-generic-class .k-dropdown { border-bottom: 0px !important; } .generic-grid-container span.order-point-search-blk.k-textbox.k-space-left { height: 45px; } .order_point_search_type_wrap .k-dropdown-wrap .k-select { position: absolute; right: 10px; } .order_point_search_type_wrap > .k-dropdown-wrap.k-state-focused span.k-dropdown.md-input { border-bottom: 0px !important; } .order_point_item_search_wrap { float: right; width: calc(100% - 49px); } .order-point-filter-button { width: auto; height: 45px; font-size: 24px; } .order-point-save-btn { border-radius: 0px; height: 32px; border: none; cursor: pointer; display: inline; letter-spacing: 1px; font-size: 16px; padding: 10px; line-height: 1.1; -webkit-box-sizing: initial; box-sizing: initial; text-align: center; position: relative; transition: 0.3s; } .order-point-run-now-width { width: 256px; } .order-point-component-group { background: white; margin-top: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); } .order-point-search-blk { height: 45px; } .order-point-flag-label { color: var(--ep-color-darkGray) !important; } .add-edit-plan-title { font-size: 16px; font-weight: 600; color: var(--ep-color-text-normal); padding: 0px 15px; margin-bottom: 10px; } .order-point-config-word-wrap { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .order-point-config-heading { font-size: 16px; font-family: Montserrat, Regular; color: var(--ep-color-secondary-btn); } .order-point-config-side-bar-border { border-bottom: 1px solid var(--ep-grid-border); padding-top: 5px; } .order-point-config-detail { font-weight: 600; font-size: 16px; min-height: 16px; } .order-point-side-bar-content { padding: 10px 0px 10px 0px; width: 100%; height: 100%; overflow-y: auto; } .main-order-point-content-wrapper { border-radius: 5px; border: 0px solid #ffffff; margin: 7px -15px 0px -15px; padding: 0 15px; height: calc(100% - 43px); overflow-y: auto; } .order-point-toolbar { background-color: #FFFFFF; padding-top: 0; padding-bottom: 0; border-radius: 2px; border: 1px solid #fff; border-bottom: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); } .order-point-main-content-report { display: flex; width: 100%; height: calc(100% - 65px); } .order-point-side-bar { display: inline-block; background: white; margin: 10px -15px 0px -15px; border-radius: 5px; width: 365px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); transition: width 0.4s ease-out; } .order-point-side-bar.collapsed { width: 42px; } .order-point-side-bar.collapsed .side-bar-button { position: relative; right: 5px; } @media screen and (max-width: 1024px) { .order-point-side-bar { width: 280px; } .op-rule-list { width: calc(100% - 256px); } .order-point-run-now-width { width: 215px; } } /* Tooltip -grid view -start */ .order_point_tooltip { overflow-y: auto; max-height: 230px; height: auto; } .order_point_tooltip .k-tooltip-content { width: 85%; } .order_point_tooltip .k-tooltip-content li { list-style-type: none; text-align: left; font-size: 13px; font-weight: 600; letter-spacing: 0px; color: #112F41; } .order_point_tooltip .k-tooltip-content ul { padding: 5px; } .op_column_tooltip { cursor: pointer; color: var(--ep-color-blue); } .op_column_tooltip a { text-decoration: none; } /*End*/ /*OP Rule - Start*/ .op-rule-list { display: inline-block; background: white; margin: 10px -15px 0px 20px; border-radius: 5px; width: calc(100% - 320px); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); transition: width 0.4s ease-out; } .op-rule-list.expanded { width: calc(100% - 19px); } .op-rule-list.collapsed { width: calc(100% - 253px); } .op-rule-heading-plan-text { display: inline-block; font-weight: normal; padding-left: 23px; color: var(--ep-color-disabled-item); } .order-point-ranking-wrapper { max-height: 660px; } .order-point-ranking { max-height: 660px; overflow-y: auto; height: 630px; } .order-point-copy-ranking { max-height: 300px; overflow-y: auto; height: 300px; } .op_rule_attr_days { padding: 0px 5px 5px 5px; color: var(--ep-color-dimGray); } .op_rule_attr_days2 { padding: 0px 5px 5px 5px; color: var(--ep-color-dimGray); top: 23px; } .rule_method_group_line { border: 1px solid var(--ep-color-unfocused-input); } .rules_container { height: calc(100% - 40px); overflow-y: auto; } .rule-grid-container { position: relative; height: 100%; width: 100%; } .order-point-rule-component-group { background: white; margin-top: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); position: relative; height: 100%; } .order_pt_run_blk { text-align: center; } .rule_items_include { overflow: hidden; } .rule_item_include_link > a { cursor: pointer; } .rule_item_include_link > a:hover, .rule_item_include_link > a:focus { text-decoration: none; } .rule_item_include_link { font-size: 13px; font-family: Montserrat, Medium; color: var(--ep-color-anotherBlue); outline: 0; font-weight: 600; } .new_items_separator { padding: 0px 0px 5px 0px; text-align: center; font-weight: 600; font-size: 13px; } .op-detail-nav-element { position: absolute; right: 10px; top: 0px; } .op_rule_method_container { max-height: 409px; } .op_rule_header { height: 39px; } .rule_tags_wrapper { max-height: 220px; } .op_rule_footer_buttons { bottom: 0px; height: 45px; /*padding: 10px 0px*/ } /*OP Rule - End*/ .oder_pt_det_plan .ep_read_only_label, .oder_pt_det_plan .ep_read_only_label_value { display: inline-block; float: left; margin-right: 5px; } .main-sales-forecast-content-wrapper { border-radius: 5px; border: 0px solid #ffffff; margin: 7px -15px 0px -15px; padding: 0 15px; height: calc(100% - 43px); overflow-y: auto; } .sales-forecast-toolbar { background-color: #FFFFFF; padding-top: 0; padding-bottom: 0; border-radius: 2px; border: 1px solid #fff; border-bottom: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); } .sales-forecast-side-bar { display: inline-block; background: white; margin: 10px -15px 0px -15px; border-radius: 5px; width: 365px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); transition: width 0.4s ease-out; } .sales-forecast-side-bar.collapsed { width: 42px; } .sales-forecast-side-bar.collapsed .side-bar-button { position: relative; right: 5px; } @media screen and (max-width: 1024px) { .sales-forecast-side-bar { width: 280px; } .sales-forecast-run-now-width { width: 215px; } .forecasting-rule-list { width: calc(100% - 256px); } .rule_date_wrapper .ep-numeric-textbox { width: 100%; } .rule_date_wrapper { min-width: 187px; width: 187px !important; } .forecast_rule_period_grid .k-grid-content { height: 480px !important; } } .sales-forecast-main-content-report { display: flex; width: 100%; height: calc(100% - 65px); } .sales-forecast-side-bar-content { padding: 10px 0px 10px 0px; width: 100%; height: 100%; overflow-y: auto; } .sales-forecast-config-heading { font-size: 16px; font-family: Montserrat, Regular; color: var(--ep-color-secondary-btn); } .sales-forecast-config-side-bar-border { border-bottom: 1px solid var(--ep-grid-border); padding-top: 5px; } .sales-forecast-text-overflow { overflow: hidden; text-overflow: ellipsis; } .sales-forecast-config-detail { font-weight: 600; font-size: 16px; min-height: 16px; } .sales-forecast-config-word-wrap { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .sales-forecast-run-blk { text-align: center; } .sales-forecast-run-now-width { width: 256px; } .sales_forecast_reordercontent { display: inline-block !important; } .sales_forecast_search_type_wrap { float: left; /* border-radius: 3px; */ border-color: #d5d5d5; background: var(--ep-color-groupbox-header-background); height: 45px; margin-left: 5px; line-height: 30px; } .sales_forecast_search_type_wrap > .ep-generic-class { width: 44px; position: relative; min-height: 45px; margin: 0px; border-radius: unset; height:45px; } .sales_forecast_search_type_wrap > .ep-generic-class.ep-input-dropdown:after { content: ""; position: absolute; height: 100%; width: 1px; background: var(--ep-color-disabled-item); right: 0px; } .sales_forecast_search_type_wrap > .ep-generic-class .k-input-inner { display: none; } .sales_forecast_search_type_wrap > .ep-generic-class .k-input-button { border: none; } .sales_forecast_search_type_wrap .fa-caret-down:before, .sales_forecast_search_type_wrap .k-i-arrow-s:before { content: "\F0232"; color: var(--ep-color-anotherBlue); } .sales_forecast_search_type_wrap > .k-dropdown-wrap .k-state-hover { color: var(--ep-color-anotherBlue); } .sales_forecast_search_type_wrap md-input-container.md-input-has-value { margin: 0px !important; } .sales_forecast_search_type_wrap .ep-generic-class .k-dropdown { border-bottom: 0px !important; } .sales_forecast_search_type_wrap .ep-generic-class .k-dropdownlist { position: absolute; bottom: 2px; border: none !important; } .sales_forecast_search_type_wrap > .k-dropdown-wrap.k-state-focused span.k-dropdown.md-input { border-bottom: 0px !important; } .sales-forecast-component-group { background: white; margin-top: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); } .sales-forecast-search-blk { height: 45px !important; } .sales-forecast-filter-button { width: auto; height: 45px; font-size: 24px; } .sales-forecast-flag-label { color: var(--ep-color-darkGray) !important; } .sales_forecast_item_search_wrap { float: right; width: calc(100% - 49px); border-left: 1px solid var(--ep-button-border); } .sales-forecast-save-btn { border-radius: 0px; height: 32px; border: none; cursor: pointer; display: inline; letter-spacing: 1px; font-size: 16px; padding: 10px; line-height: 1.1; -webkit-box-sizing: initial; box-sizing: initial; text-align: center; position: relative; transition: 0.3s; } @media screen and (max-width: 1200px) { .forecast-item-qty-float { float: none !important; } } /*Forecasting Rule - Start*/ .forecasting-rule-list { display: inline-block; background: white; margin: 10px -15px 0px 20px; border-radius: 5px; width: calc(100% - 320px); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); transition: width 0.4s ease-out; } .forecasting-rule-list.expanded { width: calc(100% - 19px); } .forecasting-rule-list.collapsed { width: calc(100% - 253px); } .forecast_rules_container { height: calc(100% - 40px); overflow-y: auto; } .forecast_rule_grid_container { position: relative; height: 100%; width: 100%; } /*.forecast_rule_grid_container_new { position: relative; width: 100%; }*/ .forecast_rules_container_new { height: 100%; overflow-y: auto; } .fc_plan_title { font-size: 16px; font-weight: 600; color: var(--ep-color-text-normal); padding: 0px 15px; } .forecast-ranking-wrapper_edit { max-height: 300px !important; } .forecast-ranking-wrapper { max-height: 350px; /* position: absolute; */ height: 350px; overflow-y: hidden; } .forecast-ranking { /* max-height: 260px; */ overflow-y: auto; height: calc(100% - 30px); /* position: absolute; */ } .rule_date_wrapper > span.k-datepicker { width: 40px; margin-top: 15px; color: var(--ep-color-anotherBlue); display: flex; align-items: center; justify-content: center; border: none; } .rule_date_wrapper .ep-numeric-textbox { width: calc(100% - 60px); } .forecast_rule_date_label { font-size: 14px; font-weight: 400; color: var(--ep-color-anotherBlue); outline: none; } .rule_separator_line { border: 1px solid var(--ep-color-unfocused-input); width: 98%; } .rule_date_wrapper { min-width: 107px; display: flex; /*width: 130px;*/ } .forecast_rule_period_grid .k-grid-content { /*max-height: 480px;*/ height: 475px; } .forecast_rule_period_grid.grid_in_edit .k-grid-content { height: 435px; } .date_range_label { font-weight: 600; margin-bottom: 8px; } .rule_date_wrapper span.k-font-icon.k-i-calendar { color: var(--ep-color-anotherBlue) } /*Forecasting Rule - End*/ /*--Add period screen--*/ .period_screen_title { font-size: 16px; font-weight: 600; color: var(--ep-color-text-normal); padding: 20px 15px; } .period_column_title { text-align: center; padding: 10px; font-size: 15px; font-weight: 600; color: var(--ep-color-darkGray); } .period_numeric_label { width: 55px; float: left; padding: 10px 3px; color: var(--ep-color-darkGray); } .period_weight_label { right: 70px; position: relative; } .period_wt_input { position: absolute; left: 69px; } .period_separator { margin-top: 10px; margin-bottom: 10px; } .specific_period_container { display: flex; } .period_weight_container { display: flex; align-items: center; justify-content: center; } .look_label { font-weight: normal; margin-bottom: 2px; font-size: var(--ep-label-font-size); color: var(--ep-color-darkGray); line-height: 1.2; } /*--End-*/ /*item quantity component*/ .forecast_item_quantity_component { float: left; width: 140px; margin: 0px 5px; border-top: 1px solid var(--ep-color-secondary-btn); border-bottom: 1px solid var(--ep-color-secondary-btn); border-radius: 4px; } .fc_item_quantity_input { width: 50px !important; float: left; margin: 0px; height: 45px !important; display: block; border-radius: 0px !important; } .fc_item_quantity_input .k-numeric-wrap { height: 100%; text-align: center; } .forecast_icon_minus { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .forecast_icon_plus { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } input.fc_item_quantity_input.k-input { text-align: center; padding: 0px !important; text-indent: 0px; } .forecast_icon_minus, .forecast_icon_plus { font-size: 24px; color: var(--ep-color-white); background: var(--ep-color-secondary-btn); height: 43px; } .forecast_item_quantity_component .fc_item_quantity_input { height: 43px !important; box-shadow: none !important; margin: 0px !important; padding: 0px !important; border: none !important; text-align: center; outline: none !important; } /*item quantity component*/ /* unusual sales unit - start */ input.templInput { width: 70px; height: 35px; display: block; margin: auto; MARGIN-top: 5px; border-radius: 4px; border-color: lightgray; border-width: 1px; border: solid 1px lightgray; text-align: center; font-size: 18px; } input.templInput:focus { border-color: #0091EA; background-color: #F8FDFF; outline: transparent; border-radius: 4px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } strong.custom { margin: auto; display: table; font-size: 20px; font-family: Hind, Regular; height: 10px; margin-top: 4px; } button.k-button.k-nav-today { color: #0091EA !important; font-family: Montserrat, Medium; font-size: 15px; border: none !important; box-shadow: none !important; background-image: none !important; outline: none; background-color: transparent !important; } button.k-button.k-button-icon.k-icon-button.k-nav-prev, button.k-button.k-button-icon.k-icon-button.k-nav-next { background-color: transparent; border: none; color: #0091EA; margin-left: 5px; background-image: none; box-shadow: none; } a.k-nav-current { color: #0091EA !important; margin-left: 15px; font-size: 15px; font-family: montserrat, medium; } .k-scheduler-toolbar.k-toolbar { background-color: #F3F4F4; } .k-scheduler-header.k-state-default { color: #0091EA; font-size: 15px; font-family: Montserrat, Medium; } .k-scheduler ::selection { background-color: #0091EA !important; } .k-scheduler-content { border: 1px solid #DCE4E8; } .k-scheduler-header.k-state-default { border: 1px solid #DCE4E8; border-bottom: transparent; } .k-calendar .k-state-selected .k-link { border-color: #0091EA !important; color: #fff !important; background-color: #0091EA !important; } .k-calendar .k-calendar-header .k-today, .k-calendar .k-footer .k-nav-today { color: #0091EA; } .scheduler .k-event { display: none !important; } .k-scheduler .k-scheduler-table th { box-sizing: content-box; text-align: center; font-family: montserrat, Medium; font-size: 15px; font-weight: 500; } .scheduler .k-scheduler-toolbar > ul > li { border: none; } .scheduler .k-scheduler-toolbar > ul li, .k-scheduler-toolbar > ul li:first-child, .k-scheduler-toolbar > ul li:first-child, .k-scheduler-toolbar > ul li:first-child .k-link, .k-scheduler-toolbar .k-nav-next, .k-scheduler-toolbar ul + ul li:last-child, .k-scheduler-toolbar .k-nav-next .k-link, .k-scheduler-toolbar .k-nav-prev .k-link, .k-scheduler-toolbar ul + ul li:last-child .k-link { border-radius: 0; background: transparent; color: var(--ep-color-anotherBlue); font-family: Montserrat, Medium; font-size: 15px; } .scheduler .k-scheduler .k-header .k-link { color: var(--ep-color-anotherBlue); background: transparent !important; opacity: 1; cursor: default; font-weight: 500; box-shadow: none; } .scheduler .k-scheduler-table .k-today { background-color: var(--ep-color-geryBlue); } .scheduler span.k-font-icon.k-i-arrow-60-right:before { content: "\F0142"; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 24px; color: var(--ep-color-anotherBlue); } .scheduler span.k-font-icon.k-i-arrow-60-left:before { content: "\F0141"; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 24px; color: var(--ep-color-anotherBlue); } .k-scheduler .k-header .k-link { color: var(--ep-color-anotherBlue); background: transparent !important; cursor: pointer; } .scheduler.k-scheduler .k-scheduler-toolbar ul li.k-state-hover { background-color: transparent !important; border-color: transparent !important; } .scheduler a.k-link.k-scheduler-refresh { display: none; } table.k-scheduler-table.k-scheduler-table-auto tr { height: 85px !important; } .k-floatwrap.k-header.k-scheduler-toolbar { background-color: #F3F4F4; } .k-scheduler-monthview .k-scheduler-content { overflow-y: auto; } .scheduler .k-scheduler-header.k-state-default { padding-right: 0px !important; } .unusual_sales_units_label_header { font-family: Montserrat, SemiBold; font-size: 15px; color: #112F41; font-weight: 600; } .unusual_sales_units_label_sub_header { font-family: Hind, Regular; font-size: 15px; color: #112F41; } /* unusual sales unit - end */ .main-suggested-order-content-wrapper { border-radius: 5px; border: 0px solid #ffffff; margin: 7px -15px 0px -15px; padding: 0 15px; height: calc(100% - 43px); } .suggested-order-toolbar { background-color: #FFFFFF; padding-top: 0; padding-bottom: 0; border-radius: 2px; border: 1px solid #fff; border-bottom: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); } .suggested-order-side-bar { display: inline-block; background: white; margin: 10px -15px 0px -15px; border-radius: 5px; width: 365px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); transition: width 0.4s ease-out; } .suggested-order-side-bar.collapsed { width: 42px; } .suggested-order-side-bar.collapsed .side-bar-button { position: relative; right: 5px; } @media screen and (max-width: 1024px) { .suggested-order-side-bar { width: 280px; } .suggested-order-run-now-width { width: 215px; } .suggested_ordering-rule-list { width: calc(100% - 256px); } .rule_date_wrapper { min-width: 107px; width: 107px !important; } .so-ranking-wrapper { max-height: 300px !important; height: 300px !important; } .so-ranking { overflow-y: auto; height: 270px !important; } .supplier_minimum { margin-bottom: 10px !important; } } .suggested-order-main-content-report { display: flex; width: 100%; height: calc(100% - 65px); } .suggested-order-side-bar-content { padding: 10px 0px 10px 0px; width: 100%; height: 100%; overflow-y: auto; } .suggested-order-config-heading { font-size: 16px; font-family: Montserrat, Regular; color: var(--ep-color-secondary-btn); } .suggested-order-config-side-bar-border { border-bottom: 1px solid var(--ep-grid-border); padding-top: 5px; } .suggested-order-text-overflow { overflow: hidden; text-overflow: ellipsis; } .suggested-order-config-detail { font-weight: 600; font-size: 16px; min-height: 16px; } .suggested-order-config-word-wrap { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .suggested-order-run-blk { text-align: center; } .suggested-order-run-now-width { width: 256px; } .suggested_order_reordercontent { display: inline-block !important; } .suggested_order_search_type_wrap { float: left; /* border-radius: 3px; */ border-color: #d5d5d5; background: var(--ep-color-groupbox-header-background); height: 45px; margin-left: 5px; line-height: 30px; } .suggested_order_search_type_wrap > .ep-generic-class { width: 44px; position: relative; min-height: 45px; margin: 0px; border-radius: unset; } .suggested_order_search_type_wrap > .ep-generic-class.ep-input-dropdown:after { content: ""; position: absolute; height: 100%; width: 1px; background: var(--ep-color-disabled-item); right: 0px; } .suggested_order_search_type_wrap > .ep-generic-class .k-dropdown-wrap > .k-input { display: none; max-width: 0px; translate-z-index: 0; } .suggested_order_search_type_wrap .fa-caret-down:before, .suggested_order_search_type_wrap .k-i-arrow-60-down:before, .suggested_order_search_type_wrap .k-i-arrow-s:before { content: "\F0232"; color: var(--ep-color-anotherBlue); } .suggested_order_search_type_wrap .ep-generic-class.ep-input-dropdown span.k-input-inner { display: none; } .suggested_order_search_type_wrap .ep-generic-class.ep-input-dropdown .k-input-button { right: 0; position: relative; top: 4px; } .suggested_order_search_type_wrap .ep-generic-class .k-dropdownlist { border-bottom: none !important; position: relative; bottom: 6px; left: 5px; } .generic-grid-container span.suggested-order-search-blk.k-textbox.k-space-left { height: 45px; } .suggested_order_search_type_wrap > .k-dropdown-wrap .k-state-hover { color: var(--ep-color-anotherBlue); } .suggested_order_search_type_wrap md-input-container.md-input-has-value { margin: 0px !important; } .suggested_order_search_type_wrap .ep-generic-class .k-dropdown { border-bottom: 0px !important; } .suggested_order_search_type_wrap .k-dropdown-wrap .k-select { position: absolute; right: 10px; } .suggested_order_search_type_wrap > .k-dropdown-wrap.k-state-focused span.k-dropdown.md-input { border-bottom: 0px !important; } .suggested-order-component-group { background: white; margin-top: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); } .suggested-order-search-blk { height: 45px; } .suggested-order-filter-button { width: auto; height: 45px; font-size: 24px; } .suggested-order-flag-label { color: var(--ep-color-darkGray) !important; } .suggested_order_item_search_wrap { float: right; width: calc(100% - 49px); } .suggested-order-save-btn { border-radius: 0px; height: 32px; border: none; cursor: pointer; display: inline; letter-spacing: 1px; font-size: 16px; padding: 10px; line-height: 1.1; -webkit-box-sizing: initial; box-sizing: initial; text-align: center; position: relative; transition: 0.3s; } @media screen and (max-width: 1200px) { .suggesed-order-item-qty-float { float: none !important; } } /*Forecasting Rule - Start*/ .suggested-order-field-list { display: inline-block; background: white; margin: 10px -15px 0px 20px; border-radius: 5px; width: calc(100% - 320px); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); transition: width 0.4s ease-out; padding: 10px 0px; overflow-y: auto; } .suggested-order-field-list.expanded { width: calc(100% - 19px); } .suggested-order-field-list.collapsed { width: calc(100% - 253px); } .suggested_order_fields_container { height: calc(100% - 40px); overflow-y: auto; } .suggested_order_fields_grid_container { position: relative; height: 100%; width: 100%; } /*.suggested_order_rule_grid_container_new { position: relative; width: 100%; }*/ .suggested_order_fields_container_new { height: 100%; overflow-y: auto; } .fc_plan_title { font-size: 16px; font-weight: 600; color: var(--ep-color-text-normal); padding: 0px 15px; } .suggested-order-ranking-wrapper_edit { max-height: 300px !important; } .suggested-order-ranking-wrapper { max-height: 350px; /* position: absolute; */ height: 350px; overflow-y: hidden; } .suggested-order-ranking { /* max-height: 260px; */ overflow-y: auto; height: calc(100% - 30px); /* position: absolute; */ } .rule_date_wrapper > span.k-widget.k-datepicker { width: 40px; margin: 0; color: var(--ep-color-anotherBlue); } .suggested_order_rule_date_label { font-size: 14px; font-weight: 400; color: var(--ep-color-anotherBlue); outline: none; } .rule_separator_line { border: 1px solid var(--ep-color-unfocused-input); width: 98%; } .rule_date_wrapper { min-width: 107px; /*width: 130px;*/ } .date_range_label { font-weight: 600; } .rule_date_wrapper span.k-font-icon.k-i-calendar { color: var(--ep-color-anotherBlue) } /*Forecasting Rule - End*/ /*item quantity component*/ .suggested_order_item_quantity_component { float: left; width: 140px; margin: 0px 5px; border-top: 1px solid var(--ep-color-secondary-btn); border-bottom: 1px solid var(--ep-color-secondary-btn); border-radius: 4px; } .so_item_quantity_input { width: 50px !important; float: left; margin: 0px; height: 45px !important; display: block; border-radius: 0px !important; } .so_item_quantity_input .k-numeric-wrap { height: 100%; text-align: center; } .suggested_order_icon_minus { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .suggested_order_icon_plus { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } input.so_item_quantity_input.k-input { text-align: center; padding: 0px !important; text-indent: 0px; } .suggested_order_icon_minus, .suggested_order_icon_plus { font-size: 24px; color: var(--ep-color-white); background: var(--ep-color-secondary-btn); height: 43px; } .suggested_order_item_quantity_component .so_item_quantity_input { height: 43px !important; box-shadow: none !important; margin: 0px !important; padding: 0px !important; border: none !important; text-align: center; outline: none !important; } /*item quantity component*/ /*SO plan----Start*/ .so-plan-container { position: relative; height: 100%; width: 100%; } .so-plan-component-group { background: white; margin-top: 5px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); position: relative; height: auto; } .so-plan-header { height: 39px; } .so-plan-footer-buttons { bottom: 0px; height: 45px; /*padding: 10px 0px*/ } .so-plan-supplier-category-container { max-height: 695px; height: 695px; } .request_from_stores_blk .so-plan-supplier-category-container { max-height: 475px; height: 475px; } .request_from_stores_blk .shipping_store_blk{ max-height: 565px; height: 565px; } .so-ranking-wrapper { max-height: 370px; height: 370px; } .so-ranking { max-height: 360px; overflow-y: auto; height: 340px; } .so_store_grid_label { display: inline-block; margin: 5px 0px; } /*SO plan----End*/ /*History*/ .so_history_head_box { display: inline-block; margin: 0px 10px; float: left; line-height: 1.8; } .so_history_show_hide_btn { color: var(--ep-color-anotherBlue); outline: none; padding-right: 10px; float: right; } .so_history_data { display: block; font-weight: 600; font-size: 15px; line-height: 1.2; min-height: 20px; overflow: hidden; word-break: break-word } .so_history_data.efi_link { color: var(--ep-color-anotherBlue); text-shadow: none !important; cursor: pointer; } .so-detail-nav-element { position: absolute; right: 0px; top: 10px; } .so_history_ranking span.k-in.k-state-disabled { border-bottom: none !important; } .multimode_cat_tree .k-font-icon.k-i-arrow-60-down{ font-size:15px!important; } li.k-item.k-treeview-item{ padding: 0 0 0 14px !important; } #so_ranking_tree{ overflow:hidden; } #so_min_ranking_tree{ overflow:hidden; } .k-treeview .k-checkbox-wrapper { height:22px; } /* end History */ .numeric_sugg_container{ display: flex; align-items: center; } .numeric_sugg_container .ep-input-dropdown{ min-width: 85px; } .numeric_sugg_container .k-checkbox-label:before{ top: -5px; } .numeric_sugg_container .chk_text{ margin-top: 18px; } .sugg_toggle_container{ display: flex; gap: 20px; } .sugg_toggle_container .col_toogle_wrap { flex-grow:1; } /*Weigh Scale in POS*/ .weigh-scale-first-section { background-color: #f5f5f5; color: var(--ep-color-black); height: 50px; font-size: 13px; margin-bottom: 15px; padding-left: 5px; display: flex; align-items: center; justify-content: space-between; width: 35%; } .scale-block { display: flex; flex-direction: column; } .scale-title { text-align: left; font-weight: 800; color: var(--ep-color-black); } .scales-connected-status { text-align: left; font-weight: 900; color: #4CAF50; font-size: 12px; } .scales-disconnected-status { text-align: left; font-weight: 900; color: var(--ep-color-red); font-size: 12px; } .is-scale-being-used { background-color: #feede7; margin-bottom: 15px; padding-left: 8px; display: flex; height: 40px; text-align: left; align-items: center; } .weigh-scale-banner-amber { background-color: #fff3cd; } .weigh-scale-banner-blue { background-color: #d1ecf1; } .weigh-scale-banner-error { background-color: #f8d7da; } .weigh-scale-banner-success { background-color: #d4edda; } .fractional-qty-note { color: #707070; font-size: 12px; padding-top: 5px; } .scale-current-state-text { color: #707070; font-weight: 400; font-size: 15px; } .weigh-item-label { color: #707070; font-weight: 600; font-size: 12px; } .weigh-scale-item-sku { text-align: left; font-weight: 600; font-size: 15px; color: var(--ep-color-black); } .weigh-scale-textbox { margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; } .weigh-scale-label-text { font-size: 12px; font-weight: 600; } .custom-weigh-scale-text-disabled { font-weight: 900; pointer-events: none; } .custom-weigh-scale-text { color: var(--ep-color-black); font-weight: 450; background-color: var(--ep-color-white); } .weigh-scale-textbox input{ text-align: left !important; } .weigh-scale-textbox span{ margin-left: 2px; font-size: 1rem; } .tb-no-edit { md-input-container .md-input { border-style: none !important; } } .kc-modal-header { font-family: Montserrat; font-size: 14px; font-weight: 600; } .kc-modal-title-sku { color: #F58220; } .kc-modal-separator { border-top: 1px solid #EEEEEE; margin-bottom: 15px; } .kc-modal-card { border: 1px solid var(--component-border, rgba(9, 11, 12, 0.08)); border-radius: 2px; margin-bottom: 10px; overflow: hidden; } .kc-modal-card-title { background: #F3F4F4; padding: 8px; font-family: Montserrat; font-weight: 500; font-size: 15px; color: var(--base-text, #424242); } .kc-modal-card-fields { font-size: 12px; font-family: Hind; font-weight: 400; color: #888888; padding: 3px; } .kc-modal-card-values { font-size: 15px; font-family: Hind; font-weight: 400; color: #000000; text-align: left; padding: 3px; } .kc-modal-pad { padding: 8px 16px; } .kc-modal-card-grid { display: grid; grid-template-columns: 150px 150px 150px 1fr; gap: 2px 12px; } /* * Define the styles for POS Activity screen */ /*Transaction detail in full screen - Start*/ .trx-detail-title { max-width: 100%; overflow: hidden; text-overflow: ellipsis; font-weight: 600; text-align: center; display: block; height: 100%; font-size: 15px; font-family: Montserrat, Sans-Serif; line-height: 40px; } .trx-detail-nav-element { position: absolute; right: 0px; top: 10px; } .trx-detail label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 600; } /*.footer_trans_blk{ border-top: 1px solid #e5e5e5; padding-top: 15px; margin-bottom: 20px; }*/ .trans_details_blk { height: 100%; overflow-y: auto; } .title-blk { border-bottom: 1px solid #e5e5e5; margin: 25px 0 15px 0; padding-bottom: 15px; } .loaders-container { width: 100%; height: 100%; position: absolute; left: 0px; z-index: 1000; background: #f5f5f5; top: 0px; } .loaders-container .spinner { box-sizing: border-box; width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; z-index: 1; margin-top: -35px; margin-left: -35px; } md-card.show-loader.register-form { height: 100px; top: -95px; width: 270px; } md-card.show-loader.register-form .spinner { margin-top: -40px; } .circle { box-sizing: border-box; width: 80px; height: 80px; border-radius: 100%; border: 3px solid rgba(13, 145, 202, 0.3); border-top-color: #0d90c9; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } .no_receipt_blk { position: relative; top: 50%; text-align: center; } .receipt_blk { height: 100%; overflow-y: auto; border-right: 1px solid #E5E5E5; } .ep_with_icon span.icon-initial { display: inline-block; text-align: right; } .ep_with_icon div.icons { opacity: 1; width: auto; } .ep-button-separator { margin-right: 5px; } /*End*/ /*Print Preview*/ .out-of-viewport { position: absolute !important; top: -9999px !important; left: -9999px !important; } /*Print Preview*/ .trx-details-layer { height: 100%; } .trx-details-layer .inch-msg { /* padding-left: 5px; */ margin-top: 10px; font-style: italic; color: var(--ep-color-gray); /* font-weight: 600; */ font-family: Montserrat, SemiBold; font-size: 20px; } .reg_back_activity { margin-right: 45px; font-weight: 600; font-family: Montserrat, SemiBold; color: var(--ep-color-blue); cursor: pointer; } /*Transaction Detail -Start*/ .trx-details-layer .icon_block { width: 40px; height: 40px; background: var(--ep-color-yellow); position: relative; float: left; } .trx-details-layer .icon_block:before { font-size: 22px; color: var(--ep-color-white); position: absolute; right: 0px; left: 0px; top: 0px; bottom: 0px; margin: auto; text-align: center; width: 24px; height: 24px; line-height: 24px; } .trx-details-layer .icon_block.info { background: var(--ep-color-yellow); } .trx-detail { padding: 15px 0px 15px 0px; } .trx_detail_title { font-family: Montserrat; font-weight: 600; font-size: 11px; color: var(--ep-color-black); text-transform: uppercase; line-height: 1.2; padding-right: 30px; padding-left: 0px; display: table; width: 100%; margin: 0; } .trx_button_wrapper { width: calc(100% - 285px); display: inline-block; } .trx_detail_email_btn { margin: 8px 0px; } @media screen and (max-width: 1024px) { .trx_detail_return_btn { display: inline-block !important; align-self: auto; } } /*End*/ /*Override log*/ .activity_filter_label { color: var(--ep-color-groupbox-header); font-size: 15px; font-weight: bold; display: inline-block; font-family: Hind, sans-serif } /*Override log*/ ep-transaction-detail { position: absolute; z-index: 1000; width: 100%; height: 100%; top: 0px; left: 0px; } #detail_grid ul, #archive_detail_grid ul { padding-inline-start: 0; } #archive_detail_grid ul li, #detail_grid ul li { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; list-style-position: inside; } /* * Define styles for sales receipt template */ .pos-template-filter-wrap { float: left; } .pos-template-filter-wrap a, .pos-template-filters-rowwrap a.pos-template-filter-wrap { border-radius: 4px; border: 1px solid #cccccc; padding: 2px 10px; margin: .25em; } .pos-template-filter-wrap a:hover, .pos-template-filters-rowwrap a.pos-template-filter-wrap:hover { background: #ebebeb; border-color: #aeaeae; text-decoration: none; } .pos-template-filter-wrap:hover a, .pos-template-filter-wrap a:hover { text-decoration: none; } .pos-template { max-width: 1024px; margin: 0 auto; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .pos-receipt-template { max-width: 500px; margin: 0 auto; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .ep-pos-template-form-row-spacing { margin-bottom: 10px; } .ep-pos-template-form-read-only-fields { background-color: transparent !important; } .ep-pos-template-form-supplier-ship-to-fields { text-decoration: underline; font-size: 16px; font-weight: bold; } .ep-pos-template-form-bold-left-field { font-weight: bold; font-size: 12px; text-align: left; } .ep-pos-template-form-address-field { font-size: 12px; text-align: left; } .ep-pos-template-template-header-grid-field { font-size: 13px; font-weight: bold; } .ep-pos-template-template-header-grid { width: 80%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; margin-left: 16px; } .ep-pos-template-form-grid-head { background-color: #E5E8E8; } .ep-pos-template-grid-no-rows-border > tbody > tr > td, .ep-pos-template-grid-no-rows-border > tbody > tr > th, .ep-pos-template-grid-no-rows-border > tfoot > tr > td, .ep-pos-template-grid-no-rows-border > tfoot > tr > th, .ep-pos-template-grid-no-rows-border > thead > tr > td, .ep-pos-template-grid-no-rows-border > thead > tr > th { border: none; } .ep-pos-template-trailer-notes-label { font-size: 13px; font-weight: bold; } .ep-pos-template-footer-signature-label { font-size: 14px; font-weight: bold; } .ep-pos-template-footer-reprint-label { font-size: 11px; font-style: italic; font-color: #999; } .ep-pos-template-notes-panel { height: 165px; max-height: 165px; } div#pos_template_notes > div.panel-heading { background: #ffffff; } ep-pos-template-grid-no-rows-border > thead { height: 20px; max-height: 20px; } div.ep-pos-template-template-header-grid > table > thead > tr > th { line-height: 0.428571em; padding: 3px } .pos-template-group-image-box { width: 175px; float: left; margin-bottom: 0; position: relative; } .pos-template-group-image-bg { background-color: #f9f9f9; width: 175px; } .pos-template-group-image-img { background-repeat: no-repeat; border: solid 0px; height: 90px; margin: auto; background-size: contain !important; background-position: center; border: 1px solid #ebebeb; } .pos-template-grp-img-close { position: absolute; top: 2px; right: -8px; width: 25px; height: 25px; z-index: 999; text-align: center; line-height: 27px; } .pos-template-delete-icon { font-size: 17px; padding: 4px 5px; } .image_box_container { display: table; max-width: 200px; padding: 0px 20px; } .img_add_button_container { width: 140px; float: left; margin: 0px 20px; text-align: center; } .raw-img-spec { width: 200px; height: 90px; } .invoice-static-text { font-size: var(--ep-input-font-size); } /*.ep-pos-template-form-row-spacing hr { margin-left: -15px; margin-right: 25px; }*/ [name=receipt_maintenance_form] hr { border-top: 1px solid var(--ep-input-border); margin: 20px 15px; } .receipt-large-text { font-family: montserrat; font-size: 16px; color: var(--ep-color-black); line-height: 17px; } .ep-align-center { text-align: center; } .font_24px { font-size: 24px; } .padding_rt40 { padding-right: 40px; } .padding_lt36 { padding-left: 36px; } .receipt_image_margin { margin: 1px 12px; } .estimate-water-mark-container { height: 367px; } .estimate-water-mark { bottom: 0; font: normal normal bold 50px/18px Montserrat; letter-spacing: 0px; color: #DCE4E8; opacity: 1; text-align: left; text-transform: uppercase; } .invoice_logo_blk div.ep-generic-class { margin-bottom: 0; } /* * Kit Component Tab pages styles. */ .hide_element { visibility: hidden !important; } .kit-auto-complete.k-autocomplete.k-state-default > .k-input { height: 1.94em !important; padding-right: 22px !important; } .kit-numeric-padding-rt0 .k-numeric-wrap .k-input { padding-right: 0px !important; } .grid_toolbar_icons[disabled]:hover, .ep-grid-toolbar-button[disabled]:hover { color: #a1a1a1; border-color: #ccc; background-color: #fff; background-image: none; } .ep-kit-add-item-save { max-width: 140px !important; } div#kit_component_grid #mprogress1, .electronic_receiving_view #grid #mprogress1, div#report_grid #mprogress1 { position: absolute; top: 20px; bottom: 0px; margin: auto; width: 230px; height: 30px; overflow: hidden; right: 0px; left: 0px; } div#kit_component_grid #mprogress1.ui-mprogress .bar-bg, div#kit_component_grid #mprogress1.ui-mprogress .deter-bar, div#report_grid #mprogress1.ui-mprogress .bar-bg, div#report_grid #mprogress1.ui-mprogress .deter-bar,{ position: absolute; margin: auto; height: 4px; left: 0px; right: 0px; width: 100%; background: #f29a1f !important; box-shadow: none; } .mprogress-custom-parent .deter-bar, .mprogress-custom-parent .bar-bg{ position: absolute; margin: auto; height: 4px; left: 0px; right: 0px; width: 100%; background: #f29a1f; box-shadow: none; } div#kit_component_grid #mprogress1.ui-mprogress .peg { transform: rotate(3deg) translate(0, -3px); } .mprogress-custom-parent.active-mprogress:after { content: ""; width: 100%; display: block; position: absolute; height: 100%; background: #f3f2f28a; z-index: 100000; top: 0px; } .kit-retail-warn-msg { text-align: left !important; display: inline-block; float: right; width: calc(100% - 40px); color: orange; } .kit-warning-color { float: left; display: inline-block; width: 40px; color: orange; } .kit-static-uom > label { font-weight: normal; color: var(--ep-color-darkGray); line-height: 1.2; } .kit-static-uom span { color: var(--ep-color-charcoal); } .dirty.k-dropdown .k-dropdown-wrap, .dirty .k-numeric-wrap.k-state-default .k-input { background-image: url("/app/shared/images/dirty.png") !important; background-repeat: no-repeat !important; background-position: 0px 0px !important; background-size: 7px !important; } .branch_not_found { color: var(--ep-color-danger); } /* * * Define Customer Dashboard CSS * */ .pie_detail_card { position: relative; min-height: 120px; margin-bottom: 10px; } .pie_detail_chart { position: relative; min-height: 250px; margin-bottom: 10px; } .cust-tile-head { font-size: 18px; color: var(--ep-color-text-normal); font-style: normal; font-weight: 600; line-height: 26px; text-align: center; font-family: Montserrat, Medium; padding-top: 10px; } /* Class Name same as existing cannot be changed as these are program controlled */ .red-border-right { border-right: 5px var(--ep-color-red) solid; } .green-border-right { border-right: 5px var(--ep-color-green) solid; } .black-border-right { border-right: 5px var(--ep-color-darkGray) solid; } /* End of class Name same as existing cannot be changed as these are program controlled */ .cust-tile-value { font-size: 30px; color: var(--ep-color-blue); font-style: normal; font-weight: 600; line-height: 26px; font-family: Hind, Semibold; } .cust-tile-bottom-section { font-style: normal; font-weight: 400; } .cust-subtitle-head { font-size: 11px; color: var(--ep-color-lightGray); font-style: normal; font-weight: 400; line-height: 14px; text-align: center; margin-bottom: 20px; font-family: Hind, Regular; } .cust-footer-head { font-size: 16px; color: var(--ep-color-lightGray); font-style: normal; font-weight: 400; line-height: 21px; font-family: Hind, Regular; padding-right: 5px; } .cust-chart { min-height: 460px; height: 460px; } .cust-chart-title { height: 60px; min-height: 60px; } .pie_detail_card { position: relative; min-height: 120px; margin-bottom: 10px; } .pie_detail_chart { position: relative; min-height: 250px; margin-bottom: 10px; } .box-shadow-container { box-shadow: 0 0 6px rgba(0, 0, 0, .15); border-radius: 5px; height: 100%; } .custom-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .2; filter: alpha(opacity=60); background-color: #ffffff; font-size: 34px; text-align: center; } #message { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); line-height: 1.428571; } .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 991px) { .row-eq-height { display: block; } } @media screen and (min-width: 1024px) { .quick_view_container .row-eq-height { display: flex; } } @media screen and (min-width: 1024px) { .main-content-wrapper .time-interval-wrapper { margin-left: 10px; } } .disabled-customer-dashboard { pointer-events: none; } /* This is to get equal box container look for both firefox and mozilla in customer dashboard */ @-moz-document url-prefix() { .box-shadow-container { box-shadow: 0 0 4px rgba(0, 0, 0, .15); border-radius: 5px; height: 100%; } } /* Customer Form View Styles */ ul.customer_general_loyalty_program { list-style: none; padding-left: 0px; margin-bottom: 0px; padding-top: 0px; } #customer_loyalty .loyalty_program_row_wrapper .loyalty_program_container { margin-left: 15px; } #customer_loyalty span.loyalty_label_info { display: block; font-weight: 600; } .loyalty_detail_table tr th { vertical-align: top; padding: 0px 5px; } .loyalty_detail_table tr td { padding: 0px 5px; } .loyalty_detail_table tr td, .loyalty_detail_table tr th { width: 25% !important; } .loyalty_detail_table label.loyalty_label { font-family: 'Open Sans'; font-size: 13px; color: #252525; letter-spacing: 0px; font-weight: normal; } .loyalty_program_container button.k-button { color: #ffffff; background-color: #4b616c; box-shadow: none; } .loyalty_program_container button.k-button:hover { background-color: var(--ep-color-lynch); border-color: var(--ep-color-lynch); color: var(--ep-color-white); box-shadow: none; } .customer-md-card { word-break: break-all; } input#cust_number::placeholder, input#membership_id::placeholder { font-size: 13px; } #customer_loyalty .rewards-redemption-grid-heading { font-weight: 600; margin-top: 24px; margin-left: -10px; font-size: 16px; color: var(--ep-color-charcoal); float: left; padding-bottom: 0; } .aging_section label, .credit_terms label { color: var(--ep-color-darkGray); font-size: 15px; } .customer_add_footer .ep-pos-btn { width: 185px; } .customer_add_footer { overflow: hidden; border-top: 1px solid var(--ep-grid-border); padding-top: 10px; } .add_customer_phone { padding: 0px 0px 0px 0px; display: flex; width: 100%; min-height: 70px; background-color: var(--ep-color-paleGray); align-items: center; justify-content: center; margin-bottom: 15px; } .repeater-action-add-customer { width: 80px; display: block; height: 100%; right: 400px; position: absolute; top: 0px; } .repeater-action-add-customer > span { width: 40px; height: 40px; float: left; position: relative; top: 50%; margin-top: -20px; text-align: center; } .repeater-action-add-customer > span:before { position: absolute; top: 0px; bottom: 0px; margin: auto; right: 0px; left: 0px; width: 24px; height: 19px; } .customer_fields_wrapper { overflow: auto; height: 621px; } .customer-transaction-history { color: var(--ep-color-anotherBlue); font-size: 15px; outline: none; } .height55 { height: 55px !important; } /* * * Define price books CSS * */ .price-book-specify-offer-add { padding-left: 10px; display: inline-block; float: left; min-width: 270px; max-width: 270px; height: 70px; } .price-book-specify-offer-add.is_primary_blk { min-width: 80px; max-width: 80px; } .price-book-specify-offer-add.is_mfg_blk { min-width: 100px; max-width: 100px; } .price-book-specify-offer-add.add_uom_blk { min-width: 50px; max-width: 50px; } .price-book-specify-offer-add.lbl_blk { min-width: 150px; max-width: 150px; } .price-book-specify-offer-button { display: inline-block; float: left; position: relative; min-height: 59px; padding: 0px; width: 44px; margin-left: 10px; } .price-book-product_item_add_container { position: relative; border: 1px solid var(--ep-input-border); border-radius: 4px; /*background: var(--ep-color-switch-thumb);*/ margin-top: 10px; } .price-book-quick-add-close:before { font-size: 22px; } .price-book-quick-add-close { position: absolute; right: 5px; top: 5px; color: var(--ep-color-danger); } .rule_name_blk div.ep-generic-class, .rule_name_blk md-input-container { margin: 0px; min-height: auto; } .rule_name_blk .ep-generic-class .k-dropdown { padding-top: 0px !important; margin-top: 0px; } .rul_name_label { line-height: 37px; } .pb_header_item { padding: 10px 0 5px 10px; } .rule_update_blk { padding-left: 10px; float: left; } .warning_msg { margin-right: 90px; color: var(--ep-color-orange); float: left; margin-top: 15px; } .rul_right_icon { line-height: 32px; } .block_edit_icon, .block_edit_icon:focus { padding-right: 5px; color: var(--ep-color-anotherBlue); font-size: 20px; } .block_edit_icon:hover { color: var(--ep-color-blue); } .po_td_container { margin-bottom: 7px; } .ep-product-price-cost-matrix-block-top > table.ep-table { min-width: calc(100% + 4px); margin: 0px -2px; } .gc_sku_label { font-size: var(--ep-label-font-size); color: var(--ep-color-darkGray); line-height: 1.2; } .save-qualifying { padding: 0 6px !important; margin-right: 8px !important; border-style: none; width: 45px; height: 45px; background-color: var(--ep-color-secondary-btn); color: var(--ep-color-white); } .individual_icon_btn .icons { padding: 0px !important; width: 35px !important; height: 35px; position: absolute; margin: auto; display: table-cell; bottom: 0px; left: 0px; right: 0px; top: 0; } .individual_icon_btn.k-button:hover, .individual_icon_btn.k-button:focus, .individual_icon_btn.k-button:active { color: var(--ep-color-white); background-color: var(--ep-color-secondary-btn-hover); background-image: none; } .individual_icon_btn.k-button:disabled { color: var(--ep-color-white); background: var(--ep-color-disabled-item); border-color: var(--ep-color-disabled-item); opacity: 1; cursor: default; font-weight: 500; box-shadow: none; } .individual_icon_btn .icons span { position: absolute; left: 0px; top: 1px; width: 100%; line-height: 32px; font-size: 24px; } .all_items_blk { padding: 20px 10px; font-weight: 600; } .stp_qty_brk { color: #337AB7 !important; &:hover { color: #23527c !important; text-decoration: underline !important; } } .pb_group_box { background-color: var(--ep-color-groupbox-header-background) !important; padding-top: 15px; margin-bottom: 15px; border-radius: 10px; } .pb_group_box .k-widget { background-color: var(--ep-color-groupbox-header-background); } .price-book-rule-discount-type-switcher { min-height: 58px; position: relative; float: left; width: 100%; padding: 0px; margin-bottom: 5px; } #items_grid .k-grid-toolbar, #affected_grid .k-grid-toolbar { overflow: initial; } .loyalty-join-now-btn { display: inline-block; width: 34px; height: 34px; margin-top: 6px; margin-left: 16px; color: #ffffff; background-color: #4b616c; box-shadow: none; } .loyalty-join-now-btn:hover, .loyalty-join-now-btn:focus { background-color: var(--ep-color-lynch); border-color: var(--ep-color-lynch); color: var(--ep-color-white); box-shadow: none; } .customer-job { width: 150px; } .customer-has-job { float: right; margin-top: 10px; } .customer-job-pill { width: 78px; pointer-events: none; background: var(--ep-color-orange); color: var(--ep-color-white); border: 1px solid; border-radius: 10rem; } .loyalty_benefits_input_container .rewards_assigned_input .ep-generic-class { margin: 0px; } .multi_level_grid_container { border: 1px solid var(--ep-grid-border); } .customer-number-toolbar div { float: right !important; } .end_after_numeric { padding-top: 24px; padding-left: 0px; margin-left: -22px; } div#multi_level_grid th .k-checkbox-label { width: 16px; height: 16px; position: absolute; left: 0px; right: 0px; margin: auto; top: 0px; bottom: 0px; overflow: visible; } /* Set grid cell mandatory */ td.ep-inline-grid-editable-input.ep-required-flag-grid:after { border-right: 1px solid var(--ep-color-red) !important; } .line-height-point5 { line-height: 0.5; } textarea#item_details::placeholder { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } textarea#item_details, textarea#item_details:hover { padding-left: 0px !important; } button#join_now_loyalty_btn:active { display: inline-block; width: 34px; height: 34px; margin-top: 6px; margin-left: 16px; color: #ffffff; background-color: #4b616c; box-shadow: none; } #membership_grid.k-grid tr td.k-state-selected.k-edit-cell { padding-top: 5px !important; padding-left: 8px !important; padding-right: 6px !important; padding-bottom: -1px !important; } #membership_grid.k-grid tr td.k-state-selected.k-edit-cell span.k-autocomplete { margin: 0px; } #membership_grid.k-grid tr td.k-state-selected.k-edit-cell span.k-widget.k-autocomplete.k-header.k-autocomplete-clearable.k-state-default input { height: 33px; } #join_now_loyalty_btn.k-state-disabled span.mdi-pencil:before { color: #fff !important; } #join_now_loyalty_btn.k-state-disabled:hover { background-color: var(--ep-color-disabled-item) !important; } /*Flexible Consumption Info ---- Start*/ .flexi_required_field_wrap { padding-top: 20px; } ul.flexi_consumption_list { padding: 0px; } .flexi_consumption_list li { list-style: none; height: 50px; } .flexi_consumption_list li label { font-weight: normal !important; } .flexi_info_list li:nth-child(even) { /* padding-left: 0.5em; */ display: block; } .flexi_info_list li:nth-child(odd) { float: left; /* padding-left: 0.5em; */ width: 200px; } .required_field_label { /*width: 100px;*/ height: 21px; text-align: left; font-size: 15px; color: #112F41; font-weight: 600; padding-left: 5px; } /*Flexible Consumption Info ---- End*/ .po-template { max-width: 1024px; margin: 0 auto; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .qf-group-image-box { width: 175px; float: left; margin-bottom: 0; position: relative; } .po-template-checkbox-label-margin-top { margin-top: 23px; } .po-template-total-label { font-weight: 600; font-size: 18px; color: var(--ep-color-black) !important; } .po-template-pager-label { font-size: 11px; color: var(--ep-color-dimGray); } .po-template-auth-label { font-weight: bold; } .po--template-grid-header-label { font-weight: 700; text-shadow: none !important; } .qf-group-image-bg { background-color: #f9f9f9; width: 175px; } .qf-group-image-img { background-repeat: no-repeat; border: solid 0px; height: 90px; margin: auto; background-size: contain !important; background-position: center; border: 1px solid var(--ep-color-gray92); } .img-responsive { display: block; margin-left: auto; margin-right: auto; } .ep-po-template-form-grid-head { background-color: var(--ep-color-switch-thumb) !important;; } div#po_template_notes > div.panel-heading { background: var(--ep-color-white) !important; } .qf-grp-img-close { position: absolute; top: 5px; right: -8px; background: #fff; border-radius: 25px; border: 1px solid var(--ep-color-danger); width: 26px; height: 26px; z-index: 999; text-align: center; line-height: 24px; } .qf-delete-icon { font-size: 17px; padding-top: 2px; } .ep-blue-button { color: #337ab7; font-size: 1.1em; padding: 7px 8px; border: 1px solid #337ab7; border-radius: 6px; background-color: var(--ep-color-white) !important; } .ep-blue-button, .form-group .ep-blue-button:hover { border: 0 none; border-radius: 0; background: none; color: #286090; margin-left: 30px; } .ep-po-template-form-supplier-ship-to-fields { text-decoration: underline; font-size: 16px; font-weight: bold; } .ep-po-template-form-bold-left-field { font-weight: bold; font-size: 12px; text-align: left; line-height: 1.9em; } .ep-po-template-form-labels, .ep-po-template-form-address-field { line-height: 1.9em; font-size: 13px; font-weight: 500; } #po_template_notes { width: 80% !important; } .po-width100 { width: 100% !important; } .ep-po-template-form-row-spacing { margin-bottom: 10px; } .ep-po-template-grid tbody td { border-top: 0px !important; } .ep-po-template-po-inputs { border-bottom: 1px solid var(--ep-color-disabled-item) !important; width: 100%; height: 35px; } .ep-po-template-po-inputs-label { font-size: 13px; font-family: 'Open Sans'; color: #252525; letter-spacing: 0px; font-weight: normal; } .po-template-camera-icon-container { width: 140px; float: left; margin: 0px 20px; text-align: center; } .height36 { height: 36px !important; } .po-template-border-bottom { border: none !important; border-bottom: 1px solid var(--ep-color-disabled-item) !important; } input.po-template-border-bottom:focus { border-color: var(--ep-color-blue) !important; border-bottom-width: 2px !important; } .barcode_transfers { height: 80px; } .barcode_transfers img { max-width: 100%; height: 100%; } /* * * Define Sales Dashboard CSS * */ .sales-dashboard-chart { position: relative; height: 310px; margin-bottom: 30px; } .sales-dashboard-chart [kendo-chart] { position: absolute !important; bottom: 0px; width: 100%; left: 0px; } .sales-change-display { font-size: 18px; color: var(--ep-color-text-normal); text-align: left; font-family: Montserrat, Medium; } .sales-prior-value-display { font-size: 18px; color: var(--ep-color-darkBlue); text-align: center; font-family: Montserrat, Medium; padding-right: 10px; } .previous-slice { font-size: 11px; color: var(--ep-color-darkBlue); font-family: Montserrat, Medium; } /* Changed the Color for Dashboard as per Ux Suggestions made it light */ .pos-dashboard-title { margin-bottom: 10px; border-bottom: 1px solid var(--ep-color-gray92); } .pos-dashboard-title .title-display { font-size: 20px; font-weight: 600; flex-direction: column; flex: 1; display: block; } .pos-dashboard-title .title-value { font-size: 28px; color: var(--ep-color-orange); font-family: Montserrat, SemiBold; } .pos-dashboard-subtitle .graph-percent { flex: 1 } .arrow-sales { display: block; margin-top: 4px; margin-right: 10px; } #ep_multi_add_grid .k-grid-content { height: 450px !important; } @media only screen and (max-height: 768px) { #ep_multi_add_grid .k-grid-content { height: 280px !important; } } /* * * Define purchase order CSS * */ .po_no_lbl { float: left; line-height: 2; } .po_no_blk { line-height: 1.8; font-weight: 700; font-size: 15px; float: left; } .po_head_box { display: inline-block; margin: 0px 10px; float: left; line-height: 1.8; } .po_bold { font-weight: 600; } .status_blk .ep-generic-class { margin-bottom: 0px; } .po_general_blk { line-height: 24px; } #po_grid .k-grid-toolbar { padding-bottom: 0px; overflow: initial; } .po_inline_grid_header_box { min-width: 120px !important; display: inline-block; width: 200px; } .po_key_value_box { display: inline-block; width: calc(100% - 50px); float: left; margin: 1px 1px; padding: 4px 4px; } .po_key_value_box > div { line-height: 1; } .po_item_add_pop_up_count { pointer-events: none; cursor: default; color: var(--ep-color-disabled-item) !important; } .po_inline_grid_box_key { float: left; } .po_inline_grid_box_key { padding: 2px; } .block_edit_icon[disabled] { color: var(--ep-color-disabled-item); } .po_inline_grid_box_key:after { content: ": "; margin-right: 5px; } .address_content { padding: 0px 10px 0px 10px; line-height: 1.4; } .address_lbl { line-height: 24px; } .recvr-method-container { float: left; line-height: 19px; padding: 12px 0px 12px 0px; margin-right: 5px; } .recvr-method-or { background: var(--ep-color-lightGray); padding: 12px; font: 11px Open Sans; color: var(--ep-color-white); line-height: 19px; border-radius: 20px; margin: auto; } .select-border { border-bottom: 2px solid #d9d9d9; margin-bottom: 10px; } .info-circle:after { content: "OR"; position: absolute; padding: 10px; background: var(--ep-color-lightGray); border-radius: 50%; color: #fff; font-size: 12px; transform: translateX(-50%); left: 50%; bottom: -18px; } .info-circle { margin-bottom: 10px; border-bottom: 1px solid var(--ep-color-lightGray); display: flex; padding-bottom: 9px; position: relative; } /*Reciever*/ .supplier_fin_blk { width: 180px; padding: 0px 5px 0px 0px; height: 237px; } #receiver_receive_items_grid .k-grid-toolbar, #receiver_serial_numbers_grid .k-grid-toolbar { padding-bottom: 0px; overflow: initial; } #receiver_receive_items_grid .k-grid-toolbar .k-toolbar-item, #receiver_serial_numbers_grid .k-grid-toolbar .k-toolbar-item, #receiver_receive_consolidated_grid .k-grid-toolbar .k-toolbar-item { width: 100%; } .ep-recvr-running-totals { padding: 5px 10px; color: #747272; border-bottom: 1px solid var(--ep-grid-border); } .ep-recvr-running-totals-no-border { padding: 5px 10px; color: #747272; } .recvr_info_block { display: inline-block; padding: 0px 5px; margin-left: 10px; line-height: 1.8; } .recvr_info_block:last-child, .recvr_info_block:first-child { margin-left: 0px; } .recvr_info_block { width: calc((100% / 5) - 20px); } .recieve_head_key, .recieve_head_value { display: block; } .recieve_head_value { font-weight: bold; } .ep-recvr-finalize-bold-font { font-weight: bold; text-align: center; } .ep-recvr-finalize-header-font { font-weight: bold; font-size: 11px; font-family: "Open Sans"; color: #333333; text-align: center; line-height: 20px; } .ep-recvr-finalize-regular-font { font-size: 13px; font-family: "Open Sans"; color: #333333; text-align: center; line-height: 18px; } .ep-finalize-container { padding: 10px 15px; transition: width 0.231s ease-in; width: 100%; } .ep-finalize-sup-inv-col-container { padding-bottom: 0px; max-width: 130px; min-height: 40px; margin-bottom: 8px; padding-left: 1px; } .ep-finalize-first-col-text { padding: 11px 0px; max-width: 120px; line-height: 9px; height: 30px; } .ep-finalize-po-total { margin-top: 0px; max-width: 120px; padding: 10px 0px; } .ep-finalise-default-col-wrap .default-cols { display: table; width: auto; } .ep-finalise-default-col-visible .default-cols { max-width: 145px; } .ep-finalise-dialog-msg { margin: auto; padding: 5px 5px; font-family: "Open Sans"; line-height: 25px; } .modal.ep-finalizing-option .modal-dialog { max-width: 500px; } .ep-sup-inv-btn { float: left; margin: 4px; line-height: 1; font-size: 20px; } .recieve_head_value { font-weight: bold; } .ep-number-text-align { text-align: right; } .ep-finalize-numeric-box { padding: 0px; } .ep-finalize-coloumn-padding { padding-right: 11%; } .font-bold { font-weight: 600; } .ep-finalize-first-col-text div.ep-generic-class { margin-bottom: 0; min-height: 30px; } .ep-finalize-first-col-text md-input-container { margin-top: 0; margin-bottom: 0; min-height: 30px; } .ep-finalize-first-col-text span.k-input { height: 27px; } .ep-finalize-first-col-text span.k-input .k-input-inner { height: 27px; min-height: 27px; font-size: 13px; padding-right: 15px !important; border-bottom: 1px solid var(--ep-color-unfocused-input); border-radius: 0px; } .dialog_navigation { position: absolute; right: -0%; top: 0px; } #po_receiver_blk #ep-maintenance-screen-toolbar > div:last-child { float: right; } .validation-orange { color: var(--ep-color-orange); font-size: 12px; font-weight: 600; } #serial_number_form md-input-container { margin: 0; } .fire-arms-message { display: block; border-top: 1px solid #ccc; font-size: 12px; color: var(--ep-color-groupbox-header); } .po_read_only_text_box { border-bottom: 1px solid var(--ep-color-unfocused-input); min-height: 18px; line-height: 1.4; font-weight: 600; } .po_readonly_blk label { padding-bottom: 5px; } /** PO summary style starts */ .po_summary_min_not_met_yellow { background-color: #ffe0b2; height: 25px; width: 25px; line-height: 22px; display: inline-block; border-radius: 20px; } .po_summary_min_not_met_red { background-color: #ffcdd2; height: 25px; width: 25px; line-height: 22px; display: inline-block; border-radius: 20px; } .sum_lbl { padding-top: 23px; } .sup_inv_lbl { width: 175px; } #po_grid .po_inline_grid_box_value { line-height: 1.3; margin-top: 5px; min-height: auto; } .po_inline_grid_box_value { float: right; padding-right: 2px; font-weight: bold; color: var(--ep-color-orange); padding: 0px; font-size: 14px; } /*checkbox in header of grid*/ [data-field] .k-link { padding-top: 20px !important; } [data-field] .k-link .k-checkbox { width: 100%; position: absolute; z-index: 2; left: 0px; right: 0px; top: 5px; bottom: 0px; margin: 0 auto; overflow: visible; height: 18px; } [data-field] .k-link .k-checkbox-label { width: 20px; position: absolute; left: 0px !important; right: 0px; top: 5px; bottom: 0px; margin: 0 auto; overflow: visible; height: 18px; z-index: 0; } .po-duplicate-item-label { display: inline-block; margin-top: 11px; } .print_active .email_options { display: none; } .email_active .print_options { display: none; } .po-duplicate-header { float: left; line-height: 19px; } .po-duplicate-header md-input-container { margin: 0; } .print_options .key_value.value { margin-bottom: 10px; } .overflow_visible md-input-container label:not(.md-no-float):not(.md-container-ignore) { overflow: visible; } .info-circle-open { display: table; padding-bottom: 9px; position: relative; } .info-circle-close { margin-bottom: 30px; display: table; padding-bottom: 9px; position: relative; } div#po_grid.ep-maintenance-grid.hide_header .k-header, div#po_advance_receiving_detail_grid.ep-maintenance-grid.hide_header .k-header { min-height: 36px; } div#po_grid.ep-maintenance-grid.hide_header .buttons_container, div#po_advance_receiving_detail_grid.ep-maintenance-grid.hide_header .buttons_container { top: 0px; } div#po_grid.ep-maintenance-grid.hide_header .k-grid-header, div#po_grid.ep-maintenance-grid.hide_header .k-grid-content .k-virtual-scrollable-wrap table, div#po_grid.ep-maintenance-grid.hide_header .k-grid-content table, div#po_advance_receiving_detail_grid.ep-maintenance-grid.hide_header .k-grid-header, div#po_advance_receiving_detail_grid.ep-maintenance-grid.hide_header .k-grid-content .k-virtual-scrollable-wrap table, div#po_advance_receiving_detail_grid.ep-maintenance-grid.hide_header .k-grid-content table { box-shadow: none !important; pointer-events: none; color: var(--ep-color-disabled-item) !important; } .ep-maintenance-grid.hide_header td:not(.k-detail-cell) input.k-checkbox::after, .ep-maintenance-grid.hide_header th:not(.k-detail-cell) input.k-checkbox::after { border: 2px solid var(--ep-color-disabled-item) !important; color: var(--ep-color-disabled-item) !important; } .ep-maintenance-grid.hide_header td:not(.k-detail-cell) input.k-checkbox, .ep-maintenance-grid.hide_header th:not(.k-detail-cell) input.k-checkbox { color: var(--ep-color-disabled-item) !important; } .recv_one .recvr-button-container { margin-top: 15px; } .ep-col-val-container { max-width: calc(100% - 180px); overflow-x: auto; } .reciever_review_item_table { width: calc(6 * 150px) } .ep-finalize-numeric-box .k-numerictextbox { border-bottom: none !important; } .supplier_fin_blk .ep-finalize-first-col-text { max-width: 100%; } .disabled span.switcher-label.true { color: var(--ep-color-darkGray) !important; } .disabled span.switcher-label.false { color: var(--ep-color-darkGray); } .disabled label.switcher-line:after { background-color: var(--ep-color-darkGray); border: var(--ep-color-darkGray); } /*TO handle the Custom validation message*/ #po_grid .ep-inline-grid-editable-input.k-edit-cell { overflow: inherit; } .background-light-pink { background-color: #ffcdd2 !important; } /*PO multi add full screen*/ .po-multi-add-full-screen-container { position: fixed; width: 100%; height: calc(100vh - 45px); left: 0; top: 45px; z-index: 111111; background: white; padding: 10px; overflow-y: auto; /*TODO:chk with PO*/ } /*This is specific to po multi add*/ .sidebar-opened .po-multi-add-full-screen-container { width: calc(100% - 241px) !important; left: 241px; } /*.po_multi_add_parent > #po_grid, .po_multi_add_parent > .ep-group-box-header { display:none; }*/ back_to_edit_po { padding-bottom: 0px !important; position: relative; display: table; } .back_to_edit_po .transparent_buttons { float: left; min-width: 320px; padding: 5px 0px; text-align: left; width: auto; } .po_back_to_order_icon { text-align: left; } .po_back_to_order_icon { font-size: 18px; color: var(--ep-color-anotherBlue); vertical-align: middle; cursor: pointer; } #po_multi_add_grid .k-grid-pager.k-widget.k-floatwrap { border-top: 1px solid var(--ep-grid-border) !important; } #po_multi_add_grid .ep-grid-max-min { margin-top: 5px; } input#po_single_item_search { padding-right: 20px !important; } .po_grid_header_row_width { width: calc(100% - 222px); } .flex-container { display: flex; margin: 0em; } .flex-container .fl_box { margin: 0px 0px 0px 0px; padding: 0px .5em; width: 110px; min-width: 0; font-size: 13px; flex: auto; } .flex-container .fl_box > .ep-generic-class { margin: 0px; } .flex-container .fl_box.none { flex: none; } #po_single_item_search-list { width: 400px !important; } .uom_blk { width: 30px !important; line-height: 1; vertical-align: middle; height: 12px; text-align: center; align-items: center; } .flex-items-center { align-items: center; } .flex-items-right { align-items: flex-end; } .po_grid_row_2 { max-width: 1024px !important; } .recvr-button-container_return { width: 100%; } .k-grid .po_td_container input.k-checkbox + label.k-checkbox-label { padding: 0px } #po_grid div.k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg { padding-right: 30px; } .po_inline_info_header { min-height: 25px; border: 1px solid var(--ep-color-gray92); height: auto; } .po_grid_inline_header .po_key_value_box { margin: 0px 8px 3px 8px; min-width: 75px; padding: 2px 4px 0px 4px; min-height: 41px; } .po_inline_grid_info_value { min-height: 20px; line-height: 1.2; float: left; } .po_inline_grid_info_header { height: 16px; line-height: 1; } .po_summary_numeric_textbox input { color: var(--ep-color-red) !important; } .recvr-methods-wrapper .flex-container:last-child .info-circle:after { content: ""; position: absolute; padding: 0px; background: var(--ep-color-lightGray); border-radius: 50%; color: #fff; font-size: 12px; transform: translateX(-50%); left: 50%; bottom: -18px; } .recvr-methods-wrapper .flex-container:last-child .info-circle { margin-bottom: 10px; border-bottom: 1px solid transparent; display: flex; padding-bottom: 9px; position: relative; } /*end*/ /*UOM code drop down template alternate PUM - Start*/ .uom_code_wrapper_first_line { margin: 0 } .uom_code_wrapper_first_line span { font-weight: bold; } .uom_code_wrapper_second_line { margin-left: 5px; margin-top: 2px; margin-bottom: 4px; } .uom_code_wrapper_second_line span { font-size: 12px; } .alternate_uom_lbl { padding: 0px; margin: 0px; font-size: 13px; color: var(--ep-color-orange); display: inline; } .defective_po_ins { line-height: 1.8; padding-top: 5px; } /*END*/ .po_item_total { border-bottom: 1px solid var(--ep-color-gray92); margin: 0px; } /*po print preview */ .preview_optional_layout { display: none; } .pdf_preview_window { position: fixed; width: 100%; left: 0px; top: 0px; background: white; height: calc(100vh - 70px); z-index: 1000; min-height: 600px; } /*po print preview */ .po_item_total_large { font-size: 18px; } .receiving-exception-count-aggregates { background-color: var(--ep-color-paleGray) !important; min-height: 120px; } .exception_detail .k-button.k-state-hover, .exception_detail .k-button:hover, .exception_detail .k-button:active:focus, .exception_detail .k-button:active, .exception_detail .k-button:focus { background-image: none !important; background-color: var(--ep-color-secondary-btn); color: var(--ep-color-white); } #po_grid tr td { cursor: pointer; } .border_blk { border: 1px solid var(--ep-color-disabled-item); padding: 15px; } .po_archive_totals th { border-right: 1px solid var(--ep-grid-border); } .po_event_blk div.ep-generic-class { margin-bottom: 0; } .det_total_blk { width: 800px; margin: 0 auto; padding-top: 10px; } /*Serial number styles*/ .sn_label { font-weight: normal; font-size: var(--ep-label-font-size); color: var(--ep-color-darkGray); line-height: 1.2; } .sn_title { font-weight: 700; font-size: 16px; font-family: "Open Sans"; color: #333333; line-height: 40px; } .variance_red { color: var(--ep-color-red) !important; } .variance_green { color: var(--ep-color-green) !important; } #snGrid.landing_grid { margin: 0px !important; } .reset_dates_blk { padding: 30px 10px 6px; border: 1px solid var(--ep-color-disabled-item); border-radius: 4px; } ep-po-overview .main-content-wrapper { height: calc(100% - 28px); } .disabled_div .k-input .k-clear-value { opacity: 0.5; pointer-events: none !important; } /* Suggested by Ux for Font icon size and color and to have space between icon and right side text */ .app-more-options-for-mdi { font-size: 16px; color: var(--ep-color-blue) !important; padding-right: 3px; } .app-more-options-div .dropdown-menu { box-shadow:  0 -1px 2 px rgba(0, 0, 0, .12),  0 6px 12 px rgba(0, 0, 0, .12) !important; } .app-more-options-div .dropdown-menu > li > a { font-family: hind; font-size: 14px; text-align: left; color: var(--ep-color-text-normal) !important; line-height: 30px; } .app-more-options-div .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background: var(--ep-color-paleGray); } /* Suggested by Ux team to have the padding for Drop down More Options */ .app-more-options-div .dropdown-menu > li { padding-top: 5px; } .app-more-options-div .dropdown-menu > li > a { padding: 3px 10px; } /* This is for grid to follow the border as per UX suggestion */ div#largest-25-txns-container > .k-block, div#largest-25-txns-container > .k-draghandle, div#largest-25-txns-container > .k-inline-block, div#largest-25-txns-container > .k-widget { border-style: solid; border-width: 1px; -webkit-appearance: none; border-color: var(--ep-color-gray92) } .trans-details h4.popUpSignPost { font-size: 15px; color: var(--ep-color-darkBlue); font-weight: 600 } .trans-details .ep-word-break { word-break: break-all; } .trans-details hr.border-wrapper { margin-top: 0px; margin-bottom: 0px; border-top: 1px solid #eee; } /*payment setup image maintainer edit*/ div#image_edit_button { padding: 5px; height: 32px; width: 34px; display: flex; align-self: flex-start; border: 1px solid; text-align: center; margin-left: 5px; border-radius: 4px; margin-top: 2px; color: var(--ep-color-anotherBlue); cursor: pointer; outline: none; line-height: .8 } div#image_edit_button:hover { background: var(--ep-color-anotherBlue); color: white } #payments_grid .k-virtual-scrollable-wrap tr td { height: 22px; } /* Common CSS Classes Used Across Dashboards */ .common-sales-dashboard-text { font-style: normal; font-weight: 600; line-height: 26px; } .title-display { font-size: 18px; color: var(--ep-color-text-normal); text-align: left; font-family: Montserrat, SemiBold; } .k-tooltip { border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .k-chart-tooltip { border-radius: 4px !important; } /* Making the entire columns to have equal height */ .equal-height-divs { display: flex; flex-wrap: wrap; } ep-domo-dashboard .widget_wrapper section { position: absolute; width: 100%; height: 100%; } ep-domo-dashboard .widget_wrapper section iframe { padding: 0px; height: 100%; } .thrift_dashboard_wrapper ep-domo-dashboard { height: 100%; position: absolute; width: 100%; left: 0px; top: 0px; } /*Quick key style start*/ .quick-find-card-item md-card { padding: 0; width: 169px !important; height: 169px !important; border-radius: 7px; border: 1px solid rgba(220 220 220, 0.62); position: relative; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05) !important; overflow: hidden; } .quick-item-list .image-preview-box2 { height: inherit; background-color: #f9f9f9; border-color: #f9f9f9; color: #b0b0b0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-style: solid; width: 100% !important; box-sizing: border-box; padding: 5px; border: 0; overflow: hidden; text-align: center; } .quick-item-list .supplier-name-text { position: absolute; bottom: 50px; left: 0; background: #000000b0; color: var(--ep-color-white); font-size: 12px; padding:0 5px; } .quick-item-list .supplier-price { position: absolute; top: 0; right: -4px; background: #000000b0; color: var(--ep-color-white); height: 20px; width: 60px; text-align: center; padding: 3px 0; font-size: 12px; } .quick-item-list .image-preview-box2 img { margin: auto; max-height: 80px; } .quick-find-card-style { width: 100px; height: 170px; margin: 8px 8px; border: 1px dashed var(--ep-color-anotherBlue); background-color: var(--ep-color-textbox-background); border-radius: 4px; } .quick-item-list md-content { height: 100%; background-color: #fff; } .quick-item-list md-content:hover { } /*.quick-static-content { background-color: rgb(158, 155, 155); }*/ .quick-static-content label { /*color: white;*/ font-weight: bolder; display: block; font-size: smaller; } .quick-group { width: 100%; } .quick-item { width: 100%; } .quick-static { height: 94%; } .quick-find-card-item { float: left; padding-left: 2px !important; padding-right: 0 !important; } .quick-find-adview-tile { border: 1px solid #cccccc; border-radius: 4px; padding: 0; } .quick-find-tile-shadow:hover { box-shadow: 0px 0px 0px 3px #929292 !important; transition: all 0.2s ease; border: 1px solid #929292; } .quick-find-add-card { height: 100%; margin: 0px;; } .quick-find-add-card a { font-size: 18px; padding: 50px 0; cursor: pointer; color: var(--ep-color-anotherBlue); transition: all 0.2s ease; text-align: center; } .quick-find-add-card a:hover { background-color: #eeeeee; /*rgba(51, 122, 183, 0.1)*/; } .quick-find-card-item .image-preview-box { border-radius: 0 !important; margin: 3px; } .quick-find-card-name { width: 80%; font-weight: 600; color: var(--ep-color-text-normal); display: block; font-family: Montserrat, Regular; font-size: 12px; } .quick-find-card-desc { color: var(--ep-color-gray); display: block; font-size: 12px; font-family: Montserrat, Regular; white-space: nowrap; font-weight: 500; line-height: 1.4; } [name=quick_layout] .qf-delete-icon { margin-top: 6px; padding: 4px 5px; color: var(--ep-color-red); } .quick-item-list .middle:hover { opacity: 1; } .quick-find-edit-card { border: 1px solid #B8B8B8; display: block; float: left; width: 100%; border-radius: 5px; } .quick-find-edit-card-gap { padding: 8px; float: left; } [name=quick_find_item] .qf-group-image-bg { /*background-color: #f9f9f9;*/ width: 175px; } [name=quick_layout] .qf-grp-img-close { position: absolute; top: 5px; right: -5px; background: none; border-radius: 0px; border: none; width: 25px; height: 25px; z-index: 999; text-align: center; line-height: 27px; } .qf-group-image-img { background-repeat: no-repeat; border: solid 0px; height: 90px; margin: auto; background-size: contain !important; background-position: center; border: 1px solid #ebebeb; } .qf-group-image-name { color: #2C699F; /*width:155px; float:left;*/ margin-top: 10px; text-align: center; } .qf-group-image-box { width: 175px; float: left; margin-bottom: 0; position: relative; } .image-counter2 { position: absolute; z-index: 999; top: auto; float: right; font-weight: bolder; font-size: 12px; display: inline-flex; color: #286090; width: calc(100% - 10px); height: 25px; line-height: 26px; bottom: 10px; } .group-color { width: 20px; height: 20px; display: inline-block; border-radius: 3px; border: 1px solid #ccc; cursor: pointer; margin: 0 3px 0 0; } .group-color-highlight, .group-color-highlight:hover { /*box-shadow: 0 1px 3px 1px;*/ border: 1px solid #666666; } li.group-color:hover { /*-webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.45); box-shadow: 0 1px 3px 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.45);*/ border: 1px solid #939393; } .selected-group-color, .selected-group-color:hover { /*-webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.45); box-shadow: 0 1px 3px 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.45);*/ border: 1px solid #666666; } .color-deselect-icon { background: url("/app/shared/images/no-color-icon.png") no-repeat; } .tile-drag-style { border: 2px dashed rgba(0, 0, 0, 0.54) !important; } .tile-drag-cursor { cursor: all-scroll !important; } .disabled { box-shadow: none !important; pointer-events: none; opacity: 0.6; } .quick-find-card-item md-card { outline: 0 none; } .group-more-right-icon { font-size: 21px; display: inline-block; width: 20%; color: var(--ep-color-text-normal); padding-left: 10px; } .group-more-text { width: 100% !important; font-size: 13px !important; display: flex !important; justify-content: center; text-align: center; align-items: center; } .quick-item label, .quick-group label { color: var(--ep-color-anotherBlue); font-size: var(--ep-label-font-size); font-family: Montserrat, SemiBold; cursor: pointer; } .tile-content { padding: 1px; height: inherit; } .qf-red-button { color: var(--ep-color-red); font-size: var(--ep-input-font-size); padding: 7px 8px; font-family: Montserrat, SemiBold; width: 140px; display: flex; justify-content: space-between; border: 1px solid; border-radius: 4px; } .main-content-wrapper .breadcrumb { height: auto; position: relative; } [name=quick_layout] .maintenance-toolbar { margin-left: 0px; margin-right: 0px; box-shadow: none; } [name=pos_quick_layout] .maintenance-toolbar { margin-right: 0px; box-shadow: none; } [name=quick_layout] .maintenance-toolbar .breadcrumb, [name=pos_quick_layout] .maintenance-toolbar .breadcrumb { font-family: Montserrat, Regular; font-size: 14px; font-weight: 600; } [name=pos_quick_layout] .maintenance-toolbar .breadcrumb { height: auto; position: relative; } [name=quick_layout] label { font-size: var(--ep-label-font-size); color: var(--ep-color-darkGray); font-family: Hind, sans-serif; } [name=quick_layout] .ep-blue-button { color: var(--ep-color-anotherBlue) !important; font-size: 12px !important; font-family: Montserrat, SemiBold; padding: 7px 0px; border: none !important; border-radius: 0px; background-color: transparent !important; margin-left: 0px; } [name=quick_layout] .ep-blue-button:hover { text-decoration: none !important } .qf-group-image-box .image-preview-box { border-radius: 0px; } .qf-group-image-box .image-preview-box .mdi-image { margin: auto; } [name=quick_layout] .image-preview-box { width: 170px; height: 90px; } [name=quick_find_item] .image-preview-box { border-radius: 0px; width: 100px; height: 100px; margin-left: 15px; } [name=quick_find_item] .quick-find-card-name { font-family: Hind, Semibold; font-size: 15px; color: var(--ep-color-text-normal); } [name=quick_find_item] .quick-find-card-desc { font-family: Hind, Regular; font-size: 15px; color: var(--ep-color-darkGray); } .qf-display { display: none !important; } .qf-margin-auto { margin: auto; } .qf-grp-color-list { list-style-type: none; padding: 4px; } .qf-img-wrapper { height: 120px !important; } .qf-card-info-wrapper { height: calc(100% - 120px) !important; } [name=quick_find_item] span.k-font-icon.k-clear-value.k-i-close { display: none !important; } .qf_group_img_change { display: inline-block; vertical-align: 3px; padding: 5px; } /*pos quick find*/ /* ep-quick-find { display: block; overflow: hidden; } ep-quick-find ul.breadcrumb { position: relative; margin: auto; top: 0px; bottom: 0px; display: table; } ep-quick-find ep-tile-view { position: relative; display: flex; width: 100%; } ep-quick-find .maintenance-toolbar .breadcrumb > li span.arrow:before { display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 21px; text-rendering: auto; line-height: 0.8; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: top; padding: 0 5px; color: #757575!important; content: "\f142"; margin-top: 2px; } ep-quick-find .maintenance-toolbar .breadcrumb > li + li:before { content: ''; padding: 0px; margin-left: -5px; } ep-quick-find .maintenance-toolbar .breadcrumb > li { display: inline-block; padding: 5px 0px; } .pos_sidebar_tab { position: absolute; height: calc(100% - 53px); width: 100%; } ep-quick-find .quick-find-breadcrumb-wrapper{ width:100%; } ep-quick-find .quick-find-breadcrumb-wrapper .breadcrumb { padding: 0px 10px; width: 100%; } ep-quick-find .quick-find-breadcrumb-block.maintenance-toolbar { margin: 0px; } ep-quick-find .pos-quick-find-block-container{ position: relative; float: left; overflow: auto; } ep-quick-find ul.list-inline.quick-item-list { max-width: 100%; margin-left: 0px; width:100%; } ep-quick-find .quick-find-card-item{ float: left; padding-left: 2px !important; padding-right: 0 !important; width: calc(100% / 3); } ep-quick-find .quick-find-card-item md-card { padding: 0; box-shadow: none !important; border-radius: 4px; border: 1px solid #C1C1C1; position: relative; width: 114px !important; height: 124px !important; } ep-quick-find md-card md-card-content { display: block; padding: 16px; height: calc(100% - 30px); } ep-quick-find .qf-img-wrapper { height: calc(100% - 5px)!important; } ep-quick-find .qf-card-info-wrapper { height: calc(100% - 120px) !important; padding: 0px 5px; } ep-quick-find .group-more-right-icon { font-size: 21px; display: inline-block; width: 20%; color: var(--ep-color-text-normal); padding-left: 5px; }*/ /*QF enhancement changes - START*/ .qf_non_prompt_item_price_details { float: right; position: absolute; display: inline-block; width: 70px; background: #000000b0; color: var(--ep-color-white); text-align: right; margin-left: 48px; font-size: 12px; font-family: Hind, Medium; margin-top: 0px; border-radius: 0px 1px; padding-top: 2px; height: 20px; vertical-align: middle; font-weight: normal; top: 0px; } .qf_non_prompt_item_price_details span.qf_price_text { height: 25px; vertical-align: middle; position: absolute; top: 0; bottom: 0; right: 0; left: 0; color: var(--ep-color-white); padding: 2px; } .max_price_details { width: 100%; /*position: inherit;*/ margin: 0px; } .qf_price_no_image-preview-box2 { height: calc(100% - 35px); background-color: transparent; color: var(--ep-color-gray32); border-top-left-radius: 4px; border-top-right-radius: 4px; width: 100% !important; box-sizing: border-box; border: 0 solid #f9f9f9; overflow: hidden; text-align: center; border-color: #f9f9f9; color: var(--ep-color-gray92); margin-top: 10px; } .qf_grid-card-info-wrapper { height: 35px !important; bottom: 0px; position: absolute; width: 100%; padding: 0px 5px 3px 5px; font-weight: 600; color: var(--ep-color-text-normal); left: 0px; line-height: 1.1; display: flex; flex-direction: column; justify-content: center; align-items: center; border-top: 1px solid var(--ep-color-gray92); } .qf_item_quantity_details { float: right; position: absolute; display: inline-block; width: 28px; background: #000000b0; color: var(--ep-color-white); text-align: right; /* margin-left: 62px; */ font-size: 12px; font-family: Hind, Medium; /* margin-top: 0px; */ border-radius: 50%; /* padding-top: 2px; */ height: 28px; /* vertical-align: middle; */ font-weight: normal; right: 5px; bottom: 40px; } .qf_item_quantity_details span.qf_qty_text { position: absolute; top: 0px; bottom: 0; left: 0; color: var(--ep-color-white); padding: 2px; right: -4px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; } /*END*/ .qf_price_details { text-align: center; font-weight: 600; font-size: 20px; justify-content: center; height: 80px; position: relative; } .qf_price_details span.qf_price_text { height: 25px; vertical-align: middle; position: absolute; margin: auto; top: 0; bottom: 0; right: 0; left: 0; color: var(--ep-color-orange); } .qf_no_price_image_wrapper { height: 120px; } .quick_find_toolbar_icons { padding: 0 6px !important; margin-right: 8px !important; border-style: none; width: 45px; height: 45px; background-color: var(--ep-color-secondary-btn) !important; color: var(--ep-color-white) !important; display: inline-block; border-radius: 4px; background-image: none; position: relative; } .quick_find_toolbar .border_bottom { border-bottom: 1px solid var(--ep-grid-border) !important; } .quick_find_toolbar .select_unselect_checkbox { display: inline-block; mergin-left: 25px; } .quick_find_toolbar .color_picker { display: inline-flex; margin-left: 25px; margin-top: 0px; width: 145px; height: 50px; } .quick_find_card_checkbox { padding-top: 6px; position: absolute; border-radius: 4px; } .quick_find_tree_dropdown .k-multiselect-wrap.k-floatwrap .k-button { display: flex; } .quick_find_toolbar .k-button[disabled], .quick_find_toolbar .k-state-disabled .k-button, .quick_find_toolbar .k-state-disabled .k-button:hover, .quick_find_toolbar .k-button.k-state-disabled, .quick_find_toolbar .k-button.k-state-disabled:hover { color: var(--ep-color-white); background: var(--ep-color-disabled-item) !important; border-color: var(--ep-color-disabled-item) !important; opacity: 1; background-image: none; } .quick_find_tree_dropdown .k-multiselect-wrap.k-floatwrap .k-button { display: flex; } .quick_find_item_price { float: right; position: absolute; display: inline-block; width: 70px; background: #000000b0; color: var(--ep-color-white); text-align: center; margin-left: 98px; font-size: 13px; font-family: Hind, Medium; margin-top: 0px; border-radius: 0px; padding-top: 2px; } .quick_find_item_location { background: #000000b0; color: white; width: 70px; text-align: center; position: absolute; margin-top: -19px; font-family: Hind, Medium; font-size: 13px; } .quick_find_tile_text_color_light { color: var(--ep-color-black); } .quick_find_tile_text_color_dark { color: var(--ep-color-white); } .color_picker .mdi-format-color-fill::before { content: "\F266"; width: 170px; display: inline-flex; cursor: pointer; } .qf-red-button:hover { color: white; background: var(--ep-color-red); transition: all .2s ease-in-out; } /*List view return qf------start*/ .qf_list_return_price_qty { display: flex; flex-direction: column; margin-top: 10px; } .qf_list_item_quantity_details { display: flex; justify-content: flex-end; } span.qf_list_qty_value { font-weight: 600; } span.qf_list_qty_text { font-size: 13px; color: var(--ep-color-darkGray); } .qf_return_list_non_prompt_item_price_details { width: 70px; background: var(--ep-color-white); color: var(--ep-color-orange); font-size: 18px; font-family: Hind, Medium; font-weight: 600; display: flex; flex-direction: column; justify-content: flex-end; top: 0px; margin: 5px; } /*List view return qf------end*/ /*---Return flow changes ----*/ .return-done { position: absolute; width: 100%; height: 100%; } .return-done span { padding: 5px; color: #fff; background-color: rgb(16 15 15 / 66%); position: relative; left: 0px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-weight: 600; z-index: 1; } .already-returned, .already-returned:hover, .already-returned md-card:hover { pointer-events: none; cursor: pointer !important; box-shadow: none !important; border: none !important; transition: none; } .no_items_return { display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 15px; color: var(--ep-color-secondary-btn); font-family: 'Hind'; } .list_view_cards_container { display: flex; width: 100%; height: 100%; } .return_done_list_view { display: flex; width: 100%; position: absolute; } .return_done_list_view span { color: #fff; background-color: rgb(16 15 15 / 66%); position: relative; /* left: -2px; */ display: flex; align-items: center; justify-content: flex-start; width: calc(100% - 27px); height: 78px; font-weight: 600; z-index: 1; padding-left: 20px; } .pos_return_fl_no_info { font-family: Hind, Medium; font-size: 15px; color: var(--ep-color-tableGray); text-align: center; position: absolute; right: 0px; left: 0px; top: 0px; bottom: 0px; margin: auto; height: 40px; border: 1px solid; line-height: 40px; display: inline-block; max-width: 90%; border-radius: 5px; border-color: var(--ep-color-lightGray); pointer-events: none; font-weight: bold; } span.return-item-label { display: flex; justify-content: center; align-items: center; max-height: 20px; line-height: 19; font-family: Montserrat, Regular; font-size: 13px; font-weight: 600; color: var(--ep-color-darkGray); } .quick-find-color-picker .k-picker-solid{ background-color: transparent !important; background-image: none !important; } .image-preview-box { align-items: center; justify-content: center; } .mdi-48px.mdi-set, .mdi-48px.mdi:before { font-size: 48px; display: inline-block; line-height: 1; } .disabled-tile { box-shadow: none !important; pointer-events: none; opacity: 0.4; } .coupon-applied { height: calc(100% - 35px); position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: rgba(0, 0, 0, 0.87) !important; background-color: rgba(0,0,0,0.7) !important; z-index: 1; cursor: pointer; } .coupon-applied-list-view { position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: rgba(0, 0, 0, 0.87) !important; background-color: rgba(0,0,0,0.7) !important; z-index: 1; cursor: pointer; .coupon-applied-text { font-size: small; } } .coupon-applied-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-weight: 600; } .coupon-icon-area { height: calc(100% - 35px); background-color: transparent; color: var(--ep-color-gray92); border-top-left-radius: 4px; border-top-right-radius: 4px; width: 100% !important; box-sizing: border-box; border: 0 solid #f9f9f9; overflow: hidden; text-align: center; .coupon-icon { line-height: 1 !important; } } .setup-coupon-icon { line-height: 1.2 !important; } /*---Return flow changes ----*/ .alerts-dialog-container { line-height: 1.8; padding-left: 0px !important; padding-right: 0px !important; } .alert_hr { padding: 7px; border-top: 1px solid rgb(229, 229, 229); } .alert_action_icon_margin { margin-right: 10px; width: calc(50% - 10px); display: inline-block; text-align: center; } .alert_unread_icon, .alert_read_icon, .alert_download_icon, .alert_close_icon { color: var(--ep-color-blue); } .alert_thumps_up_icon { color: var(--ep-color-green); } .alert_thumps_down_icon { color: var(--ep-color-danger); } .alerts-dialog-container .ep_dialog_footer { width: calc(100% + 137px) !important; margin: 0px -68px -15px -68px; } .alerts-dialog-container .ep_dialog_footer button:focus { outline: none !important; border-color: var(--ep-input-border) !important; } .alert_label { font-weight: normal; margin-bottom: 2px; font-size: var(--ep-label-font-size); color: var(--ep-color-darkGray); line-height: 1.2; } .alert_row_item { margin-bottom: 15px; } .alert_download_link .mdi-download { vertical-align: middle; } .alert_download_link a { color: var(--ep-color-blue); } .k-grid[kendo-grid="serial_numbers_audit_grid"] { border: 1px solid var(--ep-grid-border); } #product_note_grid.k-grid td.k-state-selected, .k-grid tr.k-state-selected > td { border-color: transparent !important; } #product_note_grid.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover { background-color: var(--ep-grid-row-selected) !important; } .auto_blk { min-width: auto; width: auto; padding-right: 15px; } #product_supplier_grid .price-book-specify-offer-add { padding-left: 15px; } .grid_red_mark { position: absolute; width: 0; height: 0; border-style: solid; border-width: 3px; border-color: #f41212 #f41212 transparent transparent; margin: -0.80em 0 0 -0.8em; padding: 0; overflow: hidden; rotate: 275deg; text-align: left !important; vertical-align: top; } .mdi-user-icon { font-size: 80px !important; color: var(--ep-color-disabled-item); display: block; padding-top: 60px; } .admin-user-label { color: var(--ep-color-orange); font-size: 20px; } .applicationSignPost { font-family: montserrat; font-weight: 600; font-size: 18px; color: var(--ep-color-orange); letter-spacing: 0px; } .application-section-header { font-family: montserrat; font-weight: 600; font-size: 15px; line-height: 25px; letter-spacing: 0px; margin-bottom: 0px; margin-top: 5px; } .admin-user-image-section { border: 1px solid var(--ep-color-paleGray); margin-left: 0px; margin-right: 0px; border-radius: 6px; } .user-label { color: var(--ep-color-text-normal); } .filter-by-label { display: inline-block; font-family: 'Open Sans', sans-serif; font-weight: bolder; color: #95A5A6; font-size: 16px } .ep-background-image-wrapper { background-repeat: no-repeat; background-position: 50%; border: solid 0px var(--ep-color-midGray); border-radius: 50%; width: 150px; height: 150px; margin: 0 auto } .ep-phone-section-header { font-family: montserrat; font-size: 14px; font-weight: 400; letter-spacing: 0px; margin-bottom: 0px; margin-top: 5px; color: var(--ep-color-groupbox-header); } .admin-user-image { background-color: var(--ep-color-dropdown-background); background-repeat: no-repeat; background-position: 50% center; border: 0px; border-radius: 50%; width: 150px; height: 150px; margin: 0px auto; background-size: 100%; } .user-image { background-color: var(--ep-color-groupbox-header-background); background-repeat: no-repeat; background-position: 50% center; border: 0px; border-radius: 8px; width: 150px; height: 150px; margin: 0px auto; background-size: 100%; border-color: #DCE4E8; } .admin-user-image-box { border: 1px solid #eceff1; margin-left: 0px; margin-right: 0px; border-radius: 6px; } .k-menu-vertical.card-container .container-fluid > .row > [class*=col-] { max-width: calc(100% - 30px) !important } /*Grid checkbox alignment issue*/ [kendo-grid] td:not(.k-detail-cell) .relative_checkbox_group .k-checkbox-label:before { position: relative; display: inline-block; vertical-align: middle; top: -3px; } /*Grid checkbox alignment issue*/ .edit-card { color: var(--ep-color-anotherBlue); } .password_expire_label { color: var(--ep-color-red); vertical-align: text-top; padding-left: 10px !important; line-height: 35px; padding-top: 6px; } a.user_release_lock_link { color: var(--ep-color-anotherBlue); font-family: Montserrat; font-size: 13px; text-transform: uppercase; text-decoration: none; outline: none; font-weight: 600; } .user-image-label.k-button:hover { box-shadow: none !important; } .enterprise_label_value { color: var(--ep-color-black) !important; font-family: Hind; font-size: 15px; font-weight: 500; } .enterprise_label_text { color: #6D7B83; font-family: Hind; font-size: 15px; } #user_roles_stores_div .k-dropdowntree > .k-multiselect-wrap > .k-i-close, .k-multiselect-wrap > .k-i-close { right: 15px; top: 0px; } .user_roles_summary { height: 630px; overflow-y: auto; } .assign_unassign_left_block{ height: 730px; } .user_roles_summary .roles_input tags-input .tags .tag-item .remove-button{ margin: 0px 0px 0 5px !important; } @media only screen and (max-width: 1024px) { .user_roles_summary { height: 560px; overflow-y: auto; } .assign_unassign_left_block{ height: 660px; } } .user_roles_summary_header { font-family: Hind, regular, sans-serif; font-size: 15px; color: #112F41; padding-top: 10px; font-weight: 500; } .admin_search_bar .k-textbox, .admin_search_bar input.k-textbox, .admin_search_bar input.k-textbox:hover { border-color: transparent; background: #f3f4f4; box-shadow: none; vertical-align: middle; text-align: left; padding: .167em 30px .167em 0; height: inherit; font-family: Hind, Montserrat, sans-serif; font-size: 16px; background-color: var(--ep-color-textbox-background); color: var(--ep-color-text-normal); border-color: transparent; background: #f3f4f4; width: 100%; text-overflow: ellipsis; } .admin_search_bar span { cursor: pointer; margin-top: -30px; margin-right: 5px; color: var(--ep-setup-icon-color); float: right; outline-color: transparent !important; } .user_roles_summary_default_store { font: 12px Hind; color: var(--ep-color-darkGray); } .grid_circle { background: var(--ep-color-text-normal); width: 6px; height: 6px; border-radius: 50%; vertical-align: baseline; } .ul_region { list-style-type: disc; margin-top: 2px; } .li_region { float: left; margin-left: 5px; margin-right: 30px; } .box_shadow_none { box-shadow: none !important; } tags-input#roles_tags_input { border-bottom-color: #DCE4E8 !important; border-width: 1px; } .roles_button:disabled, .roles_button[disabled]:hover { background: none !important; } .roles_button { width: 125px; border: 0px !important; background: none !important; color: var(--ep-color-anotherBlue) !important; float: right; margin: 0px 5px; padding: 2px 15px !important; letter-spacing: -0.02em; font-weight: 600 !important; font-family: Montserrat, sans-serif; text-decoration: none !important; box-shadow: none !important; webkit-transform: translate3d(0, 0px, 0) scale(1) !important; transform: translate3d(0, 0px, 0) scale(1) !important; } .roles_button_group > .btn-ng-bs-animated .icon-initial { display: inline-block !important; } .roles_button_group > .btn-ng-bs-animated.is-active .icon-initial { opacity: 0 !important; display: none !important; } .roles_button_group > .btn-ng-bs-animated .icons { opacity: 1 !important; padding-right: 15px; height: 25px; } #user_roles_grid .k-grid-pager.k-pager-md .k-pager-info, .k-grid-pager.k-pager-sm .k-pager-info, #batch_comparison_parameters .k-pager-md .k-pager-info { display: block !important; } .roles_button_group .mdi { position: relative; display: inline-block; vertical-align: middle; } #user_alerts_grid.k-grid tbody tr td > span[ng-bind], #user_preferences_grid.k-grid tbody tr td > span[ng-bind] { white-space: normal !important; } .reset-pin { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; margin: 20px 0 0 0; } .disable_pointer_event.user_profile_pin_disable { background-color: transparent !important; color: darkgray !important; } .blank_reset_pin_info { color: var(--ep-color-midGray); } .mfa_info_div { background-color: var(--ep-color-darkBlue); border: 1px solid var(--ep-color-darkBlue); color: var(--ep-color-white); padding: 4px 16px; display: inline-block; } .card-header { font-family: Hind, sans-serif; font-weight: 600; font-size: 18px; color: #252525; letter-spacing: 0px; margin-top: 10px; margin-bottom: 10px; } .card-header .delete-card { margin-left: 15px; } .role_management-heading { color: var(--ep-color-black); font-size: 15px; } .role-management-labels { font-size: 14px; color: #707070; } .role-management-labels-key { display: table-cell; padding-right: 5px; font-size: 14px; color: #707070; font-family: Hind, sans-serif; font-weight: normal; } .role-management-labels-value { display: table-cell; font-size: 14px; color: var(--ep-color-orange); font-family: Hind, sans-serif; font-weight: lighter; } .role-thumb-icon { background-repeat: no-repeat; background-position: 50%; border: 0px; border-radius: 50%; width: 150px; height: 150px; margin: 0 auto; background-size: 100%; } .role-filter-by-label { font-size: 14px; color: #707070; } .role-order-by-label { display: inline-block; font-size: 14px; color: #707070; } .add-new-role-main-header { color: #112F41; font-size: 18px; font-weight: bolder; } .role-add-new-role-heading { color: #F58220; font-size: 20px; font-family: Hind, sans-serif; } .add-new-role-info { color: #112F41; font-size: 15px; font-weight: bold; } .role-filter-by-application { color: #707070; font-size: 15px; font-weight: bold; display: inline-block; font-family: Hind, sans-serif; } .card-filters a, .card-filters a:active, .card-filters a:visited { outline: 0; } .organization-add.mdi { font-size: 28px; color: #fff; float: left; padding: 0px !important; } .organization-add-label { font-family: Hind, sans-serif; font-size: 15px; color: #fff; letter-spacing: 0px; margin-top: 0px; margin-bottom: 0px; float: left; vertical-align: middle; line-height: 28px; margin-left: 5px; } .organization-add-button { width: 200px; } .roles-thumb-title { font-size: 20px; color: #F58220; font-family: Hind, sans-serif; } .role-action-dropdown-width { width: 30%; } #app_permissions_grid.k-grid input.k-checkbox + label.k-checkbox-label { padding: 0px !important; } #app_permissions_grid.k-grid tbody tr td > span[ng-bind] { white-space: normal !important; } /*Common style for icons in admin modules*/ .ep-blue-icon { color: var(--ep-color-anotherBlue); font-size: 18px; } .ep-blue-icon:hover { color: var(--ep-color-blue); } /*Common style for icons in admin modules*/ .app-more-options-button:hover .mdi-chevron-down { color: var(--ep-color-blue) !important; } .app-more-options-button .mdi-chevron-down { color: var(--ep-color-text-normal); } .roles_button_group .roles_button { height: 45px; max-width: 88px; } .manage_user_roles.roles_button.transparent_buttons .icons{ display:none; } .roles_button_group .roles_button:disabled, .roles_button_group .roles_button[disabled]:hover { color: var(--ep-color-disabled-item) !important; } .application-section-header-manage-organization { font-family: Hind, sans-serif; font-weight: 600; font-size: 16px; line-height: 25px; letter-spacing: 0px; margin-bottom: 0px; margin-top: 5px; color: #112F41; } .ep-company-address-header { font-weight: 600; } .organization-maintenance-view-image { background-repeat: no-repeat; background-position: 50%; border: 0px; border-radius: 50%; width: 150px; height: 150px; margin: 0 auto } .organization-management-icon { font-size: 25px; } .organization-management-enterprise-name { color: #12C3F4; } .organization-maintenance-enterprise-name { font-family: montserrat; font-size: 20px; color: #F58220; } .organization-card_shadow { -webkit-box-shadow: 0px 0px 6px var(--ep-color-disabled-item); -moz-box-shadow: 0px 0px 6px var(--ep-color-disabled-item); box-shadow: 0px 0px 6px var(--ep-color-disabled-item); /*border: 1px solid #ccc !important;*/ } .organization-edit-image-container .k-widget { border: none !important; } .organization-edit-main-icon-text { color: #F58220; font-family: Hind, sans-serif; font-size: 14px; } .organization-add-new-address.mdi { font-size: 20px; color: #12C3F4; } /* Edit company buttons */ .organization-add-new-address-button { width: auto; height: auto; border-radius: 4px !important; padding-top: 10px; padding-bottom: 10px; color: #12C3F4; text-transform: uppercase; border: none !important; margin-right: 40px !important; } .organization-add-new-address-button:hover, .organization-add-new-address-button:focus { width: auto; height: auto; border-radius: 4px !important; padding-top: 10px; padding-bottom: 10px; color: #12C3F4; box-shadow: none !important; border: none !important; outline: 0 !important; } .organization-add-new-address-button-label { font-family: Hind, sans-serif; font-size: 15px; color: #12C3F4; letter-spacing: 0px; margin-top: 0px; margin-bottom: 0px; font-weight: 600; } .organization-maintenance-company-name-color { color: var(--ep-color-blue); } /*.organization-maintenance-view-color{ color: var(--ep-color-text-normal); }*/ /* .company-text{ font-size: 15px; color: #112F41; font-family: Hind, sans-serif; } .application-section-header, .ep-company-address-header{ font-weight: 600; } */ /* begin organizaton edit tabs wizard */ ul.nav-wizard { background-color: #ffffff; border: 1px solid #d4d4d4; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; *zoom: 1; position: relative; overflow: hidden; } ul.nav-wizard:before { display: block; position: absolute; left: 0px; right: 0px; top: 46px; height: 47px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; z-index: 11; content: " "; } ul.nav-wizard:after { display: block; position: absolute; left: 0px; right: 0px; top: 138px; height: 47px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; z-index: 11; content: " "; } ul.nav-wizard li { position: relative; float: left; height: 46px; display: inline-block; text-align: center; padding: 0 20px 0 30px; margin: 0; font-size: 16px; line-height: 46px; } ul.nav-wizard li a { color: #000000; padding: 0; } ul.nav-wizard li a:hover { background-color: transparent; } ul.nav-wizard li:before { position: absolute; display: block; border: 24px solid transparent; border-left: 16px solid #d4d4d4; border-right: 0; top: -1px; z-index: 10; content: ''; right: -16px; } ul.nav-wizard li:after { position: absolute; display: block; border: 24px solid transparent; border-left: 16px solid #ffffff; border-right: 0; top: -1px; z-index: 10; content: ''; right: -15px; } ul.nav-wizard li.active { color: #000000; background: #0091EA; color: #fff; } ul.nav-wizard li.active:after { border-left: 16px solid #0091EA; color: #fff; } ul.nav-wizard li.active a, ul.nav-wizard li.active a:active, ul.nav-wizard li.active a:visited, ul.nav-wizard li.active a:focus { color: #000000; background: #0091EA; color: #fff; } ul.nav-wizard .active ~ li { color: #000000; background: #ffffff; } ul.nav-wizard .active ~ li:after { border-left: 16px solid white; } ul.nav-wizard .active ~ li a, ul.nav-wizard .active ~ li a:active, ul.nav-wizard .active ~ li a:visited, ul.nav-wizard .active ~ li a:focus { color: #000000; background: #ffffff; } ul.nav-wizard.nav-wizard-backnav li:hover { color: #000000; background: #f6fbfd; } ul.nav-wizard.nav-wizard-backnav li:hover:after { border-left: 16px solid #f6fbfd; } ul.nav-wizard.nav-wizard-backnav li:hover a, ul.nav-wizard.nav-wizard-backnav li:hover a:active, ul.nav-wizard.nav-wizard-backnav li:hover a:visited, ul.nav-wizard.nav-wizard-backnav li:hover a:focus { color: #000000; background: #f6fbfd; } ul.nav-wizard.nav-wizard-backnav .active ~ li { color: #000000; background: #ffffff; } ul.nav-wizard.nav-wizard-backnav .active ~ li:after { border-left: 16px solid #ffffff; } ul.nav-wizard.nav-wizard-backnav .active ~ li a, ul.nav-wizard.nav-wizard-backnav .active ~ li a:active, ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited, ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus { color: #000000; background: #ffffff; } .disabledTab { pointer-events: none; } /* end organization edit tabs wizard */ /* end organization edit tabs */ .organization-edit-header { font-size: 20px; font-weight: 600; color: #F58220; font-family: Hind, sans-serif; } /* Store Timings css*/ .branch-hours-day-label { font-weight: 600; } .ad-branch-special-hours-show, .ad-branch-special-hours-show:link, .ad-branch-special-hours-show:visited, .ad-branch-special-hours-show:active { font-family: 'Open Sans'; font-weight: 600; font-size: 14px; color: #252525; line-height: 30px; letter-spacing: 0px; text-decoration: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; outline: 0; } .branch-hours-day-edit-label, .branch-hours-day-edit-label:link, .branch-hours-day-edit-label:hover { font-weight: 600; color: #7f8c8d; text-decoration: none; } .branch-hours-day-edit-label:active { font-weight: 600; color: #00aeef; } .branch-hours-row { } .branch-hours-time { width: 110px !important; display: inline-block; padding-left: 5px; } .branch-hours-time-label { display: inline-block; padding-left: 5px; } .branch-special-hours-row { border: 1px solid #ccc; margin-left: 0px; margin-right: -5px; border-radius: 10px; margin-bottom: 5px; padding: 5px; } .branch-special-hours-add-button { margin-top: -10px; } .holiday-up-down-icon-blue { color: var(--ep-color-blue) !important; } .new-holiday-open-date md-input-container span.k-picker-wrap, .new-holiday-close-date md-input-container span.k-picker-wrap { width: 100% !important; } .application-section-show, .application-section-show:link, .application-section-show:hover, .application-section-show:active { font-family: 'Open Sans'; font-weight: 600; font-size: 15px; color: #252525; line-height: 30px; letter-spacing: 0px; text-decoration: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; outline: 0; } .add_company_btn.k-button[disabled], .add_company_btn.k-state-disabled .k-button, .add_company_btn.k-state-disabled .k-button:hover, .add_company_btn.k-button.k-state-disabled, .add_company_btn.k-button.k-state-disabled:hover { color: var(--ep-color-white) !important; } .holiday_status { margin-top: 20px; } .store_holiday_list { flex-direction: row; margin: 5px 0px; } div#user_picture_div[ep-background-image] { position: relative } .add_new_company_button { width: 200px } .add_new_company_button .organization-add { line-height: 1 } .last_login_label_text { color: var(--ep-color-black) !important; font-family: Hind; font-size: 12px; } .last_login_label_value { color: var(--ep-color-gray) !important; font-family: Hind; font-size: 12px; } /* Used for Password Mask/Unmask */ .password-eye-icon { color: var(--ep-color-anotherBlue); position: absolute; right: 10px; top: 12px; } .no-top-bottom-padding { padding-top: 0px; padding-bottom: 0px; } #store_hours_grid .datepicker-container, #store_holidays_grid .datepicker-container { text-align: center; margin: 0; padding-top: 0 !important; padding-bottom: 0 !important; } #store_hours_grid .datepicker-container md-input-container, #store_holidays_grid .datepicker-container md-input-container { margin-top: 0px !important; width: 60%; } .search_glass_icon { display: inline-block; float: left; margin-top: 12px; } .search_glass_icon > span.mdi-magnify { background-color: transparent; } /*store groups grid col list view-Start*/ li.col_dots { display: inline-block; padding-left: 10px; position: relative; list-style: none; } li.col_dots:before { content: "\00B7"; font-size: 45px; line-height: 0px; position: absolute; left: 0px; top: 10px; } /*End*/ /* Store Hours/Holidays Date, Time Picker input value alignment in edit mode */ #store_hours_grid .k-picker-wrap .k-select, #store_holidays_grid .k-picker-wrap .k-select { border-width: 0px; } #store_hours_grid .k-timepicker .k-input, #store_holidays_grid .k-edit-cell .k-datepicker .k-input, #store_holidays_grid .k-timepicker .k-input { text-align: center; } /* End */ .store-filter-title { font-family: Montserrat, Medium; font-size: 15px; font-weight: 600; } .store-filter-title .store-filter-section { padding-left: 0; } .store-license-count-container { float: left; width: 100px; padding: 0 15px; border-right: 1px solid var(--ep-color-dropdown-background); } .store-filter-section .form_element_type:first-child .store-license-count-container { padding: 0; width: 80px; } .store-filter-section .form_element_type:last-child .store-license-count-container { border: none; } .store-label-title { font-family: Montserrat, Medium; } /* Tender & Amount due starts */ .amount_due_section button { font-family: Montserrat, sans-serif; } .recepit_section, .promotion_section { float: left; display: inline-block; width: 25%; position: relative; } .amount_due_section { display: flex; position: relative; padding: 8px 8px 0px 8px; } .pos-amount-due { width: 100%; height: 100%; display: block; top: 0px; left: 0px; position: relative; padding: 0px; } .amount-due-container-content { background-color: #F3F4F4; margin-left: 0px; margin-top: 0px; width: 100%; height: 100%; position: absolute; top: 0px; min-width: 1024px; } .pos-amount-due #amount_due_container { width: 100%; height: 100%; } .pos-amount-due .amount_due_section { height: 100% } .pos_tender_blk { /*box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px, rgba(0, 0, 0, 0.05) 0px 2px 3px;*/ background-color: var(--ep-color-white); } .pos-amount-due .amount_due_section .amount_due_title_row { font-weight: 600; font-size: 24px; overflow: hidden; padding: 27px 15px; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px; width: calc(100% - 8px); margin: 0px auto 10px auto; } .pos-amount-due .amount_due_section .amount-due-blue { color: #12c3f4; } .pos-amount-due .amount_due_section .amount-due-red { color: #ff2212; } .pos-amount-due .amount_due_section .cancel_section_blck { position: relative; bottom: 5px; width: 100%; left: 0px; height: 45px !important; max-width: 750px; margin: auto; right: 0px; } .pos-amount-due .amount_due_section .cancel_section_blck .cancel_section { text-align: center; } .tender_due_btn_blk .print_email_icons { font-size: 20px; margin-right: 5px; } .pos-amount-due .amount_due_section .tender_btn, .tender_due_btn_blk button.k-button, .pos-amount-due .amount_due_section .tenders_container .tender_view_blck .loyalty_btns_blck .loyalty_reward_btn { width: 100%; height: 45px; background-color: var(--ep-color-secondary-btn); font-size: 15px; line-height: 20px; color: var(--ep-color-white); border: none; border-radius: 2px; text-transform: uppercase; } .print_email_btns.k-button { width: 100%; height: 45px; background-color: var(--ep-color-orange); font-size: 15px; line-height: 20px; color: var(--ep-color-white); border: none; border-radius: 2px; } .text_send_btns.k-button { width: 100%; height: 45px; background-color: #ffffff; color: var(--ep-color-anotherBlue); font-size: 15px; line-height: 20px; border: 1px solid var(--ep-color-anotherBlue) !important; border-radius: 2px; } .without_print_email_btns.k-button, .without_print_email_btns.k-button:active:focus { height: 45px; background-color: transparent; font-size: 15px; line-height: 20px; color: var(--ep-color-anotherBlue); border: none; margin: auto !important; top: 5px; font-weight: 600; max-width: 320px; display: flex; left: 7px; } button#without_print_and_email_receipt span.hotkey { margin-left: 5px; display: inline-block; } .pos-amount-due .amount_due_section .tenders_content_wrapper { max-height: 500px; position: relative; padding: 10px; } .tender_container_wrapper_section { max-height: 550px !important; } .pos-amount-due .amount_due_section .tenders_container .tender_btns_blck { text-align: center; overflow-y: auto; padding: 0px 3px; align-items: start; display: flex; flex-wrap: wrap; position: relative; } .tender_btns_blck div, .cash_tender_blk div { padding: 0px 5px !important; width: calc(100% / 3); float: left; } .tender_btns_blck div:nth-child(3n+1), .cash_tender_blk div:nth-child(4n+1) { padding: 0px 5px !important; } .pos-amount-due .amount_due_section .tenders_container .tender_type_btn { background-color: #ffffff; color: var(--ep-color-orange) !important; box-shadow: rgba(0, 0, 0, 0.1) 2px -1px 6px, rgba(0, 0, 0, 0.05) 0px 2px 3px !important; margin: 10px 7px; border: 1px solid #EEEEEE; flex-flow: row; display: flex; max-width: calc((100% / 3) - 14px); } .pos-amount-due .amount_due_section button { box-shadow: none !important; } .k-mobile .pos-amount-due .amount_due_section .tenders_container .tender_type_btn:hover { background-color: #E0E0E0; color: #333333; } .pos-amount-due .amount_due_section .tenders_container .tender_type_btn.tender_type_selected, .k-mobile .pos-amount-due .amount_due_section .tenders_container .tender_type_btn.tender_type_selected, .pos-amount-due .amount_due_section .tenders_container .tender_view_blck .loyalty_btns_blck .loyalty_reward_btn.loyalty_pgm_selected { background-color: var(--ep-color-orange); border-color: var(--ep-color-orange); color: #fff !important; } .pos-amount-due .amount_due_section .tenders_container .tender_view_blck { margin-top: 0px; padding: 0px 8px; position: relative; } .pos-amount-due .amount_due_section .tenders_container span.k-numerictextbox { margin: 0; } .pos-amount-due .amount_due_section .tenders_container .k-input .k-input-inner, .pos-amount-due .amount_due_section .tenders_container .k-textbox { font-size: 24px; box-shadow: none; text-indent: 5px !important; width: 100%; height: 45px; border: 0.08em solid transparent; background: var(--ep-color-white); } .pos-amount-due .amount_due_section .tenders_container .k-input .k-input-inner, .pos-amount-due .amount_due_section .tenders_container .tender_view_blck .k-textbox { border: .05em solid var(--ep-color-anotherBlue); border-radius: 0px; } .pos-amount-due .amount_due_section .tenders_container .tender_view_blck .k-textbox:disabled { border-color: var(--ep-color-disabled-item); } .pos-amount-due .amount_due_section .tenders_container span.k-numerictextbox.k-focus .k-input-inner, .pos-amount-due .amount_due_section .tenders_container .tender_view_blck .k-textbox:focus { border: 2px solid var(--ep-color-green); border-radius: 2px; box-shadow: none; } .pos-amount-due .amount_due_section .tenders_container .tender_view_blck .tender_view_wrapper .card_number_box { height: 52px; } .pos-amount-due .amount_due_section .tenders_container .tender_view_blck .tender_view_wrapper .card_number_mask { display: inline-block; font-size: 18px; float: left; word-break: break-all; height: 52px; line-height: 2.8em; margin-right: 10px } .pos-amount-due .amount_due_section .tenders_container .tender_view_blck .tender_view_wrapper .card_four_digit { display: inline-block; font-size: 18px; float: left; width: 69px; height: 52px; } .pos-amount-due .amount_due_section .tenders_container .tender_view_blck .tender_view_wrapper .pos_card_brand .k-dropdown-wrap, .pos-amount-due .amount_due_section .tenders_container .tender_view_blck .tender_view_wrapper .pos_loyalty_rewards .k-dropdown-wrap { height: 52px; border: none; border-radius: 0; background-color: white; } .pos-amount-due .amount_due_section .tenders_container .tender_view_blck .tender_view_wrapper .pos_card_brand .k-dropdown-wrap .k-input, .pos-amount-due .amount_due_section .tenders_container .tender_view_blck .tender_view_wrapper .pos_card_brand .k-dropdown-wrap .k-select, .pos-amount-due .amount_due_section .tenders_container .tender_view_blck .tender_view_wrapper .pos_loyalty_rewards .k-dropdown-wrap .k-input, .pos-amount-due .amount_due_section .tenders_container .tender_view_blck .tender_view_wrapper .pos_loyalty_rewards .k-dropdown-wrap .k-select { line-height: 4em; } #pos_tender_card_brand-list .k-list-scroller .k-list .k-item, #loyalty_rewards_drpdwn-list .k-list-scroller .k-list .k-item { line-height: 4em; word-wrap: break-word; height: 52px; } .pos-amount-due .amount_due_section .tenders_container .tender_view_blck .tender_view_wrapper .card_information { display: block; font-size: 18px; padding: 2px 0px; line-height: 2.7; min-height: 20px; overflow: hidden; word-break: break-all; } .pos-amount-due .amount_due_section .tenders_container .tender_view_blck span.tender_text_box { width: 100%; height: 50px; border: none; margin-right: 10px; float: left; background: none; padding-top: 1px; } .tender_text_box_border { border: 1px solid var(--ep-color-lightGray) !important; } .tender_text_box_border_height { border: 1px solid var(--ep-color-lightGray) !important; height: 35px !important; } .text_message_content_box { border: 1px solid var(--ep-color-lightGray) !important; height: 100px !important; width: 100%; margin: 0px !important; padding: 5px !important; margin-bottom: 0px !important; border-radius: 0px !important; } .tender_left_padding { padding-left: 5px !important; } .tender_right_padding { padding-right: 5px !important; } .pos-amount-due .amount_due_section .tenders_container .tender_view_blck .tender_denomination_btn { width: 100%; height: 48px; background-color: #fff; font-size: 15px; color: var(--ep-color-anotherBlue); border: .08em solid var(--ep-color-anotherBlue); border-radius: 4px !important; margin-bottom: 0px; font-weight: 500; } .pos-amount-due .amount_due_section .tenders_container .tender_view_blck .pay_btn_blck { padding: 0px; text-align: center; display: flex; } .pos-amount-due .amount_due_section .tenders_container .pay_btn { width: 210px; height: 45px; background-color: var(--ep-color-green); font-size: 20px; color: var(--ep-color-white); border-radius: 2px; border: none; margin: 0px auto; display: inline-block; float: left; font-weight: 400; } .pos-amount-due .amount_due_section .tenders_container .pay_btn_blck .pay_btn.manual_card_entry { width: 290px; background: var(--ep-color-secondary-btn) !important; text-transform: uppercase; font-weight: 500 !important; } .inherit-parent-height { height: 100%; } .overflow-auto { overflow: auto; } .pos-amount-due .amount_due_section .tenders_container .pay_btn_blck .pay_btn:disabled { background-color: var(--ep-color-disabled-item) !important; pointer-events: none; } .pos-amount-due .recepit_section { height: 100%; width: 480px; overflow-y: auto; border-right: 1px solid #E5E5E5; padding: 0 10px; background-color: var(--ep-color-white); max-width: calc(100% - 660px); display: flex; } .recepit_section .align-center img { max-width: 100%; } .pos-amount-due .recepit_section .receipt_container { height: 850px; width: calc(100% - 50px); margin: auto; } .pos-amount-due .amount_due_section .split_tenders_display { list-style: none; padding: 0px; overflow-x: hidden; overflow-y: auto; max-height: 215px; margin: 0px; font-size: 16px; color: var(--ep-color-secondary-btn); font-weight: 600; background-color: var(--ep-color-white); } .pos-amount-due .amount_due_section .split_tenders_display .tenders_applied { background-color: var(--ep-color-white); padding: 10px 14px; margin-bottom: 0px; position: relative; } .pos-amount-due .amount_due_section .split_tenders_display .tenders_applied:not(:last-child):after { content: ''; width: calc(100% - 20px); position: absolute; border-bottom: 1px solid var(--ep-color-dropdown-background); left: 10px; bottom: 0px; } .pos-amount-due .amount_due_section .split_tenders_display .tenders_applied .voided_tender, .pos-amount-due .amount_due_section .split_tenders_display .tenders_applied .voided_tender .ep_clerk_message, .pos-amount-due .amount_due_section .split_tenders_display .tenders_applied .voided_tender .ep_success_tender_circle { color: var(--ep-color-disabled-item) !important } .pos-amount-due .amount_due_section .split_tenders_display .tenders_applied .voided_tender .display_tender_inline.net_amount { text-decoration: line-through; } .pos-amount-due .amount_due_section .split_tenders_display .tenders_applied:last-child { margin-bottom: 0; } .pos-amount-due .amount_due_section .split_tenders_display .tenders_applied .display_tender_inline { padding-right: 10px; float: left; max-width: 100%; line-height: 1.6; font-family: montserrat; } .pos-amount-due .amount_due_section .split_tenders_display .tenders_applied .display_tender_inline.tender_detail { padding-left: 0px; font-family: Hind; font-weight: 600; font-size: 14px; text-transform: uppercase; line-height: 1.8; cursor: default; } .pos-amount-due .amount_due_section .split_tenders_display .tenders_applied .ep_success_tender_circle { font-size: 20px; line-height: 21px; padding-right: 5px; height: 22px; } .pos-amount-due .amount_due_section .split_tenders_display .tenders_applied .display_tender_inline .ep_clerk_message { color: var(--ep-color-orange); font-weight: 400; font-size: 14px; line-height: 1.6 !important; display: inline-block; float: left; } .ep_clerk_error { color: var(--ep-color-red); font-weight: 400; font-size: 16px; } .ep_clerk_error_friendly { color: var(--ep-color-green); font-weight: 400; font-size: 16px; } .ep_clerk_error_padding { padding-left: 25px; /* Line up error on second of line tender under clerk message */ } .pos-amount-due .amount_due_section .split_tenders_display .tenders_applied .ep_remove_tender_trash { font-size: 20px; color: var(--ep-color-danger); line-height: 23px; } .pos-amount-due .amount_due_section .tenders_container .tender_view_blck .loyalty_btns_blck { text-align: center; } .pos-amount-due .amount_due_section .tenders_container .tender_view_blck .loyalty_btns_blck .loyalty_reward_msg { font-size: 20px; color: var(--ep-color-midGray); padding: 15px; width: auto; margin: auto; float: none; } .pos-amount-due .amount_due_section .tenders_container .email_section input.k-textbox:focus { border: 2px solid var(--ep-color-orange); } .pos-amount-due .amount_due_section .tender_change_due_blck { padding: 0 15px; position: relative; } .amount_recvd_title { display: inline-block; margin-right: 30px; } .pos-amount-due .amount_due_section .tender_change_due_blck .tender_change_due_wrapper .tender_change_due .totals_section { font-size: 16px; color: var(--ep-color-secondary-btn); } .amount_value { font-size: 20px; margin-top: 5px; } .tender_due_btn_blk, .tender_due_print_email_btn { text-align: center; /*width: 500px;*/ margin: 0 auto; overflow: hidden; } .pos-amount-due .amount_due_section .tender_change_due_blck .tender_change_due_wrapper .tender_change_due .totals_section .amount_received { text-align: left; } .pos-amount-due .amount_due_section .tender_change_due_blck .tender_change_due_wrapper .tender_change_due .totals_section .totals { text-align: right; } .pos-amount-due .amount_due_section .tender_change_due_blck .tender_change_due_wrapper .tender_change_due .email_section { margin: 30px 0; } .email_section input.k-textbox { color: var(--ep-color-text-normal); width: 100%; } .pos-amount-due .amount_due_section .tender_change_due_blck .tender_change_due_wrapper .tender_change_due .email_section .email_section_wrapper .email_text_box { border-radius: 0; box-shadow: none; font-size: 18px; border: none; } .pos-amount-due .amount_due_section .tender_change_due_blck .tender_change_due_wrapper .tender_change_due .print_btn_wrapper { padding: 0px 5px 0px 0px; } .pos-amount-due .amount_due_section .tender_change_due_blck .tender_change_due_wrapper .tender_change_due .email_btn_wrapper { padding: 0px 0px 0px 5px; } .tender_change_due_wrapper { background: var(--ep-color-groupbox-header-background); padding: 15px 0; } .pos-amount-due .amount_due_section .cre_pos_processing { width: 100%; height: 100%; top: 0; left: 0; position: absolute; text-align: center; background: #8080803d; z-index: 1; } .pos-amount-due .amount_due_section .cre_pos_processing span.transaction_status { color: #0093ff; font-weight: 600; font-size: 20px; top: 100px; bottom: 0; right: 0; left: 0; width: 100%; height: 100px; position: absolute; margin: auto; } .pos-amount-due .promotion_section { height: 100%; overflow-y: auto; border-left: 1px solid #E5E5E5; background-color: var(--ep-color-white); } .pos-amount-due .promotion_section .promotion_blck { height: 100%; width: 100%; } .pos-amount-due .promotion_section .promotion_text { color: #12c3f4; font-size: 18px; font-weight: 600; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .pos-amount-due .promotion_section .promotion_image { text-align: center; } .pos-amount-due .promotion_section .promotion_image .image_sec { width: 220px; } /* Tender & Amount due Ends */ .amount_due_container { width: 770px; margin: auto; height: calc(100% - 13px); position: relative; z-index: 100; } .split_tenders_display { /*box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px, rgba(0, 0, 0, 0.05) 0px 2px 3px;*/ background-color: var(--ep-color-white); } .tender_lin_blk { margin-bottom: 10px; box-shadow: none; } .grey_tender_block { background-color: #F3F4F4; margin: 0px; padding: 15px 10px !important; display: table; width: 100%; } .pos-amount-due .amount_due_section .tenders_container .tender_view_blck .loyalty_btns_blck .loyalty_reward_btn { margin: 5px 0px; width: 100%; height: 48px; background-color: rgb(255, 255, 255); font-size: 15px; color: #0091ea; margin-bottom: 0px; font-weight: 500; border-radius: 4px !important; border: 1px solid; } @media screen and (max-width: 1024px) { .tender_button_description { font-size: 12px; } .pos-amount-due .amount_due_section .split_tenders_display { max-height: 140px; } .pos-amount-due .recepit_section { width: 350px; } .amount_due_section { width: calc(100% - 350px); } .pos-amount-due .amount_due_section .split_tenders_display .tenders_applied .display_tender_inline { padding-right: 5px; } .pos-amount-due .amount_due_section .cancel_section_blck { padding: 5px; } .estimate_blk .tender_due_btn_blk, .estimate_blk .tender_due_print_email_btn { width: 400px; } } .loyalty_btns_blck > div { width: calc(100% / 2 - 0px); display: block; float: left; margin: auto; padding: 0px 5px; } .pos_tender_amount_head { position: absolute; left: 20px; font-size: 18px; font-family: Hind; line-height: 22px; } .pos_tender_amount_head .change_due_subtitle { font-size: 12px; margin: 0; } .pos_tender_amount_head.saved_order { text-align: center; font-weight: 600; color: var(--ep-color-dark-green); padding: 0 150px; font-size: 24px; position: relative; left: 0 } .pos_tender_due_amounts { font-size: 34px; font-weight: 600; vertical-align: middle; text-align: center; padding: 0px 150px; } .alternate_col { display: flex; width: calc((100% / 2) - 10px); margin: 0px 5px; float: left; } .pos-tender-signature-image { max-width: 132px; max-height: 27px; object-fit: scale-down; } @media screen and (max-width: 1150px) { .pos_tender_amount_head { font-size: 18px; } } .amount_due_options { /*height: calc(100% - 80px);*/ position: relative; width: 100%; z-index: 101; } .cash_tender_alternate_col { display: flex; width: calc((100% / 4) - 10px); float: left; margin: 0px 5px; } .amount_due_wrapper { position: relative; height: calc(100vh - 145px); overflow-y: auto; padding-bottom: 0px; width: 100%; overflow-x: hidden; } input#gift_card_number, input#giftcard_pin_number { font-family: monospace; text-align: center; text-indent: 0px !important; } .tenders_types_block { box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px, rgba(0, 0, 0, 0.05) 0px 2px 3px; display: inline-block; padding: 8px 0px; background: #fff; margin: 3px 0px 7px 0px; } /*return preview Styles*/ .return_amount_preview { width: calc(100% - 8px); margin-left: 4px; height: 100%; background: white; z-index: 100; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px, rgba(0, 0, 0, 0.05) 0px 2px 3px; } .preview_tender_list .return_tenders { padding: 15px; font-size: 16px; display: flex; flex-direction: row; position: relative; font-weight: 600; color: var(--ep-color-lynch); } .preview_tender_list .return_tenders:after { content: ""; display: block; border-bottom: 1px solid var(--ep-color-disabled-item); width: calc(100% - 30px); position: absolute; left: 15px; bottom: 0px; } .preview_tender_list .return_tenders .tender_name { display: flex; position: relative; width: 100%; font-family: Montserrat, sans-serif; text-transform: uppercase; } .preview_tender_list .return_tenders .tender_amount { display: flex; } .change_tender, .proceed_to_tender { width: 230px; margin: 0px 5px; } .change_proceed_tender_wrap { display: inline-block; width: 240px; height: 45px; } .preview_action_wrapper { margin: 15px auto; position: relative; right: 0px; left: 0px; display: inline-block; width: 100%; } .preview_action { position: relative; margin: auto; display: table; } /*return preview Styles*/ .pos-amount-due .amount_due_section .split_tenders_display .tenders_applied:not(:last-child):after { content: ''; width: calc(100% - 20px); position: absolute; border-bottom: 1px solid var(--ep-color-dropdown-background); left: 10px; bottom: 0px; } .pos-amount-due .amount_due_section .tenders_container { box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px, rgba(0, 0, 0, 0.05) 0px 2px 3px; margin: auto; } .tendering_wrapper { padding: 4px; } span.extra_info_tender { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 200px); float: left; color: #f58220; font-size: 12px; line-height: 1.5; padding: 0px 8px; } .preview_tender_list .return_tenders .tender_name { width: calc(100% - 94px); } .pos-amount-due .amount_due_section button.transparent_buttons { width: 200px; padding: 10px 11px; margin: 0px 5px; position: absolute; bottom: 10px; right: 8px; font-size: 12px; } #more_tender { width: 192px; } .active_tender_info:before { content: ''; position: relative; display: block; height: 2px; width: calc(100% - 0px); background: var(--ep-color-geryBlue) !important; margin: 0px auto 15px auto; } .active_tender_info { margin-top: 5px; padding: 0px 5px; } .current_tender { text-transform: uppercase; } .current_tender .key { font-size: 15px; font-weight: 500; font-family: Montserrat; color: var(--ep-color-lynch); } .current_tender .value { color: var(--ep-color-orange); margin-left: 5px; font-size: 15px; font-family: Montserrat; font-weight: 600; line-height: 1.2; } .tendering_status { color: #FFBA00; font-size: 12px; font-weight: 500; font-family: Hind; } .tender_view_wrapper { margin-top: 15px; } .cash_tender_blk { position: relative; float: left; width: 100%; margin: 0px; padding: 0px !important; } .pos-amount-due .amount_due_section .ep-button-primary.manual_card_entry.transparent_buttons { position: relative; float: left; margin: 20px 10px -15px 10px; clear: both; height: 45px; } .pos-amount-due .amount_due_section .ep-button-primary.manual_card_entry.transparent_buttons .text.pull-right { float: left !important; } .pos-amount-due .amount_due_section .ep-button-primary.manual_card_entry.transparent_buttons .icons .icon-spinner { -webkit-animation: btn-ng-bs-rotation 2s infinite linear; -moz-animation: btn-ng-bs-rotation 2s infinite linear; -o-animation: btn-ng-bs-rotation 2s infinite linear; animation: btn-ng-bs-rotation 2s infinite linear; } .pos-amount-due .amount_due_section .tenders_container .tender_view_blck .tender_denomination_btn:focus { background: var(--ep-color-anotherBlue); color: white; } .manual_card_animated_button .btn-ng-bs-animated .icon-initial { display: inline-block; float: right; } .use_manual_card_entry_button .btn-ng-bs-animated .icon-initial { display: inline-block; float: left; } .use_stored_cards_button .btn-ng-bs-animated .icon-initial { display: inline-block; float: left; } .manual_stored_card_animated_button .btn-ng-bs-animated .icon-initial { display: inline-block; float: right; } .k-button.manual_card_entry.ep-button-primary > .icons.pull-left { width: 25px; opacity: 1; font-size: 15px; line-height: 1.6; position: relative; } .k-button.manual_card_entry.ep-button-primary .text { font-size: 13px; text-align: left; line-height: 23px; height: 25px; display: inline-block; padding-left: 24px; text-transform: uppercase; float: left; } .manual_card_entry .icon-initial { opacity: 1; visibility: visible; display: block; height: 26px; font-size: 16px; line-height: 1; } .k-button.manual_card_entry.ep-button-primary > .icons.pull-left .mdi { height: 16px; position: absolute; right: 0px; left: 0px; top: 0px; bottom: 0px; width: 16px; font-size: 16px; margin: 2px 0px; transform-origin: 50% 54%; } .pos-amount-due .amount_due_section .tenders_container .tender_type_btn i.mdi.mdi-cash.small-icon { float: left; } .pos-amount-due .amount_due_section .tenders_container .tender_type_btn .label-text { float: left; max-width: 168px; font: small-caption; font-size: 14px; font-weight: 600; font-family: Montserrat, SemiBold; } .pos-amount-due .amount_due_section .tenders_container .tender_type_btn i.mdi.small-icon { margin-right: 5px; font-size: 18px; } .pos-amount-due .amount_due_section .tenders_container .tender_type_btn.tender_type_selected i.mdi.small-icon { color: white; } .tender_lin_blk { width: calc(100% - 20px); margin-left: 10px; border: 1px solid var(--ep-color-dropdown-background); bottom: 0px; border-radius: 4px; overflow: hidden; } .split_tenders_container { padding-bottom: 2px; display: flex; } .more_tenders_wrapper { position: absolute; top: 0px; left: 0px; height: 100%; background: white; z-index: 1000; padding-top: 45px; width: 100%; } .close_more_tender_option { position: absolute; width: 33px; height: 33px; top: 7px; right: 10px; border: 0; background: transparent; } .close_more_tender_option i { position: absolute; right: 0px; left: 0px; top: 0px; bottom: 0px; margin: auto; display: block; width: 18px; height: 18px; font-size: 20px; } .more_buttons_container { height: calc(100% - 12px); width: calc(100% - 6px); overflow: auto; margin: 1px auto auto auto; border: 1px solid var(--ep-color-dropdown-background); } .pos-amount-due .amount_due_section .tenders_container .more_buttons_container .tender_type_btn { width: 100%; height: 48px; background-color: #fff; font-size: 15px; border: .08em solid var(--ep-color-anotherBlue); border-radius: 4px !important; margin-bottom: 0px; font-weight: 500; border-color: var(--ep-color-anotherBlue); color: var(--ep-color-anotherBlue) !important; float: left; } .pos-amount-due .amount_due_section .tenders_container .more_buttons_container .tender_type_btn.tender_type_selected { width: 100%; height: 48px; background-color: var(--ep-color-anotherBlue); font-size: 15px; border: .08em solid var(--ep-color-anotherBlue); border-radius: 4px !important; margin-bottom: 0px; color: #fff !important; } .tender_amount_layer > span { width: calc(100% - 220px) !important; display: block; } .dynamic_button_spacing { display: inline-flex; padding: 0px; margin: 0px; } .pos-amount-due .amount_due_section .cancel_section_blck .cancel_section .cancel_btn { max-width: 248px; background: transparent; color: var(--ep-color-red); margin-top: 15px; float: right; width: auto; } .pos-amount-due .amount_due_section .tenders_container .tender_type_btn[disabled] { background: #ececec; box-shadow: none !important; color: #ccc !important; border-color: #ececec !important; } .more_tender_title { position: absolute; top: 0px; padding: 0px 8px 0px 0px; margin: 3px; } .more_tender_title .title_group { line-height: 1; font-size: 16px; font-weight: 600; text-transform: uppercase; margin-left: 10px; height: 14px; margin-top: 10px; } .more_tender_title .icon_block { width: 40px; height: 40px; background: var(--ep-color-yellow); position: relative; float: left; } .more_tender_title .icon_block:before { position: absolute; top: 10px; left: 8px; color: #fff; } .full-line-message { width: 100%; } .full-line-message .display_tender_inline { line-height: 22px !important; padding: 0px 0px !important; } .pos-amount-due .amount_due_section .split_tenders_display .tenders_applied .full-line-message .display_tender_inline .ep_clerk_message { padding: 0px 10px; line-height: 1.5 !important; display: block; } .pos-amount-due .amount_due_section .tenders_container .tender_view_blck .loyalty_btns_blck .loyalty_reward_btn.loyalty_pgm_selected { background-color: var(--ep-color-anotherBlue); color: var(--ep-color-white); border-color: var(--ep-color-anotherBlue); } .pos-amount-due .amount_due_section .tenders_container .more_buttons_container .tender_type_btn:focus { border: 1px dashed #fff !important; background: var(--ep-color-blue) !important; color: var(--ep-color-white) !important; } .pos-amount-due .amount_due_section .tenders_container .more_buttons_container .tender_type_btn.tender_type_selected:focus { border: 1px solid #ccc !important; } .pos_signature_container .signature-buttons { float: left; position: relative; top: 30px; left: 14px; } .pos_signature_container .signature-container { color: var(--ep-color-lightGray); } .pos_signature_container .application-section-header { font-family: hind; } .receipt_container .customer_survey_message { background: none; border: none; font-family: Hind, sans-serif; color: #000000DE; } .tendering-screen-input-box { border: 1px solid #CECECE; border-radius: 5px; box-shadow: none; font-size: 18px; } .input_box_label { font-family: Hind; font-size: 16px; font-weight: 400; line-height: 25.62px; letter-spacing: 0.15px; text-align: left; width: 100%; height: 50px; color: var(--ep-color-lightGray) } .input-group-left { text-align: center; border-radius: 5px 0px 0px 5px !important; width: 13% !important; border-width: 1px 0px 1px 1px !important; } .input-group-min-left { text-align: justify; border-radius: 0px 0px 0px 0px !important; width: 8% !important; border-width: 1px 0px 1px 1px !important; } .input-group-min-right { border-radius: 0px 0px 0px 0px !important; width: 92% !important; float: right !important; border-width: 1px 1px 1px 1px !important; } .input-group-right { border-radius: 0px 5px 5px 0px !important; width: 87% !important; float: right !important; border-width: 1px 1px 1px 1px !important; } .align-block-right { float: right; } .margin_0_gray_text { margin: 0px !important; color: var(--ep-color-dimGray) !important; } .label_gray { font-weight: 500; color: var(--ep-color-tableGray) !important; } .organization-download-label { font-size: 20px; font-weight: 600; color: #F58220; font-family: Hind, sans-serif; } .compliance-headings { display: inline-block; font-size: 16px; font-weight: 600; color: black; font-family: Hind, sans-serif !important; } .compliance-paragraph { font-family: Hind, sans-serif !important; line-height: 25px !important; } .compliance_breadcrumb ul.breadcrumb { margin: 4px !important; } #price_rounding_grid .k-grid-header-wrap.k-auto-scrollable .k-header { text-align: center; } #product_supplier_grid .k-grid-toolbar, #kit_component_grid .k-grid-toolbar { padding-bottom: 0; overflow: initial; } .store_sync_status_label { color: #6D7B83; vertical-align: middle; padding-right: 20px !important; line-height: 35px; padding-top: 10px; font-size: 13px !important; font-family: Hind, Medium; display: flex; /* margin-left: 26px !important; */ } .member_info_label { font-weight: normal; margin-bottom: 2px; font-size: var(--ep-label-font-size); color: var(--ep-color-darkGray); line-height: 1.2; } .default_refresh_icon { color: var(--ep-color-anotherBlue); position: absolute; right: 0px; top: 18px; } .sales-coupon-discount-radio { flex-flow: row; justify-content: flex-start; } /* This Content has been Moved to Home Page */ .sheet-preview-wrapper { position: relative; } .sheet-preview-wrap-one { margin: 1em; border: 1px dashed #ccc; } .sheet-preview-wrapper table { width: 100%; height: 400px; border-collapse: collapse; } .sheet-preview-wrapper table tr { line-height: 0.01em; } .sheet-preview-wrapper table td { border: 1em solid var(--ep-color-white); display: table-cell; background: #ECEFF1; } .sheet-preview-wrapper table tr:first-child td:first-child { background: #ECEFF1 url("/app/shared/images/diagonal-arrow.png") no-repeat left bottom; background-size: contain; content: "50X50"; } .sheet-dimensions { position: absolute; width: 100%; height: 25px; margin: auto; top: 0; bottom: 0; left: 0; right: 0; text-align: center; font-size: 24px; color: #95A5A6; font-weight: bolder; z-index: 999; } /*Label designer Start*/ .drawing-right-container .flat_color_pallet { position: absolute; z-index: 11111111; left: 0px; width: 100%; top: 65px; } .drawing-right-container .k-slider-track { width: 100%; } .label-designer #tree_view { margin-top: 0; color: #006da8; letter-spacing: 0pt; font-family: "Open Sans"; font-style: normal; font-variant: normal; font-size: 14px; font-weight: normal; } .label-designer .k-treeview-lines > .k-item > .k-top, .label-designer .k-treeview-lines > .k-item > .k-bot { background: #F9F9F9; border: 1px solid lightgray; } .label-designer .k-treeview-lines > .k-item > .k-group { border: 1px solid lightgray; padding-left: 40px; } .drawing-wrapper { padding-top: 0 !important; } .drawing-wrapper > .drawing-left-container { clear: both; } .drawing-wrapper > .drawing-left-container, .drawing-wrapper > .drawing-right-container { background-color: #fff !important; } .label-tools-icon { font-size: 28px; color: #888 } .label-tools-icon2 { color: #888; font-size: 22px; border: #DAD2D2 solid 1px; padding: 6px; border-radius: 5px; } .drawing-wrapper .drawing-mid-container { background-color: #e9e9e9; min-height: 500px; padding-top: 10px; margin-left: -1px; position: relative; } .tabstrip-heading-liner { margin: 20px 0px; display: block; color: #FFCA87; padding-bottom: 10px; border-bottom: #FFCA88 solid 1px; } .tabstrip-heading-liner2 { display: block; color: #252525; } .label-designer .k-animation-container { width: 150px !important; } .label-designer .k-tabstrip-wrapper .k-tabstrip-items .k-state-default { text-transform: uppercase; border-bottom: #E5E5E5 solid 2px; } .label-designer .k-tabstrip-wrapper .k-tabstrip-items .k-state-default:hover { background-color: var(--ep-color-white) !important; color: #ffAB40 !important; } .label-designer .k-tabstrip-wrapper .k-content { overflow: visible !important; } .label-designer #tabstrip .form-horizontal label, .label-designer #tabstrip .form-horizontal .txt-left { text-align: left !important; } .label-designer #tabstrip { box-shadow: none !important; } .label-designer .position-alignment2 > span { float: left; line-height: 32px; } .label-designer .position-alignment2 > input { float: left; width: 55px !important; padding: 0 0 0 5px; margin-left: 5px; } .label-designer .design-container { min-height: 375px; max-height: 600px; overflow: auto; } .label-designer .design-container > div { text-align: center; } .label-designer .k-tabstrip-wrapper .k-content .container { width: auto; } .label-designer .designer-btn { text-align: right; margin: 25px 10px; } .label-designer .headerSignPost { font-family: 'Open Sans'; font-weight: 600; font-size: 24px; color: #758C8D; letter-spacing: 0px; margin: 10px 15px 10px 15px; } li.drag_item { list-style-type: none; } .drag_item { background-color: #f4f1f1; border: #aeaeae dashed 1px; padding: 7px 0px; text-align: center; cursor: crosshair !important; color: #5F5F5F; font-weight: bold; font-size: 14px; list-style: none; opacity: 0.7; } .label-designer #panelbar ul li span { background-color: #f4f1f1; border: #aeaeae dashed 1px; margin: 12px; padding: 2px 10px; cursor: crosshair !important; text-align: center; color: #5F5F5F; font-weight: bold; font-size: 14px; margin-bottom: 12px; } .label-designer #panelbar > li ul li span:hover { background-color: #AEAEAE; color: #fff; } .label-designer #panelbar li .k-state-default:hover { color: #333; } .label-designer #panelbar li .k-state-selected, .label-designer #panelbar li .k-state-focused { background-color: var(--ep-color-anotherBlue); box-shadow: none; } .label-designer .panel-head-txt { font-size: 20px; color: #95A5A6; font-weight: 500; line-height: 1.1; margin-bottom: 10px; } .fields-panel-icons { color: var(--ep-color-anotherBlue); padding: 15px; display: flex; justify-content: space-between; } .fields-element { border-bottom: 1px solid var(--ep-grid-border); padding: 12px; font-size: 14px; color: var(--ep-color-text-normal); cursor: default; &:hover { background-color: #ededed; } } .field-icon { cursor: pointer; &:hover { color: var(--ep-color-blue); } } .fields-element-container { border: 1px solid #e5e5e5; margin-top: 56px; max-height: 50vh; overflow-y: auto !important; } .label-designer #diagram svg { background-color: var(--ep-color-white); } .label-designer .k-treeview .k-minus, .label-designer .k-treeview .k-minus-disabled, .label-designer .k-treeview .k-plus, .label-designer .k-treeview .k-plus-disabled { margin-left: 10px; } .label-designer .k-treeview .k-item { padding-left: 0; } .label-designer .k-treeview span.k-in, .label-designer .k-treeview span.k-in:hover, .label-designer .k-treeview .k-state-selected, .label-designer .k-treeview .k-state-focused { background: none; color: #006da8; border: 0 none; border-radius: 0; box-shadow: none; } .label-designer #prop_wrap .col-lg-12, .label-designer #prop_wrap .container-fluid { padding: 0; } .label-designer #prop_wrap .k-panelbar .k-tabstrip > .k-content, .label-designer .k-tabstrip > .k-content { border: 0 none; } .label-designer .k-tabstrip .k-tabstrip-items { background: var(--ep-color-white); margin-bottom: -2px; display: table; table-layout: fixed; width: 100%; } .label-designer .k-tabstrip .k-tabstrip-items > li { border: 0 none; border-radius: none; display: table-cell; } .label-designer .k-tabstrip .k-tabstrip-items > li > span { border: 0 none; border-radius: none; } .label-designer .k-tabstrip .k-tabstrip-items > li.k-state-active { border-bottom: 2px solid #ffAB40; color: #ffAB40; text-decoration: none; position: relative; font-family: 'Open Sans'; font-size: 14px; text-transform: uppercase; } .label-designer .k-tabstrip .k-tabstrip-items > li.k-state-active .k-link { color: #ffAB40; } .designer-tool-text { font-size: 11px; color: #888; display: block; text-align: center; } .designer-tool-text1 { font-size: 11px; color: #888; width: 29px; display: block; text-align: center; } #prop_wrap #property_tab label { font-size: 14px; color: #006da8; font-weight: normal; width: 130px; } #prop_wrap #property_tab label:after { content: ":"; padding-right: 4px; } #prop_wrap #property_tab input[type='number'], #prop_wrap #property_tab textarea { border-radius: 4px !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); border-color: #ccc; padding: .167em 0; height: 1.94em; line-height: 1.94em; text-indent: .8em; outline: 0; border-width: 1px; border-style: solid; } #panelbar > li ul { height: 370px !important; overflow-y: scroll !important; } /*#prop_wrap #property_tab .k-numerictextbox, .k-timepicker, .k-textbox, .k-datepicker, .k-autocomplete, .k-combobox, .k-dropdown, .k-multiselect{width:auto;margin-right:15px;} */ #prop_wrap #property_tab textarea { width: 235px !important; } .label-designer .active { background-color: #FFCE8F !important } .text-styleicon .active, .text-styleicon button:hover, .arrange_icon2 button:hover { background-color: #D7D7D7; } /*designer styles*/ .label-designer .drawing-right-container .k-tabstrip-wrapper textarea { resize: none; width: 100%; height: 100%; } .label-designer #editor { display: none; } .md-tab { color: var(--ep-color-darkGray); font-weight: 400; font-size: 15px; font-family: 'Montserrat' } md-tabs md-ink-bar { color: var(--ep-color-anotherBlue); background: var(--ep-color-anotherBlue); } md-tab-content md-content { background-color: transparent; } .md-tab.md-active { color: var(--ep-color-anotherBlue); } md-tabs-canvas { height: 34px !important; } md-tabs-canvas md-pagination-wrapper { height: 34px !important; } .md-tab { line-height: 10px !important; } .md-padding { padding-top: 8px !important; } .drawing-wrapper input[type=checkbox] { margin-top: 10px; } #panelbar li .k-state-selected, #panelbar li .k-state-focused { color: var(--ep-color-white); } .labels_landing_page a:focus, .labels_landing_page a:hover { text-decoration: none; color: inherit; } .toolbox-design { background-color: #F8F8F8 !important; border-radius: 0 !important; box-shadow: none !important; padding: 8px 0 5px 0 !important; } .toolbox-design-icon { cursor: pointer; border-right: #F5F5F5 solid 1px; } .label-accordion .k-state-focused .k-font-icon { color: inherit; } .lbl-bottom-sect { margin-right: 0px; margin-bottom: 10px; } .drawing-right-container .k-widget.k-colorpicker { margin-bottom: 5px; } .ep-product-toolbar-search.label-designer-toolbar-search.k-multiselect { width: 400px !important; } .designer_button_tab_view { position: absolute; left: 35%; top: 10px; z-index: 1; } .disabled_element .k-link.k-header .k-font-icon:before { color: var(--ep-color-disabled-item) !important; } .drawing-right-container .k-color-preview-icon.k-font-icon { position: absolute; left: 0; top: 5px; } .drawing-right-container .ep-generic-class.ep-colorpicker-textbox .k-icon-color-preview .k-color-preview-mask { bottom: 10px; } div#register_navigator > ep-form-view-navigation .navig_container { margin-right: 2px !important; } div#return_btn_container > .ep-button-primary, div#return_btn_container > .transparent_buttons, div#return_btn_container > .custom-register-link { float: left; width: 275px; padding-left: 0px; margin: 0px; } /* This is for reducing space below the filters For Register Detail */ div#filter_criteria_register_analysis { padding-bottom: 0px; } /* This is for reducing space below the filters For Register Header Grid */ div#filter_criteria_header_register_analysis { padding-bottom: 0px; } .report-wrapper { padding-top: 0; padding-right: 12px; padding-bottom: 0; padding-left: 12px; margin-left: auto; margin-right: auto; height: 100%; } .main-report-container { height: calc(100% - 40px); } .main-content-report { display: flex; width: 100%; height: 100%; } .report-side-bar { display: inline-block; background: white; margin: 10px -15px 0px -15px; border-radius: 5px; width: 320px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); transition: width 0.4s ease-out; } .report-list { display: inline-block; background: white; margin: 10px -15px 0px 20px; border-radius: 5px; width: calc(100% - 296px); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); transition: width 0.4s ease-out; } .report-side-bar.collapsed { width: 42px; } .report-side-bar.collapsed .side-bar-button { position: relative; right: 5px; } .side-bar-button:focus { outline: 1px dashed var(--ep-color-anotherBlue) !important; } .report-list.expanded { width: calc(100% - 19px); } .side-bar-content { padding: 10px; width: 100%; height: 100%; overflow-y: auto; } .report-grid-container { height: 100%; width: 100% } .report-header-section { height: 30px; padding: 15px; padding-top: 0; padding-bottom: 0; } .report-grid-section { height: calc(100% - 35px); width: 100%; padding: 15px; padding-bottom: 0; } .overflow-container { overflow-y: auto; } .report-list-content { padding: 10px; width: 100%; height: 100%; position: relative; } .report-heading { font-size: 16px; font-family: Montserrat, Regular; color: var(--ep-color-secondary-btn); } .side-bar-button { border: none; font-size: 24px; background: transparent; padding: 0; color: var(--ep-color-darkGray); } .report-side-bar-border { border-bottom: 1px solid var(--ep-grid-border); padding-top: 5px; } .run-report-view { height: 103px; display: grid; justify-content: center; align-items: center; font-size: 16px; font-family: Hind, Medium; border: 1px solid var(--ep-grid-border); background-color: var(--ep-color-textbox-background); color: var(--ep-color-dimGray); } .parameter-section { font-family: Hind, Medium; } .no-report-selected { font-size: 12px; color: var(--ep-color-dimGray); padding-top: 15px; } .run-report-button { width: 100%; height: 45px; } .configured-report-heading { font-family: Montserrat, Medium; font-weight: 500; } .report-ele-row { width: 100%; padding: 15px; padding-top: 0; } @media screen and (min-device-width: 1025px) { .report-ele-row { width: 80%; } } .box1 { width: 100%; position: relative; height: 60px; background: var(--ep-color-textbox-background); outline: 0; font-size: 16px; font-family: Hind, Medium; font-weight: 600; display: flex; } .report-info-icon, .report-tooltip-section a:hover { font-size: 18px; color: var(--ep-color-secondary-btn); } .report-info-icon.k-state-border-down { color: var(--ep-color-anotherBlue) !important; } .report-name-section { width: 80%; padding: 20px 0 20px 15px; display: inline-block; text-overflow: ellipsis; white-space: nowrap !important; overflow: hidden; outline: 0; } .report-tooltip-section { padding: 20px 15px 20px 0; width: 20%; display: inline-block; } /* Tooltip */ .k-widget.k-tooltip.new_tooltip { border: 1px solid var(--ep-color-anotherBlue) !important; background-color: var(--ep-color-white); color: var(--ep-color-black); border-radius: 5px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); bottom: 6px; margin-left: -10px; position: relative !important; } .new_tooltip .k-font-icon.k-i-close { display: none !important; } .new_tooltip .k-tooltip-content { padding: 0 !important; } .tooltip-report-parameter { color: var(--ep-color-anotherBlue); font-size: 12px; font-family: Hind, Medium; font-weight: 500; } .tooltip-report-filter { font-size: 12px; font-family: Hind, Regular; } .tooltip-report-label { color: var(--ep-color-darkGray); text-overflow: ellipsis; white-space: nowrap !important; overflow: hidden; } .tooltip-report-value { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /*Tooltip ends*/ .report-format div { font-size: 12px; font-family: Montserrat, Medium; text-decoration: underline; color: var(--ep-color-anotherBlue); outline: 0; font-weight: 500; padding-bottom: 10px; letter-spacing: normal; } .report-format i, .report-detail-schedule i { font-size: 16px; } .reset-report { text-align: center; font-weight: 600; } .report-detail-header { font-size: 16px; font-family: Montserrat, Medium; font-weight: 500; color: var(--ep-color-black); } .blue-text { font-size: 12px; font-family: Montserrat, Medium; color: var(--ep-color-anotherBlue); outline: 0; } .report-detail-schedule { font-weight: 500; display: inline-block; } .sum-ele-row { width: 100%; display: flex; font-family: Hind, Regular; } .monthly-sum-ele-row { display: inline-block; width: 100%; } .monthly-sum-ele-col { width: 33.33%; display: inline-flex; } .eod-sum-ele-col { width: 50%; display: inline-flex; } .eod-sec-ele-col1 { width: 60%; display: inline-flex; } .eod-sec-ele-col2 { width: 40%; display: inline-flex; } .monthly-sum-ele-col1 { display: inline-block; } .report-list.expanded .monthly-sum-ele-col1 { width: 55% !important; } .report-list.collapsed .monthly-sum-ele-col1 { width: 55% !important; } .eod-sum-ele-col1 { display: inline-block; } .report-list.expanded .eod-sum-ele-col1 { width: 45% !important; } .report-list.collapsed .eod-sum-ele-col1 { width: 45% !important; } .eod-sum-sec-ele-col1 { display: inline-block; } .report-list.expanded .eod-sum-sec-ele-col1 { width: 25% !important; } .report-list.collapsed .eod-sum-sec-ele-col1 { width: 25% !important; } .monthly-sum-ele-col2 { width: 25% !important; display: inline-block; } .eod-sum-ele-col2 { width: 25% !important; display: inline-block; } .eod-sum-ele-col3 { width: 25% !important; display: inline-block; } .eod-sum-sec-ele-col2 { width: 20% !important; display: inline-block; } .eod-sum-sec-ele-col3 { width: 20% !important; display: inline-block; } .eod-sum-sec-ele-col4 { width: 20% !important; display: inline-block; } .eod-sum-sec-ele-col5 { width: 35% !important; display: inline-block; } .eod-sum-sec-ele-col6 { width: 22% !important; display: inline-block; } .eod-sum-sec-ele-col7 { width: 20% !important; display: inline-block; } .eod-sum-sec-ele-col8 { width: 15% !important; display: inline-block; } hr.horizontal { border: 1px solid #d3d3d3; } .text-600 { font-weight: 600; } .sum-ele-col1 { width: 50%; display: inline-block; } .sum-ele-col2 { width: 50%; display: inline-block; } .box3 { width: 33.33%; display: inline-block; } .sum-name { color: var(--ep-color-dimGray); font-size: 12px; } .monthly-sum-name { color: var(--ep-color-dimGray); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .monthly-totals-sum-name { color: var(--ep-color-black) !important; } .box4 { width: 20%; display: inline-block; } .box4_25pt { width: 25%; display: inline-block; } .grey-text { font-family: Montserrat, Medium; color: var(--ep-color-secondary-btn); font-size: 12px; font-weight: 500; } .sum-value { width: calc(100% - 5px); text-overflow: ellipsis; white-space: nowrap !important; overflow: hidden; } .border-between { width: 90%; border-right: 1px solid var(--ep-grid-border); height: 100%; } .sum-ele-row1 { width: 100%; } .report-list.expanded .border-between { width: 85%; } .sum-ele-col1.section1-width { width: 40% !important; } .red-text { color: var(--ep-color-danger); } @media screen and (max-width: 1024px) { .box3 { width: 50% !important; } .box4 { width: 33.33% !important; } .box4_25pt { width: 25% !important; } .report-side-bar { width: 280px; } .report-list { width: calc(100% - 256px); } .report-list.collapsed .sum-ele-col1 { width: 45%; } .sum-ele-col1.section1-width { width: 60% !important; } .sum-ele-col1.section1-width .box3 { width: 33.33% !important; } .summary-data { max-height: 150px; overflow-y: auto; } .report-list.collapsed .monthly-sum-ele-col { width: 50% !important; padding-bottom: 10px; } .report-list.expanded .monthly-sum-ele-col1 { width: 55% !important; } .report-list.collapsed .monthly-sum-ele-col1 { width: 50% !important; } .report-list.expanded .eod-sum-ele-col1 { width: 45% !important; } .report-list.collapsed .eod-sum-ele-col1 { width: 45% !important; } .monthly-sum-ele-col2 { width: 35% !important; } .eod-sum-ele-col2 { width: 25% !important; } .eod-sum-ele-col3 { width: 25% !important; } } #report_grid .ep-table-header-cell { overflow: hidden !important; } .grid-cell-overflow { text-overflow: ellipsis; white-space: nowrap !important; overflow: hidden; } .k-block.ep-summary { margin-right: 8px; } .report-format .ep_with_icon span.icon-initial { font-size: 16px; } .report-format .ep-button-primary, .report-format .ep-button-primary.is-active, .report-format .ep-button-primary:hover { display: block !important; background: transparent !important; box-shadow: none !important; } .report-format .k-button[disabled] div { color: var(--ep-color-disabled-item) !important; } .report-left-section { height: 100%; overflow-y: auto; } .report-email .ep-textbox { max-height: none; } .report-email md-chips-wrap { min-height: 46px; max-height: 80px; overflow-y: auto; } .reports_date_filter ep-dropdown-filter .ep-dropdown-filter-container { width: 100%; display: table; margin-bottom: 15px; } .reports_date_filter .bt-mult-sel1 { width: 100%; } .reports_date_filter .bt-mult-sel1 .mdi-chevron-down { float: right; } #report_summary_grid .k-grid-content { min-height: 100px; max-height: 200px; } .equal-spacing { font-family: "Kendo UI"; } .report-parameters-refresh-button { border: 1px solid var(--ep-grid-border); } .options-badge { margin-top: 4px; margin-right: 8px; background-color: var(--ep-color-anotherBlue); } .options-border { border-color: var(--ep-color-lightGray); } .bold-data-row { font-weight: bold; } .ad-landing-page-section { margin-bottom: 30px; margin-right: 10px; margin-left: 10px; /*width: 300px;*/ padding: 20px; background-color: #ffffff; border: 0px solid transparent; border-radius: 0px; text-align: center; min-height: 200px; /* 256 */ box-shadow: 0 0 6px rgba(0, 0, 0, .15); border-radius: 2px; } .ad-landing-page-button-text { font-size: 14px; font-weight: 500; color: var(--ep-color-groupbox-header); text-align: center; height: 80px; } .ad-landing-page-button-signpost { font-weight: 600; font-size: 18px; color: var(--ep-color-orange); font-family: montserrat; margin-bottom: 12px; text-transform: uppercase; } .no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; } .ad-landing-page-button-text { font-size: 14px; font-weight: 500; color: var(--ep-color-groupbox-header); text-align: center; height: 80px; } .firearms-landing-page-items-section { margin-bottom: 30px; margin-right: 10px; margin-left: 10px; padding: 10px; /* background-color: #F9F9F9; */ border: 0px solid transparent; border-radius: 5px; /*min-height: 200px;*/ } .orchid-epicor-branding-label { font-size: 9px; color: var(--ep-color-lightgray); margin-bottom: 0; } .orchid-epicor-branding-row { padding-right: 20px; } .ffl-thumb-title { font-size: 20px; color: #F58220; font-family: Hind, sans-serif; } .ffl_management-heading { color: var(--ep-color-black); font-size: 15px; } .ffl-management-labels-key { display: table-cell; padding-right: 5px; font-size: 14px; color: #707070; font-family: Hind, sans-serif; font-weight: normal; } .ffl-management-labels-value { display: table-cell; font-size: 14px; color: var(--ep-color-orange); font-family: Hind, sans-serif; font-weight: lighter; /* inline-size: min-content; */ inline-size: 200px; overflow-wrap: break-word; word-break: break-all; } .firearm_search_wrap .k-widget { height: 45px; } .firearm_search_wrap #firearm_search_tooltip .k-input { text-indent: 30px !important; } .firearm_search_wrap #firearm_search_tooltip .k-widget:before { content: "\F349"; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; z-index: 10; font-size: 24px; top: 10px; left: 5px; color: var(--ep-color-lightGray); } .firearm_search_wrap span.k-widget.k-autocomplete .k-input { position: relative; height: 45px; padding: 0px; background: var(--ep-color-groupbox-header-background); } .firearm_search_wrap span.k-font-icon.k-i-close { display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-weight: 400; font-size: 15px; padding: 0px; width: 14px; height: 14px; right: 0px; margin: 0px 5px 0px 0px; } .firearm_details_block { min-height: 200px; margin-left: 0px; border: 1px solid darkgray; max-width: 1020px !important; } .firearm-image-section { border: 1px solid var(--ep-color-paleGray); margin-left: 0px; margin-right: 0px; border-radius: 6px; } .firearms-dashboard-chart { height: auto; margin-bottom: 30px; min-height: 445px !important; } .firearms-dashboard-chart [kendo-chart] { bottom: 0px; width: 100%; left: 0px; } .firearms-dashboard-title { border-bottom: 1px solid var(--ep-color-gray92); } .firearms-dashboard-title .title-display { font-size: 20px; font-weight: 600; flex-direction: column; flex: 1; } .firearm-landing-page-button-width { width: 100% !important; white-space: normal; height: auto; } .firearm_details_block_padding { padding-right: 30px !important; } #firearm_search_listbox .k-item { padding: 10px !important; cursor: pointer; border-bottom: 1px solid var(--ep-color-paleGray); } .firearm_add_serial_number_box { margin-left: 0px !important; margin-left: 10px; padding: 5px 20px 10px 5px; border: 1px solid lightgray; border-radius: 6px; max-height: 305px; min-height: 305px; overflow: auto; } .firearm-search-icon { margin-top: -25px !important; color: var(--ep-color-blue) !important; float: right; } .search_bar .k-dropdown { cursor: text !important; } .show_hide_btn { color: var(--ep-color-anotherBlue); outline: none; padding-right: 10px; float: right; } .grid-header-template-label { font-family: montserrat; font-weight: 600 !important; font-size: 15px !important; line-height: 25px; letter-spacing: 0px; margin-bottom: 0px; margin-top: 5px; color: var(--ep-color-black); } .firearm-search.mdi { font-size: 20px; color: var(--ep-color-anotherBlue) !important; } .firearm-search-button { width: auto; height: auto; border-radius: 4px !important; padding-top: 10px; padding-bottom: 10px; color: var(--ep-color-anotherBlue) !important; text-transform: uppercase; border: none !important; } .firearm-search-button-label { font-family: Hind, sans-serif; font-size: 15px; color: var(--ep-color-anotherBlue) !important; letter-spacing: 0px; margin-top: 0px; margin-bottom: 0px; font-weight: 600; text-transform: uppercase; } .firearm-search-button:focus { outline-color: transparent !important; outline-width: 0px !important; outline-style: none !important; border: none !important; } .firearm-search-button.k-button:active, .firearm-search-button.k-button:hover, .firearm-search-button.k-button:focus { background: 0 0 !important; color: var(--ep-color-blue) !important; opacity: .75; box-shadow: none; } .firearm-acquisition-information { min-height: 230px; } .k-upload .k-button { font-family: Hind, sans-serif; font-size: 15px; color: var(--ep-color-anotherBlue) !important; letter-spacing: 0px; font-weight: 600; text-transform: uppercase; border-color: transparent !important; box-shadow: none !important; background-color: transparent !important; } .help-text { font-size: 13px; color: #7f8c8d; } .firearms-add-label { padding-left: 0 !important; } .k-radio-label { color: inherit !important; } .sn-view { float: left; width: 50%; height: 335px; overflow: hidden; box-sizing: border-box; border-top: 0; position: relative; padding: 10px; } .firearms-search .sn-view{ height: auto !important; } .firearms-search .k-listview-content > .k-selected { background-color: inherit !important; } .firearms-search .k-listview-pager { display: none !important; } .sn-view:nth-child(even) { border-left-width: 0; } .sn-view p { line-height: 1; font-size: 12px; } .sn-identify-view { float: left; width: 50%; height: 200px; box-sizing: border-box; border-top: 0; position: relative; padding: 10px; } .sn-identify-view:nth-child(even) { border-left-width: 0; } .sn-identify-view p { line-height: 1; font-size: 12px; } .att-view { float: left; width: 50%; height: 425px; box-sizing: border-box; border-top: 0; position: relative; padding: 10px; } .att-view:nth-child(even) { border-left-width: 0; } .att-view p { line-height: 1; font-size: 12px; } .k-listview { /*border-width: 1px 1px 1px;*/ padding: 0; overflow: hidden; /*min-height: 148px;*/ } .k-listview-bordered { border-width: 0px !important; } .k-grid-pager { border-top: 0; } span.k-invalid-msg { position: absolute; margin-left: 6px; } @media only screen and (max-width: 620px) { .sn-view { width: 100%; } .sn-view:nth-child(even) { border-left-width: 1px; } } .e4473-bottom-actions { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; text-align: right; } .ad-4473-thumb-image { background-repeat: no-repeat; background-position: 50%; width: 70px; height: 70px; margin: 0 auto; } .e4473-warning-label { color: #ff0000; font-family: "Open Sans", sans-serif; font-weight: 600; font-size: 15px; line-height: 30px; letter-spacing: 0px; } .e4473-warning-link { color: #ff0000 !important; } .margin_tp_neg5 { margin-top: -5px !important; } .padding_lt12 { padding-left: 12px !important; } .padding_tp13 { padding-top: 13px !important; } .display-table-row { display: table-row; } .display-table-cell { display: table-cell; } .display-flex { display: flex; } .buyer-inline-instructions-text { padding-left: 5px !important; padding-top: 2px !important; } .buyer-inline-instructions { display: flex; padding-left: 0px !important; padding-top: 32px !important; } .firearm-filter-label-text { display: inline-block; font-family: 'Open Sans', sans-serif; font-weight: bolder; color: #95A5A6; font-size: 16px; } .firearm-pagination a:hover { text-decoration: none !important; } .firearm-pagination-page-style { display: inline-block; border: 1px solid var(--ep-color-secondary-btn); width: 25px; color: white; background-color: var(--ep-color-secondary-btn); line-height: 20px; height: 20px; padding-top: 2px; } .display-grid { display: grid; } a.view-as-icon .mdi { color: var(--ep-color-anotherBlue); } #fireamrs_report_options tr { padding-top: 10px; padding-bottom: 10px; } .position-relative { position: relative; } .aquisition-close-icon { position: absolute; right: 25px; top: 10px; } @media only screen and (max-width: 1024px) { #export_bound_book_option .ad-landing-page-button-text { height: 55px !important; } .ffl_section { margin-top: 10px; !important; } .k-grid-toolbar .acq_dis_section { padding-left: 33px !important; } } .firearm_expand_collapse_icons { padding: 8px 5px !important; margin-right: 8px !important; border-style: none; width: 35px; height: 35px; background-color: var(--ep-color-secondary-btn); color: var(--ep-color-white); display: inline-block; border-radius: 4px; background-image: none; position: relative; } .ez-check-status-label { display: flex; padding-left: 5px; padding-top: 2px; } .view-as a:hover { cursor: pointer; } .toolbar-actions-fm { padding: 0 0 16px 3px !important; margin: 0; } .correct_firearm_details { max-height: 160px !important; } .signature-container { float: left; position: relative; left: 15px; width: 502px; height: 102px; border-width: 1px; border-style: solid; color: black; overflow: hidden; } .signature-container .signature-body { height: 100%; } .signature-buttons { float: left; position: relative; top: 30px; left: 25px; } .k-grid-toolbar .acq_dis_section { padding-left: 75px; } .firearm_address_section { line-height: 25px; width: calc(100% - 50px); } .firearm-highlight-list-text { display: inline-block; font-family: 'Open Sans', sans-serif; font-weight: bolder; color: var(--ep-color-anotherBlue); font-size: 16px; margin-left: 20px; } .firearm-bolder-text { color: var(--ep-color-black); font-size: 18px; } .firearm_trace_pdf .k-pdf-export .k-grid-toolbar, .firearm_trace_pdf .k-pdf-export .k-grid-pager { display: none; } .sn-view .k-grid tr.k-state-selected, .k-grid td.k-state-selected, .k-listview > .k-state-selected, .k-state-selected .k-progress-status { color: var(--ep-color-text-normal); } .min-height-auto { min-height: auto !important; } .firearm-info-div { padding: 5px 0px; margin: 0px 0px; } .k-mobile .firearm-listview-pager .k-grid-pager .k-pager-numbers .k-link { display: block; margin-top: 0; margin-right: 0; padding: 1px 0px 1px .8em; text-align: center !important; border-top: 0; border-radius: 1px; border: 1px solid var(--ep-color-disabled-item); } .adlog_landing_page_sub_heading { font-size: var(--ep-banner-font-size); } .sequence_number_in_dialog { font-size: 18px; } .display-contents { display: contents; !important; } .inline-img-firearm { display: inline; margin: 0 2.125em 0px 0px; padding: 0; vertical-align: baseline; color: var(--ep-color-anotherBlue); float: right; font-size: 15px; font-family: montserrat; font-weight: 600; line-height: 25px; outline: none !important; } .firearm-transferee-search-icon { display: inline; width: auto; height: auto; padding: 5px; float: right; } .firearm-boundbook-report-note { color: var(--ep-color-anotherBlue) !important; } @media only screen and (max-width: 1200px) { .firearm-approve-acq-button-container { width: 565px; } .ad-log-landing-page { width: 450px; } } @media only screen and (max-width: 767px) { .adlog-button-width { width: 100% !important; float: none; } .adlog-button-margin { margin-top: 10px; } } @media only screen and (min-width: 1200px) and (max-width: 1525px) { .adlog-button-margin { margin-top: 10px; } .adlog-button-width { width: 100% !important; } .adlog-button-height { height: 135px; } } .firearm_trace_grid a:hover, .firearm_trace_grid a:focus { color: var(--ep-color-blue); text-decoration: none !important; } .ep-warning-text { color: var(--ep-color-danger); font-size: 13px; font-weight: 600; } .enics_certificate_email table.k-editor { width: 100%; height: 400px; table-layout: fixed; border-style: solid; border-width: 1px; border-collapse: separate; border-spacing: 4px; font-size: 100%; vertical-align: top; position: relative; } .nics-button-row-item { margin-bottom: 14px; height: 40px !important; } .nics-certificate-footer-label { float: left !important; margin-top: 15px; } .break-all { word-break: break-word !important; } .uppercase-input { text-transform: uppercase; } .kiosk-code-font { font-family: "Courier New", Courier, monospace; font-weight: bold; font-size: 16px; } /*fflcm paper view attachement*/ .has_attachment > .k-reset { margin: 0; padding: 0; border-width: 1px; outline: 0; font: inherit; text-decoration: none; list-style: none; } .paper-desc { height: 50px; overflow: auto; } /*fflcm paper view attachement*/ .firearms-signature-padding { padding-left: 15px; } .firearms-advanced-search-icon { font-size: 22px; padding: 1px; margin-right: 2px; outline: none; } .ep-remove-coc-container { padding-left: 0px; padding-top: 18px; } .ep-remove-coc-icon { font-size: 45px; } /*NICS DATE*/ .nics_date_confirmation { position: absolute; top: 50%; left: 50%; display: flex; flex-direction: column; align-items: flex-start; padding: 0px; box-sizing: border-box; border-radius: 6px; transform: translate(-50%, -50%) !important; bottom: unset; color: var(--base-text, #424242); font-family: Montserrat; width: 880px !important; } .nics_date_confirmation .modal-content { width: 100%; /*height: 200px;*/ border-radius: 6px !important; } .nics_date_confirmation .modal-dialog { width: 880px !important; } .nics_date_confirmation .modal-content .header-wrapper { background-color: var(--primary-v2); text-align: left; font-style: normal; font-weight: 600; font-size: 16px; line-height: 21px; letter-spacing: 0.15px; text-transform: capitalize; color: #FFFFFF; flex: none; order: 0; align-self: stretch; flex-grow: 0; height: 56px; border-radius: 5px 5px 0px 0px; } .nics_date_confirmation .ep_dialog_footer.transparent_buttons { border-top: 1px solid var(--divider-v2); padding: 20px 15px; } .nics_date_confirmation .modal-title.ep-std-dialog-title { text-transform: none; height: 87px; border-bottom: 1px solid var(--divider-v2); display: flex; align-items: center; } .nics_date_confirmation .modal-title.info { color: var(--component-text-white-v2); font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-size: 16px; } .nics_date_confirmation .message_block.break-word { padding-left: 5px; padding-top: 20px; max-width: calc(100% - 30px); padding-right: 0px; } .nics_date_confirmation button#std-dialog-question-yes-button { background: var(--primary-v2) !important; color: var(--component-bg-v2) !important; border-radius: 6px !important; margin-right: 7px !important; padding: 5px 15px !important; } .nics_date_confirmation button#std-dialog-question-on-button { border: 1px solid var(--primary-v2) !important; border-radius: 6px !important; box-shadow: none; padding: 5px 15px !important; } .nics_date_confirmation .modal_message_container.ep-std-dialog-error-text { height: calc(100% - 120px); } .nics_date_confirmation .ep-std-dialog-close { top: 15px; } .nics_date_confirmation .modal-body-contents { width: 100%; color: #424242; font-size: 30px; padding-top: 35px; } .nics_date_confirmation .title_group { font-size: 32px; color: #000000; } .nics_date_confirmation .custom_dialog_container { padding: 0px; } .nics_date_confirmation button.ep-button-primary, .nics_date_confirmation .ep-button-primary.is-active:disabled, .nics_date_confirmation .ep_dialog_footer.transparent_buttons .ep-button-primary:hover { border: 1px solid var(--ep-primary-button-border) !important; background: var(--ep-bg-primary-v2) !important; color: var(--ep-color-white) !important; width: 112px !important; display: flex; justify-content: center; border-radius: 4px !important; } .nics_date_confirmation .ep_dialog_footer.transparent_buttons .ep-button-secondary { border-color: 1px solid var(--checkbox-border-v2) !important; color: var(--button-text-v2) !important; background: transparent !important; margin-right: 16px; width: 82px !important; border-radius: 4px !important; } .nics_date_confirmation .ep_dialog_footer.transparent_buttons .ep-button-secondary .text { float: unset !important; } .nics_date_confirmation span.ep-modal-title { font-size: 32px !important; } /* Styles for e4473 show instruction modal */ .e4473-firearms .modal-body-contents { max-height: calc(100vh - 223px) !important; overflow-y: auto !important; width: calc(100% - 54px) !important; margin-left: 54px !important; padding-right: 54px !important; } /* Styles for grid footer buttons */ .k-grid-pager.k-pager-lg .k-pager-numbers, .k-grid-pager.k-pager-md .k-pager-numbers, .k-grid-pager.k-pager-sm .k-pager-numbers { position: relative; overflow: hidden; -ms-flex-direction: row; flex-direction: row; background-color: #fff !important; border: none; } .k-grid-pager.k-pager-lg .k-pager-numbers-wrap, .k-grid-pager.k-pager-md .k-pager-numbers-wrap, .k-grid-pager.k-pager-sm .k-pager-numbers-wrap { width: auto !important; } .k-pager-numbers .k-button-flat-primary { color: var(--ep-color-primary-btn) !important; border-radius: 0px !important; } .k-pager-numbers .k-selected { color: #fff !important; background-color: var(--ep-color-primary-btn) !important; border: none; } .k-pager-numbers .k-button-flat-primary:hover { color: var(--ep-color-primary-btn) !important; background-color: #ededed !important; } .grid-header-no-uppercase .k-grid-header th.k-header { text-transform: none !important; } .firearm-dialog .prop-drawer-title{ text-transform: none !important; } .for-ffl-use{ min-height: 136px !important; } .seller-check-modal .modal-title { color: var(--ep-color-black) !important; } /* Styles for deleting acquisition/disposition confirmation modal */ .delete_acquisition_disposition .modal-body-contents { width: 100%; margin: 0; padding-top: 20px; font-size: 16px; } .delete_acquisition_disposition .title_group { position: relative; top: 20%; } .delete_input_textbox md-input-container { margin-top: 0; } .v2.delete_acquisition_disposition button.ep-button-primary, .v2.delete_acquisition_disposition .ep_dialog_footer.transparent_buttons .ep-button-primary:hover { border: 1px solid var(--ep-color-danger) !important; background: var(--ep-color-danger) !important; color: var(--ep-color-white) !important; border-radius: 4px !important; font-size: 16px; height: 40px; } .v2.delete_acquisition_disposition .ep-button-primary:disabled { border: 1px solid var(--ep-color-secondary-btn) !important; background: var(--ep-color-secondary-btn) !important; color: var(--ep-color-white) !important; } .delete_firearm_review { background: linear-gradient(0deg, rgba(255, 99, 88, 0.08) 0%, rgba(255, 99, 88, 0.08) 100%), #FFF; border-left: 4px solid #FF6358 !important; } .ffl_max_width_20 { max-width: 20px; } .ffl_max_width_200 { max-width: 200px; } .ffl_outline_0 { outline: 0 !important; } .ffl_seller_warning { color: red; display: table-cell } .ffl_bg_img { background-repeat: no-repeat; background-position: 50%; width: 150px; height: 150px; margin: 0 auto; } .ffl_bg_img2 { background-repeat: no-repeat; background-position: 50%; width: 250px; height: 250px; margin: 0 auto; } .ffl_width_450 { width: 450px; } .ffl_circle { border-radius: 50%; } .ffl_icon_offset { margin-top: -2px; margin-bottom: -8px; } .ffl_line_height_1 { line-height: 1; } .ffl_dashboard_chart_color { color: #008aa9; } .ffl_address_optional_color { color: #908D89; } .ffl_background_green { background-color: #66bc29;} .ffl_background_orange {background-color: #ff9900;} #e4473_seller_transferee_grid .k-grid-header { padding: 0 !important; } #e4473_seller_transferee_grid .k-grid-content { overflow-y: visible; } .party-lane-dialog-checkboxes input[type="checkbox"]:disabled { opacity: 1 !important; border-color: lightgrey; background-color: transparent; } .ffl-hr-divider { border: none; border-bottom: 2px solid rgb(236, 239, 241); } .autocomplete-external-firearm { width: 0; height: 0; visibility: hidden; position: absolute; left: 0; top: 0; } .ep-close-icon-blue { color: #337AB7; } .ffl-bg-img-full-width { background-repeat: no-repeat; background-position: 50%; width: 100%; height: 250px; } .ffl-section-divider { border-top: 1px solid #000000; margin-top: 1px; } .bg-disabled { background-color: #d2d2d2; } .margin-lt-neg30 { margin-left: -30px; } .hr-neg-right { padding-right: -10px; margin-right: -10px; } .ep-pdf-view-frame { width: 100%; min-height: 750px; height: 750px; } .bg-light-gray { background-color: rgb(245, 245, 245); } /*Range Lanes CSS Start*/ .range-lane-card { width: 150px; height: 117px; padding: 4px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .range-lane-card:hover, .range-noti-box:hover { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .range-lane-card-bay { font-weight: 600; font-family: montserrat; font-size: 14px; color: var(--ep-color-lynch); width: 140px; overflow: hidden; text-overflow: ellipsis; } .range-lane-card-lane { font-family: montserrat !important; font-weight: 600; color: var(--ep-color-anotherBlue) !important; font-size: 18px !important; } .range-lane-card-time { font-family: montserrat; color: var(--ep-color-orange); font-weight: 600; font-size: 12px; } .range-lane-card-content { background-color: var(--ep-color-white); } .range-lane-time-expired, .range-lane-time-available, .range-lane-time-inoperable, .range-lane-time-in-use, .range-lane-time-hold { padding-top: 3px; } .range-lane-time-expired { color: var(--ep-color-danger); } .range-lane-time-available { color: var(--ep-color-green); } .range-lane-time-inoperable { color: var(--ep-color-gray); } .range-lane-time-in-use { color: var(--ep-color-orange); } .range-lane-time-hold { color: var(--ep-color-blue); } .range-lane-card-party { font-size: 13px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 20px; width: 125px; } .range-lane-card-party-count, .range-lane-party-normal { font-family: Montserrat, Sans-Serif; font-size: 14px; color: var(--ep-color-lynch); } .range-noti-box { min-height: 90px; margin-bottom: 10px; padding: 10px; text-align: center; cursor: pointer; position: relative; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .range-noti-capt { color: var(--ep-color-lynch); font-weight: 500; font-size: 16px; font-family: montserrat; } .range-waiting-info { color: var(--ep-color-orange); font-size: 23px; font-weight: 500; padding: 10px 0; overflow: hidden; text-overflow: ellipsis; outline: none; } .range-lane-activity-level-low { padding: 12px 0; display: block; color: var(--ep-color-green); font-family: montserrat; font-size: 16px; font-weight: 600; } .range-lane-activity-level-medium:hover, .range-lane-activity-level-high:hover, .range-lane-activity-level-low:hover { text-decoration: none; color: none; } .range-lane-activity-level-medium { padding: 12px 0; display: block; color: var(--ep-color-orange); font-family: montserrat; font-size: 16px; font-weight: 600; } .range-lane-activity-level-high { padding: 12px 0; display: block; color: var(--ep-color-danger); font-family: montserrat; font-size: 16px; font-weight: 600; } .range-filters-rowwrap > .row > h5 { min-width: 45px; float: left; display: inline-block; padding: 7px 10px; color: var(--ep-color-gray); } .range-filter-wrap { float: left; padding: 8px; } .range-card-border { border-bottom: 1px solid #ececec; } .range-card-text-elips { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 20px; width: 135px; } .range-card-lane-text-elips { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 40px; width: 135px; } .range-lane-card-dialog { width: 150px; padding: 4px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12); } .range-lane-card-content .mdi { font-size: 18px; } .range-lane-time-ending  { color:  var(--ep-color-danger); } .ep-font-size2em { font-size: 2em; } .ep-range-list-order { border: 1px solid rgba(0, 0, 0, .1); line-height: 2.5em; } .ep-range-list-order li:hover { background-color: #dceffd; cursor: move; } .action-icon-center { display: block; text-align: center; } .range-noti-box a:hover { color: var(--ep-color-green) !important;; } @media screen and (max-width: 1024px) { .range-lane-card-item { padding-left: 0 !important; padding-right: 0 !important; } .range-card-border { border-bottom: none !important; } .range-lane-card { height: 87px; width: 106px !important; padding: 2px; } .range-card-lane-text-elips { width: 88px !important; height: 20px; } .range-lane-card-bay { width: 70px !important; } .range-card-text-elips { width: 92px !important; } .range-lane-card-party { width: 62px !important; } .range-lane-card-time { width: 60px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .range-lane-time-available, .range-lane-time-hold, .range-lane-time-inoperable, .range-lane-time-expired { overflow: hidden; height: 23px; } .range-lane-card-lane { font-size: 14px !important; } .range-filters-rowwrap h5 { line-height: 10px; } } @media only screen and (max-width: 1350px) { .range-status-block { display: block; } } /*Range Lanes CSS End*/ /*Add category full screen - Start*/ .add-category-full-screen-container { position: absolute; width: 100%; height: 100%; left: 0; top: 0px; z-index: 1001; padding: 2px 10px 10px 10px; overflow-y: auto; } .add_category_label_display { float: left; letter-spacing: -0.02em; font-size: 15px; font-weight: 600; font-family: Montserrat, sans-serif; height: 32px; } .category_hierarchy_wrap { padding: 5px; } .category_hierarchy_table td span { min-width: 100px; width: auto; } .category_hierarchy_wrap > table { margin-bottom: 10px; background-color: var(--ep-color-groupbox-header-background); } .category_hierarchy_table { border: solid #ccc 1px; -webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; } .category_hierarchy_table tr:hover { background: #ECECEC; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .category_hierarchy_table td, .category_hierarchy_table th { border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px; text-align: left; } .category_hierarchy_table td:first-child, .category_hierarchy_table th:first-child { border-left: none; } .category_hierarchy_table th:first-child { -moz-border-radius: 6px 0 0 0; -webkit-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; } .category_hierarchy_table th:last-child { -moz-border-radius: 0 6px 0 0; -webkit-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0; } .category_hierarchy_table th:only-child { -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .cat_hierarchy_text { font-weight: 600; } .cat_hierarchy_row { background-color: var(--ep-grid-row-highlight-blue); border-left: 3px solid #10b9e8; } .parent_cat_component .dropup .dropdown-menu { bottom: auto !important; } .category_genric_component { } .add_category_wrap { padding: 12px 15px 0px 15px !important; } .add_another_btn { position: absolute; right: 8px; bottom: 65px; min-width: 100px; } .set_top_level_cat { padding: 25px 3px 3px 5px; } .category_add_images_link { font-weight: 600; color: var(--ep-color-anotherBlue); font-size: 15px; height: 40px; border-style: none; overflow-x: hidden; width: 110px; margin: auto; } .category_add_images_link:focus { outline: none; } .store_exception_static_data { display: block; font-size: 15px; line-height: 1.2; min-height: 20px; overflow: hidden; word-break: break-word; } .category_disable_field { pointer-events: none; } .category_param_mandatory:after { content: " *"; font-size: 13px; vertical-align: top; color: var(--ep-color-red); } .category_param_mandatory.cat_has_val:after { color: var(--ep-color-darkGray); } .add_category_back_text { font-weight: 600; color: var(--ep-color-black); } .back_to_category { padding-bottom: 0px !important; position: relative; display: table; } .back_to_category .transparent_buttons { float: left; min-width: 350px; padding: 10px 0px; width: 100%; } /*End*/ .task-title { position: absolute; width: 100%; } .task_description_text { text-align: left; font: normal normal 600 15px/19px Montserrat; letter-spacing: 0px; color: #112F41; opacity: 0.8; /*width: 300px;*/ display: flex; } .task_description_status { display: flex; width: 100px; height: 30px; border-radius: 34px; opacity: 1; align-items: center; justify-content: center; color: var(--ep-color-white); min-width: 78px; margin-left: 25px; } .status_success { background-color: var(--ep-color-green); } .status_progress { background-color: var(--ep-color-goldYellow); } .status_fail { background-color: var(--ep-color-red); } .status_queued { background-color: var(--ep-color-paleGray); letter-spacing: 0px; color: #112F41; opacity: 1; } .running_no_summary_text:before { content: "\F0D32"; display: inline-block; font: normal normal normal 13px/18px "Material Design Icons"; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; z-index: 10; font-size: 18px; top: 14px; left: 5px; color: var(--ep-color-lightGray); } .task-overview { padding: 5px 0px 0px 5px; display: flex; width: 100%; min-height: 70px; background-color: var(--ep-color-paleGray); align-items: center; justify-content: center; margin-bottom: 15px; } .task-log-summary-data-block { display: flex; align-self: start; flex-flow: column; flex-wrap: inherit; margin: 5px; width: calc((100% - 40px) / 4) !important; padding: 5px; } /* New class added with seven columns to render new Task Log Overview's section data */ .task-log-summary-data-block-7col { display: flex; align-self: start; flex-flow: column; flex-wrap: inherit; margin: 5px; width: calc((100% - 70px) / 7) !important; padding: 6px; height: 30px; } ul.ui_link_container { padding: 0px; } li.ui_link_list { list-style: none; text-align: left; text-decoration: underline; font: normal normal medium 13px/18px Hind; letter-spacing: 0px; color: var(--ep-color-blue); text-transform: capitalize; opacity: 1; } .download_links { outline: none; } .link_label { font-weight: bold; } .summary_subsection { border-left: 1px solid var(--ep-color-dropdown-background); } .options_top_separator { border-top: 1px solid var(--ep-color-dropdown-background); } @media screen and (max-width: 1024px) { .task-log-summary-data-block { width: calc((100% - 30px) / 3) !important; } .task-log-summary-data-block-7col { width: calc((100% - 70px) / 7) !important; } } .task_action_link { display: inline-block; padding: 0px 5px; vertical-align: middle; width: 100px; text-align: center; float: right; } .rerun_task_link { color: var(--ep-color-blue); } .cancel_task_link { color: var(--ep-color-red); } .task-title-wrp { display: flex; align-items: center; } .task-desc { display: flex; flex-flow: column; width: fit-content; margin: 0px; min-width: 175px; } .option-text, .option-text-icon { color: var(--ep-color-blue); } .task-log-grid-block .fixed_right_bottom { bottom: auto; top: 8px; } .option_btn { font-family: Hind, Montserrat, sans-serif; font-size: 15px; background: transparent; outline: none !important; padding: 0px; margin: 9px 0px 0px 9px; } .option_btn span.mdi.mdi-chevron-down, .option_btn span.mdi.mdi-chevron-up { font-size: 20px; display: inline-block; padding: 0px !important; line-height: 20px; width: 24px; height: 24px; vertical-align: middle; } .fail_title_indicator { color: var(--ep-color-red); } .queue_title_indicator { color: var(--ep-color-dimGray); } .running_title_indicator { color: var(--ep-color-goldYellow); } .complete_title_indicator { color: var(--ep-color-green); } .log_type_indicator_info { color: var(--ep-color-darkGray); } .log_type_indicator_error { color: var(--ep-color-danger); } .log_type_indicator_warning { color: var(--ep-color-yellow); } .log_type_indicator_exception { color: var(--ep-color-danger); } .log-type-desciption { padding-bottom: inherit; } .full-screen-container { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1002; background: white !important; padding: 20px; } .no_summary_text { color: var(--ep-color-midGray); } /*Single section - eg. EDI tasks*/ .sectioned { margin: 5px 10px; font-weight: 600; color: #112F41; } .single_section_task_separator { border-bottom: 1px solid var(--ep-color-dropdown-background); margin: 2px 0px; } .event_message { max-width: 500px; white-space: normal !important; } .task-log-summ-config-blk .task-log-summary-data-block .ep-label-large-text { word-break: break-word; } .task-log-summ-config-blk .task-log-summary-data-block:nth-child(4n+1) { clear: left; } .task-log-summ-config-blk .task-log-summary-data-block-7col:nth-child(7n+1) { clear: left; } .cre-signature-capture-box { width: 435px; height: 100px; border: 1px solid black; display: flex; justify-content: flex-start; } .cre-signature-capture-image { display: flex; align-self: center; height: auto; max-width: 100%; } .inventory_add_header { padding: 0px 10px 10px 0px; } .physical_inv_not_counted .heading { font-size: var(--ep-banner-font-size) !important; font-weight: 600; } .physical_inv_not_counted md-radio-button { display: inline; } .physical_inv_not_counted md-radio-button .md-label { margin-left: 40px !important; margin-top: 10px; } .count-aggregates { background-color: var(--ep-color-paleGray) !important; min-height: 70px; } .k-grid .count-aggregates tr:hover { background-color: var(--ep-color-paleGray) !important; } .grid-toolbar-total > div { font-size: var(--ep-label-font-size); font-weight: 400; } .grid-toolbar-total-content { font-size: var(--ep-input-font-size) !important; font-weight: 600 !important; } .physical_inventory_review .k-grid-toolbar, .k-grouping-header { padding-left: 0px; padding-right: 0px; } #physical_inventory_add_multiple_item_count .k-toolbar.k-grid-toolbar { overflow: initial; } .physical_inventory_review .k-grid-header { border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; } .physical_inventory_review .k-grid-content { border-left-style: solid; border-left-width: 1px; border-color: var(--ep-color-groupbox-header-background); } .align-end { text-align: end; } .finalize-button { width: calc(100% - 65px); float: left; } .k-grid .physical-inventory-count-table tr td { border-right-width: 0px !important; border-bottom-width: 0px !important; } .back_to_inventory { padding-bottom: 0px !important; position: relative; display: table; } .back_to_inventory .transparent_buttons { float: left; min-width: 350px; padding: 10px 0px; } .back_to_order_icon { text-align: left; } .back_to_order_icon { font-size: 18px; color: var(--ep-color-anotherBlue); vertical-align: middle; cursor: pointer; } .inventory_footer_buttons { bottom: 0px; height: 65px; padding: 10px 0px; } .add_location { padding-bottom: 0px !important; position: relative; display: table; margin-top: -10px; } .inventory_component_group { background: white; padding: 15px 0px; margin-top: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); margin-bottom: 10px; } .physical_inventory_review .k-actions-stretched { border: 1px solid; } /* * This is CSS for Finalization History and Finalization History Details */ .history_head { color: var(--ep-color-secondary-btn); font-weight: 600; font-size: 15px; margin-bottom: 10px; padding: 15px 15px 15px 5px; } .search_reset_btn { margin-left: 10px; margin-bottom: 10px; } .finalization_history_detail_summary_shrinkage_head { color: var(--ep-color-darkBlue); font-family: Hind, Medium; font-size: 12px; font-weight: 600; } .show_hide_btn { color: var(--ep-color-anotherBlue); outline: none; padding-right: 10px; float: right; } .physical_inventory_review .k-header.k-grid-toolbar { position: relative; } .physical_inventory_review .ep-grid-max-min.toolbar_icon-state.grid_toolbar_icons.k-button { position: absolute; top: 31%; right: 15px; } .assign_items_message { padding-left: 10px; padding-top: 5px; padding-bottom: 5px; background-color: #f3f4f4; border-radius: 5px; } /*.physical_inv_not_counted div:first-child{ float: right; }*/ #physical_inventory_add_multiple_item_count .k-header.k-grid-toolbar { padding-bottom: 0px; } #physical_inventory_add_multiple_item_count .k-grid-pager.k-widget.k-floatwrap { border-top: 1px solid var(--ep-grid-border) !important; } #physical_inventory_add_multiple_item_count .ep-grid-max-min { margin-top: 5px; } @media only screen and (min-width: 1024px) and (max-width: 1201px) { .finalize-button { width: auto; float: none; } /*.physical_inventory_review .ep-grid-max-min.toolbar_icon-state.grid_toolbar_icons.k-button{ top: 21%; right: 1.0em; }*/ .physical_inv_not_counted div:first-child { float: none; } .physical_inv_not_counted { padding-left: 18px; } } @media only screen and (min-width: 1201px) and (max-width: 1300px) { .physical_inv_not_counted { padding-left: 0px; } .physical_inv_not_counted div:first-child { float: inherit; padding-left: 10px; } } .item_wrap { position: relative; display: table; float: left; } .item_search_component { width: 100%; background: var(--ep-color-groupbox-header-background); height: 45px; float: left; } .item_search_component:before, .item_wrap #product_toolbar_search_tooltip .k-widget:before { content: "\F349"; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; z-index: 10; font-size: 24px; top: 14px; left: 5px; font-size: 24px; color: var(--ep-color-lightGray); } #item_search_tooltip, #item_search_tooltip > .k-widget, .item_wrap, .item_wrap .k-widget { height: 45px; } .item_search_component #item { width: calc(100% - 30px); background: var(--ep-color-groupbox-header-background); box-shadow: none; padding-left: 30px !important; } .item_search_component span.k-autocomplete span.k-font-icon.k-i-close { margin: 0px; } .grid-toolbar-total { display: table; border-collapse: collapse; width: 100% } .grid-toolbar-total div { display: table-row; } .grid-toolbar-total div div { display: table-cell; } .mv-background-color { background-color: #DFE8ED; } .mv-legend-color { background-color: #DFE8ED; height: 20px; width: 20px; line-height: 22px; display: inline-block; border-radius: 100px; } .ep-physical-inventory-toolbar-search.k-multiselect { width: 100% !important; } .item_lookup { display: inline-block; float: left; position: relative; width: 100% !important; } .grid_summary_data { font-weight: 600; font-size: 15px; line-height: 1.2; min-height: 20px; overflow: hidden; word-break: break-word; } .inventory-info-message { font-size: 15px; font-weight: 400; color: var(--ep-color-goldYellow); } .inventory-error-message { font-size: 15px; font-weight: 400; color: var(--ep-color-danger); } .background-white { background-color: white !important; } tags-input.hide-input .tags input.input { display: none; } #price_maintenance_review .k-virtual-scrollable-wrap tr td { height: 22px; } .multi_add_shopping_cart > .k-grid .k-cell-inner > .k-link { padding: 0.8em !important; } .multi_add_shopping_cart > .k-grid .k-column-title { width: auto !important } .multi_add_shopping_cart > .k-header .k-grid-filter, .k-header .k-header-column-menu { width: auto !important; } .multi_add_shopping_cart > .main-content-wrapper { height: 94%; } #price_maintenance_review .ep-grid-max-min.toolbar_icon-state.grid_toolbar_icons.k-button { position: absolute; top: 10px; right: 15px; } #price_maintenance_review .floatright { width: auto; padding-right: 80px; } .k-grid .price-review-count-table tr td { border-right-width: 0px !important; border-bottom-width: 0px !important; } .price-review-count-total > div { font-size: var(--ep-label-font-size); font-weight: 400; } .price-review-count-table tr td { font-size: var(--ep-input-font-size); font-weight: 600; } .price_val { font-weight: 600; font-size: 16px; min-height: 16px; } .price_kept_blk { min-height: 58px; } .item_lookup_price { display: inline-block; float: left; position: relative; } .price_change_item .k-multiselect-wrap { min-height: 40px; } .padding_lt_15 { padding-left: 15px !important; } .current_val_blk { background-color: var(--ep-color-paleGray); } .change_prices_blk .price_form_elem, .batch_update_blk .price_form_elem { max-height: 70px; min-height: 70px; } .price_form_elem::after { content: ""; clear: both; display: table; } label.tab_lbl { font-weight: 600; font-size: 15px; font-family: Montserrat; color: var(--ep-color-darkGray); } .crt_new_val_header { font-size: 15px; line-height: 1; font-family: montserrat; font-weight: 500; color: var(--ep-color-groupbox-header); margin-bottom: 20px; } @media only screen and (max-width: 768px) { .update_retail_blk { padding: 0 !important; } } /*History*/ .pc_history_head_box { display: inline-block; margin: 0px 10px; float: left; line-height: 1.8; } .pc_history_show_hide_btn { color: var(--ep-color-anotherBlue); outline: none; padding-right: 10px; float: right; } .pc_history_data { display: block; font-weight: 600; font-size: 15px; line-height: 1.2; min-height: 20px; overflow: hidden; word-break: break-word; } .pc-detail-nav-element { position: absolute; right: 0px; top: 10px; } #physical_inventory_review .k-virtual-scrollable-wrap tr td { height: 22px; } /*History*/ .price_maintenance_review .k-toolbar-item { width: 100%; } /* Settings & License related CSS fixes to override the kendo wrapper */ #settings-licenses-container .k-invalid-msg { display: table !important; } #settings-licenses-container .k-numeric-wrap .k-i-warning { color: #db4240; position: relative; top: 0; width: 20px; right: 0; } #settings-licenses-container .k-tooltip-validation .k-callout-n { border-bottom-color: #86a2e0; } .license-container { border-radius: 3px; padding-top: 20px; width: 100%; column-count: 3; } .license-item { width: 100%; display: block; page-break-inside: avoid; height: auto !important; position: relative; margin-bottom: 2%; border-radius: 3px; background-color: var(--ep-color-white); border: 1px solid #dce4e8; padding: 15px 15px 5px 15px; box-sizing: border-box; box-shadow: rgba(0, 0, 0, .1) 0px 3px 2px; transform: translateZ(0px); } .k-ff .license-item { overflow: hidden; } .license-heading-container { display: flex; padding: 0 0 5px 0; border-bottom-color: #dce4e8; border-bottom-width: 2px; border-bottom-style: solid; margin-bottom: 10px; } .license-icon { width: 40px; height: inherit; float: left; position: relative; } .license-icon-container { height: 30px; width: 30px; border-radius: 50%; background: #DCE4E8; font-size: 18px; color: var(--ep-color-secondary-btn); } .license-icon-container span { position: absolute; left: 6px; top: 6px; } .license-heading-content { float: left; width: calc(100% - 46px); } .license-name { font-weight: 600; font-size: 18px; } .license-desc { font-size: 12px; color: var(--ep-color-dimGray); font-family: Hind, Regular; } .license-count { height: 60px; padding: 10px; background-color: #f3f4f4; font-size: 13px; font-family: Montserrat, Regular; display: flex; justify-content: center; align-items: center; } .license-count-container { margin: auto; } .license-count-val { font-size: 18px; font-family: Montserrat, Medium; font-weight: 600; color: var(--ep-color-orange); } .license-assignable { font-family: Montserrat, Medium; color: var(--ep-color-goldYellow); font-weight: 600; } .license-assign-clickable { outline: none; padding: 10px 0 5px 0; } .assign-license-heading { font-size: 15px; font-weight: 600; font-family: Montserrat, Medium; } .assign-license-count-container { width: 100px; float: left; } .assign-license-count-label { font-size: 12px !important; font-family: Montserrat, Medium; color: var(--ep-color-black) !important; text-align: center; font-weight: 500 !important; } .license-border-right { border-right: 1px solid var(--ep-color-dropdown-background); } .license_search_bar { width: 100%; display: block; margin: 15px 0; } .license_search_bar .k-textbox, .license_search_bar .k-textbox > input, .license_search_bar .k-textbox:hover { border-color: transparent; background: var(--ep-color-textbox-background); width: 100%; } .license_search_bar .k-textbox > input { padding: .167em 30px 0 .167em; text-overflow: ellipsis; height: inherit; font-family: Hind, Montserrat, sans-serif; font-size: 16px; background-color: var(--ep-color-textbox-background); color: var(--ep-color-text-normal); } .license_search_bar span.close-icon { left: calc(100% - 25px); outline: none; } #po_grid .k-virtual-scrollable-wrap tr td, #serial_numbers_grid .k-virtual-scrollable-wrap tr td { height: 22px; } .ep-schedule-btn { width: auto; font-weight: normal !important; padding: 14px 24px; font-size: 14px; } .po-tooltip-spacing { margin-left: 0px; padding-left: 0px; } /*Reverse PO history details -- Start*/ .reverse_po_history_head_box { display: inline-block; margin: 0px 10px; float: left; line-height: 1.8; } .reverse_po_history_data { display: block; font-weight: 600; font-size: 15px; line-height: 1.2; min-height: 20px; overflow: hidden; word-break: break-word } /*Reverse PO history details -- End*/ .ep-full-screen-toolbar #toolbar_generic_actions { margin-top: 0; } .po_inline_grid_box_value.show_as_link { font-weight: 400; cursor: pointer; outline: none; color: var(--ep-color-blue); } .normal_text_blk { clear: left; color: var(--base-text-v2); font-size: 13px; font-weight: 400; } .qb-text-section { font-weight: 600; color: var(--ep-color-darkGray); height: 90px; } .qb-text-section .heading { font-size: 18px; } .qb-flex-container { display: flex; width: 40%; min-width: 800px; } .qb-box { width: 50%; border: 1px solid var(--ep-color-disabled-item); border-radius: 5px; margin-right: 15px; display: flex; } .qb-title-group { background-image: linear-gradient(to right, #1099D2, #0064A3); height: 87px; margin-top: auto; width: 100%; text-align: center; padding-top: 15px; color: var(--ep-color-white); border-top-left-radius: 4px; border-top-right-radius: 4px; } .qb-title { display: block; vertical-align: middle; font-size: 14px; font-family: Montserrat, Sans-Serif; text-transform: none; } .qb-description { color: var(--ep-color-charcoal); font-weight: 500; text-align: center; height: 65px; } .qb-step { font-weight: 600; line-height: 1; flex-direction: column; display: inline-block; vertical-align: middle; font-size: 20px; font-family: Montserrat; margin: 5px 0; text-transform: none; } .qb-sync { font-weight: 400; text-align: left; flex: 1 1 auto; } .qb-content-section { flex: 1 1 auto; display: flex; flex-direction: column; } .qb-icon-image { font-size: 100px; text-align: center; height: 120px; } .qb-icon { line-height: 1; color: var(--ep-color-darkGray); } .qb-connect { background-image: url("/app/shared/images/C2QB_green_btn_tall_default_2x.png") !important; background-size: cover !important; background-color: #2ca01c !important; } .qb-connect:hover { background-image: url("/app/shared/images/C2QB_green_btn_tall_hover_2x.png") !important; background-size: cover !important; background-color: #2c8418 !important; } .qb-button { width: 100%; height: 62px; } #icon_1.qb-icon { color: var(--ep-color-green); } .qb-animated-button { line-height: 90px !important; cursor: initial !important; border: none !important; background-color: var(--ep-color-white) !important; box-shadow: none !important; position: relative; height: 100px; width: 120px; } .qb-animated-button:disabled { color: var(--ep-color-disabled-item) !important; background-color: var(--ep-color-white) !important; } .qb-animated-button:hover { background-color: var(--ep-color-white); box-shadow: none; border: none; } .qb-animated-button span { position: absolute; left: 0; top: 1px; } @media only screen and (max-width: 1024px) { .qb-flex-container { width: 59%; } } @media (min-width: 992px) { .search-padding { padding-bottom: 10px !important; } } .qb-animated-button.is-active .icon-success { color: var(--ep-color-disabled-item) !important; } .qb-animated-button.is-active .icon-error { color: var(--ep-color-disabled-item) !important; } .qb-animated-button:not(:disabled) .icon-initial { color: var(--ep-color-darkGray) !important; } .qb-animated-button .icon-spinner { color: var(--ep-color-disabled-item) !important; } /*Public Key*/ /*.api_key_add_edit_dialog .modal-dialog { right: 0; position: fixed; !*transform: translate(-2.1rem, -2ex) !important;*! }*/ /* Styles for Large Modal Removes slide-up animation */ .modal-dialog.modal-lg { -webkit-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } /* Styles for Small Modal Changes slide-up animation to slide-down */ .modal.modal-slide-in-right .modal-dialog { margin: 0px; opacity: 0; height: 100%; right: 0; top: 0; position: fixed; -webkit-transform: translate(20%, 0%); -ms-transform: translate(20%, 0%); -o-transform: translate(20%, 0%); transform: translate(20%, 0%); -webkit-transition: all .3s cubic-bezier(.25, .5, .5, .9) 1s !important; -o-transition: all .3s cubic-bezier(.25, .5, .5, .9) 1s !important; transition: all .3s cubic-bezier(.25, .5, .5, .9) 1s !important; } .modal.modal-slide-in-right.in .modal-dialog { opacity: 1; right: 0; position: fixed; -webkit-transform: translate(0px, 0px) !important; -ms-transform: translate(0px, 0px) !important; -o-transform: translate(0px, 0px) !important; transform: translate(0px, 0px) !important; } .modal.modal-slide-in-right .modal-content, .modal.modal-slide-in-right .standard_custom_dialog_container, .modal.modal-slide-in-right .custom_dialog_container { height: 100%; } .modal.modal-slide-in-right .modal_message_container { height: calc(100% - 85px); } /*Public Key*/ .scheduling_all_tasks_grid a:hover, .scheduling_all_tasks_grid a:focus { color: var(--ep-color-blue); text-decoration: none !important; } .show_label_as_link { color: var(--ep-color-blue); display: inline-block; padding: 0px 1px 0px 1px; /* border-bottom: 2px solid var(--ep-color-blue); */ min-width: 50px; cursor: pointer; margin-bottom: 0px; font-size: 15px; font-weight: 600; } .task-list-table { max-height: 450px; overflow-y: scroll; } @media only screen and (max-width: 1024px) { .task-list-table { max-height: 270px !important; } } .task-list-table-header { padding-right: 15px; background-color: #dddddd; } /* Don't change these styles */ .grid-tile-item md-card { padding: 0; box-shadow: none !important; border-radius: 7px; border: 1px solid #e4e4e4; position: relative; width: 120px !important; height: 123px !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05) !important; overflow: hidden; } .grid-tile-item { float: left; padding-left: 2px !important; padding-right: 0 !important; } .grid-tile-item .image-preview-box { border-radius: 0 !important; margin: 3px; } .grid-tile-item md-card { outline: 0 none; } .grid-tiles-list li { width: calc(100% / 3); } .grid-tiles-list .image-preview-box2 { height: calc(100% - 35px); background-color: transparent; color: var(--ep-color-gray92); border-top-left-radius: 4px; border-top-right-radius: 4px; width: 100% !important; box-sizing: border-box; padding: 5px; border: 0 solid #f9f9f9; overflow: hidden; text-align: center; } .grid-tiles-list .image-preview-box2 img { margin: auto; max-height: 100%; max-width: 100%; } .grid-tiles-list md-content { height: 100%; background-color: #fff; } .grid-tiles-list .middle:hover { opacity: 1; } .tile-content { padding: 1px; height: inherit; } .grid-card-info-wrapper { height: 35px !important; bottom: 0px; position: absolute; width: 100%; padding: 0px 5px 3px 5px; font-weight: 600; color: var(--ep-color-text-normal); left: 0px; line-height: 1.1; display: flex; flex-direction: column; justify-content: center; align-items: center; } .grid-box-image-counter2 { position: absolute; display: flex; line-height: 1.1; width: 100%; left: 0px; padding: 3px; height: calc(100% - 0px); } .grid-box-breadcrumb-wrapper > .maintenance-toolbar .breadcrumb > li + li:before { content: '' !important; } .grid-box-breadcrumb-wrapper .breadcrumb > li + li:before { content: '' !important; padding: 0px; margin-left: -5px; } .grid-box-breadcrumb-wrapper .breadcrumb > li { outline: none; margin: 5px 0px; } .grid-box-breadcrumb-wrapper .maintenance-toolbar .breadcrumb > li span.arrow:before { display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 21px; text-rendering: auto; line-height: 0.8; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: top; padding: 0 2px; color: #757575 !important; content: "\F0142"; margin-top: 2px; } .grid-box-breadcrumb-wrapper .maintenance-toolbar { margin: 10px 0px; box-shadow: none; border-color: var(--ep-color-white) !important; } .grid-box-breadcrumb-wrapper .maintenance-toolbar .breadcrumb { font-family: Montserrat, Regular; font-size: 14px; font-weight: 600; height: auto; position: relative; padding: 0px; line-height: 20px; left: 8px; } .grid-tile-shadow:hover { border: 1px solid #929292; transition: all 0.2s ease; } .grid-tile-card-name { width: 100%; font-weight: 600; color: var(--ep-color-text-normal); display: block; font-family: Montserrat, Regular; font-size: 12px; line-height: 1.1; white-space: nowrap; } /*View style*/ .pos_qf_view { align-items: center; justify-content: center; display: flex; font-family: Montserrat, Regular; font-size: 14px; font-weight: 600; color: var(--ep-color-darkGray); line-height: 19px; max-height: 50px; } .qf_list_view .grid-tile-item md-card { width: 60px !important; height: 60px !important; border-radius: unset; float: left; } .qf_list_view .grid-tiles-list li { width: 100%; border: 1px solid var(--ep-color-gray92); } .qf_list_view .grid-tiles-list .image-preview-box2 { height: inherit; } .qf_list_view .qf_no_price_image_wrapper { height: 60px; } .qf_list_view .qf-img-wrapper { height: 60px !important; } .qf_list_view md-card md-card-container { height: inherit; } .qf_list_view md-card md-card-content { height: 60px !important; } .qf_list_view .qf_non_prompt_item_price_details { float: right; position: relative; display: inline-block; width: 70px; background: var(--ep-color-white); color: var(--ep-color-orange); text-align: right; font-size: 18px; font-family: Hind, Medium; height: 20px; vertical-align: middle; font-weight: 600; top: 20px; margin: 0px } .qf_list_view .qf_non_prompt_item_price_details span.qf_price_text { height: 25px; vertical-align: middle; position: absolute; top: 0; bottom: 0; right: 0; left: 0; color: var(--ep-color-orange); padding: 2px; margin: 0px; } .qf_list_view .qf_grid-card-info-wrapper { width: calc(100% - 70px); padding: 5px; font-weight: 600; color: var(--ep-color-text-normal); display: flex; border: none; align-items: flex-start; } .qf_list_view .grid-tile-card-name { justify-content: flex-start !important; } .qf_list_view .quick-find-card-desc { display: flex !important; width: auto; white-space: break-spaces; } .qf_list_view .grid-box-image-counter2 { margin-left: 3px; } .qf_list_view .qf_price_no_image-preview-box2 { margin: 0px !important; } .only-group { justify-content: flex-start !important; width: calc(100% - 30px) !important; } .card_price_info_container { width: calc(100% - 125px); display: flex; right: 39px; position: absolute; height: 55px; justify-content: flex-end; padding: 5px; margin-top: 5px; } .group_navigation_icon { display: flex; justify-content: center; align-items: center; color: orange; } .qf_prompt_price_details { text-align: center; font-weight: 600; font-size: 18px; justify-content: center; height: 80px; display: flex; align-items: center } .qf_prompt_price_details span.qf_price_text { height: 25px; margin: auto; top: 0; bottom: 0; right: 0; left: 0; color: var(--ep-color-orange); } .mass_update_grid_btn .k-button { line-height: 1.7; } .mass_update_tree .k-treeview span.k-in { width: calc(100% - 48px); } #mass_update_grid .k-grid-toolbar { display: none; } .mass_update_tree div.k-treeview { height: 620px; } .mass_update_tree span.k-in.k-selected, .mass_update_tree span.k-in.k-selected:hover { background: var(--ep-color-white); color: inherit; } /*.mass_update_tree .k-item[aria-checked="true"] span.k-in{ background: var(--ep-color-anotherBlue); color: var(--ep-color-white); }*/ .mass_update_footer .ep-pos-btn { width: 160px; } .mass_update_footer { overflow: hidden; border-top: 1px solid var(--ep-grid-border); padding-top: 10px; } #mass_update_grid .k-grid-content.k-auto-scrollable { height: 633px; } @media only screen and (min-width: 769px) and (max-width: 1024px) { .mass_update_tree div.k-treeview { height: 480px; } #mass_update_grid .k-grid-content.k-auto-scrollable { height: 500px; } } .remove_blk label { margin-bottom: 0px; } #mass_update_grid .k-edit-cell { overflow: visible; } .down_pos .dropup .dropdown-menu { bottom: auto; } #mass_update_grid .k-grid-content.k-auto-scrollable.cat_tre_blk { overflow: visible; } .suppliers-container { min-height: 400px; max-height: 600px; overflow: auto; } @media screen and (max-width: 1024px) { .suppliers-container { min-height: 400px; max-height: 445px; overflow: auto; } } tags-input .host.thrift_tag_bottom .autocomplete { top: auto; bottom: 100%; margin-top: 5px; position: absolute; padding: 5px 0; z-index: 999; width: 100%; background-color: #fff; border: 1px solid rgba(0, 0, 0, .2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); } #thriftCategoryContainer { height: 100%; width: 100%; } .thrift-img-wrapper { height: 120px !important; } .thrift-item-card { display: inline-block; padding: 28px 22px; width: calc(100% - 10px); margin: 5px; text-align: center; border: 1px solid var(--ep-grid-border); cursor: pointer; font-weight: 600; font-size: 16px; font-family: montserrat; transition: all 0.5s cubic-bezier(.25, .8, .25, 1); outline: none; box-shadow: 0px 3px 6px #00000029; background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 4px; } .thrift-item-card:hover { background: var(--ep-color-anotherBlue); color: #fff; } .thrift_max_price_font { font-size: 13px !important; padding-left: 0px; padding-right: 0px; } .thrift_items_flyout_no_info { font-family: Hind, Medium; font-size: 11px; color: var(--ep-color-lightGray); text-align: center; position: absolute; right: 0px; left: 0px; top: 400px; bottom: 0px; margin: auto; height: 40px; border: 1px solid; line-height: 40px; display: inline-block; max-width: 90%; border-radius: 5px; border-color: var(--ep-color-lightGray); pointer-events: none; } .group-more-text.single_word { word-break: break-all; } @media screen and (max-width: 1024px) { .thrift-item-card:focus { background: #fff; color: rgba(0, 0, 0, 0.87); } } .ar-menu-label { top: 1px; left: 9px; } .ar-menu-label-top { top: -10px; } .ar-heading { font-size: 15px; font-weight: 600; font-family: Hind, Montserrat, sans-serif; line-height: 24px; margin-top: 20px; } .ar-label-nowrap { white-space: nowrap; } .review-statement-options { color: var(--ep-color-anotherBlue); font-size: 15px; font-family: Hind !important; text-transform: uppercase; } .review-statement-options-button { color: var(--ep-color-anotherBlue); outline: none; } .ar_transaction_grid_filter { max-width: 200px; } .ar-jobs-multiselect .k-multiselect-wrap.k-floatwrap:not(.ep-generic-class) { max-height: 40px; } .print_or_email_container { .stmt-label { margin-top: 12px; } .stmt-checkbox-group { display: flex; gap: 20px; padding: 5px 0; } .stmt-info-box { margin-top: 10px; background-color: #8A8A8A; display: flex; padding: 5px 10px 10px; text-align: justify; color: var(--ep-color-white); } .stmt-info-icon { padding: 5px 10px 0 0; font-size: 16px; } .stmt-collate-section { display: inline-block; } } #ar_txn_viewer_date_filter_info_container{ display:flex; position: absolute; right: 100px; top: 30px; gap: 5px; align-items: center; visibility: hidden; } #ar_txn_viewer_date_filter_info_container .mdi{ font-size: 20px; color: var(--ep-color-blue); margin-top: 1px; } .catalog_desc_lnk { outline: none; } .catalog_ser_cmop { padding-top: 0; padding-bottom: 0; height: calc(100% - 15px); } .catalog_det_right_wrapper { display: flex; flex-direction: column; height: calc(100% - 30px); overflow-y: auto; } .catalog_facet_footer { padding-left: 15px; padding-right: 15px; position: absolute; bottom: 10px; width: 270px; } #catalog_search_grid .k-grid-content tr[role='row'] { cursor: pointer; } .cat_view_details .ep_group { box-shadow: none; } .catalog_ser_cmop .report-list { margin-left: 25px; } .catalog_ser_cmop .report-side-bar { width: 275px; } .catalog_ser_cmop .report-list { width: calc(100% - 250px); } .catalog_ser_cmop .report-list-content { padding-top: 0; } .catalog_partner_img { background-repeat: no-repeat; height: 150px; margin: auto; border-radius: 5px; border: 1px solid var(--ep-color-disabled-item); background-position-y: center; background-position-x: center; } .dib_img { background-size: contain !important; } .catalog_params_container { max-height: 400px; height: 400px; } #cat_diff_tags .tags .tag-item { color: var(--ep-color-text-normal); background: var(--ep-color-geryBlue) !important; border: none; font-family: Hind; font-size: 13px; line-height: 27px; padding: 0px 10px; border-radius: 0px; } .cat_diff_container { overflow-y: scroll; height: 300px; } #cat_diff_tags tags-input .tags .tag-item .remove-button { display: none !important; } #cat_diff_tags tags-input .tags .input { display: none !important; } .catalog_default_setup_partner_img { background-repeat: no-repeat; height: 100px; margin: auto; border-radius: 5px; border: 1px solid var(--ep-color-disabled-item); background-position-y: center; background-position-x: center; width: 140px; background-size: auto; background-position: center; } .modern-retail-setup-partner-bg { background-color: #000; background-size: 90% !important; } .catalog-refresh-btn { width: auto; } .catalog_partner_blk { border-right: 1px solid var(--ep-color-disabled-item); padding-right: 30px; } .catalog_right_blk { padding-left: 30px; } .catalog_search_blk > div.row { margin-bottom: 20px; } .ser_right_foot { position: absolute; bottom: 15px; left: 60px; } .view_cart_link { font-size: 13px; outline: none; cursor: pointer; font-weight: 600; font-family: Montserrat, Medium; color: var(--ep-color-anotherBlue); } .view_cart_link .mdi-cart { padding-right: 3px; font-size: 15px; } .catalog_footer_btn .ep-button-primary { margin-right: 10px; } .catalog_foo_btns { overflow: hidden; padding-top: 20px; border-top: 1px solid var(--ep-color-disabled-item); margin-top: 10px; } .range_blok { margin-top: 13px; } .range_blok .ep-filter-name-text { font-size: var(--ep-label-font-size); } .catalog_comp_ser { padding: 0 5px 0; } .range_blok .bt-mult-sel1 { color: var(--ep-color-darkGray); } .range_blok .bt-mult-sel1.ep-filters-select { color: var(--ep-color-blue); } .catalog_search_right .catalog_item_add_to_cart { width: 90px; right: 35px; position: absolute; } .catalog_search_right .catalog_item_quantity_component { right: auto; } .catalog_search_right .pos_fl_prod_information2 { height: 100%; } .addcart { position: absolute; width: 100%; top: 248px; } .catalog_right_blk .icon_down { position: absolute; right: 0; top: 13px; font-size: 15px; color: var(--ep-color-black); } .ep-pos-btn.ep-pos-primary-btn.final_pos_btn { width: 180px; } .catalog_search_right .item_cart_count { border-radius: 5px; margin-top: 5px; background: #DCE4E8; color: var(--ep-color-secondary-btn); padding: 8px; width: 100%; float: none; height: 32px; } #catalog_search_grid .k-grid-content { height: calc(100vh - 315px); } .add_pd_blk { width: 40px; display: inline-block; float: right; color: var(--ep-color-anotherBlue); margin-top: 10px; margin-left: 5px; } .catalog_search_right .item_cart_remove, .product_details_right_container .item_cart_remove { color: var(--ep-color-midGray); } .catalog_right_blk .k-widget.k-dropdowntree.k-dropdowntree-clearable { border-break: 0 !important; } .ep-grid-image.catalog_image { border-radius: 0; width: 58px; height: 58px; background-size: contain !important; background-color: white; } .k-numeric-wrap .k-tooltip.k-tooltip-validation .k-font-icon.k-i-warning { position: relative; display: inline-block; overflow: hidden; width: 1em; height: 1em; } .catalog_search_details { display: inline-block; float: left; width: calc(100% - 340px); height: 100%; transition: width 0.213s ease-in-out 0s; } .catalog_search_details.expanded { width: 100%; } .catalog_container_wrapper { position: absolute; top: 15px !important; height: calc(100% - 35px); width: 320px !important; right: 10px !important; left: auto !important; } .catalog_search_right { animation-duration: 0.213s; animation-fill-mode: both; background: var(--ep-color-textbox-background) !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); position: absolute; width: 100%; left: 0px; top: 0px; height: 100%; } .catalog_search_comp .inventory_component_group { margin-top: 0px; padding-top: 0px } catalog_search_comp .inventory_add_header { padding-top: 0px; } .catalog_search_right .catalog_product_image { border-radius: 0px; border: 1px solid #008AA966; width: 120px; height: 120px; background-size: contain !important; background-color: white; } #catalog_search_grid .grid_row_highlight, #catalog_item_store_grid_id .grid_row_highlight, .rsc_grid_row_highlight { background-color: var(--ep-grid-row-highlight-blue) !important; } .facet_blk { overflow-y: auto; height: calc(100% - 200px); } .facet_blk .facet_wrapper { padding: 0px 2% 0 2%; width: 95%; } .facet_wrapper .mdi-magnify { color: var(--ep-color-lightGray); top: 50%; margin: -8px 0 0; position: absolute; left: 3px; } .facet_blk .k-panelbar .k-content { background-color: var(--ep-color-white); border: none; position: relative; margin: 0; } .facet_blk .k-textbox.k-space-left { border: none; border-bottom: 1px solid #d5d5d5; border-radius: 0; display: block; } .facet_blk .k-textbox input { line-height: 1.8em; border: none; padding-left: 2em !important; outline: 0; } .catalog_info { font-family: Hind, Medium; font-size: 11px; color: var(--ep-color-text-normal); text-align: center; position: absolute; right: 0px; left: 0px; top: 0px; bottom: 0px; margin: auto; height: 40px; border: 1px solid; line-height: 40px; display: inline-block; max-width: 90%; border-radius: 5px; border-color: var(--ep-color-lightGray); pointer-events: none; } .catalog_search_right .image-preview-box { background-color: var(--ep-color-white); } .catalog_ser_uom { padding-left: 10px; font-size: 14px; color: #6D7B83; font-family: Hind, Regular; font-weight: normal; } .catalog_search_right h3 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .catalog_search_right .pos-flyout-retail-price { width: auto; float: left; } .catalog_price_rn { width: 200px; } .catalog_price_rn .bt-mult-sel1 { width: 100%; } .catalog_price_rn ep-dropdown-filter .ep-dropdown-filter-container { width: 100%; } .catalog_price_rn .mdi.mdi-chevron-down { float: right; } .catalog_search_right .show_as_link { color: var(--ep-color-blue); } .catalog_search_grid .k-header.k-grid-toolbar { padding-left: 0; padding-right: 0; } .catalog_search_grid .k-grid-header, .catalog_search_grid .k-grid-content { border-right: 1px solid var(--ep-grid-border); border-left: 1px solid var(--ep-grid-border); } .catalog_search_grid .k-grid-pager { border: 1px solid var(--ep-grid-border); } .catalog_search_grid .sliding-pane-icon i:before { margin: 0 auto; } .catalog_search_grid.k-grid tr td, .catalog_search_grid .k-grid-header th.k-header { padding: 8px !important; } .catalog_search_grid .sliding-pane-icon { width: 50px; height: 50px; background: var(--ep-color-textbox-background); color: var(--ep-color-anotherBlue); } .expanded .catalog_search_grid .sidebar_button { right: 0px; } .catalog_search_grid .sidebar_button { position: absolute; right: -8px; top: 15px; } .catalog_search_grid .view_cart_link { margin-right: 55px; } .catalog_search_grid .view_cart_link .mdi-cart, .item_view_cart_link .mdi-cart { padding-right: 8px; font-size: 18px; position: relative; } .conve_blk { margin-top: 10px; background-color: #F3F4F4; padding: 5px; display: block; border-radius: 5px; } .catalog_search_grid .view_cart_link .mdi-cart:after, .item_view_cart_link .mdi-cart:after { content: attr(data-badge-count); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: -21px; right: -4px; font-family: Montserrat; font-size: 12px; width: 25px; height: 25px; border-radius: 50%; font-style: normal; background: var(--ep-color-black); color: var(--ep-color-white); } /*Details --Start*/ .cat_detail_header { border-top: 1px solid var(--ep-grid-border); font-size: 13px; font-weight: 500; font-family: Hind, sans-serif; color: var(--ep-color-text-normal); margin-left: 15px; padding-top: 15px; margin-bottom: 15px; } .cat_ser_dets p { margin-bottom: 6px; } .catalog-details-full-screen-container { position: fixed; width: 100%; height: calc(100vh - 45px); left: 0; top: 45px; z-index: 111111; padding: 10px; overflow-y: auto; } .sidebar-opened .catalog-details-full-screen-container { width: calc(100% - 241px) !important; left: 241px; } .catalog_detail_img { background-repeat: no-repeat; height: 50px; width: 50px; border-radius: 5px; border: 1px solid var(--ep-color-disabled-item); background-position-y: center; float: left; } .catalog_prop65_img { background-repeat: no-repeat; height: 30px; width: 50px; background-position-y: center; float: left; } .catalog_search_component { background: var(--ep-color-groupbox-header-background); height: 45px; } #catalog_toolbar_search_tooltip { width: 100%; height: 100%; } .catalog_search_component #item_search { width: calc(100% - 30px); background: var(--ep-color-groupbox-header-background); box-shadow: none; padding-left: 30px !important; } .catalog_search_component:before { content: "\F349"; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; z-index: 10; font-size: 24px; top: 17px; /*left: 5px;*/ font-size: 24px; color: var(--ep-color-lightGray); } .catalog_label_text { font-family: Hind; font-size: 13px; color: #86898D; margin-bottom: 3px; } .catalog_label_value { font-size: 15px; color: var(--ep-color-text-normal); /*font-weight: 600;*/ } .catalog_vertical_key_value { height: 45px; border: none; background: transparent; min-width: 85px; font-size: 15px; color: var(--ep-color-lightGray); text-align: left; /* width: 200px;*/ float: left; } .whole_sale_price_blk { border-top: 1px solid var(--ep-grid-border); margin-top: 8px; padding-top: 8px; overflow: hidden; } .whole_sale_price_val { font-weight: 600; } .whole_sale_price { font-size: 14px; display: inline-block; float: left; margin-top: 5px; } .conversion_blk { display: inline-block; float: right; padding: 5px 8px; font-size: 11px; border-radius: 15px; background-color: var(--ep-color-secondary-btn); color: var(--ep-color-white); } .ace_default_highlight_info { color: var(--ep-color-orange); font-weight: bold; } .item_retail_price { background: var(--ep-color-groupbox-header-background); padding: 10px 15px; } .retail_price_value { font-size: 30px; font-weight: 600; color: var(--ep-color-orange); line-height: 1; } .catalog-right-info { height: calc(100% - 20px); padding: 0 15px; } .cat-info-det { height: calc(100% - 30px); } .catalog_info_content { height: calc(100% - 150px); overflow-y: auto; } .facet_blk .facet_comp_blk { padding: 5px 20px; height: 150px !important; overflow: auto; } .facet_blk .k-panelbar > .k-panelbar-item.facet-selected { margin-bottom: 10px; margin-left: 6px; margin-right: 6px; border: 1px solid #d5d5d5; border-radius: 3px; } .k-panelbar > .k-panelbar-item > .k-link, .k-panelbar > .k-panelbar-item > .k-link.k-selected, .k-panelbar > .k-panelbar-item > .k-link.k-state-selected, .k-panelbar > .k-panelbar-header > .k-link.k-selected, .k-panelbar > .k-panelbar-item > .k-link.k-selected.k-hover, .k-panelbar > .k-panelbar-item > .k-link.k-selected:hover { color: var(--ep-color-secondary-btn); font-size: 12px; font-family: Montserrat; border-bottom-style: solid; border-bottom-width: 1px; background-color: #fafafa; padding: 6px 12px; } .facet_blk .k-checkbox-label:before { width: 12px; height: 12px; font-size: 12px; line-height: 12px; } .item_detail_img { background-size: contain !important; background-repeat: no-repeat; height: 200px; width: 200px; border: 1px solid var(--ep-color-disabled-item); background-position-x: 50%; float: right; -webkit-box-shadow: 4px 6px 6px -6px #dfdada; -moz-box-shadow: 4px 6px 6px -6px #dfdada; box-shadow: 4px 6px 6px -6px #dfdada; /* margin: auto; */ } .retail_price_uom { font-size: 20px; color: var(--ep-color-lightGray); } .cat-detail-nav-element { display: inline-block; float: right; } .item_view_cart_link { font-size: 13px; cursor: pointer; font-weight: 600; font-family: Montserrat, Medium; color: var(--ep-color-anotherBlue); top: 10px; float: right; position: relative; } .catalog-item-image-preview-box i.mdi-image.center-bidirection:before { position: absolute; display: inline-block; font-size: 100%; right: 0%; left: 0px; margin: auto; width: 100%; height: 20px; bottom: 0px; top: 0px; text-align: center; color: #E5E5E5; } .catalog-item-image-preview-box { background: transparent; border-color: transparent; position: relative; border: 3px solid #e5e5e5; overflow: hidden; display: flex; } /*item quantity component*/ .catalog_item_quantity_component { /* float: right; */ width: 140px; margin: 0px 0px 0px 0px; border-top: 1px solid var(--ep-color-secondary-btn); border-bottom: 1px solid var(--ep-color-secondary-btn); border-radius: 4px; position: absolute; /* left: 0px;*/ } .catalog_item_quantity_input { width: 50px !important; float: left; margin: 0px !important; height: 45px !important; display: block; border-radius: 0px !important; } .catalog_item_quantity_input .k-numeric-wrap { height: 100%; text-align: center; } .catalog_icon_minus { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .catalog_icon_plus { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .catalog_icon_minus, .catalog_icon_plus { font-size: 24px; color: var(--ep-color-white); background: var(--ep-color-secondary-btn); /*height:43px;*/ } input.catalog_item_quantity_input.k-input { text-align: center; padding: 0px !important; text-indent: 0px; } .catalog_item_quantity_component .item_quantity_input { height: 43px !important; box-shadow: none !important; margin: 0px !important; padding: 0px !important; border: none !important; text-align: center; outline: none !important; } .catalog_item_quantity_component button:focus, .catalog_item_quantity_component .item_quantity_input:focus { outline: 1px dashed var(--ep-color-anotherBlue) !important; } .view_cart_link .mdi-cart-remove { font-size: 18px; } .catalog_item_add_to_cart { position: relative; width: 170px; float: right; margin: 0px 3px; height: 47px; } .catalog_item_add_to_cart > .add_item_button { width: inherit; position: relative; margin: 0px; height: 47px; } .item_cart_remove { color: var(--ep-color-red); right: 0px; float: right; } .item_cart_count { background: var(--ep-color-groupbox-header-background); padding: 10px; width: 325px; height: 30px; } .add_info_head_box { display: inline-block; margin: 0px 10px; float: left; line-height: 1.8; } .add_info_show_hide_btn { color: var(--ep-color-anotherBlue); outline: none; padding-right: 10px; float: right; } .filter_footer { position: absolute; top: calc(100% - 70px); height: 100px; width: 95%; } .filter_section { position: absolute; right: 0px; width: 240px; height: 100%; text-align: right; } .footer_filter_button_section { position: absolute; height: 100%; } /*item quantity component*/ .item_supplier_name { font-weight: 600; } .item_supplier_info { border: 1px solid var(--ep-grid-border); padding: 20px 5px; border-radius: 5px; } .catalog_detail_img i.mdi-image.center-bidirection:before { position: relative; font-size: 75%; right: 0px; left: 5px; margin: auto; width: auto; /* height: 5px; */ bottom: 0px; top: 14px; text-align: center; color: #E5E5E5; } .my_store_item { } /*@media only screen and (max-width : 1024px) { .ep-product-toolbar-search.k-multiselect { width: 265px !important; } }*/ .facet-selected .k-state-selected { color: var(--ep-color-secondary-btn) !important; } .facet_blk .k-link .k-font-icon { color: var(--ep-color-anotherBlue) !important; } .catalog_store_name { color: var(--ep-color-blue); } .refine-search-label { font-size: 12px; cursor: pointer; font-weight: 600; font-family: Montserrat, Medium; } .facet_blk #itemInStore .facet_comp_blk { height: 100px !important; } #catalog_item_store_grid_id .k-grid-toolbar { display: none; } .cat_cost_blk { background: var(--ep-color-groupbox-header-background); border-radius: 5px; } .cat_specifications_wrapper { background: var(--ep-color-textbox-background) !important; border-color: var(--ep-color-secondary-btn) !important; } .cat_specifications_blk { max-height: 100px; overflow-y: auto; } .product_details_right_container .cat_specifications_blk { max-height: 240px; } .cat_view_wrapper { height: calc(100% - 42px); overflow-y: auto; position: relative; margin: 7px -15px 0px -15px; padding: 0 15px 0 15px; } .cat_cost_container { border-right: 1px solid var(--ep-grid-border); margin-top: 10px; margin-bottom: 5px; padding-top: 5px; } .cat_cost_container:last-child { border: none; } .cat_field_val { height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ep-label-large-text.cat_cost_wrapper { font-size: 18px; line-height: 18px; } .price_change_item .k-multiselect-wrap { min-height: 40px; } .report-side-bar .facet_blk .highlight_facet_header { color: var(--ep-color-anotherBlue) !important; } .catalog_search_right_wrapper { width: 320px; top: 15px; display: inline-block; height: calc(100vh - 145px); position: absolute; right: 10px; float: left; } .product_details_right_container { width: 325px; padding: 10px 0px; float: right; } .product_details_right_container .item_cart_count { border-radius: 5px; margin-top: 10px; background: #DCE4E8; color: var(--ep-color-secondary-btn); padding: 8px; height: auto; } .image_container { height: calc(300px - 98px); margin: 0px 0px 5px 0px; } .item_count { height: 48px; margin: 5px 0px; } .big_img_wrapper { width: calc(100% - 55px); float: left; padding: 0px 5px; } .cart_grid_wrapper { height: calc(100% - 150px);; } .full-screen-container.cart_comp, .full-screen-container.cat_detail_wrapper { padding: 0; } #product_cart_grid .k-grid-content { height: calc(100% - 48px); } .cart_footer_blk button { padding: 7px 15px !important; } .add_cart_blk.grid_toolbar_icons .icons > span { position: absolute; left: 0px; top: 1px; width: 100%; line-height: 32px; font-size: 24px; } .add_cart_blk.grid_toolbar_icons .icons { padding: 0px !important; width: 35px; height: 35px; top: 0px; position: absolute; margin: auto; display: table-cell; bottom: 0px; left: 0px; right: 0px; } .add_cart_blk { height: 45px; } #product_cart_grid .k-grid .k-grid-header { height: auto; padding-right: 0px !important; } .cat-info-det .pos_item_quantity_component { margin: 0px 15px 0 5px; } .cat-info-det .pos_item_add_button { width: 50px; } .ranking_component_group .ep-label p { margin-bottom: 6px; } td.ep-inline-grid-editable-input.catalog_grid_input:after { border: none; } .ep-inline-grid-editable-input.catalog_grid_input .catalog_grid_input_templt { margin: 10px 0; padding: 10px; border: 1px solid var(--ep-grid-border); border-radius: 3px; } .view_product_header { font-size: 13px; font-family: Montserrat; font-weight: 500; } #product_cart_grid .k-grid-header th.k-header { background: var(--ep-color-white); } .row.ranking_component_group.cart_grid_container { height: calc(100% - 76px); margin-top: 0px; } .image_list_container { height: 100%; overflow: hidden; /*width: 80px;*/ width: 55px; float: right; right: 0px; } .left_sidebar_button { display: none; } .catalog_info_content .pos-flyout-info-text { overflow-wrap: break-word; } /*Details --End*/ @media only screen and (max-width: 1024px) { .catalog_ser_cmop .left_expanded .report-side-bar { position: absolute; top: 41px; left: 18px; z-index: 111; height: calc(100% - 50px); box-shadow: 5px 2px 3px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); } .ser_right_foot { left: 35px; } .catalog_search_right.catalog_container_wrapper { width: 280px; } .catalog_search_details { width: calc(100% - 300px); } .catalog_search_right_wrapper { width: 280px; } .left_sidebar_button { display: block; } .catalog_search_right .pos_item_quantity_component { float: left; } .catalog_ser_cmop .left_collapsed .report-side-bar { width: 30px; } .catalog_ser_cmop .left_collapsed .report-list { width: calc(100% - 11px); } .catalog_ser_cmop .left_expanded .report-list { width: 103%; margin-left: -15px; box-shadow: 5px 2px 3px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); } .catalog_search_right .add_item_button { margin-top: 0; } .is_left_collapsed { display: none; } .is_left_expanded { display: block; } .report-side-bar { position: relative; } .left_sidebar_button { position: absolute; right: 0; top: 18px; } .left_sidebar_button .sliding-pane-icon i:before { width: 18px; } .facet_blk { height: 458px; } } @media screen and (max-width: 1300px) { .catalog_search_right .pos_item_quantity_component { float: left; } } /*pos catalog style*/ .catalog_search_container td.ep-inline-grid-editable-input:after { display: flex; height: 43px; margin: auto; bottom: 2px; top: 2px; width: calc(100% - 20px); left: 10px; } .catalog_search_container .grid_filter_container { display: flex; width: auto; align-items: center; margin: 5px 0px 10px 0px !important; } .catalog-search-component { max-width: 500px; } .search_container_head .pos_multi_add_header { padding: 0px; display: flex; width: 100%; flex-flow: column; } .search_container_head .pos_multi_add_title { font-size: 16px; font-family: Hind, SemiBold; font-weight: 600; color: var(--ep-color-text-normal); float: left; min-width: 130px; padding: 5px 15px 5px 0px; margin-top: 0px; } .flex-right-bottom-button-container { display: flex; align-items: flex-end; justify-content: flex-end; padding-bottom: 10px; } .catalog_search_container #multi_add_grid .k-virtual-scrollable-wrap tr td.ep-generic-class { padding: 0px 20px !important; } .catalog_search_container td.ep-inline-grid-editable-input { padding: 0px 20px !important; } .catalog_search_container .ep-button-primary.is-active { width: 145px !important; } .catalog_content_wrapper { position: absolute; width: 100%; height: 100%; } .sup_cat_cost_blk .sup_cost_wrap:first-child .ep-label p { font-weight: 600; color: var(--ep-color-text-normal); } .sup_cat_cost_blk .sup_cost_wrap:first-child .cat_cost_wrapper .cost_val { font-size: 24px; line-height: 24px; } .cat_cost_second_row { padding-top: 25px; } .manufacture_wrapper { height: 46px; } .cost_uom_blk { color: var(--ep-color-darkGray); } .pos_transaction_container.catalog_detail_view { width: calc(100% - 310px); } ep-catalog-product-detail .view_cart_link { font-size: 13px; outline: none; cursor: pointer; font-weight: 600; font-family: Montserrat, Medium; color: var(--ep-color-anotherBlue); display: inline-block; flex-flow: column; position: absolute; bottom: 15px; left: 0px; right: 0px; margin: auto; width: fit-content; } .grid_footer_notification { position: absolute; bottom: -2px; padding: 10px; display: flex; left: 15px; width: calc(100% - 30px); background: aliceblue; border: 1px solid #bed5e8; align-items: center; } .grid_footer_notification .notification_message { width: calc(100% - 80px); } .grid_footer_notification .notification_callback { align-items: center; display: flex; } .grid_footer_notification .notification_callback button { display: flex; width: 54px; margin: 0px 5px; text-align: center !important; justify-content: center; border: none; padding: 7px 10px; background: transparent; font-weight: 500; border-radius: 4px; font-family: montserrat; color: var(--ep-color-anotherBlue); font-size: 15px; } .cat_terms_fields { min-height: 63px; } /*pos catalog style*/ @media screen and (max-width: 1200px) { .cat-info-det .pos_item_quantity_component { float: left; } } .extended_info_blk { max-height: 220px; overflow: auto; border-bottom: 1px solid var(--ep-grid-border); } .cat_partner_blk { padding: 5px; } .cart_partner_title { min-height: 58px; } /*.cart_footer_wrapper*/ .catalog_detail_ext_desc { max-height: 120px; overflow-y: auto; } .ship_via_add_blk .back_to_inventory .transparent_buttons { min-width: 480px; } .ship_via_add_blk .customer_add_footer { border: none; } .ace_so_feilds_blk div.ep-generic-class { margin-bottom: 0; } .ace_so_field { margin-bottom: 10px; font-size: 15px; font-weight: 600; } .ace_so_customer_blk .back_to_inventory .transparent_buttons { min-width: 600px; } .catalog_search_details .k-grid-toolbar { padding-top: 15px; } .gift_card_dialog .search-box-container { border: none; padding-left: 26px; font-size: 18px; background: var(--ep-color-textbox-background); height: 38px; position: relative; display: inline-block; width: 50%; } .gift_card_dialog .search-box { background-color: #f3f4f4; margin-left: 5px } .gift_card_dialog .search-box-container .search-box { border-width: 0px; position: absolute; top: 15%; width: 85%; } .warning_tool_tip .k-callout-s { border-top-color: var(--ep-color-red) !important; } .k-widget.k-tooltip.warning_tool_tip { border: 1px solid var(--ep-color-red) !important; } .k-grid td.device_connectivity > div { padding: 0px !important; margin: -5px -10px; } .k-grid td.device_connectivity { min-height: 30px; /* display: flex; */ justify-content: center; align-items: center; } md-nav-bar.device_manager_tabs { padding: 15px 15px 3px 15px; display: inline-flex; } form#register_maintenance_form #ep-maintenance-screen-toolbar { float: right; } ep-printer-agent-edit-component { position: absolute; left: 0px; top: 0px; padding: 10px; width: 100%; height: 100%; background: #f3f4f4; z-index: 10; } .back_to_device_edit { padding-bottom: 0px !important; position: relative; display: flex; } .full_screen_header { padding: 5px 0px 5px 0px; border-bottom: 1px solid var(--ep-grid-border); margin-bottom: 0px; } .back_to_icon { font-size: 18px; color: var(--ep-color-anotherBlue); vertical-align: middle; cursor: pointer; width: 12px !important; display: inline-block; line-height: 12px; margin-left: -5px; margin-right: 5px; } .back_to_device_edit .transparent_buttons { float: left; min-width: 175px; padding: 10px 0px; margin: 0px; } .edit_printer_title { font-size: 15px; line-height: 1; padding: 8px 18px 18px 15px; border-bottom: 1px solid #e5e5e5; margin-bottom: 15px; font-family: 'Montserrat'; text-transform: uppercase; font-weight: 600; width: calc(100% - 12px); margin-left: 6px; } .row.footer_action { position: relative; padding: 10px 0px; margin-top: 10px; border-top: 1px solid var(--ep-grid-border); width: calc(100% - 0px); margin-left: 0px; margin-right: 0px; } .agent_edit_wrapper { box-shadow: 0 -3px 4px rgb(0 0 0 / 10%), 0 5px 3px rgb(0 0 0 / 5%); background: white; border-radius: 5px; position: relative; min-height: 355px; overflow: hidden; } .agent_edit_wrapper .loaders-container { background: #fff; } .device_upgrade_progress { font-size: 15px; color: var(--ep-color-orange); font-weight: 400; padding: 15px 15px 15px 0px; margin: 0px; float: left; } .device_upgrade_warning { font-size: 15px; color: var(--ep-color-danger) !important; font-weight: 600; padding: 15px 15px 15px 0px; margin: 0px; float: left; } .device_claim { font-weight: 600; font-family: Hind; font-size: 20px; } .device_claim_text { font-size: 14px; } #peripheral_device_setup_controller_printer .k-pager.k-grid-pager.k-pager-md .k-pager-info { display: block !important; } ep-devices-component { display: block; float: left; width: 100%; } .device_panel_button:before { padding: 11px 8px; font-size: 24px; } .devices_panel { position: absolute; z-index: 10000; width: 330px; right: 55px; top: 48px; height: 500px; padding: 8px; margin: auto; transition: all 0.3s cubic-bezier(.25, .8, .25, 1); background: #c7d2d2; } .devices_panel ep-devices-component { background: #fff; position: absolute; display: flex; width: 100%; height: 100%; top: 0px; padding: 0px; overflow: hidden; right: 0px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .device_info_block { position: relative; max-height: 100%; display: flex; line-height: 1; margin: 0px; padding: 0px; width: 100%; flex-flow: column; border-radius: 2px; border: 1px solid var(--ep-color-dropdown-background); } .device_info_head { font-weight: 600; font-size: 16px; margin-top: 5px; padding: 10px; font-family: montserrat; text-align: center; } ul.device_list_block { padding: 0px; list-style: none; display: flex; flex-flow: column; margin: 0px; height: calc(100% - 91px); overflow-y: auto; } ul.device_list_block .cre_devices:last-child { margin-bottom: 0px } .device_panel_overlay { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: transparent; display: none; } .devices_panel.show_device_panel .device_panel_overlay { display: block; } .device_panel_button { position: absolute; width: 40px; height: 40px; background: #0064a3; z-index: 1000; top: 0px; bottom: 0px; margin: auto; left: -41px; border-radius: 4px 0px 0px 4px; outline: none; color: white; } li.devices.cre_devices { display: flex; padding: 5px 5px 5px 5px; border-radius: 0px; width: calc(100% - 11px); height: 70px; margin: 0px; position: relative; float: left; background: transparent; font-size: 13px; color: var(--ep-color-black); font-family: Hind, Medium; border-top: 1px solid var(--ep-color-offWhite); align-items: center; flex-flow: row; } li.devices.cre_devices:focus { background: var(--ep-color-textbox-background); outline: none; } li.devices.cre_devices:last-child { padding-bottom: 12px; } .device_icon { display: table; width: 48px; font-size: 18px; line-height: 18px; float: left; height: 45px; position: relative; vertical-align: middle; } .device_actions { width: 46px; height: 40px; align-self: center; display: inline-block; right: 5px; } .pos_cre_action_button { width: 40px; height: 40px; font-size: 18px; background: transparent !important; border: 1px solid var(--ep-color-anotherBlue) !important; color: var(--ep-color-anotherBlue) !important; border-radius: 4px !important; } .device_details { flex-grow: 1; align-self: center; line-height: .7; display: inline-block; width: calc(100% - 95px); position: relative; } .device_name { display: inline-block; line-height: 1; text-overflow: ellipsis; overflow: hidden; font-size: 16px; color: var(--ep-color-lynch); } .device_name span[ng-bind-html]:first-child { margin: auto; } .device_status { display: inline-block; margin-left: 5px; line-height: 1.5; overflow: hidden; font-weight: 600; font-size: 12px; } .device_icon .mdi { height: 18px; width: 18px; display: table-cell; align-self: center; margin: 5px; line-height: .9; position: absolute; right: 0; left: 0; top: 0; bottom: 0; } .device_icon .mdi:before { font-size: 30px; transform: rotate(90deg); } .device_version_details { line-height: 1; margin-top: 5px; color: var(--ep-color-lynch); font-size: 12px; } .device_service_name { font-size: 12px; font-weight: 600; } .top-nav-device-button { width: 32px; height: 33px; font-size: 23px; line-height: 1.6; padding: 7px 9px; } .device_list_footer { height: 50px; bottom: 0px; position: absolute; display: flex; width: 100%; align-items: center; justify-content: center; } .device_list_footer:before { content: ""; width: 90%; height: 1px; position: absolute; background: #e8e8e8; top: 0px; } .device_mgmr_link { color: var(--ep-color-anotherBlue); padding: 5px 10px; transition: all .25s ease-in-out; outline: none; font-family: 'Montserrat'; text-transform: uppercase; font-weight: 600; cursor: pointer; } li.devices.cre_devices:nth-child(even) { background-color: var(--ep-color-switch-thumb); } .device_name span[ng-bind-html]:first-child { margin: auto; } .device_icon > span { display: flex !important; height: 100% !important; margin: 0px !important; min-width: 40px; } .device_icon > span:before { display: flex !important; width: 30px !important; height: 30px !important; position: absolute; top: 0px; bottom: 0px; margin: auto; right: 0px; left: 0px; } .k-notification.k-notification-ngTemplate { min-width: 250px; background: transparent; border: 0px; } .k-notification.k-notification-ngTemplate .modal-content { display: flex; flex-flow: column; border: 0px; box-sizing: border-box; margin-top: 10px; border-radius: 4px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .k-notification.k-notification-ngTemplate .modal-content .modal_message_container .icon_block { width: 30px; height: 30px; } .k-notification.k-notification-ngTemplate .modal-content .modal_message_container { padding: 5px; width: 100%; } .k-notification.k-notification-ngTemplate .modal-content .header-wrapper { padding: 5px 5px 0px 5px; width: calc(100% - 9px); } .k-notification.k-notification-ngTemplate .modal-content .message_block { max-width: calc(100% - 30px); float: left; font-family: Hind, sans-serif; padding: 0px 15px; word-break: break-word; } #coupons_promotions_table tr td:first-child { vertical-align: middle; } #coupons_promotions_table tr td { border-top-color: transparent; border-right: 1px solid var(--ep-grid-border); } #coupons_promotions_table tr th { font-weight: normal !important; border-right: 1px solid var(--ep-grid-border); border-bottom: 1px solid var(--ep-grid-border); padding-top: 15px; padding-bottom: 15px; } #coupons_promotions_table .promotions_rule { width: 70px; margin: auto; } .promotions_rule_dropdown { width: 200px; margin: auto; } .promotions_toggle { width: 70px; margin: auto; } /*Supplier Updates - Start*/ .supplier_default_wrap { padding-top: 20px; } ul.supplier_default_list { padding: 0px; } .supplier_default_list li { list-style: none; height: 50px; } .supplier_default_list li label { font-weight: normal !important; } .supplier-updates_footer-buttons { position: absolute; bottom: 0px; right: 0px; } /*Supplier Updates - End*/ .pos_return_item_img { background-repeat: no-repeat; height: 130px; margin: auto; background-size: contain !important; border: 1px solid var(--ep-color-darkBlue); width: 130px; float: left; background-position: 50%; margin-bottom: 10px; } .pos_return_img_preview_box { height: 130px; width: 130px; color: #b0b0b0; overflow: hidden; display: flex; max-width: 100%; max-height: 100%; background: transparent; border-color: transparent; position: relative; border-radius: 0px; border: 1px solid var(--ep-color-darkBlue); float: left; margin-bottom: 10px; } .pos_return_quantity_container { /*margin-top: 25px;*/ margin-top: 5px; } .pos_return_quantity_container label { display: block; } .pos_item_quantity_component.pos_return_quantity_component { float: left; margin-left: 0 !important; } .pos_return_sku { font-weight: 600; font-family: Montserrat, Medium; font-size: 12px; } .pos_return_desc { color: var(--ep-color-secondary-btn); font-family: Hind, Regular; font-size: 10px; } .pos_return_quick_find-header-box { margin: 10px 0; background-color: var(--ep-color-groupbox-header-background); padding: 10px 5px 0 0; height: 70px; border-radius: 4px; } .row.return-quick-find-box-tile-container { display: block; overflow: auto; max-height: 73%; height: calc(100% - 180px); } .return-quick-find-container .grid_box_layout { height: 100%; } /*QF return enhancement - Start*/ .pos_return_eligible_qty { margin-top: 2px; } span.pos_return_eligible_qty_text { font-weight: 600; font-weight: 600; font-family: Montserrat, Medium; font-size: 12px; margin: 0px; } span.pos_return_eligible_qty_label { color: var(--ep-color-darkGray); font-size: 13px; font-weight: 500; margin-left: 3px; } .return_total_trx { font-weight: 600; color: var(--ep-color-orange); } /*End*/ .return_all_blk .k-checkbox + .k-checkbox-label { margin-left: 0px; } .don_title_blk { color: var(--ep-color-orange); line-height: 2.5; font-size: 18px; float: left; } .thrift_donation_block .ep_pos_total_tendering_button { width: 300px; } .thrift_donation_block .ep_pos_total_tendering_button .ep-button-primary { width: 280px; } .thrift_donation_block .ep_pos_transaction_footer { top: calc(100% - 130px); height: 130px; } .thrift_donation_block .ep_pos_grid_wrapper { height: calc(100% - 140px); } .thrift_donation_block .total_section { width: 300px; height: auto; bottom: 7px; } .thrift_donation_sidebar_container md-nav-bar ul._md-nav-bar-list li { width: calc(100% / 3); display: flex; } .thrift_donation_sidebar_container md-nav-bar .md-button { width: 100%; display: flex; } .thrift_donation_sidebar_container md-nav-bar .md-button._md-nav-button { padding: 12px 12px 4px; } .thrift_donation_sidebar_container.expanded { animation-name: slideInRight; } .thrift_donation_sidebar_container.collapsed { left: calc(100% + 50px); } .thrift_donation_sidebar_container span._md-nav-button-text { display: block; width: 100%; } .thrift_donation_sidebar_container { position: absolute; width: 450px; height: 100%; right: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px, rgba(0, 0, 0, 0.05) 0px 2px 3px; animation-duration: 0.213s; animation-fill-mode: both; background: white; border-radius: 2px; } .thrift_donation_block .tranaction_related_elements { width: 200px; } .thrift_donation_block .ep_pos_item_quantity_component { margin-right: 10px; } div#pod_trans_grid { height: 100% !important; border-radius: 4px; overflow: hidden; } @media screen and (max-width: 1300px) { .thrift_donation_block .tranaction_related_elements { width: 263px; } } /* Tooltip - POD Config*/ .donation_config_tooltip { overflow-y: auto; overflow-x: auto; max-height: 230px; height: auto; max-width: 200px; min-width: 175px; } .donation_config_tooltip .k-tooltip-content li { overflow-x: auto; list-style-type: none; text-align: left; font-size: 13px; font-weight: 600; letter-spacing: 0px; color: #112F41; max-width: 200px; min-width: 175px; } .donation_config_tooltip .k-tooltip-button { padding-right: 10px; } .donation_config_tooltip .k-tooltip-content ul { padding: 5px; } .ep-label-large-text { line-height: 15px; font-size: 14px; } .ep-label-large-text p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .line-item-description-container { padding-left: 6px; } .line-item-sku { font-size: 17px; color: var(--ep-color-charcoal); margin: 5px 0px 0px 0px; font-weight: 600; line-height: 20px; } .line-item-description { font-size: 15px; color: var(--ep-color-charcoal); } .line-item-quantity-container { border-right: 1px solid #ccc; padding-right: 6px; } .price { color: #f58220; margin-left: 20px; } .line-item-quantity { font-size: 15px; color: #f26a14; } .line-item-quantity-disabled { font-size: 15px; color: var(--ep-color-darkGray); } .posting-items-container { background: #f3f4f4; padding-bottom: 32px; font-family: Hind; } .pos-line-item-card { width: 100%; padding: 0px; position: relative; } .item_swipe_container { padding: 10px 10px 0px 10px; width: 100%; min-height: 40px; margin: 10px 0px; background: #fff; border-radius: 4px; transition: all 0.3s cubic-bezier(.25, .8, .25, 1); box-shadow: 0px 5px 2px 0px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%); margin-top: 3px; } md-whiteframe.pos-line-item-card.swiped-left .item_swipe_container { transform: translateX(-70px); } .item_grid_view { max-height: 52vh; overflow: auto; } .product_selected_check { /*padding-top:15px;*/ } .prompt_ri_selectall { display: flex; flex-direction: column; align-items: center; border-radius: 4px; border: 1px solid var(--ep-color-lightGray); margin: 10px 0px 10px 0px; background: var(--ep-color-paleGray); font-size: 17px; line-height: 0.5; padding: 9px 0px; } /*.prompt_ri_selectall > md-checkbox { margin: 10px; }*/ /*.prompt_ri_selectall > md-checkbox .md-icon { border-radius: 11px; }*/ .prompt_ri_title_sku { color: var(--ep-color-orange); font-size: 18px; font-family: 'Montserrat'; } .ri_prompt_total_text { font-weight: 600; font-size: 22px; line-height: 16px; } .ri_prompt_total { color: var(--ep-color-orange); font-size: 22px; font-weight: 600; } p.line-total { font-size: 18px; line-height: 2.8; font-weight: 600; margin: 0px 5px 0px 0px; } /*prompt checkbox style - start*/ .prompt_ri_selectall md-checkbox .md-container:before, .pos-line-item-card md-checkbox .md-container:before { content: '\F0133'; color: inherit; position: absolute; left: 0px; display: inline-block; font-size: 25px; color: inherit; font-family: material-icon; font: normal normal normal 24px/1 "Material Design Icons"; text-rendering: auto; line-height: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0px 0px; } .prompt_ri_selectall md-checkbox .md-icon, .pos-line-item-card md-checkbox .md-icon { border-width: 0px; border-radius: unset; width: 0px; } .prompt_ri_selectall md-checkbox.md-checked .md-icon:after, .pos-line-item-card md-checkbox.md-checked .md-icon:after { border-width: 0px; border-radius: unset; content: unset; } .prompt_select_all span { color: var(--ep-color-anotherBlue); font-size: 15px; line-height: 17px; font-weight: 500; } .item_swipe_container_color { border: 1px solid var(--ep-color-focused-input); } .prompt_ri_selectall md-checkbox.md-default-theme.md-checked .md-icon, .prompt_ri_selectall md-checkbox.md-checked .md-icon, .pos-line-item-card md-checkbox.md-default-theme.md-checked .md-icon, .pos-line-item-card md-checkbox.md-checked .md-icon, .prompt_ri_selectall md-checkbox.md-default-theme.md-checked .md-ink-ripple, .prompt_ri_selectall md-checkbox.md-checked .md-ink-ripple, .pos-line-item-card md-checkbox.md-default-theme.md-checked .md-ink-ripple, .pos-line-item-card md-checkbox.md-checked .md-ink-ripple { color: var(--ep-color-anotherBlue); } .prompt_ri_selectall md-checkbox.md-indeterminate .md-icon:after { content: unset; } .prompt_ri_selectall md-checkbox .md-ink-ripple, .pos-line-item-card md-checkbox .md-ink-ripple { color: var(--ep-color-lightGray); } .prompt_ri_selectall md-checkbox { margin: 5px 0px 0px 0px; } .pos-line-item-card md-checkbox { margin: 13px 10px 10px 10px; } /*end*/ .ri_header_text { font-weight: 600; font-size: 17px; font-family: 'Montserrat'; } .prompt_ri_qty_text { margin: 5px; } .prompt_ri_qty_value { font-size: 17px; margin-right: 10px; } .product_selected_check { max-width: 55px !important; } .ace_sp_trx_detail_title { font-family: Montserrat; font-weight: 600; font-size: 11px; color: var(--ep-color-black); text-transform: uppercase; line-height: 1.2; padding-right: 30px; padding-left: 0px; width: 100%; margin: 0; } .ace_sp_item_row { color: red; } span.ace_sp_legend { color: var(--ep-color-red); } span.ace_legend_txt { margin: 2px 0px 0px 4px; display: flex; font-size: 13px; } .ep_pos_parent_wrapper { background: var(--ep-color-groupbox-header-background); overflow: hidden; padding: 0px; height: calc(100% - 12px); position: absolute; width: calc(100% - 20px); left: 10px; top: 6px; } .ep_pos_master_head { background: white; padding: 10px; margin: 0px 5px 10px 5px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); height: 66px; border-radius: 2px; } .ep_pos_main_container { padding: 0px; margin: 0px 5px 10px 5px; height: calc(100% - 79px); border-radius: 2px; background: transparent; position: relative; } .ep_pos_transaction_container { position: absolute; width: calc(100% - 460px); height: 100%; transition: width 0.213s ease-in-out 0s; } .ep_pos_grid_wrapper { position: absolute; height: calc(100% - 160px); width: 100%; background: white; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); border-radius: 2px; } .ep_pos_transaction_footer { position: absolute; top: calc(100% - 150px); height: 150px; width: 100%; background: white; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); border-radius: 2px; } .transaction_content_group { position: relative; width: 100%; height: 100%; } .ep_pos_sidebar_container { position: absolute; width: 450px; height: 100%; right: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px, rgba(0, 0, 0, 0.05) 0px 2px 3px; animation-duration: 0.213s; animation-fill-mode: both; background: white; border-radius: 2px; } .ep_pos_sidebar_container.collapsed { animation-name: slideOutRight; } .ep_pos_sidebar_container.expanded { animation-name: slideInRight; } .ep_pos_grid_header { position: absolute; width: 100%; height: 65px; padding: 10px; } @keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible } to { transform: translateZ(0) } } @keyframes slideOutRight { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(100%, 0, 0) } } .ep_pos_grid_submenu { position: relative; height: 50px; top: 0px; left: 0px; float: left; } .ep_pos_menu_group { width: 100%; float: left; top: 0px; } .ep_pos_grid_container { position: absolute; width: calc(100% - 20px); height: calc(100% - 73px); top: 63px; left: 10px; } .ep_pos_grid_container .ep-maintenance-grid .k-grid-footer { display: none } .ep_pos_customer_search_component { width: 370px; background: var(--ep-color-groupbox-header-background); height: 45px; float: left; border-radius: 5px; } .ep_pos_customer_search_component #customer { width: 323px; background: var(--ep-color-groupbox-header-background); box-shadow: none; padding-left: 12px !important; height: 42px; position: relative; border: 0; } .ep_pos_parent_wrapper .ep_pos_item_quantity_component .item_quantity_input .k-input-inner { padding-left: 0px !important; } .ep_pos_parent_wrapper .ep_pos_donation_quantity_component .item_quantity_input .k-input-inner { padding-left: 0px !important; } .customer-search-key { position: relative; display: flex; align-items: center; padding: 3px 2px 0px 8px; height: 47px; border-radius: 4px 0px 0px 4px; color: var(--ep-color-lynch); cursor: default; } .ep_pos_item_search_wrap #product_toolbar_search_tooltip .k-input-inner { text-indent: 10px !important; } .ep_pos_customer_add { margin-left: 10px; position: relative; float: left; } .ep_pos-customer-button { width: auto; height: 45px; font-size: 24px; display: flex; align-items: center; } .ep_pos_customer_detail_wrap { position: relative; display: table; float: left; height: 45px; margin-left: 10px; } .ep_pos_customer_wrap { position: relative; display: table; float: left; } .logout_button button { margin: 0px !important; padding: 0px !important; width: 100%; height: 45px; } .sliding-pane-icon { border: none; width: 45px; height: 45px; font-size: 35px; padding: 0px; background: transparent; position: relative; } .sliding-pane-icon i { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .sliding-pane-icon i:before { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; height: 18px; width: 32px; } .ep_pos_logout_wrap .logout-icon { font-size: 20px; margin-right: 8px; } .logout_button { padding: 0px 10px; margin-right: 5px; } .ep_pos_customer_detail_wrap .order_detail .order_info, .ep_pos_customer_detail_wrap .misc_detail_group .customer_detail { position: relative; float: left; padding: 0px; width: 100%; list-style: none; margin: 0px; } .order_detail, .misc_detail_group { position: relative; width: 100%; padding: 3px 0px; line-height: 1.2; } .order_title { font-family: Hind; font-size: 16px; text-transform: uppercase; } .order_title:after { content: ':'; margin: 0px 5px 0px 2px; } .order_number { font-size: 16px; color: var(--ep-color-orange); } .ep_pos_customer_detail_wrap .misc_detail_group .customer_detail { font-size: 12px; } .ep_pos_customer_detail_wrap .misc_detail_group .separator_pipe:before { content: '|'; margin: 0px 5px; color: var(--ep-color-midGray); } .loyalty_info, .sale_type, .auth-to-charge-label { color: var(--ep-color-midGray); } div.auth-to-charge-grid { padding-left: 15px; } div.auth-to-charge-grid a { cursor: pointer; font-family: Hind; font-size: 14px; font-weight: 800; text-decoration: none; color: var(--ep-color-anotherBlue); line-height: 14px; } .ep_pos_grid_header .return_status { width: 120px; float: left; display: flex; flex-flow: row-reverse; } .ep_pos_grid_header .return_status label { margin: 0px; align-self: center; } .ep_pos_item_price_component .price-text { font-size: 20px; color: var(--ep-color-orange); } .ep_pos_item_price_component .label-text { text-transform: uppercase; font-size: 12px; } .ep_pos_detail_note_blk .mdi:before { font-size: 18px !important; } md-switch#is_sale_or_return { flex: auto; } .ep_pos_grid_header .return_status label { margin: 0px; align-self: center; font-size: 14px; text-transform: uppercase; margin-top: 5px; font-family: Hind; font-weight: 500; min-width: 52px; } .ep_pos_item_search_wrap { position: relative; width: calc(100% - 130px); float: left; max-width: 425px; margin-left: 5px; } .ep_pos_parent_wrapper span.k-input { margin-top: 0px } .ep_pos_parent_wrapper md-input-container span.k-widget { margin-top: 3px; } .small_square_button { width: 45px; height: 45px; border-radius: 4px; border: none; padding: 0px; float: left; } .ep_pos_parent_wrapper span.k-input .k-input-inner { position: relative; height: 45px; padding: 0px; padding-left: 20px !important; background: var(--ep-color-groupbox-header-background); border-radius: 0px 4px 4px 0px; width: calc(100% - 20px); } .md-panel.ep-material-panel-popover .ep_pos_search_list li.link span.mdi { font-size: 18px; line-height: 1; } .md-panel.ep-material-panel-popover ul.ep_pos_search_list > li { line-height: 100%; } .ep_pos_search_list .link button.actions_element { width: 100%; justify-content: space-between; display: flex; } div#customer_toolbar_search_tooltip { display: flex; align-items: center; } div#customer_toolbar_search_tooltip, #customer_toolbar_search_tooltip, #customer_toolbar_search_tooltip > .k-input, .ep_pos_item_search_wrap, .ep_pos_item_search_wrap .k-input { height: 45px; border: 0; background: var(--ep-color-groupbox-header-background); } .ep_pos_item_search_wrap span.k-autocomplete span.k-font-icon.k-i-close { margin: 0px; right: 15px; } .ep_pos_icon_minus, .ep_pos_icon_plus { font-size: 24px; color: var(--ep-color-white); background: var(--ep-color-secondary-btn); height: 43px; } /*item quantity component*/ .ep_pos_item_quantity_component { float: left; width: 140px; min-width: 140px; margin: 0px 5px; border-top: 1px solid var(--ep-color-secondary-btn); border-bottom: 1px solid var(--ep-color-secondary-btn); border-radius: 4px; } .item_quantity_input { width: 50px !important; float: left; margin: 0px; height: 45px !important; display: block; border-radius: 0px !important; } .item_quantity_input .k-numeric-wrap { height: 100%; text-align: center; } .ep_pos_icon_minus { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .ep_pos_icon_plus { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .ep_pos_parent_wrapper input.item_quantity_input.k-input { text-align: center; padding: 0px !important; text-indent: 0px; } /*item quantity component*/ .ep_pos_product_search:before { position: absolute; left: 5px; top: 10px; margin: auto; display: block; font-size: 25px; height: 25px; line-height: 25px; color: var(--ep-color-lightGray); z-index: 11; } .ep-button-primary.ep_pos_search_all { min-width: 30px; max-width: 50px; background: var(--ep-color-secondary-btn) !important; align-items: center; width: auto; border-radius: 0px 5px 5px 0px; z-index: 1000; height: 45px; display: flex; } .ep-button-primary.ep_pos_search_all.active:not(:disabled) { background: var(--ep-color-anotherBlue) !important; } .ep-button-primary.ep_pos_search_all:disabled { background: var(--ep-color-disabled-item) !important; } .advanced-search, .quick-find { font-size: 12px !important; padding: 2px 10px !important; letter-spacing: -0.02em; display: flex; min-width: 68px; max-width: 83px; height: 45px; position: relative; margin: 0px !important; border-radius: 5px 0px 0px 5px; background: #DFE8ED !important; z-index: 1000; color: var(--ep-color-anotherBlue) !important; align-items: center; width: auto; } button.ep-button-primary.advanced-search span.hidden-xs { position: relative; font-size: 14px; min-width: auto; padding: 5px 6px; margin-right: 6px; background: #7191a26b; color: aliceblue; } .hide-shortcuts span.hotkey { display: none !important; } .hide-shortcuts .advanced-search, .hide-shortcuts .quick-find { min-width: 47px; } .ep-button-primary.advanced-search:hover { background: var(--ep-color-anotherBlue) !important; color: var(--ep-color-offWhite) !important; } span.hotkey { vertical-align: inherit; background: #efecec63; padding: 4px 2px; line-height: .8em; border-radius: 4px; min-width: 30px; font-family: Hind !important; font-weight: 500; height: 20px; font-size: 13px; border: 1px solid; text-align: center; display: flex; align-content: center; line-height: .9; justify-content: center; } .advanced-search-icon { font-size: 22px; line-height: 1.8; padding: 1px; margin-right: 2px; outline: none; } .tranaction_related_elements { position: relative; width: 350px; display: flex; align-items: center; } .tranaction_related_elements > form { display: flex; justify-content: space-around; } /*expand/Collapse logic*/ .ep_pos_transaction_container.expanded { width: 100%; } .ep_pos_sidebar_container.collapsed { left: calc(100% + 50px) } /*expand/Collapse logic*/ /*try out*/ .ep_pos_item_add_button { position: relative; width: 90px; float: left; } .add_item_button { width: 85px; position: relative; height: 45px; float: right; } .ep_pos_item_price_component.disabled { background: var(--ep-color-disabled-item) !important; color: var(--ep-color-white); } .ep_pos_item_price_component { width: 108px; height: 45px; background: var(--ep-color-groupbox-header-background); display: block; float: left; padding: 5px 10px; color: var(--ep-color-text-normal); margin: 0px; border-radius: 4px; border: none; } md-switch#is_sale_or_return.sale .md-bar { background-color: var(--ep-color-green); } md-switch#is_sale_or_return.return .md-bar { background-color: var(--ep-color-danger); } /*try out*/ .ep_pos_grid_main_menu { width: calc(100% - 350px); display: table; top: 0px; float: left; position: relative; max-width: 560px; } .ep_pos_grid_main_menu { } div#ep_pos_trans_grid { height: 100% !important; border-radius: 4px; overflow: hidden; } /*transaction grid*/ #ep_pos_trans_grid th.k-hierarchy-cell { display: none; } #ep_pos_new_trans_grid .k-grid tr.k-master-row td { border-bottom-width: 1px !important; } #ep_pos_new_trans_grid .k-grid tr.k-master-row.expanded-row td { border-bottom-width: 0 !important; } #ep_pos_new_trans_grid .k-grid .k-hierarchy-cell, #ep_pos_new_trans_grid .k-grid .k-hierarchy-col { display: none; } #ep_pos_trans_grid tr td.k-detail-cell { padding: 0 !important; } #ep_pos_new_trans_grid .k-grid tr td.k-detail-cell { padding: 0px !important; } .k-grid tbody > tr.k-detail-row:hover { background-color: var(--ep-color-white); } .edit_note_blk, .delete_line_item_icon { width: 50%; display: inline-block; margin: 0px; text-align: center; outline: none; line-height: 2; } .edit_note_blk { position: relative; color: var(--ep-color-anotherBlue); } .edit_note_blk:after { content: "|"; position: absolute; font-size: 20px; color: var(--ep-color-lightGray); opacity: .5; right: 0px; top: 2px; } .ep_pos_lin_item_group { position: absolute; width: 100%; left: 0px; top: 0px; bottom: 0px; height: 45px; margin: auto; } #ep_pos_trans_grid.k-grid td:last-child { text-overflow: initial; } .ep_pos_note_edit, .ep_pos_not_detail_blk { overflow: hidden; padding: 10px 0px; width: calc(100% - 70px) !important; position: relative; margin: 5px 35px; } .ep_pos_not_detail_blk { padding: 10px; background: var(--ep-grid-border); color: var(--ep-color-darkGray); font-size: var(--ep-banner-font-size); line-height: 1.2; } span.ep_pos_note_lbl, .ep_pos_product_note_lbl { text-transform: uppercase; font-size: 13px; font-weight: 600 !important; font-family: Hind, sans-serif; float: left; padding: 2px 5px 0px 3px !important; color: var(--ep-color-lynch); line-height: 1.8; } .ep_pos_product_note_blk_list .ep_pos_product_note_lbl span { text-transform: initial; font-weight: 400; float: left; max-width: 100%; display: block; white-space: normal; } .collapsed.ep_pos_product_note_blk_list { height: 18px; } .collapsed.ep_pos_product_note_blk_list .product_note_list { display: none; margin-right: 5px } .ep_pos_product_note_blk { background: var(--ep-grid-border); color: var(--ep-color-darkGray); font-size: var(--ep-banner-font-size); white-space: nowrap; } .ep_pos_product_note_banner { overflow-wrap: break-word; word-wrap: break-word; white-space: normal; line-height: 1.6; } .ep_pos_product_note_blk_list { display: inline-block; width: calc(100% - 70px); position: relative; left: 0px; margin-left: -20px; max-width: 450px; } .ep_pos_product_note_blk .mdi:before { font-size: 18px !important; } .ep_pos_product_note_blk .expand_collapse_btn { width: 70px; text-align: center; position: relative; float: right; margin-right: -10px; margin-top: 0px; } .ep_pos_product_note_blk .expand_collapse_btn button { padding: 0px; margin: 0px; text-align: center; width: 70px; height: 26px; position: static; right: 0px; top: 6px; top: 6px; } span.note_text_blk { padding-left: 3px; } .ep_pos_detail_blk .note_blk { width: calc(100% - 200px); overflow: hidden; display: inline-block; float: left; padding-left: 25px; } .ep_pos_detail_blk .note_blk:before { display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 18px; text-rendering: auto; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 5px; bottom: 17px; content: "\F014D"; color: var(--ep-color-anotherBlue); } .ep_pos_detail_blk .edt_btn { margin-left: auto; line-height: 2.2; } .note_blk div.ep-generic-class, .note_blk md-input-container { margin: 0; min-height: 32px; } .ep_pos_detail_blk .btn_blk { display: inline-block; width: 180px; float: left; margin-top: 10px; } .ep_pos_detail_blk .transparent_buttons.ep-button-primary { float: left; margin: 0 15px 0; padding: 0; width: auto; } /*End */ .ep_pos_action_label { position: relative; display: inline-block; vertical-align: middle; width: inherit; } .ep_pos_action_group .mdi, .ep_pos_action_group .text { color: var(--ep-color-white) !important; } div#product_toolbar_search_tooltip { display: flex; } div#product_toolbar_search_tooltip > span.k-widget { padding-left: 0px; } @media screen and (min-width: 1301px) { .tranaction_related_elements { display: block; float: left; } } @media screen and (min-width: 1301px) and (max-width: 1400px) { .tranaction_related_elements { display: block; float: left; } .sidebar-opened .ep_pos_grid_main_menu { width: 100% !important; max-width: 100% !important; } .ep_pos_item_search_wrap { width: calc(100% - 125px); max-width: 700px; } .sidebar-opened .tranaction_related_elements { float: right; margin-top: 5px; margin-right: 0px; } .sidebar-opened .ep_pos_grid_container { top: 111px; height: calc(100% - 123px); } .sidebar-opened .ep_pos_action_group .mdi { font-size: 24px; } .sidebar-opened .ep_pos_action_label { display: none; } .sidebar-opened .ep_pos_transaction_container.collapsed .ep_pos_action_group button.ep-button-secondary { width: 85px !important; } } #customer_toolbar_search_tooltip > .k-widget { width: 335px; } @media screen and (min-width: 1300px) { .ep_pos_customer_search_component { width: 345px; } #customer_toolbar_search_tooltip > .k-widget { width: 100%; } .ep_pos_customer_search_component #customer { width: 266px; } } @media screen and (max-width: 1300px) { .ep_pos_sidebar_container md-nav-bar .md-button._md-nav-button { padding: 10px 0px 5px 0px !important; width: 90px !important; margin: 0px; min-width: 45px; } .md-nav-item:first-of-type { margin-left: 0px; } .ep_pos_menu_group { height: 50px; width: 100%; position: relative; display: flex; align-items: center; flex-flow: row; max-width: none; justify-content: space-around; } .ep_pos_grid_main_menu { width: 100%; position: relative; float: left; top: 0px; left: 0px; max-width: none; } .advanced-search, .quick-find { min-width: 47px; } .ep_pos_transaction_container.collapsed .ep_pos_action_label { display: none; } .ep_pos_action_group .mdi { font-size: 24px; } .ep_pos_action_group .hotkey, .advanced-search .hotkey, .tendering_wrapper .hotkey { display: none !important; } .ep_pos_customer_add .hotkey, .ep_pos_actions_btn span.hotkey, .return_status .hotkey, .ep_pos_main_container .hotkey { display: none !important; } .ep_pos_customer_add .ep_pos_customer_button { width: 45px; } .ep_pos_grid_submenu { position: relative; top: 0px; } .ep_pos_transaction_container.collapsed .ep_pos_action_group button.ep-button-secondary { width: 45px !important; } .tranaction_related_elements { width: 360px; position: relative; float: right; margin-top: 3px; margin-right: -12px; } .ep_pos_transaction_container.expanded .tranaction_related_elements { width: 350px; position: relative; float: left; } .ep_pos_transaction_container.expanded .ep_pos_item_quantity_component { margin: 0px 5px; } .ep_pos_transaction_container.expanded .ep_pos_item_price_component { margin: 0px 0px; } .ep_pos_transaction_container.expanded .add_item_button { margin: 0px 5px; } /*.ep_pos_item_search_wrap { width: calc(100% - 138px) }*/ .ep_pos_item_search_wrap { width: calc(100% - 125px); position: relative; margin-right: 0px; max-width: 700px; } .ep_pos_transaction_container.expanded .ep_pos_grid_main_menu { width: calc(100% - 90px); max-width: 575px; } .ep_pos_transaction_container:not(.expanded) .ep_pos_grid_header { position: relative; height: 108px; display: block; padding-bottom: 0px !important; padding-top: 7px; } .ep_pos_transaction_container:not(.expanded) .ep_pos_grid_container { position: absolute; width: calc(100% - 20px); height: calc(100% - 123px); top: 111px; left: 10px; } .calculator .item_quantity_input { width: 60px !important; } .ep_pos_item_quantity_component.calculator { width: 155px; margin: 0px; } .ep_pos_item_quantity_component { margin: 0px 5px; float: right; } .ep_pos_transaction_container.expanded .ep_pos_item_quantity_component { float: left; } .add_item_button { width: 85px; position: relative; margin: 0px; height: 45px; } } .ep_pos_main_container ul._md-nav-bar-list { width: 100%; } .ep_pos_sidebar_container md-nav-bar .md-button._md-nav-button { padding: 10px 0px 5px 0px !important; width: 90px !important; margin: 0px; min-width: 45px; } .ep_pos_sidebar_container .md-nav-item:first-of-type { margin-left: 0px; } .ep_pos_logout_wrap { position: absolute; right: 10px; } /*ep_pos grid styles*/ #ep_pos_new_trans_grid .k-grid tr td { padding: 5px !important; } #ep_pos_new_trans_grid .k-grid tr td, #ep_pos_line_item_grid .k-grid tr td { border: 0; border-bottom: 1px solid #eceff1; white-space: nowrap; } .ep_pos_gridmain tr td:nth-child(2) > a, .ep_pos_gridmain tr td:nth-child(2) > span { color: var(--ep-color-blue) !important; display: inline-block; padding: 5px 1px; min-width: 20px; cursor: pointer; font-weight: 600; } .ep_pos_gridmain tr td:nth-child(5) > a { color: var(--ep-color-blue) !important; display: inline-block; padding: 0px 1px 0px 1px; border-bottom: 2px solid var(--ep-color-blue); min-width: 50px; cursor: pointer; margin-bottom: 0px; width: calc(100% - 14px); max-width: 80px; float: right; } #ep_pos_new_trans_grid tr.k-selected, #ep_pos_new_trans_grid td.k-selected { color: var(--ep-color-text-normal); } div#ep_pos_trans_grid .k-grid-content { font-size: 16px; font-weight: normal; color: var(--ep-color-text-normal); overflow-y: auto; height: calc(100% - 65px) !important; } div#ep_pos_trans_grid .k-grid-content { font-size: 16px; font-weight: normal; color: var(--ep-color-text-normal); } #ep_pos_trans_grid .k-filter-row th, #ep_pos_trans_grid .k-grid-header th.k-header { padding: 5px !important; font-weight: 600; white-space: nowrap; background: var(--ep-color-white); } #ep_pos_new_trans_grid .k-grid .k-grid-header { height: auto; padding-right: 0px !important; } #ep_pos_new_trans_grid .k-grid .k-grid-header .k-header { white-space: normal; text-align: center !important; line-height: 1.2; font-weight: 600; text-transform: uppercase; font-family: Montserrat; color: var(--ep-color-darkBlue); font-size: 13px; padding: 0.8em !important; } #ep_pos_new_trans_grid.shrink td { font-size: 11px; } /*ep_pos grid styles*/ /*ep_pos footer section*/ .ep_pos_total_tendering_button .ep-button-primary { width: 220px; font-weight: 400 !important; font-size: 15px; padding: 10px 5px; height: 45px; } .ep_pos_total_title { font-size: 20px; font-family: Hind; font-weight: 600; color: var(--ep-color-secondary-btn); padding: 10px; text-align: right; text-transform: uppercase; } .ep_pos_total_tendering_button { width: 240px; float: right; padding: 0px 10px; height: 45px; } .total_savings .ep_pos_savings_text, .extended_price { color: var(--ep-color-orange) !important; font-weight: 600; } .ep_pos_total_Value .text_culture { color: var(--ep-color-secondary-btn) !important; } .ep_pos_total_Value { height: 60px; padding: 10px; font-size: 40px; text-align: right; color: var(--ep-color-orange); line-height: 1; } .ep_pos_action_group button.ep-button-secondary { width: 147px; height: 45px; font-weight: 400 !important; display: inline-flex; align-items: center; flex-flow: row; justify-content: space-around; } /*ep_pos footer section*/ /*ep_pos banners*/ .ep_pos_banner:before { font-weight: 600; line-height: 2; padding-left: 10px; font-size: 15px; text-transform: uppercase; font-family: montserrat; } .ep_pos_banner:after { display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 18px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 8px; top: 6px; line-height: .9; } .ep_pos_detail_secon_line_info { background: var(--ep-grid-border); color: var(--ep-color-darkGray); font-size: var(--ep-banner-font-size); padding: 0px 10px; } .ep_pos_detail_promotion_blk { background: var(--ep-color-green) !important; color: var(--ep-color-white) !important; font-size: var(--ep-banner-font-size); } .ep_pos_detail_manual_price { background: var(--ep-color-green) !important; color: var(--ep-color-white) !important; font-size: var(--ep-banner-font-size); } .ep_pos_detail_manual_price span.ep_pos_note_lbl { color: inherit } .ep_pos_banner.price_override_info_box { width: 100% !important; left: -5px; padding: 0px; margin: 4px 5px !important; } .ep_pos_note_serial_number, .ep_pos_gift_card_number { background: var(--ep-grid-border); color: var(--ep-color-darkGray); font-size: var(--ep-banner-font-size); white-space: nowrap; } .gift_card_status { font-weight: 600; line-height: 2.8; padding-left: 0px; font-size: 12px; text-transform: uppercase; font-family: montserrat; display: inline-block; } .gift_card_line_item_text { line-height: 2.1; } .gift_card_buttons input[type=button]:focus { outline: 1px dashed var(--ep-color-anotherBlue) !important; } button.clear_card_number, button.submit_card_number { position: absolute; bottom: 0px; width: 30px; right: 0px; height: 30px; border: none; background: transparent; padding: 0px; z-index: 100; } button.clear_card_number:after { content: "\F0156"; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 18px; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 2px; margin-left: 1px; } div.show_loading:after { content: "\F0772"; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 24px; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 2px; margin-left: 1px; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } span.card_wrapper { display: inline-block; width: 100%; } button.clear_card_number, button.submit_card_number, div.show_loading { position: absolute; bottom: 0px; width: 30px; right: 0px; height: 30px; border: none; background: transparent; padding: 0px; margin: auto; top: -10px; } .submit_card_number:after { content: "\f48a"; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 24px; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 2px; margin-left: 1px; } .ep_pos_gift_card_number:after { content: "\F0585"; line-height: 1.1; } .ep_pos_serial_number_banner { overflow-wrap: break-word; word-wrap: break-word; white-space: normal; /* line-height: 1.6; */ } .ep_pos_serial_number_banner:before { padding-left: 22px; } .ep_pos_note_serial_number .serial_number_content { display: inline-block; width: calc(100% - 230px); position: relative; left: 0px; margin-left: -20px; } .ep_pos_note_serial_number .expand_collapse_btn { display: inline-block; width: 100px; text-align: center; } .info_serial_numbers { display: none !important; } .ep_pos_note_serial_number .expand_collapse_btn button { padding: 0px; margin: 0px; text-align: center; width: 70px; height: 26px; position: absolute; right: 0px; top: 6px; } .serial_numbers_group { padding: 5px 0px; } .serial_numbers_group { padding: 5px 0px; overflow: hidden; /* text-overflow: ellipsis; */ } .collapsed.serial_number_content { height: 26px; overflow: hidden !important; } .collapsed.serial_number_content .serial_numbers_group > div { display: inline-block !important; margin-right: 5px; margin-top: -1px; font-size: 13px; font-family: montserrat; font-weight: 500; margin-left: 3px; } .ep_pos_detail_return_blk { background: var(--ep-color-danger) !important; color: var(--ep-color-white); font-size: var(--ep-banner-font-size); } .ep_pos_detail_return_blk:before { content: 'Return: '; } .ep_pos_detail_return_blk:after { content: "\F044E"; } /*ep_pos banners*/ /*ep_pos quantity update pop up -Start*/ .grid_qty_pop_up { display: none; top: 0px; left: 0px; position: absolute; background: #ffffff; border-radius: 3px; border: 1px solid #9d9d9d; padding: 0; z-index: 9999; width: 300px; padding: 10px; } .grid_qty_pop_up .corner { -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); bottom: initial; right: initial; top: 20px; left: -20px; } .grid_qty_pop_up button.update { display: inline-block; text-align: center; background: #12c3f4; border: 0 none; border-radius: 3px; font-size: 12px; color: #fff; text-transform: uppercase; } /*.grid_qty_pop_up input[type="text"] { border-radius: 3px !important; background: #ffffff; border: 1px solid #ccc; text-align: center; color: #a8a8a8; box-shadow: none; min-height: 32px; font-size: 12px; line-height:1.5; margin-top:2px; }*/ .grid_qty_pop_up .ep_pos_icon_minus { margin-right: 10px; border-radius: 3px; } .grid_qty_pop_up .ep_pos_icon_plus { margin-left: 10px; border-radius: 3px; } /*End*/ .transparent_buttons.advanced-search, .transparent_buttons.quick-find { text-decoration: underline; } .transparent_buttons.advanced-search .mdi, .transparent_buttons.quick-find .mdi { font-size: 16px; margin-right: 5px } .ep_pos_item_quantity_component .item_quantity_input { height: 43px !important; box-shadow: none !important; margin: 0px !important; padding: 0px !important; border: none !important; text-align: center; outline: none !important; } /* Price Override Pop up*/ .ep_pos-price-override-popup-button { background: transparent !important; color: var(--ep-color-anotherBlue) !important; font-size: 16px; margin: 0px 5px; padding: 5px 10px; letter-spacing: -0.02em; font-weight: 600 !important; border: none; font-family: Montserrat, sans-serif; } /* */ /*ep_pos banners*/ div#contentContainer.generic-grid-container > .row { margin: 0px; } /*item search */ #search_inven_listbox .k-list-item { padding: 10px !important; cursor: pointer; border-bottom: 1px solid var(--ep-color-paleGray); box-sizing: border-box; } div.ep_pos_item_search_wrap { display: block; } /*item search */ .ep_pos_gridmain tr td:nth-child(2) > a, .ep_pos_gridmain tr td:nth-child(2) > span.ep_pos-line-item-return-amount, .ep_pos_gridmain tr td:nth-child(2) > a, .ep_pos_gridmain tr td:nth-child(2) > span.ep_pos-line-item-return-amount, span.ep_pos-line-item-return-amount { color: var(--ep-color-red) !important; } .ep_pos_gridmain tr td:nth-child(5) > div > span.return_mode { color: var(--ep-color-red) !important; border-bottom-color: var(--ep-color-red) !important; } #ep_pos_trans_grid td.highlight_cell { border-left: 3px solid var(--ep-color-anotherBlue) !important; } #ep_pos_trans_grid tr.highlight_row { background: var(--ep-grid-row-highlight-blue) !important; } #ep_pos_trans_grid.k-grid td.highlight_cell .k-selected:hover, #ep_pos_trans_grid.k-grid tr.highlight_row .k-selected:hover { background-color: transparent !important; } /*discount banner*/ ul.ep_pos_promo_discount_list { padding: 6px 0px 4px 20px; margin: 0; cursor: default; display: inline-block; line-height: 1.4; font-family: montserrat; font-size: 12px; font-weight: 600; } /*discount banner*/ .ep_pos_qnty_numbers { margin: 5px; background: var(--ep-color-secondary-btn); color: var(--ep-color-white); padding: 0px; font-size: 18px; line-height: 1; border-radius: 4px !important; } /*ep_pos_screen qty calculator*/ .updater-container .transparent_buttons { width: auto; height: 45px; } .qnty_number_container { max-width: 620px; } @media screen and (max-width: 1350px) { .ep_pos_item_quantity_component.calculator { margin: 5px; border: 1px solid; width: 108px; } .qnty_number_container { max-width: calc(100% - 282px); min-width: calc(100% - 120px); height: 60px !important; margin: auto; align-items: center; width: 100%; } .updater-container { flex-wrap: wrap; margin-bottom: 5px; } } .ep_pos_item_quantity_component_container { margin: 0px 10px; flex-wrap: wrap; } .ep_pos_customer_search_component span.k-autocomplete span.k-font-icon.k-i-close { margin: 0px 10px 0px 0px; } .customer-search-key:after { content: ""; width: 1px; background: #e8e5e5; height: 90%; position: absolute; right: -6px; z-index: 5; top: 5%; } /*ep_pos_screen qty calculator*/ @media (min-width: 960px) { .md-tooltip { font-size: 12px; height: 22px; line-height: 22px; padding-right: 8px; padding-left: 8px; } } .ep_pos_actions_btn span.hotkey { width: fit-content; flex-direction: row; margin: auto; min-width: 28px; border: none; text-transform: uppercase; background: transparent; } /*ep_pos Advance search - Start*/ div#contentContainer.generic-grid-container { padding: 0px; width: 100%; position: absolute; height: 100%; left: 0px; } .ep_pos_multi_add_footer { position: absolute; bottom: 0px; width: 100%; height: 65px; padding: 10px 0px; } .ep_pos_multi_add_header { padding: 0px 0px 3px 0px; border-bottom: 1px solid var(--ep-grid-border); margin-bottom: 0px; } .ep_pos_back_to_order { padding-bottom: 0px !important; position: relative; display: table; margin-top: 0px; width: 100%; } .ep_pos_back_to_order_icon { font-size: 18px; color: var(--ep-color-anotherBlue); vertical-align: middle; cursor: pointer; width: 12px !important; display: inline-block; line-height: 12px; margin-left: -5px; margin-right: 5px; } .ep_pos_multi_add_title { font-size: 18px; font-family: Hind, SemiBold; font-weight: 600; color: var(--ep-color-text-normal); float: left; min-width: 130px; padding: 10px; margin-top: 5px; } .ep_pos_multi_item_grid { height: calc(100% - 240px) !important; } .ep_pos_multi_item_grid > div { height: 100%; } .ep_pos_multi_item_grid #multi_add_grid { height: 100% !important; } .ep_pos_multi_item_grid #multi_add_grid .k-grid-content { height: calc(100% - 100px) !important; } /*ep_pos Advance search - End*/ .ep_pos_fl_lookup .k-textbox { margin-top: 0px !important; } .line-item-detail label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 600; } .advanced-search:disabled, .advanced-search[disabled]:hover, .quick-find:disabled, .quick-find[disabled]:hover { background: #f3f4f4 !important; color: var(--ep-color-disabled-item) !important; } .plus-minus-container { width: calc(100% - 70px); height: 50px; display: block; } .plus-minus-container > span.mdi { display: inline-block; height: 50px; width: 40px; } .plus-minus-container > span.mdi:before { position: relative; left: 12px; top: 24px; } .ep_pos_item_quantity_component .k-numerictextbox input:disabled { color: var(--ep-color-darkGray) !important; } .sidebar_button button[disabled] { color: var(--ep-color-disabled-item) !important; } html.k-mobile .restrict_input_in_mobile { /*restrict typing of qty in ipad/mobile devices alone*/ pointer-events: none; } .ep_pos_back_to_order_icon { text-align: left; } .offline_summary_container .branch_name { font-family: Montserrat; font-weight: 700; margin: 0px 0px 5px 0px; } .offline_summary_container .table > tbody.pad20_rt_lt > tr > td { padding-left: 20px; padding-right: 20px; } .ep_pos_customer_add .normal_text { font-weight: 400; font-size: 13px; } /*Price override pop up inline error msg width*/ .price-override-popup .inline-popup-block { width: calc(100% - 10px) !important; } /*Price override pop up inline error msg width*/ ep-ep_pos-saved-transaction-component { padding: 8px !important; } .ep_pos_action_group .hotkey { position: relative; display: inline-block; vertical-align: middle; color: var(--ep-color-white) !important; } .disabled_element .ep_pos_action_label { color: var(--ep-color-white) !important; } .ep_pos_total_tendering_button .btn-ng-bs-animated .icon-initial { display: inline-block; float: right } .ep_pos_total_tendering_button .btn-ng-bs-animated.is-active .icon-initial { display: none; } .ep_pos_total_tendering_button .ep-button-primary { width: 220px; font-weight: 400 !important; font-size: 15px; padding: 10px 5px; height: 45px; min-width: 220px; line-height: 26px; display: inline-flex; align-items: center; flex-flow: row; justify-content: space-around; } .ep_pos_total_tendering_button .btn-ng-bs-animated .icons { opacity: 1; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; } .ep_pos_total_tendering_button .ep_pos_payment_button .icons .mdi:before { font-size: 20px; line-height: 26px; } .ep_pos_total_tendering_button.ep_pos_action_group .ep_pos_payment_button .hotkey { vertical-align: inherit; } span.card_wrapper .disabled_element md-input-container:not(.md-input-invalid).md-input-has-value input[disabled] { color: var(--ep-color-charcoal); -webkit-text-fill-color: var(--ep-color-charcoal); -webkit-opacity: 1; font-weight: bold; font-family: monospace; font-size: 18px; line-height: 2.2; } div#ep_pos_trans_grid table tbody { width: 100% !important; } .validity_info { vertical-align: middle; height: 100%; font-size: 14px; font-family: Hind; font-weight: 600; display: flex; } .ep_pos_gift_card_detail_modal .balance_value { font-size: 20px; /*need to remove unwanted style*/ text-align: right; padding: 0px 10px !important; margin-bottom: 10px; color: var(--ep-color-switch-background-true); } .ep_pos_gift_card_detail_modal .modal-dialog { width: 680px; } .ep_pos_sku_text { font-size: 13px; font-weight: 600 !important; font-family: Hind, sans-serif; } .ep_pos_sku_desc_text { font-size: 15px; font-weight: 400 !important; font-family: Hind, sans-serif; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } span.ep_pos_product_note_lbl { margin-top: 0px; width: calc(100% - 25px); flex-wrap: wrap; padding: 0px !important; } .ep_pos_product_note_blk_list > i { float: left; height: 26px; } .no_show_hide .ep_pos_product_note_blk_list { width: calc(100% + 20px); height: auto; max-width: initial; display: flex; align-items: flex-end; left: -5px; justify-items: flex-start; } ul.product_note_list { float: none; display: table; position: relative; width: 100%; margin: 0px; } .ep_pos_grid_wrapper .k-grid tbody tr td > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 600; color: #828282; } span.price_change_info { padding: 0px; margin: 0px 0px; font-weight: 400; font-size: 13px; font-family: Hind; color: var(--ep-color-text-normal); line-height: 1.5; } span.currency_value { color: var(--ep-color-text-normal); margin: 0px 5px; line-height: 1.6; font-size: 13px; font-family: Hind; font-weight: 500; } .flex-wrap { flex-wrap: wrap; } .collapsed > span.header-content-group { justify-content: flex-start; margin-top: 20px; width: 20px; } #ep_pos_trans_grid.k-grid tbody tr td > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Hind, sans-serif; font-size: 15px; font-weight: 600; color: var(--ep-color-text-normal); } .ep_pos_banner { padding: 0px 0px 0px 10px; width: calc(100% - 90px) !important; position: relative; margin: 3px 4px !important; border-radius: 2px !important; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; min-height: 25px; border: 0px solid var(--ep-grid-border); flex-wrap: wrap; padding-left: 30px; left: 30px; float: left; background: var(--ep-grid-border); } .ep_pos_banner > i, .ep_pos_banner > .flex-parent > i { margin-left: -24px; font-size: 16px; } .ep_pos_detail_promotion_blk .ep_pos_note_lbl { color: inherit; } .ep_pos_sidebar_tab { position: absolute; width: 100%; height: calc(100% - 48px); } .grid-box-parent { position: relative; width: 100%; height: 100%; } .row.grid-box-tile-container { display: block; overflow: auto; max-height: 90%; } .ep_pos_total_Value.small-value { font-size: 30px; } button#ep_pos_tax_rate { min-width: 100px; } .ep_pos_multi_add_footer .hotkey { display: inline-block; float: right; } .ep_pos_multi_add_footer > div { display: flex; justify-content: flex-end; } .ep_pos_multi_add_footer button { display: flex; margin: 0px 0px 0px 5px; justify-content: space-between; } .ep_pos_multi_add_footer button .hotkey { margin-left: 5px; float: right; } .ep_pos_multi_add_footer button .action_label { position: relative; display: inline-block; vertical-align: middle; width: inherit; } .ep_pos_detail_source_blk { background: #F4CA6D98; } .ep_pos_detail_source_blk.ep_pos_banner { color: #414141; font-size: var(--ep-banner-font-size); padding-top: 5px; padding-bottom: 5px; align-items: center; display: flex; outline: none; } .ep_pos_detail_source_blk .ep_pos_banner_lbl { text-transform: uppercase; font-size: 13px; font-weight: 600 !important; font-family: Hind, sans-serif; float: left; padding: 0px 5px 0px 3px; color: #414141; } .ep_pos_detail_source_blk span.note_text_blk { flex-wrap: wrap; width: 79%; display: flex; justify-content: flex-start; white-space: pre-wrap; line-height: 1; font-size: 90%; } .footer_action_section .first_footer_row .transaction_misc { display: flex; } .footer_action_section .first_footer_row .transaction_misc > button { width: calc((100% - 24px) / 4); float: left; } .total_deep_posit_title { display: flex; align-items: center; justify-content: center; font-size: 18px; text-transform: uppercase; font-weight: 600; color: var(--ep-color-lynch); } .ep_pos_multi_item_filter_container .col-md-12 .row .ep-generic-class { position: relative; margin: 0px; height: 40px; min-height: 50px; } .ep_pos_multi_item_filter_container .col-md-12 .row .ep-generic-class md-input-container { position: relative; height: 10px; } button.subtotal_wrap.vertical_key_value .vertial_value .culture_text { color: var(--ep-color-lynch) !important; font-weight: 600; } button.subtotal_wrap.vertical_key_value .vertial_value { color: var(--ep-color-orange) !important; font-weight: 600; } .ep_pos_action_group > span { display: inline-block; width: fit-content; height: max-content; } .preview_action_wrapper .hotkey { display: inline-block; vertical-align: middle; } .ep_pos_total_tendering_button .ep-button-primary .text { display: flex; flex-grow: 2; align-items: center; justify-content: center; } .ep_pos_total_tendering_button .ep-button-primary .text .hotkey { display: flex; align-items: center; justify-content: space-around; position: absolute; right: 10px; } .ep_pos_total_tendering_button .btn-ng-bs-animated .icons { position: absolute; left: 10px } .source_details_line .loaders-container { height: 100%; position: absolute; width: 100%; } .source_details_line { min-height: 200px; position: relative; margin-top: 10px; } .ep_pos_detail_source_blk.ep_pos_banner .ep_pos_detail_note_blk { width: 100%; } .ep_pos_search_list { flex-flow: column; width: 180px; text-align: center; display: flex; align-items: center; justify-content: center; } .md-panel.ep-material-panel-popover ul.ep_pos_search_list > li { line-height: 100%; width: 100%; display: flex; justify-content: center; } .special_order_description { margin-bottom: 10px; } .ep_pos_not_detail_blk.ep_pos_banner .header-content-group { display: flex; align-items: center; justify-content: center; } /****** Start of ep_pos flyout CSS *******/ /* Active tabs on ep_pos flyout */ .ep_pos-flyout-tabs .md-tab.md-active { /*background-color: var(--ep-color-anotherBlue);*/ color: var(--ep-color-anotherBlue) !important; text-overflow: clip; } /* Non-active tabs on ep_pos flyout */ .ep_pos-flyout-tabs .md-tab { background-color: #ffffff; color: #8d8d8d !important; text-overflow: clip; /* font-size: 9px; */ } .ep_pos-flyout-tabs md-tab-content { overflow-x: hidden; padding: 5px; background-color: var(--ep-color-white); } .ep_pos-flyout-content, .ep_pos-flyout-tabs { height: 100%; } .ep_pos-flyout-border { border-width: 1px; border-style: solid; border-color: #e9e9e9; } /* Make tabs take up entire height */ #ep_pos_flyout md-sidenav { height: calc(100% - 15px); } #ep_pos_flyout { padding-left: 0px; padding-right: 0px; } /* Center flyout button group */ .ep_pos-flyout-button-row { text-align: center; position: absolute; bottom: 7px; right: 10px; left: 10px; height: 45px; width: calc(100% - 20px); } .ep_pos-flyout-button-row ul.k-button-group li { background-color: #ffffff; color: var(--ep-color-anotherBlue); border: 1px solid var(--ep-color-anotherBlue); } .ep_pos-flyout-button-row ul.k-button-group li.k-state-active { background-color: var(--ep-color-anotherBlue); color: var(--ep-color-white); } .ep_pos-flyout-button-row ul.k-button-group li.k-state-active:hover { border-color: var(--ep-color-anotherBlue); } .ep_pos-flyout-description-area { text-align: center; font-weight: bold; } .ep_pos-flyout-info-label { text-align: left; /* font-weight: bold; */ /* padding-right: 10px; */ /* padding-left: 0px; */ font-size: var(--ep-label-font-size); font-family: Hind, Regular; color: var(--ep-color-darkGray); } .ep_pos-flyout-info-text { /* padding-left: 0px; */ /* padding-right: 0px; */ font-size: var(--ep-input-font-size); color: var(--ep-color-text-normal); font-family: Hind, Regular; } .ep_pos-flyout-flex { display: flex; align-items: stretch; } .ep_pos-flyout-sidebar { min-width: 380px; width: 380px; background-color: var(--ep-color-white); height: 100%; padding: 0px 10px; margin-right: 10px; } /* Remove the 10px margin-bottom on

elements when in flyout nav */ .ep_pos-flyout-sidebar p { margin-bottom: 0px; } .ep_pos-flyout-sidebar.inactive { margin-right: -400px; } /* Slightly reduce font size on product info */ /*.ep_pos-flyout-product-info { font-size: 13px; }*/ .ep_pos-flyout-empty-image { font-size: 90px; /* position: relative; */ left: 0px; right: 0px; width: 150px; height: 150px; color: var(--ep-color-dimGray); border: 1px solid var(--ep-color-anotherBlue); display: flex; margin: auto; } .ep_pos-flyout-image { max-width: 100% !important; max-height: 100% !important; position: absolute; top: 0px; bottom: 0px; margin: auto; left: 0px; right: 0px; width: auto; height: auto; /* padding: 0px 15px; */ /* display: flex; */ } .ep_pos-flyout-image-helper { display: inline-block; height: 25%; vertical-align: middle; } .ep_pos-quantity-group-addon { padding: 0px; border-color: #eceff1; } .ep_pos-quantity-group button { margin-right: 0px; height: 32px; } .ep_pos-flyout-break-long-words { overflow-wrap: break-word; word-wrap: break-word; hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; } /* For the product flyout, shrink h1 font size by 2px for showing retail price. This allows prices up to $99,999.00 to fit. */ .ep_pos-flyout-retail-price { font-size: 30px; color: var(--ep-color-orange); font-family: Hind, Semibold; font-weight: 600; height: 48px; width: 68px; } #ep_pos-flyout-branch-table-container { height: calc(100% - 52px); overflow-y: auto; overflow-x: hidden; } /****** End of ep_pos flyout CSS *******/ .ep_pos-flyout-info-label-left { font-weight: 600; font-size: 14px; color: #5f5f5f; } .ep_pos-flyout-special-info-label { font-weight: bold; font-size: 14px; } .ep_pos-flyout-special-price-discount { text-align: right; color: red; float: right; } .ep_pos-flyout-sidebar p { display: inline; font-weight: normal; margin-bottom: 0px; line-height: 25px; color: #8c8c8c; } .ep_pos_sidebar_content_group > .ep_pos_sidebar_tab { padding: 0px; height: calc(100% - 48px); overflow: hidden; position: absolute; width: 100%; bottom: 0px; } .ep_pos_sidebar_content_group > .ep_pos_sidebar_tab .inherit-parent-height { overflow-y: auto; height: calc(100% - 50px) !important; padding: 0px; } ep_pos_sidebar_container md-nav-bar { display: block; width: 100%; } .ep_pos-register-flyout-popup-button { background: transparent !important; color: var(--ep-color-anotherBlue) !important; font-size: 16px; margin: 0px 5px; padding: 5px 10px; letter-spacing: -0.02em; font-weight: 600 !important; border: none; font-family: Montserrat, sans-serif; } .ep_pos-register-flyout-popup-button:hover { color: var(--ep-color-blue) !important; } .ep_pos-register-flyout-footer { width: 590px; border-top: 1px solid var(--ep-color-paleGray); margin-left: -65px; margin-top: 15px; } .disabled_element.ep_pos-register-flyout-popup-button { color: var(--ep-color-disabled-item) !important; background-color: transparent !important; } div.ep_pos-cus-detail-image-preview { position: relative; width: 100px; } .ep_pos_fl_customer_img { background-repeat: no-repeat; height: 150px; margin: auto; background-size: contain !important; border: 1px solid var(--ep-color-darkBlue); width: 150px; float: left; background-position: 50%; } .ep_pos_fl_prod_information2 .image-preview-box { background: transparent; border-color: transparent; position: relative; border-radius: 0px; border: 1px solid var(--ep-color-darkBlue); } .ep_pos_fl_cus_img_preview_box { height: 150px; width: 150px; color: #b0b0b0; overflow: hidden; display: flex; max-width: 100%; max-height: 100%; background: transparent; border-color: transparent; position: relative; border-radius: 0px; border: 1px solid var(--ep-color-darkBlue); float: left; } .ep_pos_customer_information label { font-size: var(--ep-label-font-size); font-family: Hind, Regular; color: var(--ep-color-darkGray); line-height: 1.2; } .ep_pos_cus_info { font-size: var(--ep-input-font-size); display: block; line-height: 1.2; min-height: 20px; overflow: hidden; word-break: break-word; color: var(--ep-color-text-normal); margin-top: 10px; } span.ep_pos_cus_info > span { display: block; word-break: break-word; } .ep_pos_cus_info a { color: var(--ep-color-anotherBlue); } .ep_pos_fl_cus_lolyalty_cus_name { font-size: 20px; font-family: Hind, Medium; color: var(--ep-color-darkBlue); font-weight: 600; } /*Customer Detail*/ .ep_pos-cus-detail-img { background-repeat: no-repeat; height: 150px; width: 150px; margin: auto; background-size: contain !important; background-position: center; border: 1px solid var(--ep-color-darkBlue); max-width: 100%; max-height: 100%; } .ep_pos-cus-detail-name { font-size: 20px; font-weight: 600; font-family: Hind, Medium; color: var(--ep-color-darkBlue); word-break: break-word; } .ep_pos-edit-contact-icon { color: var(--ep-color-secondary-btn); } .ep_pos_member_contact { font-family: Hind, Medium; color: var(--ep-color-secondary-btn); font-size: 16px; text-align: left } .ep_pos_member_contact .btn { line-height: 0.9; } .ep_pos_edit_contact { flex-direction: row; margin: 5px; } .ep_pos_edit_contact .btn { line-height: 0; } .ep_pos_sidebar_container md-nav-bar { padding: 0px; display: block; margin-bottom: 0px; } .ep_pos_sidebar_container md-nav-bar .md-button._md-nav-button { padding: 12px 12px 4px 12px; } .ep_pos_sidebar_container md-nav-bar .md-button { width: calc(100% / 4); } /**/ .ep_pos_actions_btn { background-image: none; background-color: var(--ep-color-white); padding: 10px; height: 80px; border-radius: 4px; border: 1px solid var(--ep-color-anotherBlue); box-shadow: 0px 1px 2px var(--ep-color-geryBlue); font-family: Montserrat, Medium; font-size: 13px; color: var(--ep-color-anotherBlue); } @media screen and (max-width: 768px) { .ep_pos_actions_btn { margin-bottom: 10px; } } .ep_pos_actions_btn span { white-space: initial; } /*.btn-default.ep_pos_actions_btn :active, .btn.ep_pos_actions_btn :active, .btn-block.ep_pos_actions_btn:active, .btn-default.ep_pos_actions_btn :focus, .btn.ep_pos_actions_btn :focus, .btn-block.ep_pos_actions_btn:focus, .btn-default.ep_pos_actions_btn.active :focus, .btn.ep_pos_actions_btn.active :focus, .btn-block.ep_pos_actions_btn.active:focus { color:var(--ep-color-orange) !important; border: 1px solid var(--ep-color-orange)!important; background: transparent; outline:none; }*/ @media (min-width: 1200px) { .visible-lg { display: block !important; color: var(--ep-color-groupbox-header) !important; font-size: 13px; } } /*Product Tab*/ .ep_pos_fl_product_container { height: 100%; } .ep_pos_fl_product_wrapper { height: 100%; } .ep_pos_fl_desc { background: var(--ep-grid-row-highlight-blue); font-family: Hind, Semibold; font-weight: 600; font-size: 16px; word-break: break-all; margin: 0px 0px 15px 0px !important; height: 50px; padding: 15px 34px 11px 14px; text-align: left; border-left: 3px solid var(--ep-color-anotherBlue) !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--ep-color-secondary-btn); width: 100%; } .ep_pos_fl_prod_desc { font-family: Hind, Medium; font-size: 14px; color: var(--ep-color-secondary-btn); display: table; padding: 0px 0px 10px 0px; height: 23px; } .ep_pos_fl_no_info { font-family: Hind, Medium; font-size: 11px; color: var(--ep-color-lightGray); text-align: center; position: absolute; right: 0px; left: 0px; top: 0px; bottom: 0px; margin: auto; height: 40px; border: 1px solid; line-height: 40px; display: inline-block; max-width: 90%; border-radius: 5px; border-color: var(--ep-color-lightGray); pointer-events: none; } .ep_pos_fl_no_error { font-family: Hind, Medium; font-size: 14px; color: var(--ep-color-danger); display: flex; justify-content: center; align-items: center; height: 70%; } .ep_pos_member_contact .ep-toolbar-button .mdi-plus-circle { color: var(--ep-color-green); } .ep_pos_fl_prod_information { padding: 15px 15px 10px 1px; } .fl_prod_item_info { border-radius: 4px; padding: 0px; min-width: 280px; margin: auto; } .fl_prod_table { font-size: 14px; font-family: Hind, Medium; color: var(--ep-color-secondary-btn); margin-bottom: 0px; } .fl_prod_item_info .table-striped > tbody > tr { background-color: var(--ep-color-textbox-background) !important; } .ep_pos_fl_prod_information2 { height: calc(100% - 110px); overflow-y: auto; top: 50px !important; position: absolute; } .ep_pos_fl_margin { margin-bottom: 10px; margin-top: 10px; } .ep_pos_fl_prod_img_wrapper { width: 150px; height: 150px; border: 1px solid var(--ep-color-darkBlue); position: relative; } .ep_pos-flyout-empty-image i:before { display: block; width: 90px; margin: auto; left: 0px; top: 0px; height: 10px; position: absolute; bottom: 0px; right: 0px; } .ep_pos-flyout-empty-image i { position: absolute; width: 100px; height: 100px; display: block; right: 0px; left: 0px; bottom: 0px; top: 0px; margin: auto; } /*End*/ /*Action look up*/ .ep_pos_fl_lookup { height: 45px; padding: 7px 5px; } .ep_pos_fl_lookup > span { width: 100%; display: block; border-radius: 4px; height: inherit; } .ep_pos_fl_lookup .k-textbox.k-space-left { width: 100%; background-color: var(--ep-color-textbox-background); border: none; height: inherit } .ep_pos_fl_lookup .k-textbox.k-space-left > input { height: inherit; text-indent: 4px !important; } .ep_pos_fl_lookup .k-textbox input { background-color: var(--ep-color-textbox-background); font-size: 16px; font-family: Hind, Regular; color: var(--ep-color-lightGray); } .ep_pos_sidebar_tab.ep_pos_fl_action_tab > [ng-repeat] { height: 45px; } .ep_pos_sidebar_tab.ep_pos_fl_action_tab > ng-switch { display: block; } .ep_pos_sidebar_tab.ep_pos_fl_action_tab > div { margin: 0px; } .ep_pos_cus_serive_inactive { color: var(--ep-color-lightGray); } .ep_pos_cus_service_active { color: var(--ep-color-green); } .action-options .ep_pos_actions_btn:hover { background-color: var(--ep-color-groupbox-header-background); border: 1px solid var(--ep-color-anotherBlue); } .action-options .ep_pos_actions_btn[disabled]:hover { background-color: var(--ep-ep_pos-action-disable-btn); box-shadow: none; border: 1px solid var(--ep-color-secondary-btn); opacity: .65; color: var(--ep-color-black) !important; } /*End*/ /* ep_pos flyout Pop up */ .ep_pos-flyout-popup-footer { width: 580px; border-top: 1px solid var(--ep-color-paleGray); margin-left: -65px; margin-top: 15px; } .ep_pos-flyout-popup-footer-button { background: transparent !important; color: var(--ep-color-anotherBlue) !important; font-size: 16px; margin: 0px 5px; padding: 5px 10px; letter-spacing: -0.02em; font-weight: 600 !important; border: none; font-family: Montserrat, sans-serif; } .ep_pos-flyout-popup-footer-button:hover { color: var(--ep-color-blue) !important; } .disabled_element.ep_pos-flyout-popup-footer-button { color: var(--ep-color-disabled-item) !important; background-color: var(--ep-color-transparent) !important; } /*CLose register pop up table*/ .ep_pos_count_session_container table td { vertical-align: middle !important; } .ep_pos_variance_negative_value { color: var(--ep-color-red); } /* image maintainer block */ .ep_pos_viewer_image .image-preview-container { height: 160px !important; } .ep_pos_viewer_image .image-preview-description { display: none; } /* image maintainer block */ .ep_pos_customer_information { position: relative; height: 100%; } .ep_pos_customer_data_block { display: flex; flex-direction: column; } .ep_pos-flyout-button-row > div { display: flex; justify-content: center; height: 100%; } .ep_pos-flyout-button-row ul.k-button-group { width: 100%; display: flex; } .ep_pos-flyout-button-row ul.k-button-group li.k-button { width: 100%; border-radius: 0px !important; height: 100%; } .ep_pos-flyout-button-row ul.k-button-group li.k-button { border-color: #dae5ef; } .ep_pos-flyout-button-row ul.k-button-group li.k-button:hover { border: 0px; } .ep_pos-flyout-button-row ul.k-button-group li.k-button > div { display: flex !important; width: 100% !important; justify-content: center; } .ep_pos-flyout-button-row ul.k-button-group li.k-button button { border: none; background: transparent !important; text-transform: inherit; display: flex !important; width: 100% !important; justify-content: center; } .ep_pos-flyout-button-row ul.k-button-group li.k-button button:hover { border: none; } hr.separator { margin: 0px 0px 20px 0px; } .ep_pos-flyout-button-row ul.k-button-group li.k-button:first-child { border-radius: 5px 0px 0px 5px !important; } .ep_pos-flyout-button-row ul.k-button-group li.k-button:last-child { border-radius: 0px 5px 5px 0px !important; } .ep_pos-flyout-button-row ul.k-button-group li.k-button.k-state-focused.disabled_element { border-color: #dae5ef !important; border-style: solid !important; } .ep_pos_cus_info > span { float: left; } .ep_pos_fl_no_info.no_source_box { position: relative; margin: auto; padding: 0px 10px; } .ep_pos_detail_note_blk span.note_text_blk.flex-middle { max-width: calc(100% - 100px); overflow: hidden; text-overflow: ellipsis; } .ep_pos_detail_note_blk span.note_text_blk.flex-middle span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .ep_pos_actions_btn span.hotkey:before { content: '[ '; } .ep_pos_actions_btn span.hotkey:after { content: ' ]'; } .ep_pos_actions_btn[disabled] { color: var(--ep-color-disabled); border: 1px solid var(--ep-color-disabled); cursor: default; pointer-events: none; } /* complete donation screen*/ .ep_pos-amount-due { display: block; top: 0px; left: 0px; padding: 0px; } .ep_pos-amount-due .recepit_section { height: 100%; width: 450px; overflow-y: auto; border-right: 1px solid #E5E5E5; padding: 0 10px; background-color: var(--ep-color-white); max-width: calc(100% - 660px); display: flex; } .ep_pos-amount-due .recepit_section .receipt_container { height: 850px; width: calc(100% - 50px); margin: auto; } .ep_pos-amount-due .amount_due_section { height: 100%; } .ep_pos_tender_blk { box-shadow: rgb(0 0 0 / 10%) 0px 2px 6px, rgb(0 0 0 / 5%) 0px 2px 3px; background-color: var(--ep-color-white); } .ep_pos-amount-due #amount_due_container { width: 100%; height: 100%; } .ep_pos-amount-due .amount_due_section .tenders_container { box-shadow: rgb(0 0 0 / 10%) 0px 2px 6px, rgb(0 0 0 / 5%) 0px 2px 3px; margin: auto; } .ep_pos-amount-due .amount_due_section .tenders_content_wrapper { overflow-y: auto; max-height: 437px; position: relative; padding: 10px; } .ep_pos-amount-due .amount_due_section .tender_change_due_blck { padding: 0 15px; position: relative; } .ep_pos-amount-due .amount_due_section .tender_change_due_blck .tender_change_due_wrapper .tender_change_due .email_section { margin: 30px 0; } .ep_pos-amount-due .amount_due_section .cancel_section_blck { position: relative; bottom: 5px; width: 100%; left: 0px; height: 45px !important; max-width: 750px; margin: auto; right: 0px; } .ep_pos-amount-due .amount_due_section .cancel_section_blck .cancel_section { text-align: center; } .ep_pos-amount-due .amount_due_section .cancel_section_blck .cancel_section .cancel_btn { max-width: 248px; background: transparent; color: var(--ep-color-red); margin-top: 15px; float: right; width: auto; } .ep_pos-amount-due .amount_due_section .tenders_container .email_section input.k-textbox:focus { border: 2px solid var(--ep-color-orange); } .ep_pos-amount-due .amount_due_section .tenders_container .k-textbox { font-size: 24px; box-shadow: none; text-indent: 5px !important; width: 100%; height: 45px; border: 0.08em solid transparent; background: var(--ep-color-white); } .ep_pos-amount-due .amount_due_options { margin-top: 100px; } .ep_pos-amount-due .amount_due_section button { box-shadow: none !important; } .ep_pos-amount-due .amount_due_section .tender_btn { width: 100%; height: 45px; background-color: var(--ep-color-secondary-btn); font-size: 15px; line-height: 20px; border: none; border-radius: 2px; text-transform: uppercase; } #pod_trans_grid .k-grid-header th.k-header { padding: 5px !important; font-weight: 600; white-space: nowrap; background: var(--ep-color-white); } div#pod_trans_grid .k-grid-content { font-size: 16px; font-weight: normal; color: var(--ep-color-text-normal); overflow-y: auto; height: calc(100% - 65px) !important; } /*focus in pos layer*/ .advanced-search:focus, .ep_pos_search_all:focus, .ep_pos_item_search_wrap #product_toolbar_search_tooltip .k-input.k-focus, .ep_pos_item_quantity_component button:focus, .ep_pos_item_quantity_component .item_quantity_input:focus, .ep_pos-customer-button:focus, button.ep-button-secondary.ep_pos_void_button:focus, button.ep-button-primary.ep_pos_payment_button:focus { outline: 1px dashed var(--ep-color-anotherBlue) !important; } .thrift_donation_block .pos_back_to_order .transparent_buttons { min-width: 200px; } .donations_qf_blk .qf_price_details { text-align: center; font-weight: 500; font-size: 16px; justify-content: center; height: 80px; position: relative; } .donations_qf_blk .qf_price_details span.qf_price_text { height: 25px; vertical-align: middle; line-height: 1.3; position: absolute; margin: auto; top: 0; bottom: 0; right: 0; left: 0; color: var(--ep-color-darkGray); } .ep_pos_main_container .pos_back_to_order .transparent_buttons { width: auto; } @media screen and (max-width: 1024px) { .ep_pos-amount-due .amount_due_section .cancel_section_blck { padding: 5px; } .ep_pos-amount-due .amount_due_section { width: calc(100% - 450px); } } @media screen and (max-width: 1300px) { .ep_pos_transaction_container.collapsed .ep_pos_action_group button.ep-button-secondary { width: 45px !important; } } /*.con_det_header_blck1{ border-right: 1px solid var(--ep-color-lightGray); }*/ .con_det_header_blck2 .title-label { font-size: var(--ep-input-font-size); font-weight: 600; padding-bottom: 10px; } .con_det_header_blck2 .title-value { font-size: 22px; color: var(--ep-color-primary-btn-hover); } .task_det_blk .task_description_status { margin-left: 0; } .task_det_blk .add-edit-ranking-title { max-width: 250px; } .start_comp_blk.full-screen-container { padding-top: 0; padding-bottom: 0; } .start_comp_blk .main-content-wrapper { padding-top: 0; margin-top: 0; } .surveymessage { height: 500px; width: 700px; border: 0px; background-color: var(--ep-color-groupbox-header-background) } .customer_message { color: var(--ep-color-danger) !important; } .download-btn { color: #0091EA; justify-content: center !important; text-align: center !important; position: relative !important; } .grid-tile-item-new { float: right; } .mapping_header { padding: 20px; text-align: center; letter-spacing: 0px; color: #008AA9; } .inventory_add_header_mapping { padding: 0px 10px 10px 10px; justify-content: space-between; display: flex; } .transparent_buttons { float: left; padding: 10px 0px; } .mapping-switch-position { margin-top: -20px !important; } .mapping-left { margin-left: 5px; margin-top: 0px !important; color: #86898D; } .mapping-names { text-align: left; font: 15px Montserrat; letter-spacing: 0px; color: #F58220; opacity: 1; font-weight: bold; } .child_map_style { margin-top: 50px !important; } .saved_name { text-align: left; font: 15px Montserrat; letter-spacing: 0px; color: #112F41 !important; opacity: 1; font-weight: bold; } .mapping-store { font-size: 15px; margin: 0px; text-align: left; font-family: Hind, Montserrat; color: #6D7B83; opacity: 1; margin-top: 10px; } .mapping-help { width: 70%; } .mapping_screen_bng { background: #F3F4F4; } .inventory_component_group_map { padding: 15px 20px; } .mapping_wap { background-color: #FFFFFF; } .proceed_btn { width: fit-content !important; background-color: #F58220 !important; } .proceed_btn:hover { width: fit-content !important; background: #F58220 !important; } .mapping-ep-fields { font-size: 15px; margin: 0px; text-align: left; font-family: Hind, Montserrat; font-weight: bold; } .mapping-check { font-size: 12px; font-family: Hind, Montserrat; color: #112F41; font-weight: bold; } .map_required { color: red; font-weight: bold; font-size: 16px; } .label_required { color: red; font-weight: bold; font-size: 10px; } .map-tmp-name { font-weight: bold; font-size: 16px; color: #112F41; } .map_info_icon { color: #6D7B83; } .text_align_right_force { text-align: right !important; } .map_info_delimiter { color: #112F41; } .map_info_delimitertxt { color: #112F41; margin-right: 30px !important; } .mapping_table_border { border-top: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; background: #FFFFFF; height: 80px; border-left: 1px solid #E5E5E5; } .mapping_table_store_swt { height: 110px !important; } .table-bordered > tbody > tr > td { border: 1px solid #ddd; } .th { scroll-behavior: unset; } .input-icons i { position: absolute; height: 1rem !important; font-size: 1.75em !important; top: 22px; padding-left: 16px; color: #C4C6C7; } .input-field { width: 100%; padding: 12px; padding-left: 30px; background-color: #F3F4F4; margin-top: 10px; margin-left: 10px; border: none; color: #112F41FF; font-size: 16px; } .input-field:focus { outline: none; } .sve_map_btn { color: #0091EA; background-color: white !important; border: none; font-size: 12px; font-weight: bold; } .cpy_map_btn_disable { color: #86898D; background-color: white !important; border: none; font-size: 12px; font-weight: bold; } .copy_enable { color: #0091EA; } .im-verify-data { background: #6D7B83 !important; border-radius: 4px !important; border: 1px solid #6D7B83 !important; border-color: #6D7B83 !important; opacity: 1 !important; height: 45px !important; font-family: Montserrat, serif !important; text-align: center; letter-spacing: -0.38px; color: #FFFFFF !important; } .span .import-type { color: #F58220 !important; } .ep-import-screen-toolbar { background-color: transparent; margin-bottom: 0; border-radius: 2px; margin-left: -15px; margin-right: -15px; border: none; position: relative; float: right; } .ep-import-screen-toolbar .dropdown-menu > li > a { letter-spacing: 0pt; font-size: 14px; text-align: left; color: #04AAF5; line-height: 30px; } .ep-import-screen-toolbar .ep-import-toolbar-ul { margin-bottom: 0px; } .ep-import-screen-toolbar .dropdown-menu > li { border-bottom: 1px solid #04AAF5; } .ep-import-screen-toolbar .dropdown-menu { border: 1px solid #04AAF5; } .my-custom-scrollbar { position: relative; overflow-y: auto; overflow-x: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .maintenance-toolbar > div { display: table; float: left; } .maintenance-toolbar > div > div, .maintenance-toolbar > div > div a { position: relative; margin-right: 0px; padding: 0px !important; display: flex; } /*.maintenance-toolbar > div > div a > span { display: inline-block; padding: 10px; width: 20px; height: 20px; }*/ .maintenance-toolbar .fa:before { font-size: 20px; } .ep-active-link { cursor: pointer; } #ep-import-screen-toolbar > div { padding: 0px; float: right; height: 44px; position: relative; display: table; margin: 0px 2px; } #ep-import-screen-toolbar > div .k-button, #ep-import-screen-toolbar > div .ep-toolbar-button { min-width: 20px; top: 0px; position: relative; display: block; margin: 0px !important; border: 0px; outline: none; float: left; } #ep-import-screen-toolbar > div .ep-toolbar-save-button[disabled] { color: var(--ep-color-anotherBlue) !important; } #ep-import-screen-toolbar > div .k-button .icons { padding: 0px !important; width: 35px; height: 35px; top: 0px; position: absolute; margin: auto; display: table-cell; bottom: 0px; } #ep-import-screen-toolbar > div .k-button .icons > span { position: absolute; left: 0px; top: 1px; width: 100%; line-height: 32px; font-size: 24px; } .im-group-box-row { padding: 15px 0 0px 0; margin: 0 0 0 0; line-height: 15px; } .label strong { font-weight: 500 !important; } .im-text-highlight { color: var(--ep-color-orange); font-weight: bold; } .inventory_footer_buttons { float: right; } .im-preview-edit-btn { background: #FFFFFF; box-shadow: 0px 0px 6px #00000029; border: 1px solid #0091EA; color: #0091EA; border-radius: 4px; opacity: 1; font-family: Montserrat; } .grid-container { display: grid; grid-gap: 5px; background: #F3F4F4; padding: 0px; opacity: 1; } .imGrid { grid-template-columns: 18% 19% 18% 18% auto; } .grid-container > div { background-color: #F3F4F4; padding: 20px 0px 0px 0px; opacity: 1; } .im-upload-file { display: none; } .im-final-import { background: #F58220 !important; border-radius: 4px !important; border: 1px solid #F58220 !important; opacity: 1 !important; height: 45px !important; font-family: Sans Serif, Montserrat, serif !important; text-align: center; letter-spacing: -0.38px; color: #FFFFFF !important; } .im-label { text-align: left; font-family: Montserrat; letter-spacing: 0px; color: #86898D !important; opacity: 1; } .im-switch { padding-left: 20px !important; } #ep-import-screen-toolbar > div:last-child { float: right !important; } .ep-import-toolbar-action-list { margin-bottom: 0px } #ep-import-screen-toolbar > div .ep-toolbar-button > .icons { position: absolute; left: 0px; right: 0px; margin: auto; } .back_to_text { font-family: Montserrat; font-size: 14px; margin-right: 5px !important; } .im_back_to_preview { min-width: 400px !important; } .data-map { background-color: white !important; } .epicor-field-legend-color { background-color: #008AA9; border: 1px solid #008AA9 !important; height: 13px; width: 13px; line-height: 22px; display: inline-block; border-radius: 100px; vertical-align: sub; } .epicor-textbox { text-align: left; font: normal normal normal 12px/18px Hind; letter-spacing: -0.3px; color: #6D7B83; opacity: 1; } .database-field-legend-color { background-color: #F58220; border: 1px solid #F58220 !important; height: 13px; width: 13px; line-height: 22px; display: inline-block; border-radius: 100px; vertical-align: sub; } .imDisable { background: #FFFFFF !important; border: 1px solid #C4C6C7 !important; border-radius: 4px !important; opacity: 1 !important; } .imEditDatasetDisable { background: #C4C6C7 !important; border: 1px solid #C4C6C7 !important; border-radius: 4px !important; } .imBtnDisable { background: #DCE4E8 !important; border-radius: 4px !important; opacity: 1 !important; border: 1px solid #DCE4E8 !important; color: white !important; } .import-file-drop-area { position: inherit; height: 100%; width: 100%; text-align: center; padding-top: 15%; font: normal normal bold 18px/26px Hind; letter-spacing: 0px; color: #AFAFAF; opacity: 1; } .import-mdi-information:before { color: var(--ep-color-goldYellow); padding-right: 10px; } .import-mdi-inline { display: inline; } .im-alert { color: var(--ep-color-red); font-weight: bold; opacity: 1; text-decoration: underline !important; } .mapping-params-container { background-color: #F3F4F4 !important; } .mapping-params-container .mapping-dropdown { max-width: 200px; } .mapping-params-container .mapping-dropdown-lg { max-width: 250px; } .import-preview-grid .k-header.k-grid-toolbar:not(.k-button) { font-weight: normal; margin-bottom: 0px; font-size: var(--ep-input-font-size); color: var(--ep-color-darkGray); line-height: 1.2; display: flex; padding: 5px; } .mapping-type-toggle { margin-top: -22px; margin-bottom: -10px !important; } .im-toolbar-btn { font-weight: bolder !important; font-size: 12px; font-family: Montserrat, Sans-Serif !important; } .im-toolbar-btn:before { padding-right: 5px; vertical-align: sub !important; } .count-aggregates { margin-top: 0px !important; background-color: white !important; } .ep-group-box-header { border-radius: 3px; } .color_blue { color: #0091EA !important; } .activity_label_container { margin: 0px; padding: 0 10px; } .alert_icon_red { background-color: var(--ep-color-red) !important; } .align-middle { text-align: center !important; vertical-align: middle !important; } .ep_import_tool_bar { height: 40px !important; } .mapping_back_button { padding: 0 !important; } .table-fixed { width: 100%; margin-bottom: 0px; border-top: 0px; } /*This will work on every browser but Chrome Browser*/ .table-fixed thead, .table-fixed thead th { position: sticky; position: -webkit-sticky; top: 0; z-index: 999; background-color: #fff; box-shadow: 0px 0px 0px 1px #ddd; } .im-new-line { white-space: pre-wrap; } .im-toolbar-btn-pos { position: relative; right: 18px; top: 7px } /*----------------------- Open Item Maintenance CSS -----------------------*/ .ar_open_item_UI_block { padding: 0px; height: 100%; position: absolute; width: 100%; left: 0px; top: 0px; } .ar_open_item_parent_wrapper { background: var(--ep-color-groupbox-header-background); overflow: hidden; padding: 0px; height: 100%; position: absolute; width: 100%; left: 0px; top: 0px; z-index: 1000; } .ar_open_item_parent_wrapper span.k-widget { margin-top: 0px } .ar_open_item_parent_wrapper md-input-container span.k-widget { margin-top: 3px; } .ar_open_item_parent_wrapper span.k-widget.k-autocomplete .k-input { position: relative; height: 45px; padding: 0px; background: var(--ep-color-groupbox-header-background); } .ar_open_item_master_head { background: white; padding: 7px; margin: 5px 5px 6px 5px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); border-radius: 2px; height: 160px; } .ar_open_item_customer_wrap { position: relative; display: table; float: left; } .ar_open_item_customer_search_component { width: 400px; background: var(--ep-color-groupbox-header-background); height: 45px; float: left; } .ar_open_item_customer_search_component #customer { width: 370px; background: var(--ep-color-groupbox-header-background); box-shadow: none; padding-left: 30px !important; } .ar_open_item_customer_search_component:before { content: "\F349"; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; z-index: 10; font-size: 24px; top: 15px; left: 5px; font-size: 24px; color: var(--ep-color-lightGray); } .ar_open_item_customer_search_component span.k-autocomplete span.k-font-icon.k-i-close { margin: 0px; } .ar_open_item_customer_detail_wrap { position: relative; display: table; float: left; height: 45px; margin-left: 10px; } .ar_open_item_customer_search_component { width: 400px; background: var(--ep-color-groupbox-header-background); height: 45px; float: left; } .ar_open_item_customer_search_component #customer { width: 370px; background: var(--ep-color-groupbox-header-background); box-shadow: none; padding-left: 30px !important; } .ar_open_item_customer_search_component:before { content: "\F349"; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; z-index: 10; font-size: 24px; top: 15px; left: 5px; font-size: 24px; color: var(--ep-color-lightGray); } .ar_open_item_customer_search_component span.k-autocomplete span.k-font-icon.k-i-close { margin: 0px; } .ar-open-item-totals-and-transactions-container { background-color: white; overflow-x: hidden; overflow-y: auto; padding: 10px; position: relative; height: calc(100% - 320px); margin: 6px; } .ar-open-item-totals-and-transactions-container-finance-charge { background-color: white; overflow-x: hidden; overflow-y: auto; padding: 10px; position: relative; height: calc(100% - 250px); margin: 6px; } .open_item_maintenance_footer { padding: 10px 10px 10px 10px; background-color: white; } .open_item_maintenance_footer .row { margin: 0; } .select-tender-container, .check_number_container, .routing_number_container { padding-left: 0; padding-right: 24px !important; } .select-tender-container { padding-left: 40px; } .amount_tendered_container { padding: 0; width: 200px; } .amount_tendered_account_container { width: 200px; padding: 0px !important; } .amount-box-oim { width: 215px !important; } .amount_tendered_account_container .amount-box { width: 215px; } .open_item_maintenance_reset { padding: 0; } #open_item_maintenance_reset_button { height: 50px; } #open_item_maintenance_clear_button { height: 50px; min-width: 200px; } .open_item_maintenance_other_group { display: flex; align-items: flex-start; justify-content: flex-end; gap: 15px; padding: 0; } #complete_oim_button { padding: 10px 5px; min-width: 250px; height: 50px; } .complete_oim_invoice { min-width: 215px !important; } .open_item_maintenance_other_group div.ep-generic-class { margin-bottom: 0; } .view-transaction-link { top: 50px; right: -54px; } .trx-type-pill { min-width: 78px; pointer-events: none; background: var(--ep-color-orange); color: var(--ep-color-white); border: 1px solid; border-radius: 10rem; } #oi-credit .k-numerictextbox.negative-input .k-input { color: var(--ep-color-red); } .oim-footer-component { margin: 6px; } .oim-footer-component .k-numerictextbox.negative-input .k-input { color: var(--ep-color-red); } .oim-footer-component .ep-button-secondary:focus { outline: 1px dashed var(--ep-color-anotherBlue) !important; } .clear-span { padding-left: 35px !important; } .select_trx_search_input { box-shadow: none !important; height: 50px !important; } .oim_total_truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*new grid styles*/ .ep_grid_v2 .k-grid .k-grid-header .k-header .k-link { height: auto; width: calc(100% - 50px); padding-top: 5px !important; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; display: flex; align-items: flex-start; } .ep_grid_v2 .k-grid-content-locked input.k-checkbox { display: block; margin: 0 auto !important; } .additional-filter-panel span.k-input .k-input-inner { height: 30px; } .landing_grid.ep_grid_v2 .ep_group { padding: 10px 0 15px; background: none; margin: 0; box-shadow: none; } .ep_grid_v2 .k-grid tr td, .ep_grid_v2 .k-grid-header th.k-header { border-right-style: solid; } .ep_grid_v2 .k-grid tr td.k-edit-cell { padding: 0px !important; } .ep_grid_v2 .k-grid tbody tr td.k-edit-cell > span { display: flex; margin: 0px; } .ep_grid_v2 .k-grid .k-grid-footer tr td { height: 1px; padding: 0px !important; } .ep_grid_v2 .k-grid-header-locked, .ep_grid_v2 .k-grid-content-locked { border: none !important; } .ep_grid_v2 .k-grid-header-locked th { border-top: 1px solid var(--ep-grid-border) !important; } .ep_grid_v2 .k-grid .k-grid-content-locked tr td, .ep_grid_v2 .k-grid .k-grid-header-locked th { border-right: 1px solid var(--button-text-40-v2) !important; } .ep_grid_v2 .k-grid tr td, .ep_grid_v2 .k-grid-header th.k-header { border-bottom-width: 0; } .ep_grid_v2 .k-grid-content-locked .k-table-row:last-child > td, .ep_grid_v2 .k-grid-content-locked .k-table-row:last-child > .k-table-td { border-bottom: 1px solid var(--ep-grid-border); } .ep_grid_v2 .k-grid .k-toolbar { padding: 0px; height: 56px; display: flex; flex-direction: row; align-items: center; width: 100%; padding-left: 16px; padding-right: 8px; } .ep_grid_v2 .k-grid .k-grouping-header { width: 30%; display: inline-block; height: 34px; border: none; color: rgba(9, 11, 12, 0.4); padding-left: 0; font-size: 14px; } .ep_grid_v2 .k-grid-header .k-header > .k-link, .ep_grid_v2 .k-header, .k-treemap-title, .ep_grid_v2 .k-filter-row th, .ep_grid_v2 .k-grid-header th.k-header, .ep_grid_v2 .k-grid-header .k-header .k-link { color: var(--component-text-v2); font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; } .ep_grid_v2 .k-footer-template tr td { border-color: transparent; } .ep_grid_v2 .k-grid-content, .ep_grid_v2 .k-grid-pager, .ep_grid_v2 .k-pager-info { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size: 14px; color: var(--component-text-v2); } .ep_grid_v2 .k-pager-info { padding: 6px; margin-right: 0px; margin-left: 0px; flex: none; order: unset; } .ep_grid_v2 .k-grid-pager .selected_row_label { display: flex; align-items: center; justify-content: flex-end; } .ep_grid_v2 .k-grid-pager .selected_row_label .round { height: 4px; width: 4px; display: inline-block; margin-left: 12px; margin-right: 6px; background-image: url('data:image/svg+xml;utf8,'); } .ep_grid_v2 .k-grid-pager .selected_row_label .row_cnt { font-weight: 600; margin-right: 4px; } .ep_grid_v2 .k_grid_empty_content { background: url("/app/shared/images/empty_grid_v2.png") center no-repeat; position: absolute; display: block; right: 0; bottom: 0px; width: 100%; height: 100%; top: 0px; left: 0px; } .ep_grid_v2 .k_grid_noresult_content { background: url("/app/shared/images/no_result_grid_v2.png") center no-repeat; position: absolute; display: block; right: 0; bottom: 0px; width: 100%; height: 100%; top: 0px; left: 0px; } .ep_grid_v2 .k-grid-norecords { position: sticky; left: 0; } .ep_grid_v2 [kendo-ep-grid] td:not(.k-detail-cell) input.k-checkbox { border: 0px; background: transparent; } .ep_grid_v2 input[type=checkbox]:focus { outline: 0; box-shadow: 0 0 3px 0 var(--link-hover-v2); } .ep_grid_v2 [kendo-ep-grid] td:not(.k-detail-cell) input.k-checkbox::after, .ep_grid_v2 [kendo-ep-grid] th:not(.k-detail-cell) input.k-checkbox::after, .ep_grid_v2 [kendo-ep-grid] td:not(.k-detail-cell) input.k-checkbox:checked::after { border: 1px solid rgba(9, 11, 12, 0.16) !important; border-radius: 2px; width: 16px; height: 16px; } .ep_grid_v2 .k-grid tbody > tr.k-alt { background: linear-gradient(0deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04)), #FFFFFF; } .ep_grid_v2 [kendo-ep-grid] td:not(.k-detail-cell) input.k-checkbox:checked::after, .ep_grid_v2 [kendo-ep-grid] th:not(.k-detail-cell) input.k-checkbox:checked::after { background: var(--ep-color-anotherBlue) !important; color: var(--ep-color-white) !important; } .ep_grid_v2 .k-grid .k-header .k-button, .ep_grid_v2 .k-grid .k-header .k-button:hover { color: var(--primary-v2); background-color: var(--ep-color-white); } .ep_grid_v2 .toolbar_icon-state.grid_toolbar_icons.k-button[disabled] { background-color: var(--ep-color-white) !important; color: var(--ep-color-disabled-item) !important; } .drop_message { border: 2px dashed var(--ep-grid-border); padding: 0 5px; display: inline-block; border-radius: 4px; } .ep_grid_v2 .main_grid_wrapper, .ep-page-v2 .main-content-wrapper { position: inherit; } .ep_grid_v2 .k-grid-pager { position: absolute; bottom: 0; left: 0; width: 100%; background-color: var(--ep-color-switch-thumb); } .ep_grid_v2 .k-icon { font-size: 18px; cursor: pointer; } .ep_grid_v2 .grid_toolbar_icons, .ep_grid_v2 .grid_toolbar_icons:hover { box-shadow: none; background-color: var(--ep-color-white) !important; color: var(--primary-v2) !important; } .ep_grid_v2 .k-grid tbody > tr.k-alt.k-selected, .ep_grid_v2 .k-grid tbody > tr.k-selected { background: var(--grid-highlight-v2) !important; color: var(--ep-color-text-normal); } .ep_grid_v2 .k-grid tbody > tr.ep_row_focus, .ep_grid_v2 .k-grid tbody > tr.k-alt.k-selected.ep_row_focus, .ep_grid_v2 .k-grid tbody > tr.k-selected.ep_row_focus { background: var(--grid-focus-v2) !important; } .ep_grid_v2 .k-grid tr td { padding: 8px !important; height: 20px; line-height: 1; } .ep_grid_v2 .toolbar_right_block { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 8px; width: 50%; height: 34px; margin: 0px 0px 0px auto; } .ep_grid_v2 .k-grid table { min-width: auto; } .ep_grid_v2 td.prop-grid-editable-input:after { content: ""; display: block; height: calc(100% - 4px); width: calc(100% - 3px); border: rgba(9, 11, 12, 0.24) solid 1px; position: absolute; left: 2px; top: 2px; line-height: 2; z-index: 0; } .ep_grid_v2 td.prop-grid-editable-input.k-edit-cell span.k-input .k-input-inner { padding: 8px !important; line-height: 20px; height: 32px; box-sizing: border-box; font-size: 14px; } .ep_grid_v2 td.prop-grid-editable-input.k-edit-cell { padding: 2px !important; } .ep_grid_v2 td.prop-grid-editable-input.k-edit-cell > .k-input, .ep_grid_v2 td.prop-grid-editable-input .k-dropdownlist { border: 1px solid rgba(9, 11, 12, 0.24) !important; border-radius: 0px !important; background: #FFFFFF !important; } .ep_grid_v2 td.prop-grid-editable-input .k-numerictextbox input.k-input-inner { text-align: right; } .ep_grid_v2 td.prop-grid-editable-input.k-edit-cell > .k-input:focus, .ep_grid_v2 td.prop-grid-editable-input.k-edit-cell > .k-input:focus-within, .ep_grid_v2 td.prop-grid-editable-input .k-picker:focus, .ep_grid_v2 td.prop-grid-editable-input .k-picker:focus-within { border-color: var(--primary-v2) !important; } .ep_grid_v2 td.prop-grid-editable-input .k-datepicker .k-input-button { margin: 0px; } /*editable grid end*/ .selector_header { position: relative; width: 35px; } .ep_grid_v2 .toolbar_left_block { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 8px; width: auto; height: 34px; margin: 0px; } .ep_grid_v2 .k-grid tbody > tr:hover, .ep_grid_v2 .k-grid tbody > tr.k-selected:hover, .ep_grid_v2 .k-grid tbody > tr.ep_row_focus:hover { background-color: var(--grid-hover-v2) !important; } .ep_grid_v2 .grid_toolbar_icons { padding: 6px 12px !important; margin: 0 !important; width: auto; height: auto; } .ep_grid_v2 .mdi-24px.mdi-set, .ep_grid_v2 .mdi-24px.mdi:before { font-size: 21px; } .ep_grid_v2 .k-grid-header .k-header > .k-link, .ep_grid_v2 .k-filter-row th, .ep_grid_v2 .k-grid-header th.k-header { text-transform: none; } .ep_grid_v2 .k-grid-pager { padding: 8px; } .ep_grid_v2 .mdi-18px.mdi-set, .ep_grid_v2 .mdi-18px.mdi:before { font-size: 15px; } .generic-grid-container-two { padding: 5px; margin-top: 0; background: transparent; box-shadow: none; overflow-y: hidden; } .ep-new-grid { border-bottom-width: 0px; } .ep-page-v2 .maintenance-toolbar { margin-top: -9px; margin-left: -20px; margin-right: -20px; box-shadow: 0px 1px 12px rgba(51, 51, 51, 0.14); border-radius: 2px; font-family: 'Source Sans Pro'; } .search_criteria_action_toolbar { display: inline-block; float: right; padding: 0; border: none; } .search_criteria_action_toolbar .k-toolbar-item { display: flex !important; align-items: flex-end; margin: 0px !important; } .search_criteria_action_toolbar #toolbar_generic_actions { margin: 0; gap: 4px; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 7px 9px; color: var(--button-text-v2); border: 1px solid var(--button-text-24-v2); border-radius: 4px; font-size: 14px; font-weight: 400; background: var(--secondary-button-bg-v2); line-height: 1; width: 82px; height: 32px; font-family: 'Source Sans Pro'; } .search_criteria_action_toolbar #toolbar_generic_actions:hover { background: var(--secondary-button-hovered-bg); } .search_criteria_action_toolbar #toolbar_generic_actions:focus { box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.08); } .md-panel.toolbar_action_panel_v2 { padding: 0px; } .md-panel.toolbar_action_panel_v2 ul li { padding: 10px; border-bottom-color: var(--button-text-8-v2); } .md-panel.toolbar_action_panel_v2 ul li:hover { background-color: var(--hovered-bg-v2); } .md-panel.toolbar_action_panel_v2 ul li button { display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; } .md-panel.toolbar_action_panel_v2 ul li button span.action_title { padding: 0px; font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; } .md-panel.toolbar_action_panel_v2 ul li button span.mdi { color: var(--primary-v2); display: flex; align-items: center; } .search_criteria_action_toolbar .ep-button-toolbar-actions span.mdi-menu-down { font-size: 20px; vertical-align: middle; } .search_criteria_wrapper .search_criteria_action_container { align-items: flex-end; display: flex; justify-content: flex-end; flex: 1; gap: 16px; } .divider_blk { height: 32px; border: 1px solid rgba(9, 11, 12, 0.08); display: inline-block; } .search_criteria_blk .k-input-inner { padding: 0px 8px; padding-left: 8px !important; font-size: 14px !important; line-height: 20px !important; height: 100% !important; } .search_filter_blk .tag-input-container, .additional-filter-panel .tag-input-container{ input{ margin: 0; padding: 14px; } } .search_criteria_blk label, .additional-filter-panel label { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: var(--component-text-v2); margin: 0px; padding: 0px 0px 0px 4px; } .ep_grid_v2 .k-input { border-radius: 4px !important; border: 1px solid var(--button-text-24-v2); height: 32px; background: var(--component-text-white-v2); margin-top: 0px; } .ep_grid_v2 .k-input:hover { border-color: var(--primary-v2) !important; } .ep_grid_v2 .k-input:focus, .ep_grid_v2 .k-input:focus-within { border-color: var(--primary-v2) !important; box-shadow: none; border-bottom: 1px solid var(--primary-v2) !important; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .ep_grid_v2 td.k-edit-cell > .k-input { border: 1px solid var(--button-text-24-v2) !important; border-radius: 0px !important; } .ep_grid_v2 td.k-edit-cell > .k-input:focus, .ep_grid_v2 td.k-edit-cell > .k-input:focus-within { border-color: var(--primary-v2) !important; } .ep_grid_v2 td.k-edit-cell > .k-dropdownlist { border-radius: 0px !important; margin-right: 0px; } .ep_grid_v2 td.k-edit-cell .k-datepicker .k-input-button { margin: 0px; } .ep_grid_v2 [kendo-grid] tbody tr td > :focus { color: inherit !important; } .search_criteria_wrapper { padding: 13px 12px 8px 12px; height: 100%; } .search_criteria_wrapper .form_block { display: flex; flex-direction: row; padding: 0px; gap: 8px; width: 100%; height: 100%; } .search_criteria_wrapper .form_block .search_criteria_blk { width: calc(100% - 225px); display: flex; flex-direction: row; padding: 0px; /* gap: 16px;*/ justify-content: flex-start; align-items: center; } .ep_grid_v2 .k-grid { border: 1px solid rgba(9, 11, 12, 0.08); box-shadow: 0px 1px 12px rgba(51, 51, 51, 0.14); border-radius: 6px; position: inherit; } .ep_grid_v2 div.k-grid-header { background-color: #fafafa; } .search_filter_blk { display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 16px; justify-content: flex-start; } .search_filter_blk .search_filter_row { width: 100%; margin: 0px; justify-content: flex-start; display: flex; } .search_filter_blk .search_filter_row .form_element_container { max-width: calc(100% - 16px); display: flex; flex-direction: row; align-items: flex-start; padding: 0px; justify-content: flex-start; } .search_filter_blk .search_filter_row .form_element_container .form_element_type { flex: 1 1 0px; margin-bottom:5px; } .search_filter_blk .search_filter_row .form_element_container .form_element_type ng-switch { display: flex; flex-direction: row; } .search_filter_blk .search_filter_row .form_element_container .form_element_type ng-switch [ng-switch-when] { flex: 1 1 0px; gap: 6px; } .search_btn_blk { display: flex; flex-direction: row; align-items: flex-end; padding: 0px; gap: 8px; margin-top: 15px; } .search_btn_blk .additional_button { background: var(--ep-color-white); border: 1px solid rgba(9, 11, 12, 0.16); border-radius: 4px; width: 32px; height: 32px; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px; } .search_btn_blk .additional_button span { width: 16px; height: 16px; font-size: 16px; display: flex; flex-direction: row; justify-content: center; align-items: center; color: var(--base-text-v2); } .search_btn_blk .additional_button:hover { box-shadow: none; background: linear-gradient(0deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04)), #F5F5F5; } .search_btn_blk .additional_button:focus { border: 1px solid rgba(9, 11, 12, 0.16) !important; } .search_btn_blk .additional_button:focus span, .search_btn_blk .additional_button.additional_panel_opened span { color: var(--primary-v2); } .search_btn_blk .additional_button span.additional_filter_applied_indicator { position: absolute; left: 50%; right: 0%; top: 8px; bottom: 50%; background: #FF6358; border-radius: 50%; width: 8px; height: 8px; } .criteria_search { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 7px 8px; gap: 4px; } .criteria_search .criteria_search_text { z-index: 10; padding: 0px; width: 42px; height: 18px; } .criteria_search #myBar { width: 1%; height: 30px; background: rgba(0, 255, 0, 0.5); display: flex; position: absolute; left: 0; top: 0; border-color: #026FBD; } .ep_grid_v2 .k-button-solid-primary.search_progress { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 7px 8px; gap: 4px; width: 78px; height: 32px; background: linear-gradient(90deg, #4CD180 0%, #36BE9F 29.17%, #0086E7 29.18%); border-radius: 4px; } /*Search btn cancel*/ .criteria_search .cancel_search { z-index: 10; display: flex; align-items: center; text-align: center; height: 16px; width: 16px; font-size: 16px; } .ep_grid_v2 .k-grid td > span { line-height: unset; display: block; vertical-align: middle; } .cancel_confirm_modal { top: 50%; left: 50%; display: flex; flex-direction: column; align-items: flex-start; padding: 0px; box-sizing: border-box; border-radius: 6px; transform: translate(-50%, -50%) !important; bottom: unset; } .cancel_confirm_modal .modal-content { width: 432px; border-radius: 6px !important; } .cancel_confirm_modal .modal-content .header-wrapper { background-color: var(--primary-v2); text-align: left; font-style: normal; font-weight: 600; font-size: 16px; line-height: 21px; letter-spacing: 0.15px; text-transform: capitalize; color: #FFFFFF; flex: none; order: 0; align-self: stretch; flex-grow: 0; height: 56px; border-radius: 5px 5px 0px 0px; } .cancel_confirm_modal .ep_dialog_footer.transparent_buttons { border-top: 1px solid var(--divider-v2); padding: 7px 0px; } .cancel_confirm_modal .modal-title.ep-std-dialog-title { padding-left: 4px; padding-top: 10px; text-transform: none; padding-bottom: 10px; } .cancel_confirm_modal .modal-title.info { color: var(--component-text-white-v2); font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-size: 16px; } .cancel_confirm_modal .message_block.break-word { padding-left: 5px; padding-top: 20px; max-width: calc(100% - 30px); padding-right: 0px; } .cancel_confirm_modal button#std-dialog-question-yes-button { background: var(--primary-v2) !important; color: var(--component-bg-v2) !important; border-radius: 6px !important; margin-right: 7px !important; padding: 5px 15px !important; } .cancel_confirm_modal button#std-dialog-question-on-button { border: 1px solid var(--primary-v2) !important; border-radius: 6px !important; box-shadow: none; padding: 5px 15px !important; } .cancel_confirm_modal .ep-button-secondary, .cancel_confirm_modal .ep-button-primary { text-transform: capitalize !important; font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-size: 14px; letter-spacing: 0.4px; } .cancel_confirm_modal .modal_message_container.ep-std-dialog-error-text { height: calc(100% - 120px); } .cancel_confirm_modal .ep-std-dialog-close { top: 15px; } /*Search btn cancel*/ /* Kendo primary, secondary button start */ .ep_grid_v2 .k-button-solid-primary, .primary-solid-btn, .k-actions-stretched .k-button-solid-primary { border-color: #0080DC; color: var(--ep-color-white); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 99.48%, rgba(0, 0, 0, 0.04) 99.49%), var(--primary-v2); height: 32px; border-radius: 4px; font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 18px; display: flex; align-items: center; text-align: center; text-transform: capitalize; } .ep_grid_v2 .k-button-solid-primary.k-focus, .ep_grid_v2 .k-button-solid-primary:focus, .primary-solid-btn.k-focus, .primary-solid-btn:focus, .k-actions-stretched .k-button-solid-primary.k-focus, .k-actions-stretched .k-button-solid-primary:focus { box-shadow: 0px 0px 0px 2px rgba(0, 134, 231, 0.3); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 99.48%, rgba(0, 0, 0, 0.04) 99.49%), var(--primary-v2); border: 1px solid #0080DC !important; color: var(--ep-color-white); } .ep_grid_v2 .k-button-solid-primary.k-hover, .ep_grid_v2 .k-button-solid-primary:hover, .primary-solid-btn.k-hover, .primary-solid-btn:hover, .k-actions-stretched .k-button-solid-primary.k-hover, .k-actions-stretched .k-button-solid-primary:hover { border-color: #026FBD !important; background: var(--ep-bg-link-hover) !important; color: var(--ep-color-white); } .ep_grid_v2 .k-button-solid-primary.k-active, .ep_grid_v2 .k-button-solid-primary:active, .primary-solid-btn.k-active, .primary-solid-btn:active, .k-actions-stretched .k-button-solid-primary.k-active, .k-actions-stretched .k-button-solid-primary:active { border-color: #026FBD !important; color: var(--ep-color-white) !important; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), var(--primary-v2) !important; } .solid-medium-btn { padding: 8px 9px; height: 34px; font-weight: 400; } .ep_grid_v2 .k-button-solid-secondary, .secondary-solid-btn, .k-actions-stretched .k-button-solid-base { background: var(--secondary-button-bg-v2); border-color: var(--checkbox-border-v2); box-shadow: none; font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; display: flex; align-items: center; text-align: center; text-transform: capitalize; color: var(--button-text-v2) !important; } .ep_grid_v2 .k-button-solid-secondary.k-focus, .ep_grid_v2 .k-button-solid-secondary:focus, .secondary-solid-btn.k-focus, .secondary-solid-btn:focus, .k-actions-stretched .k-button-solid-base.k-focus, .k-actions-stretched .k-button-solid-base:focus { background: #F5F5F5; box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.08); border-color: var(--checkbox-border-v2); } .ep_grid_v2 .k-button-solid-secondary.k-hover, .ep_grid_v2 .k-button-solid-secondary:hover, .secondary-solid-btn.k-hover, .secondary-solid-btn:hover, .k-actions-stretched .k-button-solid-base.k-hover, .k-actions-stretched .k-button-solid-base:hover { background: var(--secondary-button-hovered-bg); border-color: var(--checkbox-border-v2); box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.08); } .ep_grid_v2 .k-button-solid-secondary.k-active, .ep_grid_v2 .k-button-solid-secondary:active, .secondary-solid-btn.k-active, .secondary-solid-btn:active, .k-actions-stretched .k-button-solid-base.k-active, .k-actions-stretched .k-button-solid-base:active { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), #F5F5F5 !important; box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.08); border-color: var(--checkbox-border-v2) !important; } /* Kendo primary, secondary button end */ .ep_grid_v2 .k-button-solid-base.k-active, .ep_grid_v2 .k-button-solid-base:active { background-color: #d8d8d8; } .ep_grid_v2 .k-selection-multiple { padding: 3px 6px; } .ep_grid_v2 .k-selection-multiple .k-input-inner { padding: inherit; padding-left: 0px !important; } /* Chip css starts here */ .ep-single-chip, ep-multi-select-v2 .k-chip-list .k-chip, ep-multi-select-v2 .k-multiselect .k-chip-list .k-chip { padding: 5px; background-color: var(--button-text-8-v2); border: 1px solid var(--button-text-30-v2); height: 100%; gap: unset; border-radius: 4px; } .ep-single-chip .k-chip-label, ep-multi-select-v2 .k-chip .k-chip-label { padding: 0px 4px; } .ep-single-chip .k-chip-icon, ep-multi-select-v2 .k-chip .k-chip-icon { font-size: 12px !important; } .ep-single-chip .k-chip-label, ep-multi-select-v2 .k-chip .k-chip-label { font-size: 14px; line-height: 16px; font-family: 'Source Sans Pro'; } .ep-single-chip .k-chip-content:last-child, ep-multi-select-v2 .k-chip .k-chip-content:last-child { margin-inline-end: 0; } .ep-single-chip .k-chip-label, ep-multi-select-v2 .k-chip .k-chip-label { display: flex; align-items: center; padding-left: 4px; gap: 4px; } .ep-single-chip .ep-multiselect-chip-remove, ep-multi-select-v2 .k-chip .ep-multiselect-chip-remove { font-size: 14px; outline: none; } .ep-single-chip .ep-multiselect-chip-remove:before, ep-multi-select-v2 .k-chip .ep-multiselect-chip-remove:before { content: "\e11d"; } /* Chip css ends here */ .ep_grid_v2 ep-multi-select label.has_data, ep-tree-dropdown label.has_data, .ep_grid_v2 .ep-generic-class.k-state-focused ep-multi-select label, .ep_grid_v2 .ep-multiselect-dropdown.k-dropdowntree label.has_data { transform: none !important; } .ep_grid_v2 .k-grouping-header .k-group-indicator, .ep_grid_v2 .k-grouping-header .k-group-indicator { background: linear-gradient(180deg, rgba(0, 0, 0, 2e-06) 0%, rgba(0, 0, 0, 0.02) 100%), #F5F5F5; color: #3A4145; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.16); margin: 4px 5px; } .ep_grid_v2 .k-grouping-header .k-link, .ep_grid_v2 .k-grouping-header .k-link:link { color: #3A4145; padding: 0px !important; } /* ep-multi-select-v2 start */ ep-multi-select-v2 { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 6px; width: 100%; height: auto; border-radius: 4px; } ep-multi-select-v2 label { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: var(--component-text-v2); margin-bottom: 0px; } ep-multi-select-v2 .k-multiselect .k-chip-list .k-chip { height: 100%; background-color: var(--button-text-8-v2); } .ep-multi-select-v2.k-input { border-radius: 4px !important; border: 1px solid var(--button-text-24-v2); height: 32px; min-height: 32px; background: var(--component-text-white-v2); margin-top: 0px; overflow: hidden; } .ep-multi-select-v2.k-input:hover { border-color: var(--primary-v2) !important; } .ep-multi-select-v2.k-input:focus, .ep-multi-select-v2.k-input:focus-within { border-color: var(--primary-v2); box-shadow: none; border-bottom: 1px solid var(--primary-v2) !important; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } /*.ep-multi-select-v2 .k-selection-multiple{ display: flex; flex-direction: row; align-items: center; padding: 3px 8px; order: 0; flex-grow: 1; }*/ .ep-multi-select-v2 .k-selection-multiple .k-input-inner { height: 20px; padding: 0px; padding-left: 0px !important; margin: 0px; font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; display: flex; align-items: center; } .ep-multi-select-v2 i.k-i-search { color: var(--placeholder-text-v2); } .ep-multi-select-v2 i.ep-ms-v2-input-icon { font-size: 16px; color: #7C8A93; } .ep-multi-select-v2 i.ep-ms-v2-x-icon:before { content: "\e11b"; color: var(--button-text-50-v2); } .ep-multi-select-v2 .k-button, .ep-multi-select-v2 > ul > .k-button { background: var(--secondary-button-bg-v2); width: 28px; height: 100%; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } .ep-multi-select-v2 .k-button { border-left: 1px solid var(--button-text-8-v2); } .ep-multi-select-v2 .k-button:hover { box-shadow: none; background: var(--secondary-button-bg-v2); } .ep-multi-select-v2 .k-button:focus { box-shadow: none; } .ep-multi-select-v2 .k-button:active { background: var(--secondary-button-bg-v2); } .ep-multi-select-v2 { border-bottom: 1px solid var(--ep-color-unfocused-input) !important; } .ep-multi-select-popup-v2 .k-list-item, .dropdown-popup-v2 .k-list-item { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0px 6px !important; color: var(--component-text-v2); background-image: none; height: 32px; box-shadow: none; } .ep-multi-select-popup-v2 .k-list-content li.k-list-item.k-focus, .dropdown-popup-v2 .k-list-content li.k-list-item.k-focus, .k-filter-menu .k-animation-container li.k-list-item.k-focus { background-color: var(--primary-light-v2) !important; color: inherit !important; border-color: var(--primary-light-v2) !important; } .ep-multi-select-popup-v2 .k-list-content li.k-list-item.k-selected, .dropdown-popup-v2 .k-list-content li.k-list-item.k-selected, .k-filter-menu .k-animation-container li.k-list-item.k-selected { background-color: var(--primary-v2) !important; border-color: unset !important; border-width: 0px !important; color: var(--component-text-white-v2) !important; } .ep-multi-select-popup-v2 .k-list-content li.k-list-item.k-hover, .dropdown-popup-v2 .k-list-content li.k-list-item.k-hover, .k-filter-menu .k-animation-container li.k-list-item.k-hover { background-color: var(--hovered-bg-v2); } .ep-multi-select-popup-v2 .k-list-item-text, .dropdown-popup-v2 .k-list-item-text { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; display: flex; align-items: center; width: 100%; font-family: "Source Sans Pro"; } .ep-multi-select-popup-v2 .k-list-item-text span, .dropdown-popup-v2 span.k-list-item-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .dropdown-popup-v2 span.k-list-item-text { display: inline-block; } .ep-multi-select-popup-v2 .k-list-item-text input[type=checkbox] { margin-right: 8px; } .ep-multi-select-popup-v2 .k-list-content li.k-list-item.k-selected input[type=checkbox] { border-color: var(--component-text-white-v2); color: var(--component-text-white-v2) !important; } .ep-multi-select-popup-v2 .k-list-content li.k-list-item.k-selected input[type=checkbox]::before { color: var(--component-text-white-v2) !important; } .ep-multi-select-popup-v2 .k-checkbox::before { width: 12px; height: 12px; } .ep-multi-select-popup-v2 ep-multi-select label { margin-bottom: 0; } /* ep-multi-select-v2 end */ .ep_grid_v2 input.k-checkbox, .ep-multi-select-popup-v2 input.k-checkbox, .ep-tree-dropdown-v2 .k-treeview .k-checkbox-wrapper input.k-checkbox, .k-filter-menu-container .k-checkbox-label > .k-checkbox { display: inherit; opacity: unset; width: 16px; height: 16px; margin: unset; border-radius: 2px; border-width: 1px !important; border-style: solid; border-color: var(--checkbox-border-v2); position: relative; padding: 2px; background: var(--component-bg-v2); color: var(--component-text-white-v2); } .ep_grid_v2 input.k-checkbox:checked, .ep_grid_v2 input.k-checkbox:checked:before, .ep-multi-select-v2 input.k-checkbox:checked, .ep-multi-select-v2 input.k-checkbox:checked:before, .k-filter-menu-container .k-checkbox-label > .k-checkbox:checked, .k-filter-menu-container .k-checkbox-label > .k-checkbox:checked:before, .ep-tree-dropdown-v2 .k-treeview .k-checkbox:checked, .ep-tree-dropdown-v2 .k-treeview .k-checkbox:checked:before { background: var(--primary-v2); color: var(--component-text-white-v2) !important; outline: none; box-shadow: none; border: 1px solid var(--checkbox-border-v2); border-radius: 2px; } .ep_grid_v2 .k-i-loading { position: inherit; right: inherit; } .ep_grid_v2 .k-grid .k-toolbar.k-grid-toolbar .grid_toolbar_icons { margin-right: 0 !important; height: 34px; width: 44px; padding: 4px 8px !important; } .ep_grid_v2 .k-grid .k-toolbar.k-grid-toolbar .grid_toolbar_icons span.mdi, .ep_grid_v2 .k-grid .k-toolbar.k-grid-toolbar .grid_toolbar_icons img, .ep_grid_v2 .k-grid .k-toolbar.k-grid-toolbar .grid_toolbar_icons span.k-icon { width: 26px; height: 26px; display: block; font-size: 26px; display: flex; justify-content: center; align-items: center; } .ep-material-panel-popover.header_menu_wrp li.link span.mdi, .ep-material-panel-popover.header_menu_wrp li.link span.k-font-icon { color: var(--primary-v2); } /*Column grouping - Start*/ .ep_grid_v2 span.k-button-icon.k-i-close.k-font-icon { margin: 0px !important; } .ep_grid_v2 .k-button-flat { margin-right: 8px; margin-bottom: 4px; } /*Column grouping - End*/ .ep_grid_v2 .k-i-arrow-s:before, ep-multi-select-v2 .k-i-arrow-s:before { content: "\F035D"; } .ep-multi-select-v2 .k-i-arrow-s:before { left: -2px; } .k-filter-menu .k-i-arrow-s:before { content: "\e006" } .k-filter-menu span.k-picker { background-color: var(--component-text-white-v2); border: 1px solid var(--button-text-24-v2); border-radius: 4px !important; height: 32px; } .k-filter-menu .k-input-button { border-left: 1px solid var(--button-text-8-v2); background: var(--secondary-button-bg-v2); } .k-filter-menu span.k-input .k-input-inner { height: 32px; padding: 0; padding-left: 10px; } .k-actions-stretched .k-button-solid-primary { order: 2; margin-right: 0 !important; padding: 8px 9px; height: 34px; font-weight: 400; } .k-filter-menu.k-popup .k-filter-menu-container { padding: 8px; } /* Tree component css start */ .ep-tree-dropdown-v2 { font-family: 'Source Sans Pro'; } .ep-tree-dropdown-v2 button.dropdown-toggle { border-radius: 4px !important; border-width: 1px !important; border-style: solid; border-color: var(--button-text-24-v2); height: 32px !important; background: var(--component-text-white-v2); padding: 3px 6px !important; position: relative; } .ep-tree-dropdown-v2 button.dropdown-toggle:hover { border-color: var(--primary-v2) !important; } .ep-tree-dropdown-v2 button.dropdown-toggle:focus, .ep-tree-dropdown-v2 .dropdown[uib-dropdown]:focus button { border-color: var(--primary-v2); box-shadow: none; border-bottom: 1px solid var(--primary-v2); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .ep-tree-dropdown-v2 [uib-dropdown] label, .ep-tree-dropdown-v2 [uib-dropdown].open label { color: var(--component-text-v2) !important; font-size: 12px; line-height: 16px; font-weight: 400; } .ep-tree-dropdown-v2 .cat_btn_group { gap: 6px; display: flex; flex-direction: column; } .ep-tree-dropdown-v2 .ep-single-chip { float: left; } label.k-radio-label, .k-radio-label:empty { display: inline-block !important; } .ep-tree-dropdown-v2 [uib-dropdown].open button.dropdown-toggle { border-color: var(--primary-v2); border-bottom: 1px solid var(--primary-v2) !important; } .ep-tree-dropdown-v2 button.dropdown-toggle span.k-i-arrow-60-down:before, .ep-tree-dropdown-v2 tree_down_icon:before { content: "\F035D"; font-family: "Material Design Icons"; font-size: 20px; } .drawer_v2 .ep-generic-class .k-dropdownlist span.k-font-icon.k-i-arrow-s:before, .extra-icon-block.k-font-icon.k-i-arrow-s:before { content: "\F035D"; font-family: "Material Design Icons"; font-size: 21px; } .extra-icon-block.k-icon, .extra-icon-block.k-font-icon { position: absolute; right: 0px; bottom: 5px; } .drawer_v2 span.k-autocomplete span.k-clear-value { right: 20px; bottom: 0px; color: #2e2e2e !important; } .drawer_v2 .md-input-focused label, .drawer_v2 .md-input-invalid.md-input-focused label, .drawer_v2 .ep-generic-class.k-focus md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label, .drawer_v2 .ep-generic-class.k-state-focused md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label { color: var(--primary-v2) !important; } .drawer_v2 .ep-generic-class .k-dropdownlist.k-state-border-down, .drawer_v2 .ep-generic-class .k-dropdownlist.k-state-border-up, .drawer_v2 .ep-generic-class .k-dropdownlist.k-focus, .drawer_v2 .ep-generic-class.k-focus .k-dropdowntree, .drawer_v2 md-input-container.md-default-theme.md-input-invalid.md-input-focused .md-input, .drawer_v2 md-input-container.md-input-invalid.md-input-focused .md-input, .drawer_v2 md-input-container.md-input-focused .md-input { border-bottom: 2px solid var(--primary-v2) !important; } .ep-tree-dropdown-v2 button.dropdown-toggle span.k-i-arrow-60-down, .ep-tree-dropdown-v2 tree_down_icon { width: 28px; height: 100%; background: var(--secondary-button-bg-v2); top: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-left: 1px solid var(--button-text-8-v2); position: absolute; right: 0; } .ep-tree-dropdown-v2 .k-treeview .k-checkbox::before { width: 12px; height: 12px; font-size: 12px; } .ep-tree-dropdown-v2 .k-treeview-item[aria-checked="true"] { background-color: var(--primary-v2) !important; border-color: unset !important; border-width: 0px !important; color: var(--component-text-white-v2) !important; } .ep-tree-dropdown-v2 .k-treeview-item:hover { background-color: var(--hovered-bg-v2); } .ep-tree-dropdown-v2 .k-treeview .k-in.k-hover { background: inherit !important; color: inherit; } .ep-tree-dropdown-v2 .mdi-arrow-expand-all::before { content: "\F084F"; } .ep-tree-dropdown-v2 span.k-in.k-selected { background: inherit; color: inherit; } .ep-tree-dropdown-v2 .k-treeview .k-checkbox-wrapper input.k-checkbox:checked { border-color: inherit !important; color: inherit !important; } .ep-tree-dropdown-v2 .dropdown-menu { min-width: 375px; } .ep-tree-dropdown-v2 .k-treeview-toggle .k-i-expand { font-size: 16px; } .ep-tree-dropdown-v2 .ep-product-category-search { border-bottom: 1px solid rgba(9, 11, 12, 0.08); margin: 6px 11px; line-height: 43px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 4px; } .ep-tree-dropdown-v2 .ep-product-category-search .cat_tree_text_box { height: 26px; font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; display: flex; align-items: center; padding: 0px; flex: 1; margin-left: -10px; width: 100%; } .ep-tree-dropdown-v2 .ep-product-category-search .cat_tree_search_icon { position: relative; font-size: 16px; margin-bottom: -18px; } .ep-tree-dropdown-v2 .ep-product-category-search .cat_tree_search_icon:before { content: "\F0349"; font: normal normal normal 16px/1 "Material Design Icons"; color: rgba(9, 11, 12, 0.2); } /* Tree component css Ends */ .ep_grid_v2 input[type="search"]::-webkit-search-cancel-button, .logical-dropdown-filter-v2 input[type="search"]::-webkit-search-cancel-button, .drawer_v2 input[type="search"]::-webkit-search-cancel-button { height: 16px; width: 16px; background-image: url("data:image/svg+xml;utf8,"); cursor: pointer; } .header_menu_blk { position: absolute; top: 50%; margin-top: -10px; right: 0px; } .ep_grid_v2 .k-grid-header th.k-header { border-top-width: 0 !important; } .ep_grid_v2 .k-grid-header-locked tr th:first-child { vertical-align: middle; } .header_menu_wrp.k-context-menu.k-menu-vertical > .k-item > .k-link { padding: 5px; } .header_menu_wrp.k-context-menu.k-menu-vertical > .k-item { border-bottom: 1px solid var(--ep-grid-border); margin: 0; } .header_menu_wrp.ep-material-panel-popover li.link span.action_title { padding-left: 5px; font-size: 14px; font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; line-height: 21px; flex-grow: 1; } .header_menu_wrp.k-context-menu.k-menu-vertical > .k-item.k-hover, .header_menu_wrp.k-context-menu.k-menu-vertical > .k-item.k-focus, .header_menu_wrp.k-menu.k-context-menu .k-item > .k-link:hover, .header_menu_wrp.k-menu.k-context-menu .k-item > .k-link:active { background-color: rgba(0, 134, 231, 0.08); } /* additional filter panel starts */ .additional-filter-panel { background-color: var(--component-bg-v2); display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 0px; gap: 8px; width: 560px; height: auto; border: 1px solid rgba(9, 11, 12, 0.08); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.03), 0px 4px 5px rgba(0, 0, 0, 0.04); flex: none; order: 0; flex-grow: 0; border-radius: 4px; } .additional-filter-panel .datepicker-v2 label.form-label{ margin-bottom: 6px; } .additional-filter-panel .header { height: 44px; padding: 0px 8px; border-bottom: 1px solid var(--button-text-8-v2); width: 100%; font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 18px; display: flex; align-items: center; color: var(--base-text-v2); } .additional-filter-panel .filter_area { width: 100%; gap: 8px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .additional-filter-panel .filter_area .row_items { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; padding: 0px 8px; width: 100%; height: 63px; flex: none; order: 1; align-self: stretch; flex-grow: 0; } .additional-filter-panel .filter_area .row_items .widget_item { display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 16px; width: 544px; height: 54px; flex: none; order: 0; align-self: stretch; flex-grow: 0; } .additional-filter-panel .filter_area .row_items .row_divider { width: 100%; flex: none; order: 1; align-self: stretch; flex-grow: 0; left: 0%; right: 0%; top: calc(50% - 0px / 2 + 0.5px); border-top: 1px solid var(--button-text-8-v2); } .additional-filter-panel .filter_area .row_items .widget_item ng-switch { width: 100%; display: flex; flex-direction: row; } .additional-filter-panel .filter_area .row_items .widget_item ng-switch [ng-switch-when] { flex: 1 1 0px; gap: 6px; } .additional-filter-panel .filter_area:last-child { border-bottom: none; } .additional-filter-panel .footer, .logical-dropdown-filter-v2 .footer { display: flex; flex-direction: row; align-items: flex-end; padding: 8px; gap: 8px; width: 100%; height: 50px; justify-content: flex-start; flex: none; order: 1; align-self: stretch; flex-grow: 0; border-top: 1px solid var(--button-text-8-v2); } .additional-filter-panel .footer button, .logical-dropdown-filter-v2 .footer button { flex: 1 1 0px; } .sidebar-opened .additional-filter-panel { margin-left: 250px; } /* additional filter panel ends */ /* Dropdown-v2 class start */ .dropdown-v2 { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 6px; width: 100%; height: 54px; border-radius: 4px; } .dropdown-v2 label { display: flex; flex-direction: row; align-items: flex-start; padding: 0px 0px 0px 4px; width: 100%; height: 16px; flex: none; order: 0; align-self: stretch; flex-grow: 0; margin: 0; } .dropdown-v2 label span.ep-label-group-text, .datepicker-v2 label { width: 100%; height: 16px; font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: var(--component-text-v2); flex: none; order: 0; flex-grow: 0; } .dropdown-v2 .k-dropdownlist, .datepicker-v2 .k-datepicker { display: flex; flex-direction: row; align-items: center; padding: 0px; width: 100%; height: 32px; background: var(--component-bg-v2); border: 1px solid var(--button-text-24-v2); border-radius: 4px !important; flex: none; order: 1; align-self: stretch; flex-grow: 0; margin-top: 0px; } .dropdown-v2 .k-dropdownlist:hover, .dropdown-v2 .k-dropdownlist:focus, .datepicker-v2 .k-datepicker.k-focus, .datepicker-v2 .k-datepicker.k-hover { border-color: var(--primary-v2) !important; } .datepicker-v2 .k-datepicker.k-focus .k-button { color: var(--primary-v2) !important; } .dropdown-v2 .k-dropdownlist .k-input-inner { display: flex; flex-direction: row; align-items: center; padding: 6px 0px 6px 8px; gap: 8px; width: 100%; height: 32px; } .dropdown-v2 .k-dropdownlist .k-input-inner .k-input-value-text { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; display: inline-block; color: var(--component-text-v2); } .dropdown-v2 .k-dropdownlist .k-button { background: var(--secondary-button-bg-v2); width: 28px; height: 100%; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; border-left: 1px solid var(--button-text-8-v2); } .link_open_in_new { display: flex; justify-content: space-between; } .link_open_in_new .mdi { color: var(--primary-v2); } .dropdown-v2 .k-dropdownlist .k-button:hover { box-shadow: none; } .dropdown-v2 .k-dropdownlist .k-button .k-i-arrow-s { display: flex; justify-content: center; align-items: center; } .dropdown-v2 .k-dropdownlist .k-button .k-i-arrow-s:before { content: "\F035D"; position: inherit; } .dropdown-popup-v2 .k-selected.k-list-optionlabel, .dropdown-popup-v2 .k-selected.k-list-optionlabel.k-hover { background-color: var(--primary-v2) !important; } .dropdown-popup-v2 .k-list-optionlabel.k-hover { background-color: var(--hovered-bg-v2) !important; } /* Dropdown-v2 class end */ /* logical-dropdown-filter-v2 start */ .logical-dropdown-filter-v2 { background: rgb(255, 255, 255); display: flex; align-items: flex-start; flex-direction: column; padding: 12px 0px 0px; gap: 8px; width: 100%; border: 1px solid rgba(9, 11, 12, 0.08); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.03), 0px 4px 5px rgba(0, 0, 0, 0.04); } .logical-dropdown-filter-v2 .widget-container { background: rgb(255, 255, 255); display: flex; align-items: flex-start; gap: 8px; width: 100%; height: auto; } .logical-dropdown-filter-v2 .widget-container { padding: 0px 8px; } .logical-dropdown-filter-v2 .widget-container.widget-container-row { flex-direction: row; } .logical-dropdown-filter-v2 .widget-container.widget-container-column { flex-direction: column; } .logical-dropdown-filter-v2 .logical-widget { flex: 1 1 0px; width: 100%; gap: 6px; display: flex; flex-direction: column; } .logical-dropdown-filter-v2 .logical-widget .widget { display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 6px; width: 100%; border-radius: 4px; } .logical-dropdown-filter-v2 .logical-widget .widget label, .logical-dropdown-filter-v2 .logical-widget label { display: flex; flex-direction: row; align-items: flex-start; padding: 0px 0px 0px 4px; max-width: 264px; height: 16px; flex: none; order: 0; align-self: stretch; flex-grow: 0; margin-bottom: 0px; } .logical-dropdown-filter-v2 .logical-widget .widget tags-input { display: flex; flex-direction: row; padding: 0px; width: 100%; min-height: 32px; background: var(--component-bg-v2); border: 1px solid var(--button-text-24-v2); border-radius: 4px !important; flex: none; order: 1; align-self: stretch; flex-grow: 0; margin-top: 0px; max-height: 82px; overflow-y: auto; overflow-x: hidden; } .logical-dropdown-filter-v2 .logical-widget .widget tags-input:focus, .logical-dropdown-filter-v2 .logical-widget .widget tags-input:focus-within, .logical-dropdown-filter-v2 .logical-widget .widget tags-input:hover { border-color: var(--primary-v2) !important; } .logical-dropdown-filter-v2 .logical-widget .widget tags-input .host { margin: 0px; width: 100%; } .logical-dropdown-filter-v2 .logical-widget .widget tags-input .host .tags { padding: 3px 6px; overflow: inherit; } .logical-dropdown-filter-v2 .logical-widget .widget tags-input .host .tags input { line-height: 20px; font-size: 14px; height: 20px; width: 100%; } .logical-dropdown-filter-v2 .logical-widget .widget tags-input .host .tags .tag-item { background: none !important; padding: 0px; } .logical-dropdown-filter-v2 ng-switch { width: 100%; } .logical-dropdown-filter-v2 ng-switch [ng-switch-when] { display: flex; gap: 6px; } /* logical-dropdown-filter-v2 end */ .pager-loader { width: 5px; height: 5px; } /*.grid_v2_toast .md-toast-content { background-color: var(--primary-light-v2) !important; color: black; }*/ .grid_v2_toast_btn.md-button, .grid_v2_toast_btn.md-button:hover, .grid_v2_toast_btn.md-button:focus { background: var(--secondary-button-bg-v2) !important; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.16); } .grid_v2_toast_btn.md-button { height: 32px !important; width: 80px; color: var(--ep-color-black) !important; text-transform: capitalize; margin-right: 8px; font-family: 'Source Sans Pro'; font-weight: 600; } .grid_v2_toast_btn > i { color: var(--black-v2); padding: 3px; } .ep_grid_v2 span.k-widget { width: auto !important; display: flex; align-items: center; justify-content: center; flex-direction: column; padding-left: 5px; } md-toast.grid_v2_toast.md-center { left: 50%; transform: translate3d(-50%, 0, 0); min-width: 500px; width: auto; bottom: 0; } /*Toast theme*/ .toast_close_icon { font-size: 18px; position: relative; top: 5px; } .toast_icon_blk { top: 3px; position: relative; height: 100%; margin-right: 10px; } md-toast .md-toast-content { padding: 15px; position: relative; box-shadow: none; } .toast_header_blk { font-size: 15px; font-weight: 600; margin-bottom: 8px; } .success .md-toast-content { background: var(--grid-highlight-v2); color: black; border: 1px solid var(--grid-selected-hover-v2); border-radius: 4px; } .error .md-toast-content, .question .md-toast-content { background: linear-gradient(0deg, rgba(255, 99, 88, 0.24), rgba(255, 99, 88, 0.24)), #FFFFFF; color: black; border: 1px solid var(--ep-color-orange-v2); border-radius: 4px; } .warning .md-toast-content { background: linear-gradient(0deg, rgba(255, 192, 0, 0.16), rgba(255, 192, 0, 0.16)), #FFFFFF; color: black; border: 1px solid var(--ep-color-warning); border-radius: 4px; } .info .md-toast-content { background: linear-gradient(0deg, rgba(0, 134, 231, 0.08), rgba(0, 134, 231, 0.08)), #FFFFFF; color: black; border: 1px solid #c2e1f9; } .toast_progress { position: absolute; width: 100%; left: 0px; bottom: 0; margin-bottom: 0; height: 4px; background: #CCE7FA; border: none; box-shadow: none; } .toast_progress .progress-bar { background: #0086E7 !important; margin: 0; width: 1%; } .ep_grid_v2 .mdi-arrow-expand-all::before, .ep_grid_v2 .mdi-arrow-collapse-all::before { content: "\F084F"; font-size: 26px !important; } .ep_grid_v2 .k-grid-header th.k-sorted { background: var(--ep-bg-primary-4); } .ep_grid_v2 .k-grid-header th .k-icon.k-i-sort-desc-sm, .ep_grid_v2 .k-grid-header th .k-icon.k-i-sort-asc-sm, .ep_grid_v2 .k-grid-header .k-sort-order { color: var(--ep-color-blue-v2); } .ep_grid_v2 .k-grid-header .k-sort-order { padding-top: 5px; } .ep_grid_v2 .k-grid-header th .k-icon.k-i-sort-desc-sm, .ep_grid_v2 .k-grid-header th .k-icon.k-i-sort-asc-sm { padding-top: 15px; } .ep_grid_v2 .k-loading-image::before, .ep_grid_v2 .k-loading-image::after { display: none; } /*Column menu filters*/ .k-grid-filter-menu.k-grid-header-menu.k-active, .k-grid-filter-menu.k-grid-header-menu.k-state-border-down { background: var(--ep-bg-link-hover); color: var(--ep-color-white); } .k-filter-menu-container .k-checkbox-label:before { display: none; } .k-filter-menu-container .k-checkbox-label { padding-left: 0; } .k-filter-menu-container .k-checkbox-label > .k-checkbox { margin-right: 8px; outline: none; box-shadow: none; } .k-filter-menu-container .k-checkbox::before { width: 14px; height: 14px; font-size: 13px; } .k-filter-menu-container .k-checkbox span { position: relative; } .k-filter-menu span.k-input.k-searchbox.k-textbox .k-input-inner { padding-left: 25px !important; } .k-filter-menu span.k-input.k-searchbox { height: 32px; border-radius: 4px !important; } .k-filter-menu span.k-input.k-searchbox.k-textbox .k-icon { margin: 0; } .k-filter-menu .k-checkbox-label span { position: relative; top: 3px; } .k-filter-help-text { font-size: 14px; font-weight: 600; margin: 0 0 10px 0; padding-top: 8px; padding-bottom: 13px; border-bottom: 1px solid var(--component-border-v2); } .k-filter-menu span.k-input.k-textbox .k-input-inner { height: 32px; font-size: 14px; line-height: 20px; padding: 0; padding-left: 10px !important; } .k-filter-menu span.k-input.k-textbox:focus-within, .k-filter-menu span.k-input.k-textbox:focus, .k-filter-menu span.k-input.k-textbox:hover, .k-filter-menu span.k-numerictextbox:focus-within, .k-filter-menu span.k-numerictextbox:focus, .k-filter-menu span.k-numerictextbox:hover, .k-filter-menu span.k-picker.k-hover, .k-filter-menu span.k-picker.k-focus, .k-filter-menu .k-datepicker.k-hover, .k-filter-menu .k-datepicker.k-focus { border: 1px solid var(--primary-v2); } .k-filter-menu-container .k-actions-stretched { border-top: 1px solid var(--component-border-v2); } .k-filter-menu span.k-numerictextbox .k-input-spinner { display: none; } .k-filter-menu .k-actions-stretched .k-button, .k-filter-menu .k-datepicker, .k-filter-menu .k-numerictextbox, .k-filter-menu .k-textbox { height: 32px; border-radius: 4px !important; margin-top: 8px; } .k-filter-menu-container .k-icon.k-i-arrow-s { font: 16px/1 WebComponentsIcons !important; } .k-filter-menu span.k-filter-and { width: 7em; } .k-grid .k-cell-inner .k-grid-filter-menu.k-grid-filter { /*margin-right: 15px;*/ } span.k-dropdownlist[title="Additional operator"], .k-filter-menu span.k-filter-and { display: none; } .k-header .k-grid-filter { width: 25px; height: 35px; } .k-filter-menu-container label { margin-right: 15px; } .k-filter-menu-container input[type=radio] { width: 15px; margin-right: 5px; } /*end*/ .ep_grid_v2 .k-grid-pager { justify-content: flex-end; border: 1px solid rgba(9, 11, 12, 0.08); box-sizing: border-box; } span.grid_v2_pager_loader { flex-direction: row; } /*Grid header checkbox indeterminate mode*/ .ep_grid_v2 .k-checkbox:indeterminate::before { color: var(--primary-v2); width: 8px; height: 2px; background-color: var(--primary-v2); } /* ep_dropdown_filter_v2 starts here */ .ep_dropdown_filter_v2 { display: flex; flex-direction: column; gap: 6px; } .ep_dropdown_filter_v2 .btn-container { width: 100%; } .ep_dropdown_filter_v2 .btn-container button { border-radius: 4px !important; border-width: 1px !important; border-style: solid; border-color: var(--button-text-24-v2); height: 32px !important; background: var(--component-text-white-v2); padding: 3px 6px !important; width: 100%; position: relative; } .ep_dropdown_filter_v2 .btn-container button:focus, .ep_dropdown_filter_v2 .btn-container button:hover { border-color: var(--primary-v2) !important; } .ep_dropdown_filter_v2 .btn-container button .ep-single-chip { float: left; } .ep_dropdown_filter_v2 .btn-container button span.k-i-arrow-60-down { width: 28px; height: 100%; background: var(--secondary-button-bg-v2); top: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-left: 1px solid var(--button-text-8-v2); right: 0px; position: absolute; } .ep_dropdown_filter_v2 .btn-container button span.k-i-arrow-60-down:before { content: "\F035D"; font-family: "Material Design Icons"; font-size: 20px; } /* ep_dropdown_filter_v2 ends here */ /* search_v2 starts here */ .element-type-container-v2 { min-width: 200px; max-width: 300px; width: 200px; padding: 0px 8px 0px 0px; } .search-v2-container { min-width: 400px; max-width: 450px; padding-right: 8px; } @media only screen and (max-width: 499px) { .element-type-container-v2 { min-width: 155px !important; } .search-v2-container { min-width: 150px; } .additional-filter-panel{ width:100%; overflow-x: scroll; } .additional_filter_blk.md-panel-inner-wrapper{ width: 99%; } .ep_grid_v2 .toolbar_left_block, .ep_grid_v2 .toolbar_right_block{ flex-wrap: wrap; height: auto; width: 100%; } .ep_grid_v2 .k-grid .k-toolbar{ height: auto; flex-wrap: wrap; } } @media only screen and (max-width: 1200px) { .element-type-container-v2 { min-width: 175px; } .search-v2-container { min-width: 200px; } .search_filter_blk { width: 100%; } .search_filter_blk .search_filter_row .form_element_container{ flex-wrap: wrap; } } /*Increase the min-width of the quick search if there are less criterias*/ .width400 { min-width: 400px !important; } .width275 { min-width: 275px !important; } .search-v2 { flex: 1 1 0px; gap: 6px; display: flex; flex-direction: column; width: 100%; } .search-v2 label { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: var(--component-text-v2); margin: 0px; padding-left: 4px; } .search-v2 .k-input { border-radius: 4px !important; border: 1px solid var(--button-text-24-v2); height: 32px; background: var(--component-text-white-v2); margin-top: 0px; } .search-v2 .k-input:hover, .search-v2 .k-input:focus, .search-v2 .k-input:focus-within { border-color: var(--primary-v2) !important; box-shadow: none; } .search-v2 span.k-input .k-input-inner { padding: 0px 8px; padding-left: 8px !important; font-size: 14px !important; line-height: 20px !important; height: 100% !important; } .grid_v2_skeleton { position: absolute; } .grid_setting_chkbox { width: 15px; display: flex; padding: 4px; align-items: center; flex: none; order: 0; flex-grow: 0; cursor: pointer; } input.grid_setting_column_input { border-width: 0px; margin-left: 4px; font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size: 16px; width: calc(100% - 20px); outline: 0; align-items: center; display: none; flex: none; order: 0; flex-grow: 0; } .grid_setting_col_edit_border { border-bottom: 1px solid var(--primary-v2) !important; /*background: linear-gradient(0deg, rgba(0, 134, 231, 0.04), rgba(0, 134, 231, 0.04)), #FFFFFF;*/ } .ep_grid_v2 .locked_column_placeholder { border-bottom: 2px dashed var(--primary-v2); } /*---grid loader-----*/ /* Animation*/ @keyframes grid-v2-skeleton-wave { 0% { transform: translateX(-100%); } 60% { transform: translateX(100%); } 100% { transform: translateX(100%); } } .ep_grid_v2 .k-loading-mask, .ep_grid_v2 .k-loading-mask:after { background-image: url("/app/shared/images/sk-5.svg"); } @keyframes gridV-v2-skeleton-pulse { 0% { opacity: 1; } 50% { opacity: .4; } 100% { opacity: 1; } } @-webkit-keyframes background { 0% { background-image: url('/app/shared/images/View Loading 1.1.svg'); } 33% { background-image: url('/app/shared/images/View Loading 1.2.svg'); } 66% { background-image: url('/app/shared/images/View Loading 1.3.svg'); } 100% { background-image: url('/app/shared/images/View Loading 1.4.svg'); } } .ep_grid_v2 .k-loading-mask { animation: gridV-v2-skeleton-pulse 1.5s ease-in-out .5s infinite; position: relative; } .ep_grid_v2 .k-loading-image { -webkit-animation-name: background; -webkit-animation-duration: 5s; -webkit-animation-direction: alternate; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; position: absolute; transform: translate(0px); z-index: 100; } /* search_v2 ends here */ /* Grid Settings --- Start */ .main_grid_wrapper { display: flex; height: 100%; width: 100%; flex-direction: column; position: relative; } .grid_v2_container { width: 100%; height: 100%; transition: width 0.213s ease-in-out 0s; } .grid_v2_container.expanded { width: 100%; } .grid_v2_container.collapsed { width: calc(100% - 316px); } .grid_v2_sidebar_container { position: absolute; /*width: 450px; height: 100%;*/ right: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px, rgba(0, 0, 0, 0.05) 0px 2px 3px; animation-duration: 0.213s; animation-fill-mode: both; background: white; /*border-radius: 2px;*/ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; /* gap: 16px; */ width: 320px; height: calc(100% - 183px); border: 1px solid rgba(9, 11, 12, 0.08); border-radius: 4px; /* flex: none; */ order: 1; flex-grow: 0; } .sidebar_header { width: 100%; padding: 0px 12px; display: flex; justify-content: space-between; } .sidebar_column_container { /* box-sizing: border-box; */ display: flex; flex-direction: column; align-items: flex-start; /* padding: 0px 8px; */ width: calc(100% - 16px); height: calc(100% - 61px); border-width: 1px 1px 1px 1px; border-style: solid; border-color: #D9E0E5; margin: 8px; border-radius: 5px } .sidebar_header > h4 { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 18px; display: flex; align-items: center; } .column_header { padding: 10px; height: 40px; background: #FAFAFA; border: 1px solid #D9E0E5; border-radius: 4px 4px 0px 0px; width: 100%; flex: none; order: 0; flex-grow: 1; justify-content: space-between; display: flex; flex-direction: row; align-items: center; font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; } span.header_button { /* width: 94px; */ /* height: 31px; */ display: flex; justify-content: space-around; align-items: flex-end; display: flex; /* flex-direction: row; */ /* justify-content: center; */ align-items: center; /* padding: 3px 9px; */ } .header_button > button { width: 94px; height: 31px; display: flex; justify-content: space-around; align-items: flex-end; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 3px 9px; border: 1px solid #0080DC; border-radius: 4px; background: var(--primary-v2); color: var(--component-bg-v2); } .header_button > button:hover, .header_button > button:active, .header_button > button:focus { border-color: #116fa5; background-color: #116fa5; color: var(--component-bg-v2); } .header_button .upper_case { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; display: flex; align-items: center; text-align: center; text-transform: capitalize; } .ep_grid_v2 .autosize_icon { height: 16px; width: 16px; position: relative; left: 6.25%; right: 6.25%; top: 6.25%; bottom: 6.25%; background-image: url('data:image/svg+xml;utf8,refresh-auto'); } .column_title_list_wrapper { overflow-y: scroll; width: 100%; min-height: calc(100% - 80px); } li.column_title_list { height: 38px; display: flex; flex-direction: row; align-items: center; padding: 4px; list-style-type: none; border-bottom: 1px solid var(--component-border-v2); } .grid_setting_column_title { cursor: text; font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size: 16px; padding: 0px 8px; overflow: hidden; display: flex; text-overflow: ellipsis; white-space: nowrap; min-height: 19px; } span.header_text { display: flex; flex-direction: row; align-items: center; padding: 0px 0px 0px 2px; } .grid_setting_column_list { height: calc(100% - 80px); width: 100%; overflow-y: auto; } .search_container { /*display: flex; flex-direction: row; align-items: center;*/ padding: 5px 6px; height: 32px; border: 1px solid rgba(9, 11, 12, 0.08); border-radius: 4px; width: 288px; margin: 5px; display: flex; flex-direction: row; align-items: center; } .search_container_focus { border: 1px solid var(--primary-v2); } .search_container > input { border: none !important; /* position: absolute; */ width: 290px; height: 20px; text-indent: unset; font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; display: flex; align-items: center } .grid_v2_sidebar_container.collapsed { animation-name: slideOutRight; } .grid_v2_sidebar_container.expanded { animation-name: slideInRight; } .grid_v2_sidebar_container.collapsed { left: calc(100% + 50px) } .grid_settings_handle { cursor: move; } .grid_settings_sortable { border-bottom: 1px solid var(--ep-grid-border); padding: 3px 3px; } .grid_setting_loaders-container { width: 95%; height: calc(100% - 80px); position: absolute; /* left: 0px; */ z-index: 1000; background: #f5f5f5; /* display: flex; */ /* justify-content: center; */ /* top: 50%; */ } .grid_setting_loaders-container .circle { box-sizing: border-box; width: 50px; height: 50px; border-radius: 100%; border: 3px solid rgba(13, 145, 202, 0.3); border-top-color: #0d90c9; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; position: absolute; left: 50%; top: 50%; margin: 0px auto; } .grid_setting_column_right_icons { display: flex; justify-content: end; flex-direction: row; width: 45px; } .grid_setting_column_left { width: calc(100% - 50px); display: flex; flex-direction: row; align-items: center; } span.grid_setting_drag { padding-left: 10px; color: var(--primary-v2); } span.grid_setting_drag:hover { cursor: move; } .hint_grid_V2 { display: block; padding: 10px; width: auto; min-width: 150px; height: 40px !important; background-color: var(--primary-v2); color: #fff; justify-content: center; font-size: 13px; } .hint_grid_V2:last-child { border-radius: 4px; padding-right: 2px; } .hint_grid_V2:first-child { padding-left: 2px; } .hint_grid_V2 span { color: #fff; padding-right: 5px; } .hint_grid_V2.placeholder { background-color: #dceffd; color: #52aef7; text-align: right; } /* Grid Settings --- End */ .ep-tree-dropdown-v2 .k-treeview .k-checkbox:indeterminate:before { top: 5px; width: 10px; height: 6px; } .ep-page-v2 span#app-toolbar-fa:before { color: var(--subtle-text-v2); } .ep-page-v2 .maintenance-toolbar .mdi-history, .ep-page-v2 .maintenance-toolbar .mdi-star-outline { color: var(--secondary-v2); } .ep-page-v2 .column_icons { display: flex; justify-content: space-between; width: 40px; padding: 4px; flex-flow: row; align-items: flex-start } .ep-page-v2 .k-grid .k-cell-inner { align-items: flex-start; width: 100%; margin-right: 0px; margin-left: 0px; justify-content: space-between; } .ep_grid_v2 .k-grid-header th.k-header { padding: 0.5em !important; vertical-align: top; } .ep_grid_v2 .k-grid-header .k-grid-header-locked th.k-header:first-child { padding: 0.8em !important; } .ep_grid_v2 .column_filter { width: 30px; /* position: absolute; top: 5px;*/ height: 35px; } .ep_grid_v2 .k-header .k-grid-filter { bottom: unset; right: unset; } .ep_grid_v2 .column_menu_target { width: 15px; top: 2px; height: 27px; right: 0; bottom: 7px; } .k-grid-footer td div { overflow: hidden; text-overflow: ellipsis; padding-right: 8px; } .totals_blk { background-color: var(--primary-v2); line-height: 3; color: var(--ep-color-white); } .averages_blk { background-color: #FFE162; line-height: 3; color: var(--black-v2); } .ep_grid_v2 .totals_blk .k-icon { font-size: 13px; cursor: default; } .ep_grid_v2 .k-grid-footer-locked { border-right-width: 0px !important; } .ep_grid_v2 .k-grid-footer-locked td { border-right-color: var(--button-text-40-v2) !important; } .ep_grid_v2 .divider { height: 30px; width: 0; margin: auto 0; display: inline-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .ep_grid_v2 .divider .divider-bar { width: 0; flex: 1 1 0; border-right: 1px solid rgba(9, 11, 12, 0.16); } .totals_blk .empty_text, .averages_blk .empty_text { padding-left: 8px; } .ep_grid_v2 .k-grid .k-column-title { text-align: center; padding-top: 5px; padding-bottom: 6px; width: 100%; } .ep-page-v2 .maintenance-toolbar .breadcrumb { font-family: 'Source Sans Pro'; color: var(--disabled-text-v2); } .k-filter-menu-container { font-family: 'Source Sans Pro'; } .ep_grid_v2 .k-grid td, .ep_grid_v2 .k-grid th.k-header, .ep_grid_v2 .k-grid tr.k-selected > td { border-color: var(--ep-grid-border-v2); } .ep_grid_v2 .k-datepicker.k-focus .k-button { color: var(--primary-v2); } .k-marquee-color { background-color: var(--primary-v2); border-color: var(--primary-v2); } /* open save views changes*/ .drawer_v2 .ep_dialog_footer button:focus { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); } .drawer_v2 .ep-modal-subtitle { color: var(--secondary-v2); font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; padding-left: 0; } .drawer_v2 .modal-body-contents { width: calc(100% - 50px); margin-top: 20px; } .drawer_v2 .k-picker.k-dropdownlist[aria-readonly="true"] { border-bottom: 1px dashed var(--ep-input-border) !important; cursor: default; } .drawer_v2 .k-picker.k-dropdownlist[aria-readonly="true"] .k-icon.k-i-arrow-s.k-button-icon { display: none; } .drawer_v2 .modal_message_container .icon_block { display: none; } .drawer_v2 .modal-dialog .modal-content { border: none; border-radius: 0px !important; } .drawer_v2 .ep_dialog_footer { position: absolute; bottom: 0; padding: 16px; border-top: 1px solid var(--ep-grid-border-v2); box-sizing: content-box; display: block; right: 0; } .add_to_left { position: absolute; left: 50px; } .drawer_v2 span.ep-modal-title { font-size: 24px; line-height: 32px; padding-left: 0; font-family: 'Source Sans Pro'; font-weight: 600; text-transform: none; margin-top: 15px; } .drawer_v2 .ep_dialog_footer.big_footer button.primary_v2_btn { border: 1px solid var(--primary-v2) !important; color: var(--primary-v2) !important; background: var(--ep-color-white) !important; } .inline-popup-block { padding: 2px; } .grid_name_blk { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: var(--secondary-v2); padding-left: 9px; } .drawer_v2 .custom_dialog_container, .drawer_v2 .modal_message_container { padding: 0; } .drawer_v2 .modal-title.ep-std-dialog-title { padding-left: 24px; border-bottom: 1px solid var(--ep-grid-border-v2); padding-bottom: 10px; } .grid_title_blk { border-bottom: 1px solid var(--ep-grid-border-v2); padding-bottom: 15px; } .drawer_v2 .ep-checkbox-label, .drawer_v2 .ep-label-group, .drawer_v2 .custom_dialog_container { font-family: 'Source Sans Pro'; } .drawer_v2 .save_view_header { font-size: 14px; font-weight: 400; color: var(--primary-v2); line-height: 20px; letter-spacing: 0.15px; text-transform: uppercase; margin-bottom: 5px; } .drawer_v2 md-switch.md-checked .md-container .md-bar { background-color: var(--primary-v2); } .drawer_v2 md-switch .md-thumb:before { background: var(--ep-button-border); } .border_side_blk { border-bottom: 1px solid var(--ep-grid-border-v2); } .bottom_divider_blk { border-bottom: 1px solid var(--ep-grid-border-v2); } .drawer_v2 .ep-label-group-text { color: var(--button-text-v2); font-weight: 400; font-size: 14px; } .drawer_v2 md-input-container label { font-size: 12px; color: var(--ep-base-text-v2); font-weight: 400; } .drawer_v2 .ep_dialog_footer.big_footer button { height: 40px; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px 12px !important; gap: 4px; box-sizing: border-box; font-size: 14px; text-transform: none; border-radius: 4px !important; margin-bottom: 0; } .drawer_v2 button.ep-button-secondary { border: 1px solid var(--checkbox-border-v2) !important; color: var(--button-text-v2) !important; background: var(--secondary-button-bg-v2) !important; margin-right: 20px; } .drawer_v2 button.ep-button-primary, .drawer_v2 .ep-button-primary.is-active:disabled { border: 1px solid var(--ep-primary-button-border) !important; background: var(--ep-bg-primary-v2) !important; } .drawer_v2 md-input-container .k-autocomplete.k-autocomplete-clearable input { text-indent: 0 !important; } .drawer_v2 md-toast.grid_v2_toast.md-center { width: 100%; padding: 0; bottom: 65px; } .drawer_v2 md-toast .md-toast-content { max-width: 100%; border-radius: 0; font-family: "Source Sans Pro"; padding: 15px; } .auto_complete_footer_blk { font-weight: 700; font-size: 14px; line-height: 20px; font-family: 'Source Sans Pro'; font-style: normal; color: var(--primary-v2); } .shared_text_blk { background: var(--ep-grid-border-v2); border: 1px solid var(--button-text-30-v2); border-radius: 4px; box-sizing: border-box; padding: 5px; line-height: 1; height: 24px; float: right; margin-top: 10px; } #view_name_listbox .k-list-item-text { width: 100%; } .list-subtext { color: #5B6870; font-size: 13px; } .dropdown-popup-v2 #view_name-list .k-list-content li.k-list-item { border-bottom: 1px solid var(--ep-grid-border-v2) !important; } .ep-page-v2 button[disabled], .ep-page-v2 button[disabled]:hover, .ep-page-v2 div[disabled], .ep-page-v2 .k-disabled { opacity: 0.6 !important; border-color: rgba(9, 11, 12, 0.16) !important; pointer-events: none; } .grid_action_menu { cursor: pointer; width: 24px; height: 24px; background: var(--secondary-button-bg-v2); border: 1px solid var(--checkbox-border-v2); border-radius: 4px; margin-left: 8px; } .drawer_v2 .ep_grid_v2 .k-grid .k-grid-header .k-header .k-link { padding-left: 10px; padding-bottom: 13px; } .drawer_v2 .ep_grid_v2 .k-header .k-grid-filter { right: 3px; } .drawer_v2 .ep_grid_v2 .k-grid { box-shadow: none; border-radius: 4px; } .drawer_v2 .k-toolbar.k-grid-toolbar { display: none; } .drawer_v2 .ep_grid_v2 .k-grid-pager { position: relative; } .drawer_v2 .ep_grid_v2 #open_view_grid.k-grid tr td { padding: 5px 5px 5px 8px !important } .ep-gridv2-button { display: inline-block !important; height: 26px !important; line-height: 1; } .k-grid tbody tr td > span.default_view_blk { position: absolute; right: 6px; top: 8px; border: 1px solid var(--checkbox-border-v2); padding: 5px 8px; border-radius: 12px; z-index: 999; background-color: var(--ep-color-white); } .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-5ths { width: 20%; float: left; } .ep_grid_v2 .k-grid tr:last-child td { border-bottom-width: 1px; } /*end*/ .ep_grid_v2 .k-grid td, .ep_grid_v2 .k-grid .k-table-td { white-space: nowrap; } .alert-dialog .modal-title.ep-std-dialog-title { height: 80px; display: flex; align-items: center; flex-direction: row; justify-content: flex-start; } .alert-dialog .modal-dialog { width: 770px; } #manage-column-dialog { gap: 16px; display: flex; flex-direction: column; align-items: flex-start; } #manage-column-dialog .accordion_block { width: 100%; padding: 0px; } #manage-column-dialog .accordion_block .header_box { border-width: 1px 1px 0px 1px; border-style: solid; border-color: var(--button-text-8-v2) !important; border-radius: 4px 4px 0px 0px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 10px 8px; background: var(--base-bg-v2); height: 40px; } #manage-column-dialog .accordion_block .title { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; display: flex; align-items: center; color: var(--component-text-v2); } #manage-column-dialog .accordion_block .header_box .icon { font-size: 20px; } #manage_alert_grid .rule_color { width: 20px; height: 20px; border-radius: 4px; display: inline-block; position: inherit; float: unset; } #manage_alert_grid .alert_range_textbox { width: 145px; display: inline-block; text-overflow: ellipsis; overflow: hidden; } #manage_alert_grid .alert_criteria_right { width: 140px; border-left: 1px solid #dcd9d9; padding-left: 5px; margin-left: -5px; height: 32px; align-items: center; position: absolute; top: 2px; display: inline-flex; } #manage_alert_grid td.inline-grid-editable-input:after { width: calc(100% - 2px); height: calc(100% - 2px); content: ""; display: block; border: #dcd9d9 solid 1px; position: absolute; left: 1px; top: 1px; } .maximized { z-index: 1000; top: 54px; position: fixed; height: calc(100% - 104px); } /*--Tooltip---*/ .ep-grid-v2-tooltip.k-widget.k-tooltip { border: 1px solid var(--disabled-text-v2) !important; background: #F5F5F5; color: #424242; border-radius: 2px; font-size: 14px; font-family: Source Sans Pro; font-style: normal; font-weight: 400; line-height: 17px; } /*.ep-grid-v2-tooltip .k-tooltip-content{ border-radius: 2px; border: 1px solid var(--disabled-text-v2) !important; background: var(--secondary-button-bg-v2); }*/ /* .ep-grid-v2-tooltip .k-callout { background-color: transparent; color: blue; }*/ .ep_grid_v2 .error-icon-cell { background: linear-gradient(0deg, rgba(255, 99, 88, 0.08) 0%, rgba(255, 99, 88, 0.08) 100%), #FFF; border-left: 4px solid #FF6358 !important; } .ep_grid_v2 .k-grid tr td .error-icon { height: 14px; width: 14px; float: left; display: inline-block; background-image: url('data:image/svg+xml;utf8,alert-decagram-outline'); margin-right: 5px; } .ep_grid_v2 .k-grid tr td .error-icon + span, .ep_grid_v2 .k-grid tr td .success-icon + span, .ep_grid_v2 .k-grid tr td .warning-icon + span { /*margin-left: 20px;*/ text-overflow: ellipsis; overflow: hidden; /*display: inline-block;*/ white-space: nowrap; } .ep_grid_v2 .success-icon-cell { background: linear-gradient(0deg, rgba(76, 209, 128, 0.08) 0%, rgba(76, 209, 128, 0.08) 100%), #FFF; border-left: 4px solid #4CD180 !important; } .ep_grid_v2 .k-grid tr td .success-icon { height: 14px; width: 14px; float: left; display: inline-block; background-image: url('data:image/svg+xml;utf8,alert-rhombus-outline'); margin-right: 5px; } .ep_grid_v2 .warning-icon-cell { background: linear-gradient(0deg, rgba(255, 192, 0, 0.16) 0%, rgba(255, 192, 0, 0.16) 100%), #FFF; border-left: 4px solid #FFC000 !important; } .ep_grid_v2 .k-grid tr td .warning-icon { height: 14px; width: 14px; float: left; display: inline-block; background-image: url('data:image/svg+xml;utf8,alert-outline'); margin-right: 5px; } .drawer_v2 .ep_grid_v2 #manage_alert_grid.k-grid tr td { width: inherit; height: inherit; } .drawer_v2 .ep_grid_v2 #manage_alert_grid.k-grid tr td.search-v2, .drawer_v2 .ep_grid_v2 #manage_alert_grid.k-grid tr td.dropdown-v2, .drawer_v2 .ep_grid_v2 #manage_alert_grid.k-grid tr.k-grid-edit-row td { display: table-cell; } .ep_grid_v2 td.k-edit-cell > .k-input.k-invalid, .drawer_v2 .k-input.k-invalid, .ep_grid_v2 td.k-edit-cell > .k-dropdownlist.drpdwn-invalid { border-color: var(--informational-error) !important; } .search-v2 .textbox-flat { border-width: 0px 0px 1px 0px; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .search-v2 .textbox-flat:focus-within { box-shadow: none; } #manage-col-name { padding: 0px; } #manage-col-name-input { display: flex; align-items: center; justify-content: center; } .ep_grid_v2 .k-edit-cell .k-datepicker .alert_range_textbox { width: 66% !important; } .manage-alert-col-undo-btn { height: 16px; width: 16px; background-image: url('data:image/svg+xml;utf8,'); } #manage-col-name-input button { border: 1px solid rgba(9, 11, 12, 0.16); background-color: var(--base-bg-v2); } #manage-col-name-container label:after { content: " *"; font-size: 13px; vertical-align: top; color: var(--informational-error); } .ep_grid_v2 .disabled_element .k-pager-info { color: var(--component-text-v2) !important; } /*Custom kendo loader in grid pager implementation --- Start */ .pager_loader_segment_2 { background-color: var(--grid-selected-hover-v2) !important; border-radius: 3px; margin-right: 1.5px !important;; } .pager_loader_segment_2::after { background-color: var(--grid-selected-hover-v2) !important; } .pager_loader_segment_1 { background-color: var(--primary-v2) !important; border-radius: 3px; margin-right: 2.5px !important;; } .pager_loader_segment_1::after { background-color: var(--primary-v2) !important; } .pager_loader_segment_0 { border-radius: 3px; margin-right: 3.5px !important; background-color: var(--scheduler-event-bg-v2) !important; } .pager_loader_segment_0::after { background-color: var(--scheduler-event-bg-v2) !important; } .pager_loader_segment_0 { animation: pulsing_2_first_child 1s ease infinite } .pager_loader_segment_1 { animation: pulsing_2_second_child 1s ease infinite } .pager_loader_segment_2 { animation: pulsing_2_third_child 1s ease infinite } @keyframes pulsing_2_first_child { 0% { transform: scale(1.5) } 50% { transform: scale(0.5) } 100% { transform: scale(1.5) } } @keyframes pulsing_2_second_child { 0% { transform: scale(1.5) } 50% { transform: scale(1) } 100% { transform: scale(1.5) } } @keyframes pulsing_2_third_child { 0% { transform: scale(1.5) } 50% { transform: scale(2) } 100% { transform: scale(1.5) } } /*Custom kendo loader in grid pager implementation --- end */ .drawer_v2 .md-input-focused label, .drawer_v2 .ep-generic-class md-input-container:not(.md-input-invalid).md-input-focused .md-input:not(.k-datepicker):not(.k-timepicker):not(.k-input-inner) { color: var(--primary-v2) !important; } #clearAlerts button { display: flex; align-items: center; } #clearAlerts .flag-variant-remove-outline { background-image: url("/app/shared/images/flag-variant-remove-outline.svg"); width: 16px; display: inline-block; height: 16px; } .new_loaders-container { width: 100%; height: 100%; position: absolute; left: 0px; z-index: 1000; background: #f5f5f5; top: 0px; } .new_loaders-container .spinner { box-sizing: border-box; width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; z-index: 1; margin-top: -35px; margin-left: -35px; } .new_loaders-container .spinner .circle { width: 50px; height: 50px; position: relative; left: 18%; top: 18%; } /*column multiple value tooltip */ .tooltip_container { display: flex; /*flex-wrap: wrap;*/ justify-content: flex-start; } .tooltip_container span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .multiple_column_value_tooltip { overflow-y: auto; max-height: 230px; height: auto; border-radius: unset !important; } .multiple_column_value_tooltip .k-tooltip-content { display: flex; flex-flow: column; justify-content: flex-start; padding: 10px 5px; } .multiple_column_value_tooltip .k-tooltip-content li { list-style-type: none; text-align: left; letter-spacing: 0px; font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; color: var(--component-text-v2); } .multiple_column_value_tooltip .k-tooltip-content ul { padding: 5px 10px; margin-bottom: 0px; } .multiple_col_values_tooltip span { color: var(--primary-v2); cursor: pointer; padding-left: 5px; } /* .multiple_col_values_tooltip span:hover { text-decoration: underline; }*/ span.tooltip_close_btn_grid_v2.k-tooltip-button { padding: 5px 10px; font-weight: 400; font-style: normal; font-family: 'Source Sans Pro'; font-size: 14px; text-decoration: none; color: var(--primary-v2); } span.tooltip_close_btn_grid_v2.k-tooltip-button a:hover { text-decoration: none; } .k-widget.k-tooltip.multiple_column_value_tooltip { border: unset !important; } .items-filter-product-grid { flex-basis: calc(50% - 8px) !important; flex-grow: 0 !important; } .ep_grid_v2 td.prop_grid_cell_highlight.prop-grid-editable-input:after { border-color: var(--ep-color-danger); } .primary_loc_code { display: flex; justify-content: space-between; } .price-rule-modal::-webkit-scrollbar { width: 0; background: transparent; } .price-rule-modal .modal-body-contents { width: max-content; max-width: 1000px !important; margin: auto !important; } .price-rule-modal .modal-message-container { height: 737px !important; } .price-rule-modal .big_footer { height: 66px !important; } .sections-price-rule { } .purchase-section { width: 616px; min-height: 100px; padding: 0px 0px 16px 24px; } .discount-section { width: 616px; min-height: 149px; padding: 0px 0px 16px 24px; } .rebate-section { width: 616px; min-height: 172px; padding: 0px 0px 16px 24px; } .rules-section { border-top: 1px solid #090B0C14; padding-right: 2%; } .text-placeholder { font-size: 14px; font-family: 'Source Sans Pro', serif; } .align-content-center { display: block; margin-left: auto; margin-right: auto; width: 50%; padding: 2px; } .rule-tooltip { width: 432px; height: 250px; } .header-content { font-family: Source Sans Pro, serif; font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: 0.15px; text-align: left; padding: 16px 32px 16px 32px; } .color_black { background-color: #FFFFFF; } .information-icon { } .price-rule-modal .modal_message_container .icon_block:before { color: var(--ep-color-black) !important; background: none !important; } .price-rule-modal .modal_message_container .icon_block.info { background: none !important; border-radius: 5px; cursor: pointer; } div.price-rule-tooltip.k-widget.k-tooltip { border: none !important; bottom: 10%; right: 45% !important; } .price-rule-tooltip .k-tooltip-content { padding: 0 !important; border: none !important; border-radius: 6px !important; } .price-rule-tooltip .k-tooltip-button { display: none; } .price-rule-modal .modal_message_container .icon_block:after { color: var(--ep-color-black) !important; background: none !important; } .price-rule-tooltip-header { width: 432px; height: 56px; background-color: #0086E7; color: #FFFFFF; } .price-rule-tooltip-content { width: auto; min-height: 192px; color: #424242; padding: 10px 10px 10px 32px; font-family: Source Sans Pro, serif; font-size: 12px; line-height: 20px; letter-spacing: 0.15px; text-align: left; overflow: auto; word-wrap: break-word; } .price-rule-modal { min-width: 1000px; width: 100%; max-width: 1000px; margin: auto; } .empty-section { border: 4px dashed #090B0C14; min-height: 172px; } .information-icon { border: 1px solid #090B0C14; background-color: #FFFFFF; color: #424242; } .icon-block { border: 1px solid #090B0C14; color: #424242; } .loyalty-level { max-height: 96px; } .section-title { font-size: 14px; font-family: 'Source Sans Pro', serif; font-weight: 400; color: #0086E7; } .right-container { height: 580px; overflow-y: auto; width: 664px; /*padding: 16px 24px 16px 24px;*/ border-top: 1px solid #090B0C14; } .left-container { height: 580px; border-top: 1px solid #090B0C14; background-color: #0086E70A; width: 336px; padding: 16px 24px 16px 24px; } .padding_0_dropdown { padding: 0; } /* * LNA Denied Dialog - Chrome Local Network Access blocked warning * Matches Figma design: POS node 1067-13039 * * This file only declares styles NOT already covered by the v2 modal system * (.v2 in 0701-v2-ep-std-custom.css). Button colours, border-radius, footer * border-top, and modal-content background are all inherited from v2. */ /* Wider than the v2 default (576px) to fit the screenshot */ .lna-denied-modal .modal-dialog { width: 980px; } /* * v2 adds padding: 24px 21px and border-bottom to .modal-body-contents. * Reset both so our template's header + body divs control all spacing. */ .lna-denied-modal .modal-body-contents { padding: 0; margin: 0; border-bottom: none; } /* ---- Header (no v2 equivalent — show_title_bar: false) ---- */ .lna-dialog-header { display: flex; align-items: center; gap: 18px; padding: 18px 16px 18px 18px; background: #fff; border-bottom: 1px solid #e9ebee; } .lna-dialog-icon-box { width: 48px; height: 48px; background: #f4ca6d; flex-shrink: 0; display: flex; align-items: center; justify-content: center; } .lna-dialog-icon-box span { color: #fff; font-size: 28px; line-height: 1; } .lna-dialog-header-text .lna-dialog-title { font-family: Montserrat, sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.15px; color: #000; margin: 0; line-height: 1.5; } .lna-dialog-header-text .lna-dialog-subtitle { font-family: Montserrat, sans-serif; font-size: 14px; font-weight: 600; color: #333; margin: 0; line-height: 18px; } /* ---- Body (84px side padding is not in v2) ---- */ .lna-dialog-body { padding: 24px 84px; display: flex; flex-direction: column; gap: 16px; } /* ---- Instructions (font inherited from v2 — Source Sans Pro) ---- */ .lna-dialog-instruction { font-size: 16px; color: #424242; margin: 0 0 4px 0; line-height: normal; } .lna-dialog-steps { font-size: 16px; color: #424242; padding-left: 24px; margin: 0; } .lna-dialog-steps li { margin-bottom: 2px; line-height: normal; } .lna-dialog-steps strong { font-weight: 700; } /* ---- Screenshot grid (no v2 equivalent) ---- */ .lna-dialog-screenshot-grid { position: relative; width: 100%; height: 370px; border-radius: 12px; overflow: hidden; } .lna-dialog-screenshot-grid .lna-screenshot-bg { position: absolute; width: 100%; height: 114.57%; top: -14.59%; left: 0; } .lna-dialog-screenshot-overlay { position: absolute; inset: 0; background: rgba(143, 143, 143, 0.1); backdrop-filter: blur(2px); border-radius: 12px; } /* Zoom inset at Figma position left:250px top:280px, size 308x82px */ .lna-dialog-screenshot-zoom { position: absolute; height: 82px; left: 250px; top: 280px; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); } .lna-dialog-screenshot-zoom img { position: absolute; width: 253.25%; height: 516.98%; left: -81.17%; top: -402.44%; } /* ---- Copy error message ---- */ .lna-dialog-copy-message { margin-top: 4px; color: #d32f2f; font-size: 14px; } /* * Footer layout — v2 floats everything to the right. * Override to flex so Dismiss sits on the far left and other buttons stay right. */ .lna-denied-modal .ep_dialog_footer .dialog_footer_button_container { display: flex; float: none; width: 100%; align-items: center; } .lna-denied-modal .ep_dialog_footer .dialog_footer_buttons { float: none; } .lna-denied-modal .ep_dialog_footer .dialog_footer_buttons:first-child { margin-right: auto; } /* * Force uppercase on all three footer buttons — v2 ep-button-primary/secondary * both declare text-transform: capitalize !important which must be overridden. * Also explicitly pin the primary button to blue/white in case any outer rule * interferes. */ .lna-denied-modal .ep_dialog_footer .ep-button-primary, .lna-denied-modal .ep_dialog_footer .ep-button-secondary { text-transform: uppercase !important; } .lna-denied-modal .ep_dialog_footer .ep-button-primary { background: #0086e7 !important; color: #ffffff !important; } /* * Ghost / text button (STEP-BY-STEP GUIDE). * v2 ep-button-secondary is white with a grey border; this variant has no border * and uses the primary blue colour as text only. */ .lna-denied-modal .lna-btn-ghost.k-button { background: transparent !important; border-color: transparent !important; color: #0086e7 !important; text-transform: uppercase !important; box-shadow: none !important; } .lna-denied-modal .lna-btn-ghost.k-button:hover, .lna-denied-modal .lna-btn-ghost.k-button:focus { background: rgba(0, 134, 231, 0.08) !important; border-color: transparent !important; } .ar_payment_UI_block { padding: 0px; height: 100%; position: absolute; width: 100%; left: 0px; top: 0px; } .ar_sidebar_wrap { position: absolute; right: 10px; } .ar_payment_parent_wrapper { background: var(--ep-color-groupbox-header-background); overflow: hidden; padding: 0px; height: 100%; position: absolute; width: 100%; left: 0px; top: 0px; z-index: 1000; } .ar_master_head { background: white; padding: 7px; margin: 5px 5px 6px 5px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); height: 60px; border-radius: 2px; } .ar_customer_wrap { position: relative; display: table; float: left; } .ar_payment_parent_wrapper span.k-widget { margin-top: 0px } .ar_payment_parent_wrapper md-input-container span.k-widget { margin-top: 3px; } .ar_payment_parent_wrapper span.k-widget.k-autocomplete .k-input { position: relative; height: 45px; padding: 0px; background: var(--ep-color-groupbox-header-background); } .ar_customer_search_component { width: 400px; background: var(--ep-color-groupbox-header-background); height: 45px; float: left; } .ar_customer_search_component #customer { width: 370px; background: var(--ep-color-groupbox-header-background); box-shadow: none; padding-left: 30px !important; } .ar_customer_search_component:before { content: "\F349"; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; z-index: 10; font-size: 24px; top: 15px; left: 5px; font-size: 24px; color: var(--ep-color-lightGray); } .ar_customer_search_component span.k-autocomplete span.k-font-icon.k-i-close { margin: 0px; } .ar_customer_detail_wrap { position: relative; display: table; float: left; height: 45px; margin-left: 10px; } .amount-box { height: 50px; width: 140px; background-color: var(--ep-color-groupbox-header-background); padding: 5px; } .amount-box-container { display: inline-flex; padding-right: 10px; } .amount-box-text { text-align: left; } .ar_total_Value .text_culture { color: var(--ep-color-secondary-btn) !important; } .ar_total_Value { font-size: 24px; text-align: left; color: var(--ep-color-orange); line-height: 1; } .ar-small-value { font-size: 20px !important; } .discount-text-container { color: var(--ep-color-dimGray); display: inline-flex; width: 100px; } .ar_fl_desc_wrapper { margin-left: -10px; } .ar_fl_desc { background: var(--ep-grid-row-highlight-blue); font-family: Hind, Semibold; font-weight: 600; font-size: 16px; word-break: break-all; margin-bottom: 15px; height: 50px; padding: 15px 34px 11px 14px; text-align: left; border-left: 3px solid var(--ep-color-anotherBlue) !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--ep-color-secondary-btn); width: calc(100% - 10px); margin-left: 10px; } .aging-container { width: 100%; font-size: var(--ep-input-font-size); color: var(--ep-color-text-normal); font-family: Hind, Regular; } .aging-label { width: 30%; display: inline-block; } .aging_amount_info { display: inline-block; } .ar-fl-margin { margin-bottom: 10px; margin-top: 10px; } .ar-flyout-info-label { text-align: left; font-size: var(--ep-label-font-size); font-family: Hind, Regular; color: var(--ep-color-darkGray); } .ar-flyout-info-text { font-size: var(--ep-input-font-size); color: var(--ep-color-text-normal); font-family: Hind, Regular; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .ar-unapplied-info-text { font-size: var(--ep-input-font-size); color: var(--ep-color-danger); font-family: Hind, Regular; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: 600; text-decoration: underline; outline: none; } .unapplied-disabled { cursor: auto; text-decoration: none; } .customer_address_info { color: var(--ep-color-midGray); } .ar_payment_main_container { padding: 0px; margin: 0px 5px 10px 5px; height: calc(100% - 79px); border-radius: 2px; background: transparent; position: relative; } .ar_transaction_container { position: absolute; width: calc(100% - 310px); height: 100%; transition: width 0.213s ease-in-out 0s; } .ar_transaction_container.expanded { width: 100%; } .ar_sidebar_container { position: absolute; width: 302px; height: 100%; right: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px, rgba(0, 0, 0, 0.05) 0px 2px 3px; animation-duration: 0.213s; animation-fill-mode: both; background: white; border-radius: 2px; } .ar_sidebar_container.collapsed { animation-name: slideOutRight; } .ar_sidebar_container.expanded { animation-name: slideInRight; } .ar_fl_no_info { font-family: Hind, Medium; font-size: 11px; color: var(--ep-color-lightGray); text-align: center; position: absolute; right: 0px; left: 0px; top: 0px; bottom: 0px; margin: auto; height: 40px; border: 1px solid; line-height: 40px; display: inline-block; max-width: 90%; border-radius: 5px; border-color: var(--ep-color-lightGray); pointer-events: none; } .ar_payment_grid_wrapper { position: absolute; height: calc(100% - 70px); width: 100%; background: white; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); border-radius: 2px; } .ar_payment_grid_header { position: relative; display: block; width: 100%; float: left; padding: 10px 0px 0px 0px; } .ar_payment_grid_container { position: relative; top: 0px; display: flex; width: calc(100% - 20px); left: 10px; } /*@media screen and (max-width: 1024px){ .ar_payment_grid_header.adjust_height{ height: 160px; } .ar_payment_grid_container.adjust_height{ height: calc(100% - 175px); top: 165px; } }*/ .ar_payment_grid_container .ep-maintenance-grid .k-grid-footer { display: none } #ar_payment_new_trans_grid .k-grid tr.k-master-row td { border-bottom-width: 1px !important; } #ar_payment_new_trans_grid .k-grid tr.k-master-row.expanded-row td { border-bottom-width: 0 !important; } #ar_payment_new_trans_grid .k-grid tr td.k-detail-cell { padding: 0px !important; } .return_order_container { width: 275px; padding-bottom: 10px !important; text-align: left; float: left !important; padding-left: 0 !important; margin: 0 !important; } /*AR Payment grid styles*/ #ar_payment_new_trans_grid .k-grid tr td, #pos_line_item_grid .k-grid tr td { border: 0; border-bottom: 1px solid #eceff1; white-space: nowrap; } #ar_payment_new_trans_grid tr.k-state-selected, #ar_payment_new_trans_grid td.k-state-selected { color: var(--ep-color-text-normal); } #ar_payment_new_trans_grid .k-grid .k-grid-header { height: auto; padding-right: 0px !important; } #ar_payment_new_trans_grid .k-grid .k-grid-header .k-header { white-space: normal; text-align: center !important; line-height: 1.2; font-weight: 600; text-transform: uppercase; font-family: Montserrat; color: var(--ep-color-darkBlue); font-size: 13px; padding: 0.8em !important; text-overflow: ellipsis; overflow: hidden !important; } #ar_payment_new_trans_grid.shrink td { font-size: 11px; } div#ar_payment_grid { height: 100% !important; border-radius: 4px; overflow: hidden; width: 100% !important; } /*transaction grid*/ #ar_payment_grid th.k-hierarchy-cell { display: none; } #ar_payment_grid tr td.k-detail-cell { padding: 0 !important; } #ar_payment_grid.k-grid td:last-child { text-overflow: initial; } div#ar_payment_grid .k-grid-content { font-size: 15px; font-weight: normal; color: var(--ep-color-text-normal); overflow-y: auto; } .ar_grid_wrapper.has_back_button div#ar_payment_grid .k-grid-content { font-size: 15px; font-weight: normal; color: var(--ep-color-text-normal); } #ar_payment_grid .k-filter-row th, #ar_payment_grid .k-grid-header th.k-header { padding: 5px !important; font-weight: 600; white-space: nowrap; background: var(--ep-color-white); } div#ar_payment_grid table tbody { width: 100% !important; } /*Footer Section Starts*/ .ar_payment_transaction_footer { position: absolute; top: calc(100% - 64px); height: 64px; width: 100%; background: white; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); border-radius: 2px; } .ar_payment_transaction_footer.ar_payment_class{ top: calc(100% - 84px); } .ar_payment_total_section { position: absolute; right: 0; width: 245px; height: 100%; } .ar_payment_clear_section { position: absolute; width: 179px; height: 100%; padding: 10px; } .ar_clear_button { height: 45px; width: 100px; padding:0; font-weight: 400 !important; } .ar_payment_total_title { font-size: 20px; font-family: Hind; font-weight: 600; color: var(--ep-color-secondary-btn); padding: 10px; text-align: right; text-transform: uppercase; display: block; } .ar_total_amount { display: block; line-height: 1.15; height: 64px; } .ar_payment_total_text_section { position: absolute; right: 245px; max-width: 285px; display: flex; align-items: center; float: right; } .ar_payment_total_text_section_extend { left: calc(100% - 560px) !important; width: 315px !important; } .ar_payment_total_text_section_extend .ar_payment_total_title { padding-top: 12px !important; } .ar_payment_total_tendering_button { width: 240px; float: right; padding: 10px 10px 0 10px; height: 45px; } .ar_payment_total_tendering_button .ep-button-primary { width: 220px; font-weight: 400 !important; font-size: 15px; padding: 10px 5px; height: 45px; min-width: 220px; line-height: 26px; } .pos_action_group .hotkey { position: relative; display: inline-block; vertical-align: middle; color: var(--ep-color-white) !important; } .ar_payment_total_tendering_button .btn-ng-bs-animated .icon-initial { display: inline-block; float: right } .ar_payment_total_tendering_button .btn-ng-bs-animated.is-active .icon-initial { display: none; } .ar_payment_total_tendering_button .ep-button-primary { width: 220px; font-weight: 400 !important; font-size: 15px; padding: 10px 5px; height: 45px; min-width: 220px; line-height: 26px; } .ar_payment_total_tendering_button .btn-ng-bs-animated .icons { opacity: 1; width: 25px; height: 25px; } .ar_payment_total_tendering_button .pos_payment_button .icons .mdi:before { font-size: 20px; line-height: 26px; } .ar_payment_total_tendering_button.pos_action_group .pos_payment_button .hotkey { vertical-align: inherit; } /*Footer Section Ends*/ .ar_back_to_button { display: block; width: 100%; height: 42px; margin: 0px 0px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); background: white; } .ar_back_to_button > .ep-button-primary { width: auto; padding: 12px 0px !important; } .payment-on-account.pos-amount-due { z-index: 1000; } .count-aggregates { margin-top: 10px !important } .payment-type-container { float: left; padding: 0 15px 0 15px; width: 16%; } @media screen and (max-width: 1680px) { .payment-type-container { width: 25% !important; } } .count-aggregates table { margin: 0px !important; padding: 14px 10px 0px 10px; box-sizing: border-box; float: left; } .count-aggregates table td { padding: 0px 0px !important; border: none !important; font-family: montserrat; } span.totals-header { font-weight: 500; font-size: 13px; font-family: hind; } .prop-ui body { font-family: Source Sans Pro; box-sizing: border-box !important; } .prop-ui .pro-nav-container { min-width: unset !important; min-height: unset !important; } .prop-ui .prop-wd-100 { width: 100% !important; } .prop-ui .prop-hg-100 { height: 100% !important; } .prop-ui .cursor-pointer { cursor: pointer; } .prop-ui .prop_drag_drop_hint { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; padding: 14px 18px 14px 12px; border-radius: 4px; background: #0086E7 !important; } .prop-ui .prop_drag_drop_hint .hint_text { color: #FFFFFF; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui .prop-disabled-ele { opacity: 0.6; pointer-events: none; } .prop-ui .static_value_text { font-family: Source Sans Pro !important; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; color: #424242; text-align: center; letter-spacing: -0.5px; } .prop-ui .static_header-text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; text-align: center; font-feature-settings: "clig" off, "liga" off; } .prop-ui .prop-table { width: 100%; border-collapse: collapse; font-family: "Source Sans Pro"; font-feature-settings: "clig" off, "liga" off; margin: 0; } .prop-ui .prop-table.prop-table-width { border: 1px solid rgba(9, 11, 12, 0.08); align-self: stretch; width: auto !important; } .prop-ui .prop-table th { color: #424242; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; text-align: center; vertical-align: top; height: 24px; padding: 8px; border-bottom: 1px solid rgba(9, 11, 12, 0.08); background: #FAFAFA; } .prop-ui .prop-table tr { height: 36px; } .prop-ui .prop-table tr, .prop-ui .prop-table td { box-sizing: border-box; } .prop-ui .prop-table td { text-align: right; height: 20px; padding: 8px 12px; border-bottom: unset !important; } .prop-ui .prop-table th:not(:first-child), .prop-ui .prop-table td:not(:first-child) { border-left: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .prop-table tr:nth-child(even) { background-color: rgba(0, 0, 0, 0.0392156863); } .prop-ui .prop-table .text-align-left { text-align: left; } .prop-ui .prop-radio .k-radio-label { padding-left: 20px; font-family: Source Sans Pro; display: inline-block !important; color: #424242 !important; font-size: 14px; line-height: 1.2; } .prop-ui .prop-radio .k-radio:disabled + .k-radio-label { opacity: 0.6; pointer-events: none; } .prop-ui .prop-radio input[type=radio][disabled] { padding: 0; position: static; } .prop-ui .prop-radio .k-radio:checked + .k-radio-label { font-weight: inherit; } .prop-ui .prop-radio .k-radio + .k-radio-label:before { border: 1px solid #7C8A93 !important; } .prop-ui .prop-radio .k-radio:checked + .k-radio-label:before, .prop-ui .prop-radio .k-radio:checked + .k-radio-label:hover:before { border: 4px solid #0086E7 !important; padding: 4px; } .prop-ui .prop-radio .k-radio:checked + .k-radio-label:after { background-color: unset !important; } .prop-ui .prop-vertical-divider { width: 1px; background: #D9E0E5; } .prop-ui .prop-horizontal-divider { height: 1px; background: #D9E0E5; } .prop-ui .prop-label-chip { color: #424242; display: flex; align-items: center; border-radius: 100px; border: 1px solid #3A4145; background: linear-gradient(0deg, rgba(9, 11, 12, 0.08) 0%, rgba(9, 11, 12, 0.08) 100%), #FFF; padding: 2px 6px; font-family: Source Sans Pro !important; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; width: fit-content; } .prop-ui .prop-chip-readonly .k-chip-content { margin-left: 0; } .prop-ui .prop-chip-readonly .k-chip-actions { display: none; } .prop-ui .external-link-icon { color: #0086E7; font-size: 18px; cursor: pointer; } .prop-ui .prop-padding-0 { padding: 0px !important; } .prop-ui .prop-padding-4 { padding: 4px !important; } .prop-ui .prop-padding-8 { padding: 8px !important; } .prop-ui .prop-padding-12 { padding: 12px !important; } .prop-ui .prop-padding-16 { padding: 16px !important; } .prop-ui .prop-padding-20 { padding: 20px !important; } .prop-ui .prop-padding-24 { padding: 24px !important; } .prop-ui .prop-padding-28 { padding: 28px !important; } .prop-ui .prop-padding-32 { padding: 32px !important; } .prop-ui .prop-padding-36 { padding: 36px !important; } .prop-ui .prop-padding-top-0 { padding-top: 0px !important; } .prop-ui .prop-padding-top-4 { padding-top: 4px !important; } .prop-ui .prop-padding-top-8 { padding-top: 8px !important; } .prop-ui .prop-padding-top-12 { padding-top: 12px !important; } .prop-ui .prop-padding-top-16 { padding-top: 16px !important; } .prop-ui .prop-padding-top-20 { padding-top: 20px !important; } .prop-ui .prop-padding-top-24 { padding-top: 24px !important; } .prop-ui .prop-padding-top-28 { padding-top: 28px !important; } .prop-ui .prop-padding-top-32 { padding-top: 32px !important; } .prop-ui .prop-padding-top-36 { padding-top: 36px !important; } .prop-ui .prop-padding-right-0 { padding-right: 0px !important; } .prop-ui .prop-padding-right-4 { padding-right: 4px !important; } .prop-ui .prop-padding-right-8 { padding-right: 8px !important; } .prop-ui .prop-padding-right-12 { padding-right: 12px !important; } .prop-ui .prop-padding-right-16 { padding-right: 16px !important; } .prop-ui .prop-padding-right-20 { padding-right: 20px !important; } .prop-ui .prop-padding-right-24 { padding-right: 24px !important; } .prop-ui .prop-padding-right-28 { padding-right: 28px !important; } .prop-ui .prop-padding-right-32 { padding-right: 32px !important; } .prop-ui .prop-padding-right-36 { padding-right: 36px !important; } .prop-ui .prop-padding-bottom-0 { padding-bottom: 0px !important; } .prop-ui .prop-padding-bottom-4 { padding-bottom: 4px !important; } .prop-ui .prop-padding-bottom-8 { padding-bottom: 8px !important; } .prop-ui .prop-padding-bottom-12 { padding-bottom: 12px !important; } .prop-ui .prop-padding-bottom-16 { padding-bottom: 16px !important; } .prop-ui .prop-padding-bottom-20 { padding-bottom: 20px !important; } .prop-ui .prop-padding-bottom-24 { padding-bottom: 24px !important; } .prop-ui .prop-padding-bottom-28 { padding-bottom: 28px !important; } .prop-ui .prop-padding-bottom-32 { padding-bottom: 32px !important; } .prop-ui .prop-padding-bottom-36 { padding-bottom: 36px !important; } .prop-ui .prop-padding-left-0 { padding-left: 0px !important; } .prop-ui .prop-padding-left-4 { padding-left: 4px !important; } .prop-ui .prop-padding-left-8 { padding-left: 8px !important; } .prop-ui .prop-padding-left-12 { padding-left: 12px !important; } .prop-ui .prop-padding-left-16 { padding-left: 16px !important; } .prop-ui .prop-padding-left-20 { padding-left: 20px !important; } .prop-ui .prop-padding-left-24 { padding-left: 24px !important; } .prop-ui .prop-padding-left-28 { padding-left: 28px !important; } .prop-ui .prop-padding-left-32 { padding-left: 32px !important; } .prop-ui .prop-padding-left-36 { padding-left: 36px !important; } .prop-ui .prop-margin-0 { margin: 0px !important; } .prop-ui .prop-margin-4 { margin: 4px !important; } .prop-ui .prop-margin-8 { margin: 8px !important; } .prop-ui .prop-margin-12 { margin: 12px !important; } .prop-ui .prop-margin-16 { margin: 16px !important; } .prop-ui .prop-margin-20 { margin: 20px !important; } .prop-ui .prop-margin-24 { margin: 24px !important; } .prop-ui .prop-margin-28 { margin: 28px !important; } .prop-ui .prop-margin-32 { margin: 32px !important; } .prop-ui .prop-margin-36 { margin: 36px !important; } .prop-ui .prop-margin-top-0 { margin-top: 0px !important; } .prop-ui .prop-margin-top-4 { margin-top: 4px !important; } .prop-ui .prop-margin-top-8 { margin-top: 8px !important; } .prop-ui .prop-margin-top-12 { margin-top: 12px !important; } .prop-ui .prop-margin-top-16 { margin-top: 16px !important; } .prop-ui .prop-margin-top-20 { margin-top: 20px !important; } .prop-ui .prop-margin-top-24 { margin-top: 24px !important; } .prop-ui .prop-margin-top-28 { margin-top: 28px !important; } .prop-ui .prop-margin-top-32 { margin-top: 32px !important; } .prop-ui .prop-margin-top-36 { margin-top: 36px !important; } .prop-ui .prop-margin-right-0 { margin-right: 0px !important; } .prop-ui .prop-margin-right-4 { margin-right: 4px !important; } .prop-ui .prop-margin-right-8 { margin-right: 8px !important; } .prop-ui .prop-margin-right-12 { margin-right: 12px !important; } .prop-ui .prop-margin-right-16 { margin-right: 16px !important; } .prop-ui .prop-margin-right-20 { margin-right: 20px !important; } .prop-ui .prop-margin-right-24 { margin-right: 24px !important; } .prop-ui .prop-margin-right-28 { margin-right: 28px !important; } .prop-ui .prop-margin-right-32 { margin-right: 32px !important; } .prop-ui .prop-margin-right-36 { margin-right: 36px !important; } .prop-ui .prop-margin-bottom-0 { margin-bottom: 0px !important; } .prop-ui .prop-margin-bottom-4 { margin-bottom: 4px !important; } .prop-ui .prop-margin-bottom-8 { margin-bottom: 8px !important; } .prop-ui .prop-margin-bottom-12 { margin-bottom: 12px !important; } .prop-ui .prop-margin-bottom-16 { margin-bottom: 16px !important; } .prop-ui .prop-margin-bottom-20 { margin-bottom: 20px !important; } .prop-ui .prop-margin-bottom-24 { margin-bottom: 24px !important; } .prop-ui .prop-margin-bottom-28 { margin-bottom: 28px !important; } .prop-ui .prop-margin-bottom-32 { margin-bottom: 32px !important; } .prop-ui .prop-margin-bottom-36 { margin-bottom: 36px !important; } .prop-ui .prop-margin-left-0 { margin-left: 0px !important; } .prop-ui .prop-margin-left-4 { margin-left: 4px !important; } .prop-ui .prop-margin-left-8 { margin-left: 8px !important; } .prop-ui .prop-margin-left-12 { margin-left: 12px !important; } .prop-ui .prop-margin-left-16 { margin-left: 16px !important; } .prop-ui .prop-margin-left-20 { margin-left: 20px !important; } .prop-ui .prop-margin-left-24 { margin-left: 24px !important; } .prop-ui .prop-margin-left-28 { margin-left: 28px !important; } .prop-ui .prop-margin-left-32 { margin-left: 32px !important; } .prop-ui .prop-margin-left-36 { margin-left: 36px !important; } .prop-ui .epicor-teal { display: inline-block; width: 40px; height: 40px; background: center/contain no-repeat url("/app/assets/images/epicor-teal.svg"); } .prop-ui .prop-container { display: flex; flex-direction: row; align-items: flex-start; flex: 1; gap: 12px; align-self: stretch; } .prop-ui .prop-flex { display: flex; } .prop-ui .prop-flex-justify-inbetween { display: flex; justify-content: space-between; } .prop-ui .prop-inline-flex { display: inline-flex; } .prop-ui .prop-item { order: 0; align-self: stretch; flex: 1; } @media (min-width: 0) { .prop-ui .prop-item.prop-flex-xs-0 { flex: 0 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-flex-xs-1 { flex: 1 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-flex-xs-auto { flex: auto !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-flex-xs-initial { flex: initial !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-flex-xs-none { flex: none !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-flex-sm-0 { flex: 0 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-flex-sm-1 { flex: 1 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-flex-sm-auto { flex: auto !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-flex-sm-initial { flex: initial !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-flex-sm-none { flex: none !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-flex-md-0 { flex: 0 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-flex-md-1 { flex: 1 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-flex-md-auto { flex: auto !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-flex-md-initial { flex: initial !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-flex-md-none { flex: none !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-flex-lg-0 { flex: 0 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-flex-lg-1 { flex: 1 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-flex-lg-auto { flex: auto !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-flex-lg-initial { flex: initial !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-flex-lg-none { flex: none !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-flex-lg2-0 { flex: 0 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-flex-lg2-1 { flex: 1 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-flex-lg2-auto { flex: auto !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-flex-lg2-initial { flex: initial !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-flex-lg2-none { flex: none !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-flex-xl-0 { flex: 0 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-flex-xl-1 { flex: 1 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-flex-xl-auto { flex: auto !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-flex-xl-initial { flex: initial !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-flex-xl-none { flex: none !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-flex-xxl-0 { flex: 0 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-flex-xxl-1 { flex: 1 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-flex-xxl-auto { flex: auto !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-flex-xxl-initial { flex: initial !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-flex-xxl-none { flex: none !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-order-xs-0 { order: 0 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-order-xs-1 { order: 1 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-order-xs-2 { order: 2 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-order-xs-3 { order: 3 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-order-xs-4 { order: 4 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-order-xs-5 { order: 5 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-order-xs-6 { order: 6 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-order-xs-7 { order: 7 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-order-xs-8 { order: 8 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-order-xs-9 { order: 9 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-order-xs-10 { order: 10 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-order-xs-11 { order: 11 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-order-xs-12 { order: 12 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-order-sm-0 { order: 0 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-order-sm-1 { order: 1 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-order-sm-2 { order: 2 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-order-sm-3 { order: 3 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-order-sm-4 { order: 4 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-order-sm-5 { order: 5 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-order-sm-6 { order: 6 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-order-sm-7 { order: 7 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-order-sm-8 { order: 8 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-order-sm-9 { order: 9 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-order-sm-10 { order: 10 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-order-sm-11 { order: 11 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-order-sm-12 { order: 12 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-order-md-0 { order: 0 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-order-md-1 { order: 1 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-order-md-2 { order: 2 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-order-md-3 { order: 3 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-order-md-4 { order: 4 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-order-md-5 { order: 5 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-order-md-6 { order: 6 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-order-md-7 { order: 7 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-order-md-8 { order: 8 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-order-md-9 { order: 9 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-order-md-10 { order: 10 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-order-md-11 { order: 11 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-order-md-12 { order: 12 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-order-lg-0 { order: 0 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-order-lg-1 { order: 1 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-order-lg-2 { order: 2 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-order-lg-3 { order: 3 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-order-lg-4 { order: 4 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-order-lg-5 { order: 5 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-order-lg-6 { order: 6 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-order-lg-7 { order: 7 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-order-lg-8 { order: 8 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-order-lg-9 { order: 9 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-order-lg-10 { order: 10 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-order-lg-11 { order: 11 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-order-lg-12 { order: 12 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-order-lg2-0 { order: 0 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-order-lg2-1 { order: 1 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-order-lg2-2 { order: 2 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-order-lg2-3 { order: 3 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-order-lg2-4 { order: 4 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-order-lg2-5 { order: 5 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-order-lg2-6 { order: 6 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-order-lg2-7 { order: 7 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-order-lg2-8 { order: 8 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-order-lg2-9 { order: 9 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-order-lg2-10 { order: 10 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-order-lg2-11 { order: 11 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-order-lg2-12 { order: 12 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-order-xl-0 { order: 0 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-order-xl-1 { order: 1 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-order-xl-2 { order: 2 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-order-xl-3 { order: 3 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-order-xl-4 { order: 4 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-order-xl-5 { order: 5 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-order-xl-6 { order: 6 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-order-xl-7 { order: 7 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-order-xl-8 { order: 8 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-order-xl-9 { order: 9 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-order-xl-10 { order: 10 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-order-xl-11 { order: 11 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-order-xl-12 { order: 12 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-order-xxl-0 { order: 0 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-order-xxl-1 { order: 1 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-order-xxl-2 { order: 2 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-order-xxl-3 { order: 3 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-order-xxl-4 { order: 4 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-order-xxl-5 { order: 5 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-order-xxl-6 { order: 6 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-order-xxl-7 { order: 7 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-order-xxl-8 { order: 8 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-order-xxl-9 { order: 9 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-order-xxl-10 { order: 10 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-order-xxl-11 { order: 11 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-order-xxl-12 { order: 12 !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-xs-nowrap { flex-wrap: nowrap !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-xs-wrap { flex-wrap: wrap !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-xs-wrap-reverse { flex-wrap: wrap-reverse !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-sm-nowrap { flex-wrap: nowrap !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-sm-wrap { flex-wrap: wrap !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-md-nowrap { flex-wrap: nowrap !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-md-wrap { flex-wrap: wrap !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-md-wrap-reverse { flex-wrap: wrap-reverse !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-lg-nowrap { flex-wrap: nowrap !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-lg-wrap { flex-wrap: wrap !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-lg2-nowrap { flex-wrap: nowrap !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-lg2-wrap { flex-wrap: wrap !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-lg2-wrap-reverse { flex-wrap: wrap-reverse !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-xl-nowrap { flex-wrap: nowrap !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-xl-wrap { flex-wrap: wrap !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-xxl-nowrap { flex-wrap: nowrap !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-xxl-wrap { flex-wrap: wrap !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-justify-xs-flex-start { justify-content: flex-start !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-justify-xs-flex-end { justify-content: flex-end !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-justify-xs-center { justify-content: center !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-justify-xs-space-between { justify-content: space-between !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-justify-xs-space-around { justify-content: space-around !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-justify-xs-space-evenly { justify-content: space-evenly !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-justify-sm-flex-start { justify-content: flex-start !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-justify-sm-flex-end { justify-content: flex-end !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-justify-sm-center { justify-content: center !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-justify-sm-space-between { justify-content: space-between !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-justify-sm-space-around { justify-content: space-around !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-justify-sm-space-evenly { justify-content: space-evenly !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-justify-md-flex-start { justify-content: flex-start !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-justify-md-flex-end { justify-content: flex-end !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-justify-md-center { justify-content: center !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-justify-md-space-between { justify-content: space-between !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-justify-md-space-around { justify-content: space-around !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-justify-md-space-evenly { justify-content: space-evenly !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-justify-lg-flex-start { justify-content: flex-start !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-justify-lg-flex-end { justify-content: flex-end !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-justify-lg-center { justify-content: center !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-justify-lg-space-between { justify-content: space-between !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-justify-lg-space-around { justify-content: space-around !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-justify-lg-space-evenly { justify-content: space-evenly !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-justify-lg2-flex-start { justify-content: flex-start !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-justify-lg2-flex-end { justify-content: flex-end !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-justify-lg2-center { justify-content: center !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-justify-lg2-space-between { justify-content: space-between !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-justify-lg2-space-around { justify-content: space-around !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-justify-lg2-space-evenly { justify-content: space-evenly !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-justify-xl-flex-start { justify-content: flex-start !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-justify-xl-flex-end { justify-content: flex-end !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-justify-xl-center { justify-content: center !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-justify-xl-space-between { justify-content: space-between !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-justify-xl-space-around { justify-content: space-around !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-justify-xl-space-evenly { justify-content: space-evenly !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-justify-xxl-flex-start { justify-content: flex-start !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-justify-xxl-flex-end { justify-content: flex-end !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-justify-xxl-center { justify-content: center !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-justify-xxl-space-between { justify-content: space-between !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-justify-xxl-space-around { justify-content: space-around !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-justify-xxl-space-evenly { justify-content: space-evenly !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-align-xs-flex-start { align-items: flex-start !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-align-xs-flex-end { align-items: flex-end !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-align-xs-center { align-items: center !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-align-xs-baseline { align-items: baseline !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-align-xs-stretch { align-items: stretch !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-align-sm-flex-start { align-items: flex-start !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-align-sm-flex-end { align-items: flex-end !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-align-sm-center { align-items: center !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-align-sm-baseline { align-items: baseline !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-align-sm-stretch { align-items: stretch !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-align-md-flex-start { align-items: flex-start !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-align-md-flex-end { align-items: flex-end !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-align-md-center { align-items: center !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-align-md-baseline { align-items: baseline !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-align-md-stretch { align-items: stretch !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-align-lg-flex-start { align-items: flex-start !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-align-lg-flex-end { align-items: flex-end !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-align-lg-center { align-items: center !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-align-lg-baseline { align-items: baseline !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-align-lg-stretch { align-items: stretch !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-align-lg2-flex-start { align-items: flex-start !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-align-lg2-flex-end { align-items: flex-end !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-align-lg2-center { align-items: center !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-align-lg2-baseline { align-items: baseline !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-align-lg2-stretch { align-items: stretch !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-align-xl-flex-start { align-items: flex-start !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-align-xl-flex-end { align-items: flex-end !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-align-xl-center { align-items: center !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-align-xl-baseline { align-items: baseline !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-align-xl-stretch { align-items: stretch !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-align-xxl-flex-start { align-items: flex-start !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-align-xxl-flex-end { align-items: flex-end !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-align-xxl-center { align-items: center !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-align-xxl-baseline { align-items: baseline !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-align-xxl-stretch { align-items: stretch !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-align-content-xs-flex-start { align-content: flex-start !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-align-content-xs-flex-end { align-content: flex-end !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-align-content-xs-center { align-content: center !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-align-content-xs-space-between { align-content: space-between !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-align-content-xs-space-around { align-content: space-around !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-align-content-xs-stretch { align-content: stretch !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-align-content-sm-flex-start { align-content: flex-start !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-align-content-sm-flex-end { align-content: flex-end !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-align-content-sm-center { align-content: center !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-align-content-sm-space-between { align-content: space-between !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-align-content-sm-space-around { align-content: space-around !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-align-content-sm-stretch { align-content: stretch !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-align-content-md-flex-start { align-content: flex-start !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-align-content-md-flex-end { align-content: flex-end !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-align-content-md-center { align-content: center !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-align-content-md-space-between { align-content: space-between !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-align-content-md-space-around { align-content: space-around !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-align-content-md-stretch { align-content: stretch !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-align-content-lg-flex-start { align-content: flex-start !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-align-content-lg-flex-end { align-content: flex-end !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-align-content-lg-center { align-content: center !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-align-content-lg-space-between { align-content: space-between !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-align-content-lg-space-around { align-content: space-around !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-align-content-lg-stretch { align-content: stretch !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-align-content-lg2-flex-start { align-content: flex-start !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-align-content-lg2-flex-end { align-content: flex-end !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-align-content-lg2-center { align-content: center !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-align-content-lg2-space-between { align-content: space-between !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-align-content-lg2-space-around { align-content: space-around !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-align-content-lg2-stretch { align-content: stretch !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-align-content-xl-flex-start { align-content: flex-start !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-align-content-xl-flex-end { align-content: flex-end !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-align-content-xl-center { align-content: center !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-align-content-xl-space-between { align-content: space-between !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-align-content-xl-space-around { align-content: space-around !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-align-content-xl-stretch { align-content: stretch !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-align-content-xxl-flex-start { align-content: flex-start !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-align-content-xxl-flex-end { align-content: flex-end !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-align-content-xxl-center { align-content: center !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-align-content-xxl-space-between { align-content: space-between !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-align-content-xxl-space-around { align-content: space-around !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-align-content-xxl-stretch { align-content: stretch !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-flex-xs-row { display: flex !important; flex-direction: row !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-inline-flex-xs-row { display: inline-flex !important; flex-direction: row !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-flex-xs-row-reverse { display: flex !important; flex-direction: row-reverse !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-inline-flex-xs-row-reverse { display: inline-flex !important; flex-direction: row-reverse !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-flex-xs-column { display: flex !important; flex-direction: column !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-inline-flex-xs-column { display: inline-flex !important; flex-direction: column !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-flex-xs-column-reverse { display: flex !important; flex-direction: column-reverse !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-inline-flex-xs-column-reverse { display: inline-flex !important; flex-direction: column-reverse !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-flex-sm-row { display: flex !important; flex-direction: row !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-inline-flex-sm-row { display: inline-flex !important; flex-direction: row !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-flex-sm-row-reverse { display: flex !important; flex-direction: row-reverse !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-inline-flex-sm-row-reverse { display: inline-flex !important; flex-direction: row-reverse !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-flex-sm-column { display: flex !important; flex-direction: column !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-inline-flex-sm-column { display: inline-flex !important; flex-direction: column !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-flex-sm-column-reverse { display: flex !important; flex-direction: column-reverse !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-inline-flex-sm-column-reverse { display: inline-flex !important; flex-direction: column-reverse !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-flex-md-row { display: flex !important; flex-direction: row !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-inline-flex-md-row { display: inline-flex !important; flex-direction: row !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-flex-md-row-reverse { display: flex !important; flex-direction: row-reverse !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-inline-flex-md-row-reverse { display: inline-flex !important; flex-direction: row-reverse !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-flex-md-column { display: flex !important; flex-direction: column !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-inline-flex-md-column { display: inline-flex !important; flex-direction: column !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-flex-md-column-reverse { display: flex !important; flex-direction: column-reverse !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-inline-flex-md-column-reverse { display: inline-flex !important; flex-direction: column-reverse !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-flex-lg-row { display: flex !important; flex-direction: row !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-inline-flex-lg-row { display: inline-flex !important; flex-direction: row !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-flex-lg-row-reverse { display: flex !important; flex-direction: row-reverse !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-inline-flex-lg-row-reverse { display: inline-flex !important; flex-direction: row-reverse !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-flex-lg-column { display: flex !important; flex-direction: column !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-inline-flex-lg-column { display: inline-flex !important; flex-direction: column !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-flex-lg-column-reverse { display: flex !important; flex-direction: column-reverse !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-inline-flex-lg-column-reverse { display: inline-flex !important; flex-direction: column-reverse !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-flex-lg2-row { display: flex !important; flex-direction: row !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-inline-flex-lg2-row { display: inline-flex !important; flex-direction: row !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-flex-lg2-row-reverse { display: flex !important; flex-direction: row-reverse !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-inline-flex-lg2-row-reverse { display: inline-flex !important; flex-direction: row-reverse !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-flex-lg2-column { display: flex !important; flex-direction: column !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-inline-flex-lg2-column { display: inline-flex !important; flex-direction: column !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-flex-lg2-column-reverse { display: flex !important; flex-direction: column-reverse !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-inline-flex-lg2-column-reverse { display: inline-flex !important; flex-direction: column-reverse !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-flex-xl-row { display: flex !important; flex-direction: row !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-inline-flex-xl-row { display: inline-flex !important; flex-direction: row !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-flex-xl-row-reverse { display: flex !important; flex-direction: row-reverse !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-inline-flex-xl-row-reverse { display: inline-flex !important; flex-direction: row-reverse !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-flex-xl-column { display: flex !important; flex-direction: column !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-inline-flex-xl-column { display: inline-flex !important; flex-direction: column !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-flex-xl-column-reverse { display: flex !important; flex-direction: column-reverse !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-inline-flex-xl-column-reverse { display: inline-flex !important; flex-direction: column-reverse !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-flex-xxl-row { display: flex !important; flex-direction: row !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-inline-flex-xxl-row { display: inline-flex !important; flex-direction: row !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-flex-xxl-row-reverse { display: flex !important; flex-direction: row-reverse !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-inline-flex-xxl-row-reverse { display: inline-flex !important; flex-direction: row-reverse !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-flex-xxl-column { display: flex !important; flex-direction: column !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-inline-flex-xxl-column { display: inline-flex !important; flex-direction: column !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-flex-xxl-column-reverse { display: flex !important; flex-direction: column-reverse !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-inline-flex-xxl-column-reverse { display: inline-flex !important; flex-direction: column-reverse !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-gap-xs-0 { gap: 0px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-gap-xs-1 { gap: 2px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-gap-xs-2 { gap: 4px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-gap-xs-3 { gap: 6px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-gap-xs-4 { gap: 8px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-gap-xs-5 { gap: 10px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-gap-xs-6 { gap: 12px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-gap-xs-7 { gap: 14px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-gap-xs-8 { gap: 16px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-gap-xs-9 { gap: 18px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-gap-xs-10 { gap: 20px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-gap-xs-11 { gap: 22px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-gap-xs-12 { gap: 24px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-gap-xs-13 { gap: 26px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-gap-xs-14 { gap: 28px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-gap-xs-15 { gap: 30px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-gap-xs-16 { gap: 32px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-gap-sm-0 { gap: 0px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-gap-sm-1 { gap: 2px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-gap-sm-2 { gap: 4px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-gap-sm-3 { gap: 6px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-gap-sm-4 { gap: 8px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-gap-sm-5 { gap: 10px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-gap-sm-6 { gap: 12px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-gap-sm-7 { gap: 14px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-gap-sm-8 { gap: 16px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-gap-sm-9 { gap: 18px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-gap-sm-10 { gap: 20px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-gap-sm-11 { gap: 22px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-gap-sm-12 { gap: 24px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-gap-sm-13 { gap: 26px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-gap-sm-14 { gap: 28px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-gap-sm-15 { gap: 30px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-gap-sm-16 { gap: 32px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-gap-md-0 { gap: 0px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-gap-md-1 { gap: 2px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-gap-md-2 { gap: 4px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-gap-md-3 { gap: 6px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-gap-md-4 { gap: 8px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-gap-md-5 { gap: 10px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-gap-md-6 { gap: 12px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-gap-md-7 { gap: 14px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-gap-md-8 { gap: 16px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-gap-md-9 { gap: 18px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-gap-md-10 { gap: 20px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-gap-md-11 { gap: 22px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-gap-md-12 { gap: 24px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-gap-md-13 { gap: 26px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-gap-md-14 { gap: 28px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-gap-md-15 { gap: 30px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-gap-md-16 { gap: 32px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-gap-lg-0 { gap: 0px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-gap-lg-1 { gap: 2px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-gap-lg-2 { gap: 4px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-gap-lg-3 { gap: 6px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-gap-lg-4 { gap: 8px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-gap-lg-5 { gap: 10px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-gap-lg-6 { gap: 12px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-gap-lg-7 { gap: 14px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-gap-lg-8 { gap: 16px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-gap-lg-9 { gap: 18px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-gap-lg-10 { gap: 20px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-gap-lg-11 { gap: 22px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-gap-lg-12 { gap: 24px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-gap-lg-13 { gap: 26px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-gap-lg-14 { gap: 28px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-gap-lg-15 { gap: 30px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-gap-lg-16 { gap: 32px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-gap-lg2-0 { gap: 0px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-gap-lg2-1 { gap: 2px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-gap-lg2-2 { gap: 4px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-gap-lg2-3 { gap: 6px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-gap-lg2-4 { gap: 8px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-gap-lg2-5 { gap: 10px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-gap-lg2-6 { gap: 12px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-gap-lg2-7 { gap: 14px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-gap-lg2-8 { gap: 16px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-gap-lg2-9 { gap: 18px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-gap-lg2-10 { gap: 20px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-gap-lg2-11 { gap: 22px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-gap-lg2-12 { gap: 24px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-gap-lg2-13 { gap: 26px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-gap-lg2-14 { gap: 28px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-gap-lg2-15 { gap: 30px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-gap-lg2-16 { gap: 32px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-gap-xl-0 { gap: 0px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-gap-xl-1 { gap: 2px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-gap-xl-2 { gap: 4px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-gap-xl-3 { gap: 6px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-gap-xl-4 { gap: 8px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-gap-xl-5 { gap: 10px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-gap-xl-6 { gap: 12px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-gap-xl-7 { gap: 14px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-gap-xl-8 { gap: 16px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-gap-xl-9 { gap: 18px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-gap-xl-10 { gap: 20px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-gap-xl-11 { gap: 22px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-gap-xl-12 { gap: 24px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-gap-xl-13 { gap: 26px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-gap-xl-14 { gap: 28px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-gap-xl-15 { gap: 30px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-gap-xl-16 { gap: 32px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-gap-xxl-0 { gap: 0px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-gap-xxl-1 { gap: 2px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-gap-xxl-2 { gap: 4px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-gap-xxl-3 { gap: 6px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-gap-xxl-4 { gap: 8px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-gap-xxl-5 { gap: 10px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-gap-xxl-6 { gap: 12px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-gap-xxl-7 { gap: 14px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-gap-xxl-8 { gap: 16px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-gap-xxl-9 { gap: 18px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-gap-xxl-10 { gap: 20px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-gap-xxl-11 { gap: 22px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-gap-xxl-12 { gap: 24px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-gap-xxl-13 { gap: 26px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-gap-xxl-14 { gap: 28px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-gap-xxl-15 { gap: 30px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-gap-xxl-16 { gap: 32px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-row-gap-xs-0 { row-gap: 0px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-row-gap-xs-1 { row-gap: 2px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-row-gap-xs-2 { row-gap: 4px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-row-gap-xs-3 { row-gap: 6px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-row-gap-xs-4 { row-gap: 8px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-row-gap-xs-5 { row-gap: 10px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-row-gap-xs-6 { row-gap: 12px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-row-gap-xs-7 { row-gap: 14px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-row-gap-xs-8 { row-gap: 16px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-row-gap-xs-9 { row-gap: 18px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-row-gap-xs-10 { row-gap: 20px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-row-gap-xs-11 { row-gap: 22px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-row-gap-xs-12 { row-gap: 24px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-row-gap-xs-13 { row-gap: 26px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-row-gap-xs-14 { row-gap: 28px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-row-gap-xs-15 { row-gap: 30px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-row-gap-xs-16 { row-gap: 32px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-row-gap-sm-0 { row-gap: 0px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-row-gap-sm-1 { row-gap: 2px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-row-gap-sm-2 { row-gap: 4px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-row-gap-sm-3 { row-gap: 6px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-row-gap-sm-4 { row-gap: 8px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-row-gap-sm-5 { row-gap: 10px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-row-gap-sm-6 { row-gap: 12px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-row-gap-sm-7 { row-gap: 14px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-row-gap-sm-8 { row-gap: 16px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-row-gap-sm-9 { row-gap: 18px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-row-gap-sm-10 { row-gap: 20px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-row-gap-sm-11 { row-gap: 22px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-row-gap-sm-12 { row-gap: 24px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-row-gap-sm-13 { row-gap: 26px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-row-gap-sm-14 { row-gap: 28px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-row-gap-sm-15 { row-gap: 30px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-row-gap-sm-16 { row-gap: 32px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-row-gap-md-0 { row-gap: 0px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-row-gap-md-1 { row-gap: 2px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-row-gap-md-2 { row-gap: 4px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-row-gap-md-3 { row-gap: 6px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-row-gap-md-4 { row-gap: 8px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-row-gap-md-5 { row-gap: 10px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-row-gap-md-6 { row-gap: 12px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-row-gap-md-7 { row-gap: 14px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-row-gap-md-8 { row-gap: 16px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-row-gap-md-9 { row-gap: 18px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-row-gap-md-10 { row-gap: 20px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-row-gap-md-11 { row-gap: 22px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-row-gap-md-12 { row-gap: 24px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-row-gap-md-13 { row-gap: 26px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-row-gap-md-14 { row-gap: 28px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-row-gap-md-15 { row-gap: 30px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-row-gap-md-16 { row-gap: 32px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-row-gap-lg-0 { row-gap: 0px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-row-gap-lg-1 { row-gap: 2px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-row-gap-lg-2 { row-gap: 4px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-row-gap-lg-3 { row-gap: 6px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-row-gap-lg-4 { row-gap: 8px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-row-gap-lg-5 { row-gap: 10px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-row-gap-lg-6 { row-gap: 12px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-row-gap-lg-7 { row-gap: 14px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-row-gap-lg-8 { row-gap: 16px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-row-gap-lg-9 { row-gap: 18px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-row-gap-lg-10 { row-gap: 20px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-row-gap-lg-11 { row-gap: 22px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-row-gap-lg-12 { row-gap: 24px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-row-gap-lg-13 { row-gap: 26px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-row-gap-lg-14 { row-gap: 28px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-row-gap-lg-15 { row-gap: 30px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-row-gap-lg-16 { row-gap: 32px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-row-gap-lg2-0 { row-gap: 0px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-row-gap-lg2-1 { row-gap: 2px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-row-gap-lg2-2 { row-gap: 4px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-row-gap-lg2-3 { row-gap: 6px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-row-gap-lg2-4 { row-gap: 8px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-row-gap-lg2-5 { row-gap: 10px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-row-gap-lg2-6 { row-gap: 12px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-row-gap-lg2-7 { row-gap: 14px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-row-gap-lg2-8 { row-gap: 16px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-row-gap-lg2-9 { row-gap: 18px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-row-gap-lg2-10 { row-gap: 20px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-row-gap-lg2-11 { row-gap: 22px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-row-gap-lg2-12 { row-gap: 24px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-row-gap-lg2-13 { row-gap: 26px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-row-gap-lg2-14 { row-gap: 28px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-row-gap-lg2-15 { row-gap: 30px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-row-gap-lg2-16 { row-gap: 32px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-row-gap-xl-0 { row-gap: 0px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-row-gap-xl-1 { row-gap: 2px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-row-gap-xl-2 { row-gap: 4px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-row-gap-xl-3 { row-gap: 6px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-row-gap-xl-4 { row-gap: 8px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-row-gap-xl-5 { row-gap: 10px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-row-gap-xl-6 { row-gap: 12px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-row-gap-xl-7 { row-gap: 14px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-row-gap-xl-8 { row-gap: 16px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-row-gap-xl-9 { row-gap: 18px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-row-gap-xl-10 { row-gap: 20px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-row-gap-xl-11 { row-gap: 22px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-row-gap-xl-12 { row-gap: 24px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-row-gap-xl-13 { row-gap: 26px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-row-gap-xl-14 { row-gap: 28px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-row-gap-xl-15 { row-gap: 30px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-row-gap-xl-16 { row-gap: 32px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-row-gap-xxl-0 { row-gap: 0px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-row-gap-xxl-1 { row-gap: 2px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-row-gap-xxl-2 { row-gap: 4px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-row-gap-xxl-3 { row-gap: 6px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-row-gap-xxl-4 { row-gap: 8px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-row-gap-xxl-5 { row-gap: 10px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-row-gap-xxl-6 { row-gap: 12px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-row-gap-xxl-7 { row-gap: 14px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-row-gap-xxl-8 { row-gap: 16px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-row-gap-xxl-9 { row-gap: 18px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-row-gap-xxl-10 { row-gap: 20px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-row-gap-xxl-11 { row-gap: 22px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-row-gap-xxl-12 { row-gap: 24px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-row-gap-xxl-13 { row-gap: 26px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-row-gap-xxl-14 { row-gap: 28px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-row-gap-xxl-15 { row-gap: 30px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-row-gap-xxl-16 { row-gap: 32px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-column-gap-xs-0 { column-gap: 0px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-column-gap-xs-1 { column-gap: 2px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-column-gap-xs-2 { column-gap: 4px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-column-gap-xs-3 { column-gap: 6px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-column-gap-xs-4 { column-gap: 8px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-column-gap-xs-5 { column-gap: 10px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-column-gap-xs-6 { column-gap: 12px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-column-gap-xs-7 { column-gap: 14px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-column-gap-xs-8 { column-gap: 16px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-column-gap-xs-9 { column-gap: 18px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-column-gap-xs-10 { column-gap: 20px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-column-gap-xs-11 { column-gap: 22px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-column-gap-xs-12 { column-gap: 24px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-column-gap-xs-13 { column-gap: 26px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-column-gap-xs-14 { column-gap: 28px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-column-gap-xs-15 { column-gap: 30px !important; } } @media (min-width: 0) { .prop-ui .prop-container.prop-column-gap-xs-16 { column-gap: 32px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-column-gap-sm-0 { column-gap: 0px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-column-gap-sm-1 { column-gap: 2px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-column-gap-sm-2 { column-gap: 4px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-column-gap-sm-3 { column-gap: 6px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-column-gap-sm-4 { column-gap: 8px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-column-gap-sm-5 { column-gap: 10px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-column-gap-sm-6 { column-gap: 12px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-column-gap-sm-7 { column-gap: 14px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-column-gap-sm-8 { column-gap: 16px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-column-gap-sm-9 { column-gap: 18px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-column-gap-sm-10 { column-gap: 20px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-column-gap-sm-11 { column-gap: 22px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-column-gap-sm-12 { column-gap: 24px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-column-gap-sm-13 { column-gap: 26px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-column-gap-sm-14 { column-gap: 28px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-column-gap-sm-15 { column-gap: 30px !important; } } @media (min-width: 599px) { .prop-ui .prop-container.prop-column-gap-sm-16 { column-gap: 32px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-column-gap-md-0 { column-gap: 0px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-column-gap-md-1 { column-gap: 2px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-column-gap-md-2 { column-gap: 4px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-column-gap-md-3 { column-gap: 6px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-column-gap-md-4 { column-gap: 8px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-column-gap-md-5 { column-gap: 10px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-column-gap-md-6 { column-gap: 12px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-column-gap-md-7 { column-gap: 14px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-column-gap-md-8 { column-gap: 16px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-column-gap-md-9 { column-gap: 18px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-column-gap-md-10 { column-gap: 20px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-column-gap-md-11 { column-gap: 22px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-column-gap-md-12 { column-gap: 24px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-column-gap-md-13 { column-gap: 26px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-column-gap-md-14 { column-gap: 28px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-column-gap-md-15 { column-gap: 30px !important; } } @media (min-width: 899px) { .prop-ui .prop-container.prop-column-gap-md-16 { column-gap: 32px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-column-gap-lg-0 { column-gap: 0px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-column-gap-lg-1 { column-gap: 2px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-column-gap-lg-2 { column-gap: 4px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-column-gap-lg-3 { column-gap: 6px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-column-gap-lg-4 { column-gap: 8px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-column-gap-lg-5 { column-gap: 10px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-column-gap-lg-6 { column-gap: 12px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-column-gap-lg-7 { column-gap: 14px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-column-gap-lg-8 { column-gap: 16px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-column-gap-lg-9 { column-gap: 18px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-column-gap-lg-10 { column-gap: 20px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-column-gap-lg-11 { column-gap: 22px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-column-gap-lg-12 { column-gap: 24px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-column-gap-lg-13 { column-gap: 26px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-column-gap-lg-14 { column-gap: 28px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-column-gap-lg-15 { column-gap: 30px !important; } } @media (min-width: 1199px) { .prop-ui .prop-container.prop-column-gap-lg-16 { column-gap: 32px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-column-gap-lg2-0 { column-gap: 0px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-column-gap-lg2-1 { column-gap: 2px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-column-gap-lg2-2 { column-gap: 4px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-column-gap-lg2-3 { column-gap: 6px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-column-gap-lg2-4 { column-gap: 8px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-column-gap-lg2-5 { column-gap: 10px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-column-gap-lg2-6 { column-gap: 12px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-column-gap-lg2-7 { column-gap: 14px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-column-gap-lg2-8 { column-gap: 16px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-column-gap-lg2-9 { column-gap: 18px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-column-gap-lg2-10 { column-gap: 20px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-column-gap-lg2-11 { column-gap: 22px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-column-gap-lg2-12 { column-gap: 24px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-column-gap-lg2-13 { column-gap: 26px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-column-gap-lg2-14 { column-gap: 28px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-column-gap-lg2-15 { column-gap: 30px !important; } } @media (min-width: 990px) { .prop-ui .prop-container.prop-column-gap-lg2-16 { column-gap: 32px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-column-gap-xl-0 { column-gap: 0px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-column-gap-xl-1 { column-gap: 2px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-column-gap-xl-2 { column-gap: 4px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-column-gap-xl-3 { column-gap: 6px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-column-gap-xl-4 { column-gap: 8px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-column-gap-xl-5 { column-gap: 10px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-column-gap-xl-6 { column-gap: 12px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-column-gap-xl-7 { column-gap: 14px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-column-gap-xl-8 { column-gap: 16px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-column-gap-xl-9 { column-gap: 18px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-column-gap-xl-10 { column-gap: 20px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-column-gap-xl-11 { column-gap: 22px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-column-gap-xl-12 { column-gap: 24px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-column-gap-xl-13 { column-gap: 26px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-column-gap-xl-14 { column-gap: 28px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-column-gap-xl-15 { column-gap: 30px !important; } } @media (min-width: 1535px) { .prop-ui .prop-container.prop-column-gap-xl-16 { column-gap: 32px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-column-gap-xxl-0 { column-gap: 0px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-column-gap-xxl-1 { column-gap: 2px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-column-gap-xxl-2 { column-gap: 4px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-column-gap-xxl-3 { column-gap: 6px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-column-gap-xxl-4 { column-gap: 8px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-column-gap-xxl-5 { column-gap: 10px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-column-gap-xxl-6 { column-gap: 12px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-column-gap-xxl-7 { column-gap: 14px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-column-gap-xxl-8 { column-gap: 16px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-column-gap-xxl-9 { column-gap: 18px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-column-gap-xxl-10 { column-gap: 20px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-column-gap-xxl-11 { column-gap: 22px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-column-gap-xxl-12 { column-gap: 24px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-column-gap-xxl-13 { column-gap: 26px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-column-gap-xxl-14 { column-gap: 28px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-column-gap-xxl-15 { column-gap: 30px !important; } } @media (min-width: 1920px) { .prop-ui .prop-container.prop-column-gap-xxl-16 { column-gap: 32px !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-align-self-xs-auto { align-self: auto !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-align-self-xs-flex-start { align-self: flex-start !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-align-self-xs-flex-end { align-self: flex-end !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-align-self-xs-center { align-self: center !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-align-self-xs-baseline { align-self: baseline !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-align-self-xs-stretch { align-self: stretch !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-align-self-sm-auto { align-self: auto !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-align-self-sm-flex-start { align-self: flex-start !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-align-self-sm-flex-end { align-self: flex-end !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-align-self-sm-center { align-self: center !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-align-self-sm-baseline { align-self: baseline !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-align-self-md-auto { align-self: auto !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-align-self-md-flex-start { align-self: flex-start !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-align-self-md-flex-end { align-self: flex-end !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-align-self-md-center { align-self: center !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-align-self-md-baseline { align-self: baseline !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-align-self-lg-auto { align-self: auto !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-align-self-lg-flex-start { align-self: flex-start !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-align-self-lg-flex-end { align-self: flex-end !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-align-self-lg-center { align-self: center !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-align-self-lg-baseline { align-self: baseline !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-align-self-lg2-auto { align-self: auto !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-align-self-lg2-flex-start { align-self: flex-start !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-align-self-lg2-flex-end { align-self: flex-end !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-align-self-lg2-center { align-self: center !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-align-self-lg2-baseline { align-self: baseline !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-align-self-lg2-stretch { align-self: stretch !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-align-self-xl-auto { align-self: auto !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-align-self-xl-flex-start { align-self: flex-start !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-align-self-xl-flex-end { align-self: flex-end !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-align-self-xl-center { align-self: center !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-align-self-xl-baseline { align-self: baseline !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-align-self-xl-stretch { align-self: stretch !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-align-self-xxl-auto { align-self: auto !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-align-self-xxl-flex-start { align-self: flex-start !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-align-self-xxl-flex-end { align-self: flex-end !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-align-self-xxl-center { align-self: center !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-align-self-xxl-baseline { align-self: baseline !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-align-self-xxl-stretch { align-self: stretch !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-flex-xs-0 { flex: 0 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-flex-xs-1 { flex: 1 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-flex-xs-auto { flex: auto !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-flex-xs-initial { flex: initial !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-flex-xs-none { flex: none !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-flex-sm-0 { flex: 0 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-flex-sm-1 { flex: 1 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-flex-sm-auto { flex: auto !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-flex-sm-initial { flex: initial !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-flex-sm-none { flex: none !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-flex-md-0 { flex: 0 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-flex-md-1 { flex: 1 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-flex-md-auto { flex: auto !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-flex-md-initial { flex: initial !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-flex-md-none { flex: none !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-flex-lg-0 { flex: 0 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-flex-lg-1 { flex: 1 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-flex-lg-auto { flex: auto !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-flex-lg-initial { flex: initial !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-flex-lg-none { flex: none !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-flex-lg2-0 { flex: 0 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-flex-lg2-1 { flex: 1 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-flex-lg2-auto { flex: auto !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-flex-lg2-initial { flex: initial !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-flex-lg2-none { flex: none !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-flex-xl-0 { flex: 0 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-flex-xl-1 { flex: 1 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-flex-xl-auto { flex: auto !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-flex-xl-initial { flex: initial !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-flex-xl-none { flex: none !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-flex-xxl-0 { flex: 0 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-flex-xxl-1 { flex: 1 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-flex-xxl-auto { flex: auto !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-flex-xxl-initial { flex: initial !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-flex-xxl-none { flex: none !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-grow-xs-auto { flex-grow: auto !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-grow-xs-0 { flex-grow: 0 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-grow-xs-1 { flex-grow: 1 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-grow-xs-2 { flex-grow: 2 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-grow-xs-3 { flex-grow: 3 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-grow-xs-4 { flex-grow: 4 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-grow-xs-5 { flex-grow: 5 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-grow-xs-6 { flex-grow: 6 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-grow-xs-7 { flex-grow: 7 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-grow-xs-8 { flex-grow: 8 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-grow-xs-9 { flex-grow: 9 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-grow-xs-10 { flex-grow: 10 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-grow-sm-auto { flex-grow: auto !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-grow-sm-0 { flex-grow: 0 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-grow-sm-1 { flex-grow: 1 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-grow-sm-2 { flex-grow: 2 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-grow-sm-3 { flex-grow: 3 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-grow-sm-4 { flex-grow: 4 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-grow-sm-5 { flex-grow: 5 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-grow-sm-6 { flex-grow: 6 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-grow-sm-7 { flex-grow: 7 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-grow-sm-8 { flex-grow: 8 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-grow-sm-9 { flex-grow: 9 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-grow-sm-10 { flex-grow: 10 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-grow-md-auto { flex-grow: auto !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-grow-md-0 { flex-grow: 0 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-grow-md-1 { flex-grow: 1 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-grow-md-2 { flex-grow: 2 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-grow-md-3 { flex-grow: 3 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-grow-md-4 { flex-grow: 4 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-grow-md-5 { flex-grow: 5 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-grow-md-6 { flex-grow: 6 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-grow-md-7 { flex-grow: 7 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-grow-md-8 { flex-grow: 8 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-grow-md-9 { flex-grow: 9 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-grow-md-10 { flex-grow: 10 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-grow-lg-auto { flex-grow: auto !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-grow-lg-0 { flex-grow: 0 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-grow-lg-1 { flex-grow: 1 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-grow-lg-2 { flex-grow: 2 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-grow-lg-3 { flex-grow: 3 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-grow-lg-4 { flex-grow: 4 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-grow-lg-5 { flex-grow: 5 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-grow-lg-6 { flex-grow: 6 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-grow-lg-7 { flex-grow: 7 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-grow-lg-8 { flex-grow: 8 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-grow-lg-9 { flex-grow: 9 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-grow-lg-10 { flex-grow: 10 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-grow-lg2-auto { flex-grow: auto !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-grow-lg2-0 { flex-grow: 0 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-grow-lg2-1 { flex-grow: 1 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-grow-lg2-2 { flex-grow: 2 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-grow-lg2-3 { flex-grow: 3 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-grow-lg2-4 { flex-grow: 4 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-grow-lg2-5 { flex-grow: 5 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-grow-lg2-6 { flex-grow: 6 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-grow-lg2-7 { flex-grow: 7 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-grow-lg2-8 { flex-grow: 8 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-grow-lg2-9 { flex-grow: 9 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-grow-lg2-10 { flex-grow: 10 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-grow-xl-auto { flex-grow: auto !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-grow-xl-0 { flex-grow: 0 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-grow-xl-1 { flex-grow: 1 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-grow-xl-2 { flex-grow: 2 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-grow-xl-3 { flex-grow: 3 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-grow-xl-4 { flex-grow: 4 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-grow-xl-5 { flex-grow: 5 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-grow-xl-6 { flex-grow: 6 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-grow-xl-7 { flex-grow: 7 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-grow-xl-8 { flex-grow: 8 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-grow-xl-9 { flex-grow: 9 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-grow-xl-10 { flex-grow: 10 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-grow-xxl-auto { flex-grow: auto !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-grow-xxl-0 { flex-grow: 0 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-grow-xxl-1 { flex-grow: 1 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-grow-xxl-2 { flex-grow: 2 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-grow-xxl-3 { flex-grow: 3 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-grow-xxl-4 { flex-grow: 4 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-grow-xxl-5 { flex-grow: 5 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-grow-xxl-6 { flex-grow: 6 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-grow-xxl-7 { flex-grow: 7 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-grow-xxl-8 { flex-grow: 8 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-grow-xxl-9 { flex-grow: 9 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-grow-xxl-10 { flex-grow: 10 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-shrink-xs-auto { flex-shrink: auto !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-shrink-xs-0 { flex-shrink: 0 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-shrink-xs-1 { flex-shrink: 1 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-shrink-xs-2 { flex-shrink: 2 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-shrink-xs-3 { flex-shrink: 3 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-shrink-xs-4 { flex-shrink: 4 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-shrink-xs-5 { flex-shrink: 5 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-shrink-xs-6 { flex-shrink: 6 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-shrink-xs-7 { flex-shrink: 7 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-shrink-xs-8 { flex-shrink: 8 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-shrink-xs-9 { flex-shrink: 9 !important; } } @media (min-width: 0) { .prop-ui .prop-item.prop-shrink-xs-10 { flex-shrink: 10 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-shrink-sm-auto { flex-shrink: auto !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-shrink-sm-0 { flex-shrink: 0 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-shrink-sm-1 { flex-shrink: 1 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-shrink-sm-2 { flex-shrink: 2 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-shrink-sm-3 { flex-shrink: 3 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-shrink-sm-4 { flex-shrink: 4 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-shrink-sm-5 { flex-shrink: 5 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-shrink-sm-6 { flex-shrink: 6 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-shrink-sm-7 { flex-shrink: 7 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-shrink-sm-8 { flex-shrink: 8 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-shrink-sm-9 { flex-shrink: 9 !important; } } @media (min-width: 599px) { .prop-ui .prop-item.prop-shrink-sm-10 { flex-shrink: 10 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-shrink-md-auto { flex-shrink: auto !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-shrink-md-0 { flex-shrink: 0 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-shrink-md-1 { flex-shrink: 1 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-shrink-md-2 { flex-shrink: 2 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-shrink-md-3 { flex-shrink: 3 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-shrink-md-4 { flex-shrink: 4 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-shrink-md-5 { flex-shrink: 5 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-shrink-md-6 { flex-shrink: 6 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-shrink-md-7 { flex-shrink: 7 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-shrink-md-8 { flex-shrink: 8 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-shrink-md-9 { flex-shrink: 9 !important; } } @media (min-width: 899px) { .prop-ui .prop-item.prop-shrink-md-10 { flex-shrink: 10 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-shrink-lg-auto { flex-shrink: auto !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-shrink-lg-0 { flex-shrink: 0 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-shrink-lg-1 { flex-shrink: 1 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-shrink-lg-2 { flex-shrink: 2 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-shrink-lg-3 { flex-shrink: 3 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-shrink-lg-4 { flex-shrink: 4 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-shrink-lg-5 { flex-shrink: 5 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-shrink-lg-6 { flex-shrink: 6 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-shrink-lg-7 { flex-shrink: 7 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-shrink-lg-8 { flex-shrink: 8 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-shrink-lg-9 { flex-shrink: 9 !important; } } @media (min-width: 1199px) { .prop-ui .prop-item.prop-shrink-lg-10 { flex-shrink: 10 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-shrink-lg2-auto { flex-shrink: auto !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-shrink-lg2-0 { flex-shrink: 0 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-shrink-lg2-1 { flex-shrink: 1 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-shrink-lg2-2 { flex-shrink: 2 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-shrink-lg2-3 { flex-shrink: 3 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-shrink-lg2-4 { flex-shrink: 4 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-shrink-lg2-5 { flex-shrink: 5 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-shrink-lg2-6 { flex-shrink: 6 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-shrink-lg2-7 { flex-shrink: 7 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-shrink-lg2-8 { flex-shrink: 8 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-shrink-lg2-9 { flex-shrink: 9 !important; } } @media (min-width: 990px) { .prop-ui .prop-item.prop-shrink-lg2-10 { flex-shrink: 10 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-shrink-xl-auto { flex-shrink: auto !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-shrink-xl-0 { flex-shrink: 0 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-shrink-xl-1 { flex-shrink: 1 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-shrink-xl-2 { flex-shrink: 2 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-shrink-xl-3 { flex-shrink: 3 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-shrink-xl-4 { flex-shrink: 4 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-shrink-xl-5 { flex-shrink: 5 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-shrink-xl-6 { flex-shrink: 6 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-shrink-xl-7 { flex-shrink: 7 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-shrink-xl-8 { flex-shrink: 8 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-shrink-xl-9 { flex-shrink: 9 !important; } } @media (min-width: 1535px) { .prop-ui .prop-item.prop-shrink-xl-10 { flex-shrink: 10 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-shrink-xxl-auto { flex-shrink: auto !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-shrink-xxl-0 { flex-shrink: 0 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-shrink-xxl-1 { flex-shrink: 1 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-shrink-xxl-2 { flex-shrink: 2 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-shrink-xxl-3 { flex-shrink: 3 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-shrink-xxl-4 { flex-shrink: 4 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-shrink-xxl-5 { flex-shrink: 5 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-shrink-xxl-6 { flex-shrink: 6 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-shrink-xxl-7 { flex-shrink: 7 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-shrink-xxl-8 { flex-shrink: 8 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-shrink-xxl-9 { flex-shrink: 9 !important; } } @media (min-width: 1920px) { .prop-ui .prop-item.prop-shrink-xxl-10 { flex-shrink: 10 !important; } } @media (min-width: 0) { .prop-ui .prop-flex-basis-xs-0 { flex-basis: 0% !important; } } @media (min-width: 0) { .prop-ui .prop-flex-basis-xs-10 { flex-basis: 10% !important; } } @media (min-width: 0) { .prop-ui .prop-flex-basis-xs-11 { flex-basis: 11% !important; } } @media (min-width: 0) { .prop-ui .prop-flex-basis-xs-15 { flex-basis: 15% !important; } } @media (min-width: 0) { .prop-ui .prop-flex-basis-xs-18 { flex-basis: 18% !important; } } @media (min-width: 0) { .prop-ui .prop-flex-basis-xs-20 { flex-basis: 20% !important; } } @media (min-width: 0) { .prop-ui .prop-flex-basis-xs-25 { flex-basis: 25% !important; } } @media (min-width: 0) { .prop-ui .prop-flex-basis-xs-30 { flex-basis: 30% !important; } } @media (min-width: 0) { .prop-ui .prop-flex-basis-xs-32 { flex-basis: 32% !important; } } @media (min-width: 0) { .prop-ui .prop-flex-basis-xs-33 { flex-basis: 33% !important; } } @media (min-width: 0) { .prop-ui .prop-flex-basis-xs-35 { flex-basis: 35% !important; } } @media (min-width: 0) { .prop-ui .prop-flex-basis-xs-40 { flex-basis: 40% !important; } } @media (min-width: 0) { .prop-ui .prop-flex-basis-xs-45 { flex-basis: 45% !important; } } @media (min-width: 0) { .prop-ui .prop-flex-basis-xs-47 { flex-basis: 47% !important; } } @media (min-width: 0) { .prop-ui .prop-flex-basis-xs-49 { flex-basis: 49% !important; } } @media (min-width: 0) { .prop-ui .prop-flex-basis-xs-50 { flex-basis: 50% !important; } } @media (min-width: 0) { .prop-ui .prop-flex-basis-xs-60 { flex-basis: 60% !important; } } @media (min-width: 0) { .prop-ui .prop-flex-basis-xs-65 { flex-basis: 65% !important; } } @media (min-width: 0) { .prop-ui .prop-flex-basis-xs-70 { flex-basis: 70% !important; } } @media (min-width: 0) { .prop-ui .prop-flex-basis-xs-75 { flex-basis: 75% !important; } } @media (min-width: 0) { .prop-ui .prop-flex-basis-xs-100 { flex-basis: 100% !important; } } @media (min-width: 599px) { .prop-ui .prop-flex-basis-sm-0 { flex-basis: 0% !important; } } @media (min-width: 599px) { .prop-ui .prop-flex-basis-sm-10 { flex-basis: 10% !important; } } @media (min-width: 599px) { .prop-ui .prop-flex-basis-sm-11 { flex-basis: 11% !important; } } @media (min-width: 599px) { .prop-ui .prop-flex-basis-sm-15 { flex-basis: 15% !important; } } @media (min-width: 599px) { .prop-ui .prop-flex-basis-sm-18 { flex-basis: 18% !important; } } @media (min-width: 599px) { .prop-ui .prop-flex-basis-sm-20 { flex-basis: 20% !important; } } @media (min-width: 599px) { .prop-ui .prop-flex-basis-sm-25 { flex-basis: 25% !important; } } @media (min-width: 599px) { .prop-ui .prop-flex-basis-sm-30 { flex-basis: 30% !important; } } @media (min-width: 599px) { .prop-ui .prop-flex-basis-sm-32 { flex-basis: 32% !important; } } @media (min-width: 599px) { .prop-ui .prop-flex-basis-sm-33 { flex-basis: 33% !important; } } @media (min-width: 599px) { .prop-ui .prop-flex-basis-sm-35 { flex-basis: 35% !important; } } @media (min-width: 599px) { .prop-ui .prop-flex-basis-sm-40 { flex-basis: 40% !important; } } @media (min-width: 599px) { .prop-ui .prop-flex-basis-sm-45 { flex-basis: 45% !important; } } @media (min-width: 599px) { .prop-ui .prop-flex-basis-sm-47 { flex-basis: 47% !important; } } @media (min-width: 599px) { .prop-ui .prop-flex-basis-sm-49 { flex-basis: 49% !important; } } @media (min-width: 599px) { .prop-ui .prop-flex-basis-sm-50 { flex-basis: 50% !important; } } @media (min-width: 599px) { .prop-ui .prop-flex-basis-sm-60 { flex-basis: 60% !important; } } @media (min-width: 599px) { .prop-ui .prop-flex-basis-sm-65 { flex-basis: 65% !important; } } @media (min-width: 599px) { .prop-ui .prop-flex-basis-sm-70 { flex-basis: 70% !important; } } @media (min-width: 599px) { .prop-ui .prop-flex-basis-sm-75 { flex-basis: 75% !important; } } @media (min-width: 599px) { .prop-ui .prop-flex-basis-sm-100 { flex-basis: 100% !important; } } @media (min-width: 899px) { .prop-ui .prop-flex-basis-md-0 { flex-basis: 0% !important; } } @media (min-width: 899px) { .prop-ui .prop-flex-basis-md-10 { flex-basis: 10% !important; } } @media (min-width: 899px) { .prop-ui .prop-flex-basis-md-11 { flex-basis: 11% !important; } } @media (min-width: 899px) { .prop-ui .prop-flex-basis-md-15 { flex-basis: 15% !important; } } @media (min-width: 899px) { .prop-ui .prop-flex-basis-md-18 { flex-basis: 18% !important; } } @media (min-width: 899px) { .prop-ui .prop-flex-basis-md-20 { flex-basis: 20% !important; } } @media (min-width: 899px) { .prop-ui .prop-flex-basis-md-25 { flex-basis: 25% !important; } } @media (min-width: 899px) { .prop-ui .prop-flex-basis-md-30 { flex-basis: 30% !important; } } @media (min-width: 899px) { .prop-ui .prop-flex-basis-md-32 { flex-basis: 32% !important; } } @media (min-width: 899px) { .prop-ui .prop-flex-basis-md-33 { flex-basis: 33% !important; } } @media (min-width: 899px) { .prop-ui .prop-flex-basis-md-35 { flex-basis: 35% !important; } } @media (min-width: 899px) { .prop-ui .prop-flex-basis-md-40 { flex-basis: 40% !important; } } @media (min-width: 899px) { .prop-ui .prop-flex-basis-md-45 { flex-basis: 45% !important; } } @media (min-width: 899px) { .prop-ui .prop-flex-basis-md-47 { flex-basis: 47% !important; } } @media (min-width: 899px) { .prop-ui .prop-flex-basis-md-49 { flex-basis: 49% !important; } } @media (min-width: 899px) { .prop-ui .prop-flex-basis-md-50 { flex-basis: 50% !important; } } @media (min-width: 899px) { .prop-ui .prop-flex-basis-md-60 { flex-basis: 60% !important; } } @media (min-width: 899px) { .prop-ui .prop-flex-basis-md-65 { flex-basis: 65% !important; } } @media (min-width: 899px) { .prop-ui .prop-flex-basis-md-70 { flex-basis: 70% !important; } } @media (min-width: 899px) { .prop-ui .prop-flex-basis-md-75 { flex-basis: 75% !important; } } @media (min-width: 899px) { .prop-ui .prop-flex-basis-md-100 { flex-basis: 100% !important; } } @media (min-width: 1199px) { .prop-ui .prop-flex-basis-lg-0 { flex-basis: 0% !important; } } @media (min-width: 1199px) { .prop-ui .prop-flex-basis-lg-10 { flex-basis: 10% !important; } } @media (min-width: 1199px) { .prop-ui .prop-flex-basis-lg-11 { flex-basis: 11% !important; } } @media (min-width: 1199px) { .prop-ui .prop-flex-basis-lg-15 { flex-basis: 15% !important; } } @media (min-width: 1199px) { .prop-ui .prop-flex-basis-lg-18 { flex-basis: 18% !important; } } @media (min-width: 1199px) { .prop-ui .prop-flex-basis-lg-20 { flex-basis: 20% !important; } } @media (min-width: 1199px) { .prop-ui .prop-flex-basis-lg-25 { flex-basis: 25% !important; } } @media (min-width: 1199px) { .prop-ui .prop-flex-basis-lg-30 { flex-basis: 30% !important; } } @media (min-width: 1199px) { .prop-ui .prop-flex-basis-lg-32 { flex-basis: 32% !important; } } @media (min-width: 1199px) { .prop-ui .prop-flex-basis-lg-33 { flex-basis: 33% !important; } } @media (min-width: 1199px) { .prop-ui .prop-flex-basis-lg-35 { flex-basis: 35% !important; } } @media (min-width: 1199px) { .prop-ui .prop-flex-basis-lg-40 { flex-basis: 40% !important; } } @media (min-width: 1199px) { .prop-ui .prop-flex-basis-lg-45 { flex-basis: 45% !important; } } @media (min-width: 1199px) { .prop-ui .prop-flex-basis-lg-47 { flex-basis: 47% !important; } } @media (min-width: 1199px) { .prop-ui .prop-flex-basis-lg-49 { flex-basis: 49% !important; } } @media (min-width: 1199px) { .prop-ui .prop-flex-basis-lg-50 { flex-basis: 50% !important; } } @media (min-width: 1199px) { .prop-ui .prop-flex-basis-lg-60 { flex-basis: 60% !important; } } @media (min-width: 1199px) { .prop-ui .prop-flex-basis-lg-65 { flex-basis: 65% !important; } } @media (min-width: 1199px) { .prop-ui .prop-flex-basis-lg-70 { flex-basis: 70% !important; } } @media (min-width: 1199px) { .prop-ui .prop-flex-basis-lg-75 { flex-basis: 75% !important; } } @media (min-width: 1199px) { .prop-ui .prop-flex-basis-lg-100 { flex-basis: 100% !important; } } @media (min-width: 990px) { .prop-ui .prop-flex-basis-lg2-0 { flex-basis: 0% !important; } } @media (min-width: 990px) { .prop-ui .prop-flex-basis-lg2-10 { flex-basis: 10% !important; } } @media (min-width: 990px) { .prop-ui .prop-flex-basis-lg2-11 { flex-basis: 11% !important; } } @media (min-width: 990px) { .prop-ui .prop-flex-basis-lg2-15 { flex-basis: 15% !important; } } @media (min-width: 990px) { .prop-ui .prop-flex-basis-lg2-18 { flex-basis: 18% !important; } } @media (min-width: 990px) { .prop-ui .prop-flex-basis-lg2-20 { flex-basis: 20% !important; } } @media (min-width: 990px) { .prop-ui .prop-flex-basis-lg2-25 { flex-basis: 25% !important; } } @media (min-width: 990px) { .prop-ui .prop-flex-basis-lg2-30 { flex-basis: 30% !important; } } @media (min-width: 990px) { .prop-ui .prop-flex-basis-lg2-32 { flex-basis: 32% !important; } } @media (min-width: 990px) { .prop-ui .prop-flex-basis-lg2-33 { flex-basis: 33% !important; } } @media (min-width: 990px) { .prop-ui .prop-flex-basis-lg2-35 { flex-basis: 35% !important; } } @media (min-width: 990px) { .prop-ui .prop-flex-basis-lg2-40 { flex-basis: 40% !important; } } @media (min-width: 990px) { .prop-ui .prop-flex-basis-lg2-45 { flex-basis: 45% !important; } } @media (min-width: 990px) { .prop-ui .prop-flex-basis-lg2-47 { flex-basis: 47% !important; } } @media (min-width: 990px) { .prop-ui .prop-flex-basis-lg2-49 { flex-basis: 49% !important; } } @media (min-width: 990px) { .prop-ui .prop-flex-basis-lg2-50 { flex-basis: 50% !important; } } @media (min-width: 990px) { .prop-ui .prop-flex-basis-lg2-60 { flex-basis: 60% !important; } } @media (min-width: 990px) { .prop-ui .prop-flex-basis-lg2-65 { flex-basis: 65% !important; } } @media (min-width: 990px) { .prop-ui .prop-flex-basis-lg2-70 { flex-basis: 70% !important; } } @media (min-width: 990px) { .prop-ui .prop-flex-basis-lg2-75 { flex-basis: 75% !important; } } @media (min-width: 990px) { .prop-ui .prop-flex-basis-lg2-100 { flex-basis: 100% !important; } } @media (min-width: 1535px) { .prop-ui .prop-flex-basis-xl-0 { flex-basis: 0% !important; } } @media (min-width: 1535px) { .prop-ui .prop-flex-basis-xl-10 { flex-basis: 10% !important; } } @media (min-width: 1535px) { .prop-ui .prop-flex-basis-xl-11 { flex-basis: 11% !important; } } @media (min-width: 1535px) { .prop-ui .prop-flex-basis-xl-15 { flex-basis: 15% !important; } } @media (min-width: 1535px) { .prop-ui .prop-flex-basis-xl-18 { flex-basis: 18% !important; } } @media (min-width: 1535px) { .prop-ui .prop-flex-basis-xl-20 { flex-basis: 20% !important; } } @media (min-width: 1535px) { .prop-ui .prop-flex-basis-xl-25 { flex-basis: 25% !important; } } @media (min-width: 1535px) { .prop-ui .prop-flex-basis-xl-30 { flex-basis: 30% !important; } } @media (min-width: 1535px) { .prop-ui .prop-flex-basis-xl-32 { flex-basis: 32% !important; } } @media (min-width: 1535px) { .prop-ui .prop-flex-basis-xl-33 { flex-basis: 33% !important; } } @media (min-width: 1535px) { .prop-ui .prop-flex-basis-xl-35 { flex-basis: 35% !important; } } @media (min-width: 1535px) { .prop-ui .prop-flex-basis-xl-40 { flex-basis: 40% !important; } } @media (min-width: 1535px) { .prop-ui .prop-flex-basis-xl-45 { flex-basis: 45% !important; } } @media (min-width: 1535px) { .prop-ui .prop-flex-basis-xl-47 { flex-basis: 47% !important; } } @media (min-width: 1535px) { .prop-ui .prop-flex-basis-xl-49 { flex-basis: 49% !important; } } @media (min-width: 1535px) { .prop-ui .prop-flex-basis-xl-50 { flex-basis: 50% !important; } } @media (min-width: 1535px) { .prop-ui .prop-flex-basis-xl-60 { flex-basis: 60% !important; } } @media (min-width: 1535px) { .prop-ui .prop-flex-basis-xl-65 { flex-basis: 65% !important; } } @media (min-width: 1535px) { .prop-ui .prop-flex-basis-xl-70 { flex-basis: 70% !important; } } @media (min-width: 1535px) { .prop-ui .prop-flex-basis-xl-75 { flex-basis: 75% !important; } } @media (min-width: 1535px) { .prop-ui .prop-flex-basis-xl-100 { flex-basis: 100% !important; } } @media (min-width: 1920px) { .prop-ui .prop-flex-basis-xxl-0 { flex-basis: 0% !important; } } @media (min-width: 1920px) { .prop-ui .prop-flex-basis-xxl-10 { flex-basis: 10% !important; } } @media (min-width: 1920px) { .prop-ui .prop-flex-basis-xxl-11 { flex-basis: 11% !important; } } @media (min-width: 1920px) { .prop-ui .prop-flex-basis-xxl-15 { flex-basis: 15% !important; } } @media (min-width: 1920px) { .prop-ui .prop-flex-basis-xxl-18 { flex-basis: 18% !important; } } @media (min-width: 1920px) { .prop-ui .prop-flex-basis-xxl-20 { flex-basis: 20% !important; } } @media (min-width: 1920px) { .prop-ui .prop-flex-basis-xxl-25 { flex-basis: 25% !important; } } @media (min-width: 1920px) { .prop-ui .prop-flex-basis-xxl-30 { flex-basis: 30% !important; } } @media (min-width: 1920px) { .prop-ui .prop-flex-basis-xxl-32 { flex-basis: 32% !important; } } @media (min-width: 1920px) { .prop-ui .prop-flex-basis-xxl-33 { flex-basis: 33% !important; } } @media (min-width: 1920px) { .prop-ui .prop-flex-basis-xxl-35 { flex-basis: 35% !important; } } @media (min-width: 1920px) { .prop-ui .prop-flex-basis-xxl-40 { flex-basis: 40% !important; } } @media (min-width: 1920px) { .prop-ui .prop-flex-basis-xxl-45 { flex-basis: 45% !important; } } @media (min-width: 1920px) { .prop-ui .prop-flex-basis-xxl-47 { flex-basis: 47% !important; } } @media (min-width: 1920px) { .prop-ui .prop-flex-basis-xxl-49 { flex-basis: 49% !important; } } @media (min-width: 1920px) { .prop-ui .prop-flex-basis-xxl-50 { flex-basis: 50% !important; } } @media (min-width: 1920px) { .prop-ui .prop-flex-basis-xxl-60 { flex-basis: 60% !important; } } @media (min-width: 1920px) { .prop-ui .prop-flex-basis-xxl-65 { flex-basis: 65% !important; } } @media (min-width: 1920px) { .prop-ui .prop-flex-basis-xxl-70 { flex-basis: 70% !important; } } @media (min-width: 1920px) { .prop-ui .prop-flex-basis-xxl-75 { flex-basis: 75% !important; } } @media (min-width: 1920px) { .prop-ui .prop-flex-basis-xxl-100 { flex-basis: 100% !important; } } .prop-ui .prop-lib .prop-comp { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; } .prop-ui .prop-lib .prop-comp label { display: flex; align-items: flex-start; flex: 1 0 0; gap: 2px; font-family: Source Sans Pro !important; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; line-height: 15px; vertical-align: bottom; padding-top: 3px; letter-spacing: 0.25px; color: #424242; margin: 0; box-sizing: border-box; } .prop-ui .prop-lib .prop-comp label.disabled { color: #8C9397; } .prop-ui .prop-lib .prop-comp label .required_field_icon { display: flex; border-radius: 4px; color: #FF4F42; } .prop-ui .prop-lib .prop-comp label .required_field_icon::after { content: ""; width: 11px; height: 11px; background-image: url("/app/assets/images/asterisk.svg"); } .prop-ui .prop-lib .prop-comp label .required_field_icon.filled { color: #424242; } .prop-ui .prop-lib .prop-comp label .required_field_icon.filled::after { background-image: url("/app/assets/images/asterisk-filled.svg"); } .prop-ui .prop-lib .prop-comp span.k-input, .prop-ui .prop-lib .prop-comp span.k-picker { height: 31px; line-height: unset !important; padding: 0; margin: unset; background-color: transparent; border-color: rgba(9, 11, 12, 0.24); } .prop-ui .prop-lib .prop-comp span.k-input:hover, .prop-ui .prop-lib .prop-comp span.k-input.k-hover, .prop-ui .prop-lib .prop-comp span.k-picker:hover, .prop-ui .prop-lib .prop-comp span.k-picker.k-hover { border-color: #0086E7 !important; } .prop-ui .prop-lib .prop-comp span.k-input:focus, .prop-ui .prop-lib .prop-comp span.k-input.k-focus, .prop-ui .prop-lib .prop-comp span.k-picker:focus, .prop-ui .prop-lib .prop-comp span.k-picker.k-focus { border-color: #0086E7 !important; } .prop-ui .prop-lib .prop-comp span.k-input:focus-within, .prop-ui .prop-lib .prop-comp span.k-picker:focus-within { border-color: #0086E7 !important; } .prop-ui .prop-lib .prop-comp span.k-input:disabled, .prop-ui .prop-lib .prop-comp span.k-input.k-disabled, .prop-ui .prop-lib .prop-comp span.k-input.disabled, .prop-ui .prop-lib .prop-comp span.k-picker:disabled, .prop-ui .prop-lib .prop-comp span.k-picker.k-disabled, .prop-ui .prop-lib .prop-comp span.k-picker.disabled { border-color: rgba(9, 11, 12, 0.2); } .prop-ui .prop-lib .prop-comp span.k-input.invalid, .prop-ui .prop-lib .prop-comp span.k-picker.invalid { border-color: #FF4F42 !important; } .prop-ui .prop-lib .prop-comp span.k-input.invalid:hover, .prop-ui .prop-lib .prop-comp span.k-input.invalid:focus, .prop-ui .prop-lib .prop-comp span.k-input.invalid:focus-within, .prop-ui .prop-lib .prop-comp span.k-picker.invalid:hover, .prop-ui .prop-lib .prop-comp span.k-picker.invalid:focus, .prop-ui .prop-lib .prop-comp span.k-picker.invalid:focus-within { border-color: #FF4F42 !important; } .prop-ui .prop-lib .prop-comp span.k-input.warning, .prop-ui .prop-lib .prop-comp span.k-picker.warning { border-color: #EB6500 !important; color: #424242; } .prop-ui .prop-lib .prop-comp span.k-input.warning:hover, .prop-ui .prop-lib .prop-comp span.k-input.warning:focus, .prop-ui .prop-lib .prop-comp span.k-input.warning:invalid:focus-within, .prop-ui .prop-lib .prop-comp span.k-picker.warning:hover, .prop-ui .prop-lib .prop-comp span.k-picker.warning:focus, .prop-ui .prop-lib .prop-comp span.k-picker.warning:invalid:focus-within { border-color: #EB6500 !important; color: #424242; } .prop-ui .prop-lib .prop-comp span.k-input .k-input-inner, .prop-ui .prop-lib .prop-comp span.k-picker .k-input-inner { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; height: inherit; padding: unset; vertical-align: bottom; box-sizing: border-box; align-items: flex-end; } .prop-ui .prop-lib .prop-comp span.k-input.k-input-flat, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-flat, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-flat, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-flat { gap: 8px; border-top-width: 0; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .prop-ui .prop-lib .prop-comp span.k-input.k-input-flat.k-disabled, .prop-ui .prop-lib .prop-comp span.k-input.k-input-flat.disabled, .prop-ui .prop-lib .prop-comp span.k-input.k-input-flat.k-focus, .prop-ui .prop-lib .prop-comp span.k-input.k-input-flat.invalid, .prop-ui .prop-lib .prop-comp span.k-input.k-input-flat.warning, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-flat.k-disabled, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-flat.disabled, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-flat.k-focus, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-flat.invalid, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-flat.warning, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-flat.k-disabled, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-flat.disabled, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-flat.k-focus, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-flat.invalid, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-flat.warning, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-flat.k-disabled, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-flat.disabled, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-flat.k-focus, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-flat.invalid, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-flat.warning { border-bottom-width: 2px; border-bottom-style: solid; } .prop-ui .prop-lib .prop-comp span.k-input.k-input-flat.k-no-click, .prop-ui .prop-lib .prop-comp span.k-input.k-input-flat.readonly, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-flat.k-no-click, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-flat.readonly, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-flat.k-no-click, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-flat.readonly, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-flat.k-no-click, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-flat.readonly { border-bottom-width: 1px; border-bottom-style: dashed; pointer-events: none; } .prop-ui .prop-lib .prop-comp span.k-input.k-input-flat.k-no-click:focus, .prop-ui .prop-lib .prop-comp span.k-input.k-input-flat.k-no-click.k-focus, .prop-ui .prop-lib .prop-comp span.k-input.k-input-flat.k-no-click:hover, .prop-ui .prop-lib .prop-comp span.k-input.k-input-flat.readonly:focus, .prop-ui .prop-lib .prop-comp span.k-input.k-input-flat.readonly.k-focus, .prop-ui .prop-lib .prop-comp span.k-input.k-input-flat.readonly:hover, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-flat.k-no-click:focus, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-flat.k-no-click.k-focus, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-flat.k-no-click:hover, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-flat.readonly:focus, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-flat.readonly.k-focus, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-flat.readonly:hover, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-flat.k-no-click:focus, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-flat.k-no-click.k-focus, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-flat.k-no-click:hover, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-flat.readonly:focus, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-flat.readonly.k-focus, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-flat.readonly:hover, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-flat.k-no-click:focus, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-flat.k-no-click.k-focus, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-flat.k-no-click:hover, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-flat.readonly:focus, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-flat.readonly.k-focus, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-flat.readonly:hover { border-bottom-color: rgba(9, 11, 12, 0.24); } .prop-ui .prop-lib .prop-comp span.k-input.k-input-flat .k-input-inner, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-flat .k-input-inner, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-flat .k-input-inner, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-flat .k-input-inner { padding: 2px !important; font-family: Source Sans Pro !important; line-height: 24px; } .prop-ui .prop-lib .prop-comp span.k-input.k-input-solid, .prop-ui .prop-lib .prop-comp span.k-input.k-input-outline, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-solid, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-outline, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-solid, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-outline, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-solid, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-outline { border-radius: 4px !important; } .prop-ui .prop-lib .prop-comp span.k-input.k-input-solid.k-disabled, .prop-ui .prop-lib .prop-comp span.k-input.k-input-solid.disabled, .prop-ui .prop-lib .prop-comp span.k-input.k-input-solid.k-focus, .prop-ui .prop-lib .prop-comp span.k-input.k-input-solid.invalid, .prop-ui .prop-lib .prop-comp span.k-input.k-input-solid.warning, .prop-ui .prop-lib .prop-comp span.k-input.k-input-outline.k-disabled, .prop-ui .prop-lib .prop-comp span.k-input.k-input-outline.disabled, .prop-ui .prop-lib .prop-comp span.k-input.k-input-outline.k-focus, .prop-ui .prop-lib .prop-comp span.k-input.k-input-outline.invalid, .prop-ui .prop-lib .prop-comp span.k-input.k-input-outline.warning, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-solid.k-disabled, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-solid.disabled, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-solid.k-focus, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-solid.invalid, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-solid.warning, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-outline.k-disabled, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-outline.disabled, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-outline.k-focus, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-outline.invalid, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-outline.warning, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-solid.k-disabled, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-solid.disabled, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-solid.k-focus, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-solid.invalid, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-solid.warning, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-outline.k-disabled, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-outline.disabled, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-outline.k-focus, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-outline.invalid, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-outline.warning, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-solid.k-disabled, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-solid.disabled, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-solid.k-focus, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-solid.invalid, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-solid.warning, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-outline.k-disabled, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-outline.disabled, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-outline.k-focus, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-outline.invalid, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-outline.warning { border-width: 1px; border-style: solid; } .prop-ui .prop-lib .prop-comp span.k-input.k-input-solid.k-no-click, .prop-ui .prop-lib .prop-comp span.k-input.k-input-solid.readonly, .prop-ui .prop-lib .prop-comp span.k-input.k-input-outline.k-no-click, .prop-ui .prop-lib .prop-comp span.k-input.k-input-outline.readonly, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-solid.k-no-click, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-solid.readonly, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-outline.k-no-click, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-outline.readonly, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-solid.k-no-click, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-solid.readonly, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-outline.k-no-click, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-outline.readonly, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-solid.k-no-click, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-solid.readonly, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-outline.k-no-click, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-outline.readonly { border-width: 1px; border-style: dashed; pointer-events: none; } .prop-ui .prop-lib .prop-comp span.k-input.k-input-solid.k-focus, .prop-ui .prop-lib .prop-comp span.k-input.k-input-outline.k-focus, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-solid.k-focus, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-outline.k-focus, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-solid.k-focus, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-outline.k-focus, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-solid.k-focus, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-outline.k-focus { box-shadow: 1px 0 0 2px #DEF1FF, -1px 0px 0px 2px #DEF1FF, 0px 1px 0px 2px #DEF1FF, 0px -1px 0px 2px #DEF1FF; } .prop-ui .prop-lib .prop-comp span.k-input.k-input-solid .k-input-inner, .prop-ui .prop-lib .prop-comp span.k-input.k-input-outline .k-input-inner, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-solid .k-input-inner, .prop-ui .prop-lib .prop-comp span.k-input.k-picker-outline .k-input-inner, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-solid .k-input-inner, .prop-ui .prop-lib .prop-comp span.k-picker.k-input-outline .k-input-inner, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-solid .k-input-inner, .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-outline .k-input-inner { box-sizing: border-box; padding: 6px 8px; font-family: Source Sans Pro !important; line-height: 20px; } .prop-ui .prop-lib .prop-comp.solid label, .prop-ui .prop-lib .prop-comp.outline label { margin-bottom: 6px; height: 16px; vertical-align: top; } .prop-ui .prop-lib .prop-comp.solid span.k-input, .prop-ui .prop-lib .prop-comp.solid span.k-picker, .prop-ui .prop-lib .prop-comp.outline span.k-input, .prop-ui .prop-lib .prop-comp.outline span.k-picker { height: 32px; } .prop-ui .prop-lib .prop-comp.solid span.k-input .k-input-inner, .prop-ui .prop-lib .prop-comp.solid span.k-picker .k-input-inner, .prop-ui .prop-lib .prop-comp.outline span.k-input .k-input-inner, .prop-ui .prop-lib .prop-comp.outline span.k-picker .k-input-inner { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .prop-lib .prop-comp.solid .prop_invalid_block, .prop-ui .prop-lib .prop-comp.outline .prop_invalid_block { padding-top: 0; } .prop-ui .prop-lib .prop-comp.solid span.k-input-lg { height: 52px; border-radius: 6px !important; } .prop-ui .prop-lib .prop-comp.outline span.k-input-lg { height: 48px; border-radius: 4px !important; } .prop-ui .prop-lib .prop-comp .tooltip-link-icon { font-size: 16px; cursor: pointer; } .prop-ui .prop-lib .prop-placeholder-text { color: var(--placeholder-text, #7C8A93); font-feature-settings: "clig" off, "liga" off; /* Base Text/Semi bold */ font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; /* 142.857% */ } .prop-ui .prop-lib-popup { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .prop-lib-popup .k-list-content .k-list-item, .prop-ui .prop-lib-popup .k-list-content .k-menu-link, .prop-ui .prop-lib-popup .k-menu-item .k-list-item, .prop-ui .prop-lib-popup .k-menu-item .k-menu-link { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0 6px !important; color: #424242 !important; background-image: none; height: 32px; box-shadow: none; } .prop-ui .prop-lib-popup .k-list-content .k-list-item.k-focus, .prop-ui .prop-lib-popup .k-list-content .k-list-item:active, .prop-ui .prop-lib-popup .k-list-content .k-menu-link.k-focus, .prop-ui .prop-lib-popup .k-list-content .k-menu-link:active, .prop-ui .prop-lib-popup .k-menu-item .k-list-item.k-focus, .prop-ui .prop-lib-popup .k-menu-item .k-list-item:active, .prop-ui .prop-lib-popup .k-menu-item .k-menu-link.k-focus, .prop-ui .prop-lib-popup .k-menu-item .k-menu-link:active { background-color: #CCE7FA !important; color: inherit !important; border-color: #CCE7FA !important; } .prop-ui .prop-lib-popup .k-list-content .k-list-item.k-selected, .prop-ui .prop-lib-popup .k-list-content .k-list-item.k-selected:hover, .prop-ui .prop-lib-popup .k-list-content .k-menu-link.k-selected, .prop-ui .prop-lib-popup .k-list-content .k-menu-link.k-selected:hover, .prop-ui .prop-lib-popup .k-menu-item .k-list-item.k-selected, .prop-ui .prop-lib-popup .k-menu-item .k-list-item.k-selected:hover, .prop-ui .prop-lib-popup .k-menu-item .k-menu-link.k-selected, .prop-ui .prop-lib-popup .k-menu-item .k-menu-link.k-selected:hover { background-color: #0086E7 !important; border-color: unset !important; border-width: 0 !important; color: #FFFFFF !important; } .prop-ui .prop-lib-popup .k-list-content .k-list-item.k-hover, .prop-ui .prop-lib-popup .k-list-content .k-list-item:hover, .prop-ui .prop-lib-popup .k-list-content .k-menu-link.k-hover, .prop-ui .prop-lib-popup .k-list-content .k-menu-link:hover, .prop-ui .prop-lib-popup .k-menu-item .k-list-item.k-hover, .prop-ui .prop-lib-popup .k-menu-item .k-list-item:hover, .prop-ui .prop-lib-popup .k-menu-item .k-menu-link.k-hover, .prop-ui .prop-lib-popup .k-menu-item .k-menu-link:hover { background-color: rgba(0, 134, 231, 0.08) !important; } .prop-ui .prop-lib-popup .k-list-content .k-list-item .k-list-item-text, .prop-ui .prop-lib-popup .k-list-content .k-menu-link .k-list-item-text, .prop-ui .prop-lib-popup .k-menu-item .k-list-item .k-list-item-text, .prop-ui .prop-lib-popup .k-menu-item .k-menu-link .k-list-item-text { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; display: flex; align-items: center; width: 100%; } .prop-ui .prop-lib-popup .k-list-content .k-list-item .k-list-item-text span, .prop-ui .prop-lib-popup .k-list-content .k-menu-link .k-list-item-text span, .prop-ui .prop-lib-popup .k-menu-item .k-list-item .k-list-item-text span, .prop-ui .prop-lib-popup .k-menu-item .k-menu-link .k-list-item-text span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; justify-content: center; } .prop-ui .prop-lib-popup .k-list-content .k-list-item .k-list-item-text.k-selected.k-list-optionlabel, .prop-ui .prop-lib-popup .k-list-content .k-list-item .k-list-item-text.k-selected.k-list-optionlabel.k-hover, .prop-ui .prop-lib-popup .k-list-content .k-menu-link .k-list-item-text.k-selected.k-list-optionlabel, .prop-ui .prop-lib-popup .k-list-content .k-menu-link .k-list-item-text.k-selected.k-list-optionlabel.k-hover, .prop-ui .prop-lib-popup .k-menu-item .k-list-item .k-list-item-text.k-selected.k-list-optionlabel, .prop-ui .prop-lib-popup .k-menu-item .k-list-item .k-list-item-text.k-selected.k-list-optionlabel.k-hover, .prop-ui .prop-lib-popup .k-menu-item .k-menu-link .k-list-item-text.k-selected.k-list-optionlabel, .prop-ui .prop-lib-popup .k-menu-item .k-menu-link .k-list-item-text.k-selected.k-list-optionlabel.k-hover { background-color: #0086E7 !important; } .prop-ui .prop-lib-popup .k-list-content .k-menu-link, .prop-ui .prop-lib-popup .k-menu-item .k-menu-link { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 8px; padding: 6px !important; } .prop-ui .prop-switch.md-checked .md-container .md-bar { background-color: #0086E7; } .prop-ui .divider { width: 0; height: 32px; margin: auto 0; display: inline-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .prop-ui .divider .divider-bar { width: 0; flex: 1 1 0; border-right: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .prop-categorize-icon { background-image: url("/app/assets/images/categorize.svg"); height: 20px; width: 20px; } .prop-ui .prop_overview_blk { padding: 0; display: block; } .prop-ui .prop_overview_blk .prop-toolbar { margin: -8px -8px 0 -8px; } .prop-ui .prop_text_center { text-align: center; } .prop-ui .prop_text_right { text-align: right; } .prop-ui .right_side_blk span.text_blk { height: 16px; border-radius: 100px; position: absolute; right: 10px; top: 50%; margin-top: -13px; padding: 5px; line-height: 1.2; width: auto !important; box-sizing: content-box; color: #424242; border: 1px solid rgba(58, 65, 69, 0.3); background: rgba(9, 11, 12, 0.08); border-radius: 15px; } .prop-ui .prop-grid-page .grid_v2_container .k-grid .k-toolbar { padding-left: 0px; } .prop-ui .prop-grid-page .grid_v2_container .k-grid .k-toolbar .toolbar_left_block { width: auto; } .prop-ui .prop-no-store-select-icon { width: 131px; height: 125px; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; flex: initial !important; align-self: center !important; } .prop-ui .prop-lib .prop-comp.prop_auto_complete { position: relative; } .prop-ui .prop-lib .prop-comp.prop_auto_complete .extra-icon-block.k-font-icon { top: 25px; cursor: pointer; z-index: 1; align-self: normal; } .prop-ui .prop-lib .prop-comp.prop_auto_complete .warning-icon { background-image: url("/app/assets/images/warning-icon.svg"); width: 16px; height: 16px; } .prop-ui .prop-lib .prop-comp.dropdown-icon span.k-autocomplete span.k-clear-value { right: 15px !important; } .prop-ui .prop-lib .prop-comp.dropdown-icon .k-i-loading { right: 0.9em; } .prop-ui .prop-autocomplete-popup { font-family: Source Sans Pro; min-width: 432px !important; } .prop-ui .prop-autocomplete-popup .k-list-footer { font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; color: #000000; } .prop-ui .prop-autocomplete-popup li.k-list-item:nth-child(odd) { background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #FFF; } .prop-ui .prop-autocomplete-popup .k-list-content li.k-list-item { border-bottom: 1px solid rgba(9, 11, 12, 0.08); padding: 10px !important; color: #424242; } .prop-ui .prop-autocomplete-popup .k-list-content li.k-list-item .k-list-item-text { line-height: 16px; align-items: normal; } .prop-ui .prop-autocomplete-popup .k-list-item .k-list-item-text .right_side_blk span { height: 16px; border-radius: 100px; position: absolute; right: 10px; top: 50%; margin-top: -13px; padding: 5px; line-height: 1.2; width: auto; box-sizing: content-box; } .prop-ui .prop-autocomplete-popup .account_blk { background: #0086E7; color: #FFFFFF; } .prop-ui .prop-autocomplete-popup .job_blk { color: #424242; border: 1px solid rgba(58, 65, 69, 0.3); background: rgba(9, 11, 12, 0.08); } .prop-ui .prop-autocomplete-popup .num_name_blk { font-size: 16px; font-weight: 600; } .prop-ui .prop-autocomplete-popup .address_blk, .prop-ui .prop-autocomplete-popup .email_blk { font-size: 14px; font-weight: 400; color: #424242; line-height: 1; } .prop-ui .prop-lib .prop-btn { display: inline-flex; justify-content: center; align-items: center; gap: 10px; width: 100%; } .prop-ui .prop-lib .prop-btn.btn-min-width { min-width: 64px; } .prop-ui .prop-lib .prop-btn .right-align-icon { flex-direction: row-reverse; } .prop-ui .prop-lib .prop-btn .k-button { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; width: auto; min-height: 34px; color: #0086E7; display: flex; padding: 6px; border-radius: 4px; gap: 4px; flex: 1; } .prop-ui .prop-lib .prop-btn .k-button .k-button-text { display: flex; margin: 0px; } .prop-ui .prop-lib .prop-btn .k-button.prop-text-btn { display: flex; justify-content: center; align-items: center; gap: 4px; border-radius: 2px; border: 1px solid #0080DC; } .prop-ui .prop-lib .prop-btn .k-button.prop-text-btn span { display: flex; justify-content: center; align-items: center; gap: 4px; } .prop-ui .prop-lib .prop-btn .k-button.prop-text-btn:hover { border: 1px solid #026FBD; background: linear-gradient(0deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.16) 100%), #0086E7; } .prop-ui .prop-lib .prop-btn .k-button.prop-btn-separator { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; width: 0px; height: 42px; pointer-events: none; } .prop-ui .prop-lib .prop-btn .k-button.prop-btn-separator div { display: flex; flex: 110; width: 0px; border-right: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .prop-lib .prop-btn .k-button.k-button-sm { padding: 3px 6px !important; gap: 3px !important; } .prop-ui .prop-lib .prop-btn .k-button.k-button-md { padding: 5px 8px !important; gap: 4px !important; } .prop-ui .prop-lib .prop-btn .k-button.k-button-lg { padding: 16px 12px !important; gap: 6px !important; border-radius: 6px !important; } .prop-ui .prop-lib .prop-btn .k-button.k-button-lg .k-button-text { font-size: 16px !important; } .prop-ui .prop-lib .prop-btn .k-button.k-button-solid-secondary { border: 1px solid rgba(9, 11, 12, 0.16); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #F5F5F5; color: #3A4145; } .prop-ui .prop-lib .prop-btn .k-button.k-button-solid-secondary:hover { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #F5F5F5; box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.08); } .prop-ui .prop-lib .prop-btn .k-button.k-button-solid-secondary:focus { border: 1px solid rgba(9, 11, 12, 0.16); background: #F5F5F5; box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.08); } .prop-ui .prop-lib .prop-btn .k-button.k-button-solid-secondary.k-active, .prop-ui .prop-lib .prop-btn .k-button.k-button-solid-secondary.k-selected { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 100%), #F5F5F5; box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.08); } .prop-ui .prop-lib .prop-btn .k-button.k-button-solid-secondary.k-disabled { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #F5F5F5; border-bottom-color: inherit !important; opacity: 0.6; } .prop-ui .prop-lib .prop-btn .k-button.k-button-solid-primary { background-color: #0086E7 !important; color: #FFFFFF !important; text-transform: capitalize; } .prop-ui .prop-lib .prop-btn .k-button.k-button-solid-primary:focus { outline: 1px dashed #000000 !important; box-shadow: none !important; } .prop-ui .prop-lib .prop-btn .k-button.k-button-solid-primary:hover { background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #0086E7; border: 1px solid #026FBD; } .prop-ui .prop-lib .prop-btn .k-button.k-button-solid-primary.k-active { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 100%), #F5F5F5; border: 1px solid #026FBD; } .prop-ui .prop-lib .prop-btn .k-button.k-button-solid-primary.k-selected { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 100%), #0086E7; } .prop-ui .prop-lib .prop-btn .k-button.k-button-solid-primary.k-disabled { opacity: 0.6; border-bottom-color: inherit !important; } .prop-ui .prop-lib .prop-btn .k-button.k-button-outline-secondary { border: 1px solid #3A4145; color: #3A4145; } .prop-ui .prop-lib .prop-btn .k-button.k-button-outline-secondary:hover { border: 1px solid rgba(9, 11, 12, 0.8); color: rgba(9, 11, 12, 0.8); background: #FFFFFF; } .prop-ui .prop-lib .prop-btn .k-button.k-button-outline-secondary.k-selected { border: 1px solid #3A4145; background: #3A4145; color: #FFFFFF; } .prop-ui .prop-lib .prop-btn .k-button.k-button-outline-secondary.k-active { border: 1px solid #3A4145; background: #3A4145; color: #FFFFFF; } .prop-ui .prop-lib .prop-btn .k-button.k-button-outline-secondary:focus { border: 1px solid #3A4145; box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.08); color: #3A4145; background: #FFFFFF; } .prop-ui .prop-lib .prop-btn .k-button.k-button-outline-secondary.k-disabled { opacity: 0.6; border-bottom-color: inherit !important; } .prop-ui .prop-lib .prop-btn .k-button.primary-2.k-button-outline-secondary { border: 1px solid #0086E7; color: #0086E7; } .prop-ui .prop-lib .prop-btn .k-button.k-button-outline-primary { border: 1px solid #0080DC; color: #0086E7; } .prop-ui .prop-lib .prop-btn .k-button.k-button-outline-primary:hover, .prop-ui .prop-lib .prop-btn .k-button.k-button-outline-primary.k-active { border: 1px solid #0080DC; background: #0086E7; color: #FFFFFF; } .prop-ui .prop-lib .prop-btn .k-button.k-button-outline-primary.k-selected { border: 1px solid #026FBD; } .prop-ui .prop-lib .prop-btn .k-button.k-button-outline-primary:focus { color: #0086E7; border: 1px solid #026FBD; background: #FFFFFF; box-shadow: 0px 0px 0px 2px rgba(0, 134, 231, 0.3); } .prop-ui .prop-lib .prop-btn .k-button.k-button-outline-primary.k-disabled { opacity: 1 !important; border-color: rgba(117, 133, 149, 0.4) !important; color: rgba(117, 133, 149, 0.4); background: inherit; } .prop-ui .prop-lib .prop-btn .k-button.k-button-flat-secondary { color: #5B6870; } .prop-ui .prop-lib .prop-btn .k-button.k-button-flat-primary { color: #0086E7; } .prop-ui .prop-lib .prop-btn .k-button.solid-success { border-radius: 4px; border: 1px solid var(--informational-success-dark-20, #02AC43) !important; background: var(--informational-success, #02AC43) !important; } .prop-ui .prop-lib .prop-btn .k-button.solid-error { border-radius: 4px; border: 1px solid var(--informational-success-dark-20, #ff6358) !important; background: var(--informational-success, #ff6358) !important; } .prop-ui .prop-lib .prop-btn .k-button.k-icon-button.k-disabled { opacity: 0.6; } .prop-ui .prop-lib .prop-btn .k-button.k-icon-button.btn-icon-only.k-disabled { color: #8C9397 !important; } .prop-ui .prop-lib.card-wrapper { display: flex; flex: 1; align-self: stretch; } .prop-ui .prop-lib .prop-card { display: flex; flex-direction: column; flex: 1; width: 100% !important; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.16); background: #FFFFFF; overflow: initial; } .prop-ui .prop-lib .prop-card .prop-card-header { display: flex; align-items: center; gap: 4px; padding: 12px; align-self: stretch; border-radius: 4px 4px 0 0; background: #FAFAFA; border-bottom: 1px solid rgba(9, 11, 12, 0.16); box-sizing: border-box; } .prop-ui .prop-lib .prop-card .prop-card-header .prop-card-header-left-items .prop-header-icon-blk { height: 20px; display: flex; } .prop-ui .prop-lib .prop-card .prop-card-header .prop-card-header-left-items .prop-header-icon-blk .prop-header-icon { display: flex; justify-content: center; align-items: center; gap: 4px; color: #3A4145; align-self: stretch; font-size: 20px; } .prop-ui .prop-lib .prop-card .prop-card-header .prop-card-header-left-items .prop-card-title { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; color: #424242; font-feature-settings: "clig" off, "liga" off; margin: unset !important; } .prop-ui .prop-lib .prop-card .prop-card-header .prop-card-header-left-items .prop-card-subtitle { font-family: Source Sans Pro !important; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; color: #5B6870; font-feature-settings: "clig" off, "liga" off; margin: unset !important; } .prop-ui .prop-lib .prop-card .prop-card-header .prop-card-header-right-items { height: 20px; } .prop-ui .prop-lib .prop-card .prop-card-body { display: flex; padding: 16px; align-self: stretch; } .prop-ui .prop-lib .prop-card .prop-card-footer { display: none; border-top: 1px solid rgba(9, 11, 12, 0.16); background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #FFF; padding: 0; } .prop-ui .prop-lib .prop-card .prop-card-footer .custom-inline-toast { position: relative; } .prop-ui .prop-lib .prop-card .custom-inline-toast .md-toast-container { padding: 0; bottom: 0; } .prop-ui .inline_toast_card .prop-card .prop-card-footer { display: block; } .prop-ui .prop-card-spacer { height: 16px; } .prop-ui .prop-comp.chart-wrapper { align-self: stretch; } .prop-ui .prop-comp.chart-wrapper .chart-content { width: 100%; } .prop-ui .prop-comp.chart-wrapper .chart-gradient-container { height: 0; } .prop-ui .prop-comp.chart-wrapper .chart-gradient-svg { visibility: hidden; } .prop-ui .prop_checkbox { padding-top: 5px; flex-direction: row !important; } .prop-ui .prop_checkbox .k-checkbox-label:before, .prop-ui .prop_checkbox .k-treeview .k-checkbox:before { border-color: rgba(9, 11, 12, 0.16) !important; border-radius: 2px; } .prop-ui .prop_checkbox .k-checkbox-label { padding-top: 1px !important; font-size: 14px !important; } .prop-ui .prop_checkbox .k-checkbox:checked + .k-checkbox-label:before { background: #0086E7 !important; color: #FFFFFF !important; outline: none; box-shadow: none; border: 1px solid rgba(9, 11, 12, 0.16); border-radius: 2px; } .prop-ui .prop_checkbox .k-checkbox:disabled, .prop-ui .prop_checkbox .k-checkbox:disabled + .k-checkbox-label, .prop-ui .prop_checkbox .checkbox-message { filter: none; opacity: 0.6; } .prop-ui .prop_checkbox .checkbox-message { font-style: italic; } .prop-ui .prop-lib .prop_combobox .k-i-arrow-s:before { font-family: "Material Design Icons"; content: "\f035d"; } .prop-ui .prop-lib .prop_combobox button.k-button { border-color: transparent; } .prop-ui .prop-lib .prop_combobox span.k-combobox { height: 31px; } .prop-ui .prop-lib .prop_combobox span.k-combobox span.k-input-inner { box-sizing: border-box; align-items: flex-end; } .prop-ui .prop-lib .prop_combobox span.k-combobox span.k-input-inner span.k-input-value-text { display: block; width: 1vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: inherit; } .prop-ui .prop-lib .prop_datepicker span.k-input button.k-button { color: #3A4145 !important; } .prop-ui .prop-lib .prop_datepicker span.k-input button.k-button.k-button-solid, .prop-ui .prop-lib .prop_datepicker span.k-input button.k-button.k-button-outline { border-radius: 0px 4px 4px 0px !important; border-left: 1px solid rgba(9, 11, 12, 0.24); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #F5F5F5; height: 100%; } .prop-ui .prop-lib .prop-lib-calendar-popup .k-calendar td .k-link { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: inherit; } .prop-ui .prop-lib .prop-lib-calendar-popup .k-calendar td.k-today { color: inherit; } .prop-ui .prop-lib .prop-lib-calendar-popup .k-calendar td.k-focus .k-link { background-color: #CCE7FA; color: inherit !important; border-color: #CCE7FA; box-shadow: none; } .prop-ui .prop-lib .prop-lib-calendar-popup .k-calendar td.k-selected .k-link { background-color: #0086E7; border-color: unset; border-width: 0px; color: #FFFFFF !important; } .prop-ui .prop-lib .prop-lib-calendar-popup .k-calendar td.k-hover .k-link { background: rgba(0, 134, 231, 0.08); color: inherit !important; line-height: inherit; } .prop-ui .prop-lib .prop_dropdown .k-i-arrow-s:before { font-family: "Material Design Icons"; content: "\f035d"; } .prop-ui .prop-lib .prop_dropdown span.k-dropdownlist { height: 31px; } .prop-ui .prop-lib .prop_dropdown span.k-dropdownlist span.k-input-inner { box-sizing: border-box; align-items: flex-end; } .prop-ui .prop-lib .prop_dropdown span.k-dropdownlist span.k-input-inner span.k-input-value-text { display: block; width: 1vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: inherit; } .prop-ui .prop-lib .prop_dropdown .external-icon { border-bottom: 1px solid rgba(9, 11, 12, 0.24); height: 31px; align-content: center; } .prop-ui .prop-dropdown-popup li.k-list-item:nth-child(odd), .prop-ui .prop-dropdown-popup li.k-list-item.k-selected .right_side_blk .text_blk { background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #FFF; } .prop-ui .prop-lib .prop_editor { height: 100%; width: 100%; } .prop-ui .prop-lib .prop_editor .k-editor { width: 100%; height: 100%; } .prop-ui .prop-lib .prop_editor .k-editor .k-toolbar { display: flex; } .prop-ui .prop-lib .prop_editor .k-editor .k-toolbar .k-input-inner { padding-left: 6px !important; padding-right: 6px !important; } .prop-ui .prop-lib .prop_editor .k-editor .k-toolbar .k-button-group { margin: 0; height: auto; } .prop-ui .prop-lib .prop_editor .k-editor .k-toolbar .k-button-group .k-button { min-width: auto; height: 32px; width: 32px; border-color: #5f6368; } .prop-ui .prop-lib .prop_editor .k-editor .k-toolbar .k-button-group .k-button.k-selected { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 100%), #F5F5F5; } .prop-ui .prop-lib .prop_editor .k-editor .k-toolbar .k-toolbar-item { height: auto; } .prop-ui .prop_invalid_block { display: flex; align-items: flex-start; gap: 8px; height: 23px; align-self: stretch; box-sizing: border-box; } .prop-ui .prop_invalid_block .error_text, .prop-ui .prop_invalid_block .warning_text { display: flex; align-items: center; flex: 1 0 0; font-family: Source Sans Pro !important; font-size: 12px; font-style: normal; font-weight: 400; line-height: 17px; align-self: stretch; font-feature-settings: "clig" off, "liga" off; color: #FF4F42; } .prop-ui .prop_invalid_block .warning_text { color: #EB6500; } .prop-ui .prop-lib.multiselect-widget { width: 100%; } .prop-ui .prop-lib .prop_multiselect_dropdown { width: 100%; min-height: 30px !important; box-sizing: border-box; border-color: rgba(9, 11, 12, 0.24); } .prop-ui .prop-lib .prop_multiselect_dropdown:hover, .prop-ui .prop-lib .prop_multiselect_dropdown.k-hover { border-color: #0086E7 !important; } .prop-ui .prop-lib .prop_multiselect_dropdown:focus, .prop-ui .prop-lib .prop_multiselect_dropdown.k-focus { border-color: #0086E7 !important; } .prop-ui .prop-lib .prop_multiselect_dropdown:focus-within { border-color: #0086E7 !important; } .prop-ui .prop-lib .prop_multiselect_dropdown:disabled, .prop-ui .prop-lib .prop_multiselect_dropdown.k-disabled, .prop-ui .prop-lib .prop_multiselect_dropdown.disabled { border-color: rgba(9, 11, 12, 0.2); } .prop-ui .prop-lib .prop_multiselect_dropdown.invalid { border-color: #FF4F42 !important; } .prop-ui .prop-lib .prop_multiselect_dropdown.invalid:hover, .prop-ui .prop-lib .prop_multiselect_dropdown.invalid:focus, .prop-ui .prop-lib .prop_multiselect_dropdown.invalid:focus-within { border-color: #FF4F42 !important; } .prop-ui .prop-lib .prop_multiselect_dropdown.warning { border-color: #EB6500 !important; color: #424242; } .prop-ui .prop-lib .prop_multiselect_dropdown.warning:hover, .prop-ui .prop-lib .prop_multiselect_dropdown.warning:focus, .prop-ui .prop-lib .prop_multiselect_dropdown.warning:invalid:focus-within { border-color: #EB6500 !important; color: #424242; } .prop-ui .prop-lib .prop_multiselect_dropdown:focus, .prop-ui .prop-lib .prop_multiselect_dropdown.invalid, .prop-ui .prop-lib .prop_multiselect_dropdown.warning { border-width: 2px; } .prop-ui .prop-lib .prop_multiselect_dropdown .prop_multiselect_input.k-no-click, .prop-ui .prop-lib .prop_multiselect_dropdown .prop_multiselect_input.readonly { border-bottom-width: 1px !important; border-bottom-style: dashed !important; } .prop-ui .prop-lib .prop_multiselect_dropdown .prop_multiselect_input.k-no-click:focus, .prop-ui .prop-lib .prop_multiselect_dropdown .prop_multiselect_input.k-no-click.k-focus, .prop-ui .prop-lib .prop_multiselect_dropdown .prop_multiselect_input.k-no-click:hover, .prop-ui .prop-lib .prop_multiselect_dropdown .prop_multiselect_input.readonly:focus, .prop-ui .prop-lib .prop_multiselect_dropdown .prop_multiselect_input.readonly.k-focus, .prop-ui .prop-lib .prop_multiselect_dropdown .prop_multiselect_input.readonly:hover { border-bottom-color: rgba(9, 11, 12, 0.24); } .prop-ui .prop-lib .prop_multiselect_dropdown .prop_multiselect_input button.k-multiselect-toggle-button { height: 29px; } .prop-ui .prop-lib .prop_multiselect_dropdown .k-i-arrow-s:before { font-family: "Material Design Icons"; content: "\f035d"; } .prop-ui .prop-lib .prop_multiselect_dropdown span.k-multiselect.k-input { min-height: 30px; height: auto; } .prop-ui .prop-lib .prop_multiselect_dropdown span.k-multiselect.k-input div.k-chip-list div.k-chip { display: flex; align-items: center; font-family: Source Sans Pro !important; font-size: 12px; font-style: normal; font-weight: 400; padding: 2px 5px; border-radius: 4px !important; border: 1px solid rgba(58, 65, 69, 0.3); background: rgba(9, 11, 12, 0.08) !important; color: #424242 !important; text-align: center; font-feature-settings: "clig" off, "liga" off; line-height: 16px !important; height: 22px; } .prop-ui .prop-lib .prop_multiselect_dropdown span.k-multiselect.k-input div.k-chip-list div.k-chip .k-chip-remove-action { margin: 2px 0 0 5px !important; } .prop-ui .prop-lib .prop_multiselect_dropdown span.k-multiselect.k-input div.k-chip-list div.k-chip .k-chip-remove-action .k-i-x-circle { display: none; } .prop-ui .prop-lib .prop_multiselect_dropdown span.k-multiselect.k-input div.k-chip-list div.k-chip .k-chip-remove-action .k-chip-icon { display: flex; justify-content: center; align-items: center; width: 14px; height: 14px; } .prop-ui .prop-lib .prop_multiselect_dropdown span.k-multiselect.k-input.chip-1-row { max-height: 33px; } .prop-ui .prop-lib .prop_multiselect_dropdown span.k-multiselect.k-input.chip-2-row { max-height: 55px; } .prop-ui .prop-lib .prop_multiselect_dropdown span.k-multiselect.k-input.chip-3-row { max-height: 77px; } .prop-ui .prop-lib .prop_multiselect_dropdown span.k-multiselect.k-input.k-input-solid { border-width: 1px; border-style: solid; } .prop-ui .prop-lib .prop-numeric-textbox .numeric-input-field { display: flex; align-items: center; flex-direction: row; align-self: stretch; position: relative; } .prop-ui .prop-lib .prop-numeric-textbox .numeric-external-link { position: absolute; right: 0; z-index: 1; } .prop-ui .prop-lib .prop-numeric-textbox .width-with-link { padding-right: 15px !important; } .prop-ui .prop-lib { width: inherit; height: inherit; } .prop-ui .prop-lib .progress-bar-wrapper { height: 14px; } .prop-ui .prop-lib .progress-bar-wrapper.k-widget { border-color: transparent !important; } .prop-ui .prop-lib .progress-bar-wrapper.prop-comp { width: inherit; } .prop-ui .prop-lib .progress-bar-wrapper.prop-comp .k-progress-status-wrap { border-radius: 100px; border: 1px solid #0B7EAE; left: unset; height: inherit; } .prop-ui .prop-lib .progress-bar-wrapper.prop-comp .k-progress-status { display: none; } .prop-ui .prop-lib .progress-bar-wrapper.prop-comp .k-selected { height: inherit; background-color: #1BBAFD; border-radius: 100px; border: 1px solid #0B7EAE; border-right: 1px solid transparent; position: absolute; } .prop-ui .prop-lib .progress-bar-wrapper.prop-comp .k-selected .k-progress-status-wrap { position: absolute; } .prop-ui .prop-slider .k-slider { width: 100%; } .prop-ui .prop-slider .k-slider .k-button { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #F5F5F5; border: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .prop-slider .k-slider .k-slider-selection { background-color: #0086E7; } .prop-ui .prop-slider .k-slider-track-wrap .k-draghandle { border: 1px solid #0086E7; background-color: #0086E7; width: 16px; height: 16px; } .prop-ui .prop-slider .k-slider-track-wrap .k-draghandle.k-focus { box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3); } .prop-ui .prop-slider .k-slider-horizontal .k-tick { background-position: 0 16px; } .prop-ui .prop-slider .k-slider-vertical .k-tick { background-position: 16px center !important; } .prop-ui .prop-slider .k-label { bottom: -1.5em; font-size: 1em; } .prop-ui .prop-lib .k-switch { box-shadow: none !important; /* Override the box-shadow property */ width: 56px !important; } .prop-ui .prop-lib .k-switch-thumb { fill: var(--buttons-button-bg, #F5F5F5); width: 30px; height: 30px; } .prop-ui .prop-lib .k-switch-track { width: 56px; height: 30px; border-radius: 100px; border: 1px solid rgba(9, 11, 12, 0.1607843137); background: var(--component-text-white, #FFF); } .prop-ui .prop-lib .prop-switch.k-switch-on .k-switch-thumb { stroke: var(--buttons-primary-primary-button-active-bg, #0086E7); border-color: var(--buttons-primary-primary-button-active-bg, #0086E7); color: var(--buttons-primary-primary-button-active-bg, #0086E7); background-color: var(--buttons-button-bg, #F5F5F5); background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0, rgba(255, 255, 255, 0) 100%); } .prop-ui .prop-lib .prop-switch.k-switch-on .k-switch-track { background: var(--buttons-primary-primary-button-bg, #0086E7); border: 1px solid var(--buttons-button-text-8, #FFF); } .prop-ui .prop-lib .prop-switch.k-switch-on .k-switch-track:focus { border: 2px solid #026FBD; background: var(--buttons-primary-primary-button-hovered-bg, #0086E7); } .prop-ui .prop-lib .prop-switch.k-switch-on .k-switch-track:hover { border: 1px solid #026FBD; background: var(--buttons-primary-primary-button-hovered-bg, linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%)), #0086E7; } .prop-ui .prop-lib .prop-switch.top-label.k-switch-on .k-switch-track:focus { border: 3px solid #ffffff; background: var(--buttons-primary-primary-button-hovered-bg, #0086E7); } .prop-ui .prop-lib .prop-switch.top-label.k-switch-on .k-switch-track:hover { border-radius: 16px; border: 1px solid var(--buttons-button-text-8, #FFF); background: var(--buttons-primary-primary-button-hovered-bg, linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%)), #0086E7; } .prop-ui .prop-lib .prop-switch.k-switch-off .k-switch-thumb { flex-shrink: 0; border: 1px solid rgba(9, 11, 12, 0.1607843137); } .prop-ui .prop-lib .prop-switch.k-switch-off .k-switch-thumb:focus { fill: var(--buttons-button-bg, #F5F5F5); stroke-width: 1px; stroke: var(--buttons-button-border, #FFF); } .prop-ui .prop-lib .prop-switch.k-switch-off .k-switch-track:hover { border-radius: 16px; border: 1px solid var(--primary-light, #CCE7FA); background: var(--component-bg, #FFF); /* Input/Focused */ } .prop-ui .prop-lib .prop-switch.k-switch-off .k-switch-track:focus { border-radius: 100px; border: 3px solid #DEF1FF; background: var(--component-bg, #FFF); /* Input/Focused */ box-shadow: 1px 0px 0px 2px #DEF1FF, -1px 0px 0px 2px #DEF1FF, 0px 1px 0px 2px #DEF1FF, 0px -1px 0px 2px #DEF1FF; } .prop-ui .prop-lib .prop-drawer .switch-label { font-family: Source Sans Pro; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin-top: 0px !important; color: #3A4145; margin-bottom: 6px !important; } .prop-ui .prop-lib .prop-comp .margin_bt_6 { margin-bottom: 6px !important; } .prop-ui .prop-lib .data-messages-off .k-switch-label-on, .prop-ui .prop-lib .data-messages-off .k-switch-label-off { display: none; } .prop-ui .prop-lib .k-switch-off .k-switch-thumb-wrap { left: calc(1.1em + 0px + 0px); } .prop-ui .prop-lib .k-switch-label-on { color: #fff; } .prop-ui .prop-lib .k-switch-on .k-switch-thumb-wrap { left: calc(100% - 1.1em - 0px - 0px); } .prop-ui .prop-lib .prop-switch-container, .prop-ui .prop-lib .switch-container.left-label { display: flex; align-items: center; /* Vertically center the label and switch */ gap: 8px; } .prop-ui .prop-lib { /* Apply rotation to switch */ } .prop-ui .prop-lib .prop-switch-turned { transform: rotateY(180deg); } .prop-ui .prop-lib { /* Adjust spacing between switch and label */ } .prop-ui .prop-lib.tabstrip-container { display: flex; flex: 1; align-self: stretch; } .prop-ui .prop-lib .prop-tab-strip { font-family: inherit; display: flex; flex: 1; } .prop-ui .prop-lib .prop-tab-strip .prop-tab-child-content { display: flex; flex: 1; background-color: transparent; position: relative; } .prop-ui .prop-lib .prop-tab-strip .k-widget * { box-sizing: border-box; } .prop-ui .prop-lib .prop-tab-strip .k-tabstrip:focus { box-shadow: none; } .prop-ui .prop-lib .prop-tab-strip .k-tabstrip .k-tabstrip-items-wrapper { border-bottom: none; padding-left: 8px; } .prop-ui .prop-lib .prop-tab-strip .k-tabstrip .k-tabstrip-items-wrapper ul { gap: 1px; } .prop-ui .prop-lib .prop-tab-strip .k-tabstrip .k-tabstrip-items-wrapper ul li { border-radius: 3px 3px 0px 0px; border-color: rgba(9, 11, 12, 0.16); border-width: 1px; background: #FFFFFF; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #424242; text-align: center; font-feature-settings: "clig" off, "liga" off; } .prop-ui .prop-lib .prop-tab-strip .k-tabstrip .k-tabstrip-items-wrapper ul li .k-link { padding: 10px 16px; color: inherit; } .prop-ui .prop-lib .prop-tab-strip .k-tabstrip .k-tabstrip-items-wrapper ul li:hover { color: #0086E7; } .prop-ui .prop-lib .prop-tab-strip .k-tabstrip .k-tabstrip-items-wrapper ul li.k-active { background-color: #0086E7; color: #FFFFFF; border-top-color: #0086E7; border-left-color: #0086E7; border-right-color: #0086E7; font-weight: 600; } .prop-ui .prop-lib .prop-tab-strip .k-tabstrip .k-tabstrip-items-wrapper ul li.k-active:hover { background: linear-gradient(0deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.16) 100%), #0086E7; } .prop-ui .prop-lib .prop-tab-strip .k-tabstrip .k-tabstrip-items-wrapper ul li span.k-loading { border-top: none; } .prop-ui .prop-lib .prop-tab-strip .k-tabstrip .k-tabstrip-items-wrapper .tab-equal-width { width: 100%; } .prop-ui .prop-lib .prop-tab-strip .k-tabstrip .k-tabstrip-items-wrapper .tab-equal-width li { flex-basis: 0; flex-grow: 1; } .prop-ui .prop-lib .prop-tab-strip .k-tabstrip .k-tabstrip-items-wrapper .tab-equal-width li .k-link { justify-content: center; } .prop-ui .prop-lib .prop-tab-strip .k-tabstrip .prop-tab-container { border-radius: 0px 2px 2px; border: none; outline: none !important; padding: 0px; background-color: transparent; } .prop-ui .prop-lib .prop-tab-strip .k-tabstrip .prop-tab-container-height { display: flex; flex: 1; } .prop-ui .prop-lib .prop-tab-strip .k-tabstrip .prop-invisible { position: absolute; clip: rect(0 0 0 0); height: 1px; width: 100%; visibility: hidden; margin: 0; padding: 0; } .prop-ui .prop-lib .prop-tab-strip .k-tabstrip.k-tabstrip-left { gap: 4px; } .prop-ui .prop-lib .prop-tab-strip .k-tabstrip.k-tabstrip-left .k-tabstrip-items-wrapper { border: none !important; padding-left: 0px !important; width: 176px; } .prop-ui .prop-lib .prop-tab-strip .k-tabstrip.k-tabstrip-left .k-tabstrip-items-wrapper ul li .k-link { justify-content: center; } .prop-ui .prop-lib .prop-tab-strip.prop-tab-strip-outline .k-tabstrip-items-wrapper { background: #FFFFFF; } .prop-ui .prop-lib .prop-tab-strip.prop-tab-strip-outline .k-tabstrip-items-wrapper ul.k-tabstrip-items li { border-style: none; } .prop-ui .prop-lib .prop-tab-strip.prop-tab-strip-outline .k-tabstrip-items-wrapper ul.k-tabstrip-items li.k-active, .prop-ui .prop-lib .prop-tab-strip.prop-tab-strip-outline .k-tabstrip-items-wrapper ul.k-tabstrip-items li.k-active:hover { color: #0086E7 !important; background: #FFFFFF !important; border-bottom: 2px solid #0086E7 !important; } .prop-ui .prop-lib .prop-tab-strip.prop-tab-strip-outline .k-tabstrip-items-wrapper ul.k-tabstrip-items li:hover { border-style: none !important; background-color: #FFFFFF !important; color: #0086E7 !important; } .prop-ui .prop-lib .prop-comp .solid { border: 1px solid rgba(58, 65, 69, 0.3); margin-top: 4px; border-radius: 5px; } .prop-ui .prop-lib .prop-comp .prop-tag-input { width: 100%; min-height: 30px !important; box-sizing: border-box; border-color: rgba(9, 11, 12, 0.24); } .prop-ui .prop-lib .prop-comp .prop-tag-input:hover, .prop-ui .prop-lib .prop-comp .prop-tag-input.k-hover { border-color: #0086E7 !important; } .prop-ui .prop-lib .prop-comp .prop-tag-input:focus, .prop-ui .prop-lib .prop-comp .prop-tag-input.k-focus { border-color: #0086E7 !important; } .prop-ui .prop-lib .prop-comp .prop-tag-input:focus-within { border-color: #0086E7 !important; } .prop-ui .prop-lib .prop-comp .prop-tag-input:disabled, .prop-ui .prop-lib .prop-comp .prop-tag-input.k-disabled, .prop-ui .prop-lib .prop-comp .prop-tag-input.disabled { border-color: rgba(9, 11, 12, 0.2); } .prop-ui .prop-lib .prop-comp .prop-tag-input.invalid { border-color: #FF4F42 !important; } .prop-ui .prop-lib .prop-comp .prop-tag-input.invalid:hover, .prop-ui .prop-lib .prop-comp .prop-tag-input.invalid:focus, .prop-ui .prop-lib .prop-comp .prop-tag-input.invalid:focus-within { border-color: #FF4F42 !important; } .prop-ui .prop-lib .prop-comp .prop-tag-input.warning { border-color: #EB6500 !important; color: #424242; } .prop-ui .prop-lib .prop-comp .prop-tag-input.warning:hover, .prop-ui .prop-lib .prop-comp .prop-tag-input.warning:focus, .prop-ui .prop-lib .prop-comp .prop-tag-input.warning:invalid:focus-within { border-color: #EB6500 !important; color: #424242; } .prop-ui .prop-lib .prop-comp .prop-tag-input:focus, .prop-ui .prop-lib .prop-comp .prop-tag-input.invalid, .prop-ui .prop-lib .prop-comp .prop-tag-input.warning { border-width: 2px; } .prop-ui .prop-lib .prop-comp .prop-tag-input div.host { margin: 0; height: inherit; box-sizing: border-box; } .prop-ui .prop-lib .prop-comp .prop-tag-input div.host .tags { width: 100%; overflow-y: auto; max-height: 58px; text-align: center; box-sizing: border-box; } .prop-ui .prop-lib .prop-comp .prop-tag-input div.host .tags .input { height: 24px; } .prop-ui .prop-lib .prop-comp .prop-tag-input div.host .tags ul.tag-list { box-sizing: border-box; } .prop-ui .prop-lib .prop-comp .prop-tag-input div.host .tags ul.tag-list li.tag-item { font-family: Source Sans Pro !important; font-size: 12px; font-style: normal; font-weight: 400; padding: 2px 5px; border-radius: 4px !important; border: 1px solid rgba(58, 65, 69, 0.3); background: rgba(9, 11, 12, 0.08) !important; color: #424242 !important; text-align: center; font-feature-settings: "clig" off, "liga" off; line-height: 16px !important; height: 22px; box-sizing: border-box; margin: 3px; } .prop-ui .prop-lib .prop-comp .prop-tag-input div.host .tags ul.tag-list li.tag-item .remove-button { margin: 2px 0 0 5px !important; } .prop-ui .prop-lib .prop-comp .prop-tag-input div.host .tags ul.tag-list li.tag-item .remove-button::after { display: flex; justify-content: center; align-items: center; content: " " !important; width: 12px; height: 12px; background-image: url("/app/assets/images/close-circle.svg"); } .prop-ui .prop-lib .prop_textarea { height: 100%; } .prop-ui .prop-lib .prop_textarea .k-input { height: inherit !important; } .prop-ui .prop-lib .prop_textarea .k-input textarea { max-height: 100% !important; height: 100% !important; } .prop-ui .prop-lib .prop_textarea .k-input textarea.readonly { pointer-events: all; } .prop-ui .prop-lib .prop_textbox .text-input-field { display: flex; align-items: center; flex-direction: row; align-self: stretch; position: relative; bottom: 10px; } .prop-ui .prop-lib .prop_textbox .text-external-link { position: absolute; right: 0; z-index: 99; } .prop-ui .prop-lib .prop_textbox .copy_link_text { font-size: 13px; color: #86898d; margin-left: 5px; } .prop-ui .prop-lib .prop_textbox .width-with-link { max-width: calc(100% - 25px); } .prop-ui .prop-lib .prop_textbox span.k-input.k-input-sm.k-input-solid .k-input-inner { padding: 0px 6px !important; } .prop-ui .prop-lib .prop_textbox span.k-input.k-input-md.k-input-solid .k-input-inner { padding: 8px 6px !important; } .prop-ui .prop-lib .prop_textbox span.k-input.k-input-lg.k-input-solid .k-input-inner { padding: 16px 12px !important; } .prop-ui .prop-lib .prop_textbox span.k-input.k-input-lg.k-input-outline .k-input-inner { padding: 10px 8px !important; } .prop-ui .prop-lib .prop_textbox .extra-icon { display: flex; justify-content: flex-end; align-items: flex-end; width: 100%; position: relative; height: 0px; bottom: 8px; right: 10px; color: #7C8A93; } .prop-ui .prop-lib .prop_textbox .extra-icon span { cursor: pointer; z-index: 1; outline: none; } .prop-ui .prop-lib .prop_textbox .extra-icon.small { bottom: 0px !important; } .prop-ui .prop-lib .prop_textbox .extra-icon.medium { bottom: 8px !important; } .prop-ui .prop-lib .prop_textbox .extra-icon.large { bottom: 16px !important; } .prop-ui .prop-lib .prop_textbox .extra-icon.outline.large { bottom: 10px !important; } .prop-ui md-toast.md-toast-container { display: flex; justify-content: center; align-items: center; flex: 1; width: 100%; right: 0; } .prop-ui md-toast.md-toast-container.center_align_toast { left: 50%; transform: translate3d(-50%, 0, 0); min-width: 500px; width: auto; } .prop-ui md-toast.md-toast-container .md-toast-content { display: flex; justify-content: center; flex: 1; padding: 0 !important; background: transparent; } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; flex: 1 0 0; } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper.success { border-radius: 4px; border: 1px solid var(--informational-success, #02AC43); background: linear-gradient(0deg, rgba(2, 172, 67, 0.08) 0%, rgba(2, 172, 67, 0.08) 100%), #FFF; } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper.info { border-radius: 4px; border: 1px solid var(--informational-info, #00A0D0); background: linear-gradient(0deg, rgba(0, 160, 208, 0.08) 0%, rgba(0, 160, 208, 0.08) 100%), #FFF; } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper.warning { border-radius: 4px; border: 1px solid var(--informational-warning, #EB6500); background: linear-gradient(0deg, rgba(235, 101, 0, 0.08) 0%, rgba(235, 101, 0, 0.08) 100%), #FFF; } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper.error { border-radius: 4px; border: 1px solid var(--informational-error, #FF4F42); background: linear-gradient(0deg, rgba(255, 79, 66, 0.08) 0%, rgba(255, 79, 66, 0.08) 100%), #FFF; } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper.custom { border-radius: 4px; border: 1px solid var(--secondary-secondary, #758595); background: linear-gradient(0deg, rgba(117, 133, 149, 0.08) 0%, rgba(117, 133, 149, 0.08) 100%), #FFF; } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper .snackbar-base { display: flex; align-items: center; padding: 8px 16px; width: 100%; } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper .snackbar-base .snackbar-content-blk { display: flex; align-items: center; flex: 1; gap: 24px; } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper .snackbar-base .snackbar-content-blk .snackbar-content { display: flex; align-items: center; flex: 1; gap: 12px; } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper .snackbar-base .snackbar-content-blk .snackbar-content .snackbar-icon { width: 24px; height: 24px; display: flex; flex: none; background-repeat: no-repeat; } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper .snackbar-base .snackbar-content-blk .snackbar-content .snackbar-icon.snackbar-warning-icon { background-image: url("/app/assets/images/alert-rhombus-outline.svg"); } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper .snackbar-base .snackbar-content-blk .snackbar-content .snackbar-icon.snackbar-error-icon { background-image: url("/app/assets/images/alert-outline.svg"); } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper .snackbar-base .snackbar-content-blk .snackbar-content .snackbar-icon.snackbar-success-icon { background-image: url("/app/assets/images/check-outline.svg"); } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper .snackbar-base .snackbar-content-blk .snackbar-content .snackbar-icon.snackbar-info-icon { background-image: url("/app/assets/images/info-outline.svg"); } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper .snackbar-base .snackbar-content-blk .snackbar-content .snackbar-icon.snackbar-custom-icon { background-image: url("/app/assets/images/star-outline.svg"); } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper .snackbar-base .snackbar-content-blk .snackbar-content .snackbar-text { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 2px; } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper .snackbar-base .snackbar-content-blk .snackbar-content .snackbar-text .snackbar-text-container { display: flex; justify-content: center; align-items: flex-start; flex: 1; align-self: flex-start; } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper .snackbar-base .snackbar-content-blk .snackbar-content .snackbar-text .snackbar-text-container .success-text { display: flex; flex: initial; color: var(--color-success-120, #028A36); font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper .snackbar-base .snackbar-content-blk .snackbar-content .snackbar-text .snackbar-text-container .error-text { display: flex; flex: initial; color: var(--color-error-120, #CC3F35); font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper .snackbar-base .snackbar-content-blk .snackbar-content .snackbar-text .snackbar-text-container .warning-text { display: flex; flex: initial; color: var(--color-warning-120, #BC5100); font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper .snackbar-base .snackbar-content-blk .snackbar-content .snackbar-text .snackbar-text-container .info-text { display: flex; flex: initial; color: var(--informational-info-dark-20, #00A0D0); font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper .snackbar-base .snackbar-content-blk .snackbar-content .snackbar-text .snackbar-text-container .header-text { display: flex; justify-content: center; align-items: flex-start; flex: 1; gap: 4px; color: #424242; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper .snackbar-base .snackbar-content-blk .snackbar-content .snackbar-text .description-text { color: #424242; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: 0.1px; word-break: break-word; } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper .snackbar-base .snackbar-content-blk .snackbar-action { display: flex; justify-content: flex-end; align-items: center; gap: 8px; } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper .snackbar-base .snackbar-content-blk .snackbar-action .custom_toast_btn { border: 1px solid rgba(9, 11, 12, 0.1607843137); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #F5F5F5; } .prop-ui md-toast.md-toast-container .md-toast-content .snackbar-wrapper .snackbar-base .snackbar-content-blk .snackbar-action .snackbar-close-icon { display: flex; justify-content: center; align-items: center; width: 28px; height: 28px; font-size: 28px; color: #424242; } @media (min-width: 1920px) { .prop-ui md-toast.md-toast-container .md-toast-content { max-width: 100% !important; } } @media (max-width: 599px) { .prop-ui md-toast.md-toast-container .header-text span { margin-right: 5px; } } .prop-ui .ep-filters-select .ep-filter-name-text { color: #0086E7 !important; } .prop-ui .prop_tree_btn .filter-clear { color: #0086E7 !important; background: transparent !important; } .prop-ui .prop_tree_btn.dropdown[uib-dropdown].open label, .prop-ui .prop_tree_btn .bt-mult-sel1:hover { color: #424242 !important; } .prop-ui .prop_tree_btn button.dropdown-toggle.bt-mult-sel1.filter_tree_btn:hover, .prop-ui .prop_tree_btn.dropdown[uib-dropdown].open button { border-color: #0086E7; } .prop-ui .prop_tree_btn .popup_title_blk { padding: 12px; border-bottom: 1px solid rgba(9, 11, 12, 0.16); background: #FAFAFA; } .prop-ui .prop_tree_btn .popup_title_line { font-weight: 600; } .prop-ui .prop_tree_btn .k-i-arrow-s:before { content: "\f035d"; } .prop-ui .prop_tree_btn.fill-mode-flat button[uib-dropdown-toggle] { border-top-width: 0 !important; border-left-width: 0 !important; border-right-width: 0 !important; border-radius: 0 !important; } .prop-ui .prop-tree-view span.highlight { color: #AC58FF; background: transparent; font-weight: 700; } .prop-ui .prop-tree-view span.k-in.k-selected, .prop-ui .prop-tree-view span.k-in.k-selected:hover { background: rgba(0, 134, 231, 0.1607843137); color: #424242; } .prop-ui .prop_tree_dropdown .search_bar_blk { padding-left: 12px; padding-right: 12px; } .prop-ui .prop_tree_dropdown .my_tree_view { padding-left: 8px; } .prop-ui .prop_tree_dropdown .dropdown-menu [kendo-tree-view] { max-height: 195px; } .prop-ui .prop-add-edit-column-drawer .manage-alert-col-undo-btn { height: 16px; width: 16px; background-image: url('data:image/svg+xml;utf8,'); } .prop-ui .prop-add-edit-column-drawer .manage-alert-col-undo-btn.k-button-icon { min-width: 16px !important; min-height: 16px !important; } .prop-ui .prop-add-edit-column-drawer .alert_grid_card { height: 192px; } .prop-ui .prop-add-edit-column-drawer .alert_grid_card .prop-card-body { padding: 0px; } .prop-ui .prop-add-edit-column-drawer .alert_grid_card #manage_alert_grid span.k-picker { height: 32px; } .prop-ui .prop-add-edit-column-drawer .alert_grid_card #manage_alert_grid .rule_color { width: 20px; height: 20px; border-radius: 4px; display: inline-block; position: inherit; float: unset; } .prop-ui .prop-add-edit-column-drawer .alert_grid_card #manage_alert_grid .alert_range_textbox { width: 158px; display: inline-block; text-overflow: ellipsis; overflow: hidden; } .prop-ui .prop-add-edit-column-drawer .alert_grid_card #manage_alert_grid .alert_criteria_right { width: 156px; border-left: 1px solid #dcd9d9; padding-left: 5px; margin-left: -5px; height: 32px; align-items: center; position: absolute; top: 2px; display: inline-flex; } .prop-ui .prop-add-edit-column-drawer .alert_grid_card #manage_alert_grid.prop_grid_blk { height: 100%; } .prop-ui .prop-add-edit-column-drawer .alert_grid_card #manage_alert_grid.prop_grid_blk .k-grid-content { height: 100% !important; } .prop-ui .prop-add-edit-column-drawer .alert_grid_card #manage_alert_grid.prop_grid_blk .k-edit-cell .k-datepicker .alert_range_textbox { width: 80% !important; } .prop-ui .img-preview-container { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; } .prop-ui .img-preview-container .img-container { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 16px; padding: 16px; } .prop-ui .img-preview-container .img-container .img-frame { width: 320px; height: 320px; position: relative; overflow: hidden; flex-shrink: 0; } .prop-ui .img-preview-container .img-container .img-frame .prop-no-img-icon { width: 104px; height: 104px; flex-shrink: 0; display: inline-block; background-image: url('data:image/svg+xml;utf8,'); } .prop-ui .img-preview-container .img-container .img-frame .circle-preview { width: 100%; height: 100%; border-radius: 50%; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #FFFFFF; border: 2px solid #CFD5D9; display: flex; justify-content: center; align-items: center; } .prop-ui .img-preview-container .img-container .img-frame .circle-preview .image { width: 100%; height: 100%; object-fit: cover; } .prop-ui .img-preview-container .img-container .img-frame .circle-preview .image.image-fit-natural { width: auto; height: auto; max-width: 100%; max-height: 100%; } .prop-ui .img-preview-container .img-container .img-frame .circle-preview .image.image-fit-full { width: 100%; height: 100%; } .prop-ui .img-preview-container .img-container .img-frame .circle-preview .capture-image-preview { width: inherit; height: inherit; } .prop-ui .img-preview-container .img-container .img-frame .circle-preview .no-img { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 16px; } .prop-ui .img-preview-container .img-title-container { display: flex; justify-content: center; align-items: center; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #8C9397; text-align: center; font-feature-settings: "clig" off, "liga" off; } .prop-ui .img-preview-container .img-title-container .img-title { color: #0086E7; } .prop-ui .img-preview-container .img-title-container input { font: inherit; height: 20px; } .prop-ui .img-preview-container .prop-drop-message { margin-bottom: -8px; height: 100%; } .prop-ui .prop-lib .prop-dialog-wrapper.add_img_dialog-class .prop-dialog-body { padding: 0px 0px 16px 0px; } .prop-ui .prop-lib .prop-dialog-wrapper.add_img_dialog-class .prop-dialog-footer { background: linear-gradient(0deg, rgba(117, 133, 149, 0.08) 0%, rgba(117, 133, 149, 0.08) 100%), #FFF; padding-top: 16px; padding-bottom: 16px; } .prop-ui .prop-lib .prop-dialog-wrapper.add_img_dialog-class .prop-dialog-footer prop-button { flex: 1 !important; } .prop-ui .prop-lib .prop-dialog-wrapper.add_img_dialog-class .prop-dialog-footer prop-button .mdi { font-size: 16px; } .prop-ui .prop-lib .prop-dialog-wrapper.add_img_dialog-class .prop-dialog-footer .prop-main-button-section { flex: 1; } .prop-ui .prop-lib .prop-dialog-wrapper.add_img_dialog-class .snackbar-icon.snackbar-error-icon { /*width: 30px !important;*/ min-width: 30px; flex: unset; } .prop-ui .single-img-main-ele { position: relative; } .prop-ui .single-img-main-ele .no-img { display: flex; flex-direction: column; justify-content: center; align-items: center; } .prop-ui .single-img-main-ele .no-img .prop-no-img-icon { width: 75%; height: 75%; background-repeat: no-repeat; flex-shrink: 0; display: inline-block; background-image: url('data:image/svg+xml;utf8,'); } .prop-ui .single-img-main-ele .circle-preview { height: 100%; width: 100%; border-radius: 50%; overflow: hidden; background-color: #FFFFFF; border: 2px solid #CFD5D9; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } .prop-ui .single-img-main-ele .circle-preview .image { width: 100%; height: 100%; object-fit: cover; cursor: inherit; } .prop-ui .single-img-main-ele .circle-preview .image.image-fit-natural { width: auto; height: auto; max-width: 100%; max-height: 100%; } .prop-ui .single-img-main-ele .circle-preview .image.image-fit-full { width: 100%; height: 100%; } .prop-ui .single-img-main-ele .edit-layer { align-self: flex-end; font-size: 30px; width: 30px; height: 30px; right: 0; display: none !important; position: absolute; cursor: inherit; } .prop-ui .single-img-main-ele.default-cursor { cursor: default !important; } .prop-ui .single-img-main-ele:hover { cursor: pointer; } .prop-ui .single-img-main-ele:hover .edit-layer { display: block; } .prop-ui .square-container .circle-preview { border-radius: 8px; } .prop-ui .multi-image-container { display: flex; justify-content: center; height: 100%; width: 100%; margin-left: 40px; margin-right: 40px; } .prop-ui .multi-image-container .slide-preview { height: 100%; width: 100%; border-radius: 0; } .prop-ui .multi-image-container .carousel-indicators { background-color: transparent !important; } .prop-ui .multi-image-container .multi-image-field img { max-width: 100%; max-height: 100%; } .prop-ui .multi-image-container .carousel-control { width: 0; font-size: 12px; color: #3A4145; opacity: 1; } .prop-ui .multi-image-container .disabled { opacity: 0.5; } .prop-ui .multi-image-container .glyphicon-chevron-left { background-image: url("/app/assets/images/chevron-left.svg"); background-size: 25px; margin-left: -30px; height: 20px; width: 20px; } .prop-ui .multi-image-container .glyphicon-chevron-left:before { content: ""; } .prop-ui .multi-image-container .glyphicon-chevron-right:before { content: ""; } .prop-ui .multi-image-container .glyphicon-chevron-right { background-image: url("/app/assets/images/chevron-right.svg"); background-size: 25px; margin-right: -30px; height: 20px; width: 20px; } .prop-ui .multi-image-container .carousel-indicators .active { background-color: #0086E7; height: 10px; width: 10px; } .prop-ui .multi-image-container .carousel-indicators li { background-color: #F5F5F5; border: 1px solid rgba(9, 11, 12, 0.2392156863); margin-right: 5px; height: 8px; width: 8px; } .prop-ui .multi-image-container .carousel-indicators { bottom: -30px; z-index: 1; } .prop-ui .multi-image-container .multi-image-field { display: flex; width: 100%; align-items: center; justify-content: center; flex-direction: column; height: inherit; } .prop-ui .static-img-main-ele { position: relative; } .prop-ui .static-img-main-ele .square-preview { height: 100%; width: 100%; overflow: hidden; background-color: #FFFFFF; box-sizing: border-box; border-radius: 10px; border: 3px solid #e5e5e5; display: flex; justify-content: center; align-items: center; } .prop-ui .static-img-main-ele .square-preview.with-radius { border-radius: 50%; } .prop-ui .static-img-main-ele .square-preview .image { width: 100%; object-fit: cover; cursor: inherit; } .prop-ui .static-img-main-ele .square-preview .no-img { display: flex; flex-direction: column; justify-content: center; align-items: center; } .prop-ui .static-img-main-ele .square-preview .no-img .prop-no-img-icon { font-size: 60px; background-repeat: no-repeat; flex-shrink: 0; display: inline-block; color: #CFD5D9; } .prop-ui .static-img-main-ele .edit-layer { align-self: flex-end; font-size: 30px; width: 30px; height: 30px; right: 0; display: none; position: absolute; cursor: inherit; } .prop-ui .static-img-main-ele.default-cursor { cursor: default !important; } .prop-ui .static-img-main-ele:hover { cursor: pointer; } .prop-ui .static-img-main-ele:hover .edit-layer { display: block; } .prop-ui .saved-views-card .switch { padding-right: 0px !important; } .prop-ui .prop-lib .prop-action-button .dropdown-button { display: flex; justify-content: center; align-items: center; gap: 4px; height: 32px; padding: 7px 9px; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.24); color: #424242; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #F5F5F5; } .prop-ui .prop-lib .prop-action-button .dropdown-button:hover, .prop-ui .prop-lib .prop-action-button .dropdown-button.button-active { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #F5F5F5; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08); } .prop-ui .prop-lib .prop-action-button .dropdown-button .icon-size { font-size: 16px; display: flex; } .prop-ui .prop-lib .prop-action-button .dropdown-button .btn-text { color: #3A4145; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize; } .prop-ui .prop-lib .prop-action-button .dropdown-button .disabled-text { color: #8C9397 !important; } .prop-ui .prop-lib .prop-action-button .dropdown-button.k-button-outline { background: transparent; } .prop-ui .prop-lib .prop-action-button .dropdown-button.k-button-outline.k-button-outline-primary { border: 1px solid #0086E7; border-bottom-color: #0086E7; color: #0086E7; } .prop-ui .prop-lib .prop-action-button .dropdown-button.k-button-outline.k-button-outline-primary .k-button-text { color: #0086E7; font-weight: bold; } .prop-ui .prop-lib .prop-action-button .dropdown-button.k-button-outline.k-button-outline-primary:hover { background: #0086E7 !important; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08); color: #FFFFFF !important; } .prop-ui .prop-lib .prop-action-button .dropdown-button.k-button-outline.k-button-outline-primary:hover .k-button-text { color: #FFFFFF; } .prop-ui .prop-lib .prop-action-button .dropdown-button.k-button-outline.k-button-outline-primary.k-disabled { color: #FFFFFF !important; border: 1px solid rgba(9, 11, 12, 0.2) !important; opacity: 1 !important; } .prop-ui .prop-lib .prop-action-button .dropdown-button.k-button-outline.k-button-outline-primary.k-disabled .k-button-text { color: rgba(9, 11, 12, 0.2) !important; } .prop-ui .prop-lib .prop-action-button .dropdown-button.k-button-solid-primary { background: #0086E7; border-color: transparent; } .prop-ui .prop-lib .prop-action-button .dropdown-button.k-button-solid-primary .k-button-text { color: #FFFFFF; font-weight: bold; } .prop-ui .prop-lib .prop-action-button .dropdown-button.k-button-solid-primary:hover, .prop-ui .prop-lib .prop-action-button .dropdown-button.k-button-solid-primary.button-active { background: #0086E7; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08); } .prop-ui .prop-lib .prop-action-button .dropdown-button.k-button-solid-primary.k-disabled { opacity: 0.6 !important; } .prop-ui .prop-lib .prop-action-button .dropdown-button.k-button-solid-primary.k-disabled .k-button-text { color: #FFFFFF !important; } .prop-ui .prop-lib-popup .k-menu-item { height: 48px; border-bottom: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; } .prop-ui .prop-lib-popup .k-menu-item:focus { box-shadow: none; background-color: #CCE7FA !important; color: inherit !important; border-color: #CCE7FA !important; } .prop-ui .prop-lib-popup .icon-size { color: #0086E7; height: 16px; font-size: 16px; } .prop-ui .prop-lib .prop-breadcrumb { display: flex; align-items: flex-start; gap: 8px; } .prop-ui .prop-lib .prop-breadcrumb .prop_breadcrumb_wrapper { display: flex; align-items: center; gap: 12px; align-self: stretch; } @media (min-width: 0) { .prop-ui .prop-lib .prop-breadcrumb .prop_breadcrumb_wrapper { display: none; } } @media (min-width: 599px) { .prop-ui .prop-lib .prop-breadcrumb .prop_breadcrumb_wrapper { display: flex; } } .prop-ui .prop-lib .prop-breadcrumb ul { display: flex; align-items: center; align-self: stretch; list-style: none; margin: 0px; padding: 0px; } .prop-ui .prop-lib .prop-breadcrumb li + li:before { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; content: "/"; color: #424242; padding: 0px 12px; } .prop-ui .prop-lib .prop-breadcrumb li.breadcrumb_items .active-link { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; cursor: pointer; color: #0086E7; } .prop-ui .prop-lib .prop-breadcrumb li.breadcrumb_items .active-link:hover { text-decoration: none; } .prop-ui .prop-lib .prop-breadcrumb li.breadcrumb_items .normal-link { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #7C8A93; } @media (min-width: 599px) { .prop-ui .prop-lib .prop-breadcrumb .prop-brdcmb-cntr { display: none; } } @media (min-width: 899px) { .prop-ui .prop-lib .prop-breadcrumb .prop-brdcmb-cntr { display: flex; } } @media (min-width: 599px) { .prop-ui .prop-lib .prop-breadcrumb .prop-brdcmb-cntr-sm { display: flex; } } @media (min-width: 899px) { .prop-ui .prop-lib .prop-breadcrumb .prop-brdcmb-cntr-sm { display: none; } } .prop-ui .prop-lib .prop-breadcrumb .prop_breadcrumb_icon { display: flex; justify-content: center; align-items: center; width: 34px; height: 34px; color: #5B6870; } .prop-ui .prop-lib .account-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/account.svg"); background-size: contain; background-repeat: no-repeat; } .prop-ui .prop-lib .market-pin-target-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/marker-pin-target.svg"); background-size: contain; background-repeat: no-repeat; } .prop-ui .prop-lib .phone-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/phone.svg"); background-size: contain; background-repeat: no-repeat; } .prop-ui .prop-lib .prop-drag-icon { width: 30px; height: 30px; background-image: url("/app/assets/images/drag-horizontal-variant.svg"); background-repeat: no-repeat; cursor: move; } .prop-ui .prop-lib .hide-buttons { opacity: 0; pointer-events: none; } .prop-ui .prop-lib .plus-icon { width: 30px; height: 30px; background-image: url("/app/assets/images/plus-circle-outline.svg"); background-repeat: no-repeat; } .prop-ui .prop-lib .minus-icon { width: 30px; height: 30px; background-image: url("/app/assets/images/minus-outline.svg"); background-repeat: no-repeat; } .prop-ui .prop-lib .contact_action_btn { width: 60px; } .prop-ui .prop-lib .cursor_move_icon { width: 24px; height: 24px; background-image: url("/app/assets/images/cursor-move.svg"); background-repeat: no-repeat; } .prop-ui .prop-lib .contact_section_label { color: #0086E7; font-feature-settings: "clig" off, "liga" off; /* h6 */ font-family: "Source Sans Pro"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ letter-spacing: 0.15px; text-transform: uppercase; } .prop-ui .prop-lib .item_width { width: 80px; } .prop-ui .prop-lib .container_width_100 { width: 100%; } .prop-ui .prop-lib .prop_none_type_list { list-style-type: none; height: 60px; } .prop-ui .prop-lib .prop_phone_textbox span.k-input.k-input-md.k-input-solid .k-input-inner { padding-left: 8px !important; } .prop-ui .prop-lib .prop_phone_textbox span.k-input.k-input-lg.k-input-solid .k-input-inner { padding-left: 12px !important; } .prop-ui .prop-criteria-panel .criteria-search span.k-input { height: 46px; } .prop-ui .prop-criteria-panel .label_link { font-family: Source Sans Pro !important; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; } .prop-ui .prop-criteria-panel .label_link label { margin: 0; height: 18px; } .prop-ui .prop-criteria-panel .label_link .external-link { display: flex; justify-content: space-between; align-items: center; gap: 10px; height: 31px; border-bottom: 1px solid rgba(9, 11, 12, 0.24); } .prop-ui .prop-criteria-panel .label_link .external-link .external-link-description { font-size: 16px; } .prop-ui .prop-criteria-panel .label_link .external-link.label_link_readonly { border-bottom-style: dashed !important; } .prop-ui .prop-criteria-panel .criteria-panel-action-container { margin: auto; } .prop-ui .prop-criteria-panel .criteria-panel-autocomplete-container { margin: auto; width: 300px; } @media (min-width: 0) { .prop-ui .prop-criteria-panel .display-action-divider { display: none; } } @media (min-width: 1199px) { .prop-ui .prop-criteria-panel .display-action-divider { display: inline-flex; } } .prop-ui .prop-criteria-panel .custom-tmpl-container { height: 100%; display: flex; justify-content: flex-end; align-items: center; } .prop-ui .prop-criteria-panel .custom-tmpl-container div[ng-bind-html] { cursor: pointer; } .prop-ui .prop-lib.dialog-container { display: flex; flex: 1; } .prop-ui .prop-lib .prop-dialog-wrapper { display: flex; flex-direction: column; align-items: flex-start; width: 100%; border-radius: 6px; border: 1px solid rgba(9, 11, 12, 0.16); background: #FFFFFF; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.06); } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; flex: 1 0 0; width: 100%; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper.dialog-default { border-bottom: 1px solid #0086E7; background: #0086E7; color: #fff; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper .dialog-default-text { color: #fff; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper.dialog-warning { border-bottom: 1px solid #EB6500; background: linear-gradient(0deg, rgba(235, 101, 0, 0.08) 0%, rgba(235, 101, 0, 0.08) 100%), #FFF; color: #424242; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper.dialog-success { border-bottom: 1px solid #02AC43; background: linear-gradient(0deg, rgba(2, 172, 67, 0.08) 0%, rgba(2, 172, 67, 0.08) 100%), #FFF; color: #424242; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper.dialog-alert { border-bottom: 1px solid #FF4F42; background: linear-gradient(0deg, rgba(255, 79, 66, 0.08) 0%, rgba(255, 79, 66, 0.08) 100%), #FFF; color: #424242; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper.dialog-info { border-bottom: 1px solid #00A0D0; background: linear-gradient(0deg, rgba(0, 160, 208, 0.08) 0%, rgba(0, 160, 208, 0.08) 100%), #FFF; color: #424242; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper.dialog-custom { border-radius: 4px 4px 0px 0px; border-bottom: 1px solid var(--secondary-secondary, #758595); background: linear-gradient(0deg, rgba(117, 133, 149, 0.08) 0%, rgba(117, 133, 149, 0.08) 100%), #FFF; color: #424242; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper .prop-dialog-header { display: flex; align-items: center; align-self: stretch; padding: 8px 16px; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper .prop-dialog-header .prop-dialog-header-content { display: flex; align-items: center; flex: 1 0 0; gap: 24px; height: auto; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper .prop-dialog-header .prop-dialog-header-content .header-content-section { display: flex; align-items: center; flex: 1 0 0; gap: 12px; flex: 1 0 0; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper .prop-dialog-header .prop-dialog-header-content .header-content-section .header-icon { width: 24px; height: 24px; flex-shrink: 0; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper .prop-dialog-header .prop-dialog-header-content .header-content-section .header-icon.dialog-warning-icon { background-image: url("/app/assets/images/alert-rhombus-outline.svg"); } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper .prop-dialog-header .prop-dialog-header-content .header-content-section .header-icon.dialog-error-icon { background-image: url("/app/assets/images/alert-outline.svg"); } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper .prop-dialog-header .prop-dialog-header-content .header-content-section .header-icon.dialog-success-icon { background-image: url("/app/assets/images/check-outline.svg"); } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper .prop-dialog-header .prop-dialog-header-content .header-content-section .header-icon.dialog-info-icon { background-image: url("/app/assets/images/info-outline.svg"); } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper .prop-dialog-header .prop-dialog-header-content .header-content-section .header-icon.dialog-custom-icon { background-image: url("/app/assets/images/star-outline.svg"); } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper .prop-dialog-header .prop-dialog-header-content .header-content-section .header-text { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper .prop-dialog-header .prop-dialog-header-content .header-content-section .header-text .heading { font-feature-settings: "clig" off, "liga" off; font-family: "Source Sans Pro"; font-size: 16px; font-style: normal; font-weight: 600; line-height: 150%; /* 27px */ letter-spacing: 0.15px; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper .prop-dialog-header .prop-dialog-header-content .header-content-section .header-text .sub-heading { font-feature-settings: "clig" off, "liga" off; font-family: "Source Sans Pro"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ letter-spacing: 0.1px; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper .prop-dialog-header .prop-dialog-header-content .action-section { display: flex; justify-content: flex-end; align-items: center; gap: 8px; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper .prop-dialog-header .prop-dialog-header-content .action-section .prop-close-icon { display: flex; justify-content: center; align-items: center; width: 28px; height: 28px; font-size: 28px; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-header-wrapper .prop-dialog-header .prop-dialog-header-content .action-section .prop-close-icon:hover { cursor: pointer; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-body { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 16px; align-self: stretch; padding: 12px 16px; background: #fff; max-height: calc(100vh - 200px); overflow: auto; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-body .ui-mprogress .deter-bar { background: #0086E7; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-body .ui-mprogress .bar-bg { background: linear-gradient(0deg, rgba(0, 134, 231, 0.12) 0%, rgba(0, 134, 231, 0.12) 100%), #FFF; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-body md-toast .md-toast-content { max-width: 100% !important; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-body .prop-dialog-body-section { display: flex; align-items: center; flex: 1; gap: 16px; align-self: stretch; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-body .prop-dialog-body-section .body-content-section { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 16px; flex: 1 0 0; align-self: stretch; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-body .prop-dialog-body-section .body-content-section .prop-dialog-template-content { width: 100%; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-body .prop-dialog-body-section .body-content-section .main-text { align-self: stretch; color: var(--base-text, #424242); font-family: "Source Sans Pro"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ margin: 0px; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-body .prop-dialog-body-section .body-content-section .confirmation-text { align-self: stretch; color: #424242; font-family: "Source Sans Pro"; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; /* 150% */ } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-body .prop-dialog-body-section .dialog-body-image { display: flex; justify-content: center; align-items: center; width: 134px; height: 134px; padding: 11px 20.787px 10.998px 20px; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-footer { display: flex; justify-content: flex-end; align-items: center; gap: 8px; align-self: stretch; padding: 10px 16px; border-radius: 0px 0px 6px 6px; border-top: 1px solid var(--buttons-button-border, rgba(9, 11, 12, 0.16)); background: var(--component-bg, #FFF); } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-footer .prop-tertiary-button-section { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; gap: 12px; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-footer .prop-main-button-section { display: flex; align-items: flex-start; gap: 12px; } .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-footer .prop-main-button-section prop-button, .prop-ui .prop-lib .prop-dialog-wrapper .prop-dialog-footer .prop-tertiary-button-section prop-button { min-width: 64px; } .prop-ui .prop-dialog-align { position: relative; z-index: 9999 !important; display: flex !important; margin: auto !important; top: -48px; flex: 0 0 100%; } .prop-ui .prop-dialog-align .modal-dialog .md-bottom { bottom: 50px; } .prop-ui .prop-dialog-align .modal-dialog .modal-content { justify-content: center; } .prop-ui .prop-drawer { font-family: "Source Sans Pro"; } .prop-ui .prop-drawer .custom-inline-toast { min-height: 60px; } .prop-ui .prop-drawer .custom-inline-toast md-toast.md-bottom { bottom: 0; } .prop-ui .prop-drawer .custom-inline-toast md-toast { padding: 0; } .prop-ui .prop-drawer .custom-toast-no-padding md-toast { padding: 0; } .prop-ui .prop-drawer .drawer_nav { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 4px; } .prop-ui .prop-drawer .prop-lib .prop_grid .k-grid { box-shadow: none; } .prop-ui .prop-drawer .prop_drawer_switch .prop-switch-container label { font-size: 14px; } .prop-ui .prop-drawer .prop-drawer-header-dropdown { position: absolute; top: 12px; width: 200px; } .prop-ui .prop-drawer md-toast.md-bottom { bottom: 55px; padding: 0; } .prop-ui .prop-drawer md-toast.md-bottom .md-toast-content { max-width: 100%; border-radius: 0 !important; } .prop-ui .prop-drawer .modal-content { border: 0; border-radius: 0 !important; height: 100%; } .prop-ui .prop-drawer .modal_title_group { display: inline-block; float: left; } .prop-ui .prop-drawer .prop-drawer-title-block { overflow: hidden; border-bottom: 1px solid rgba(9, 11, 12, 0.08); height: 80px; padding: 0px 24px; } .prop-ui .prop-drawer .prop-drawer-title-group { float: left; } .prop-ui .prop-drawer .prop-drawer-title { font-family: Source Sans Pro !important; font-size: 24px; font-style: normal; font-weight: 600; line-height: 32px; padding-left: 0; text-transform: capitalize; color: #424242; } .prop-ui .prop-drawer .prop-drawer-subtitle { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; font-feature-settings: "clig" off, "liga" off; padding-left: 0; text-transform: capitalize; color: #5B6870; } .prop-ui .prop-drawer .switch-label { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #3A4145; margin-top: 10px; } .prop-ui .prop-drawer .prop-switch .md-thumb { top: 3px; left: 3px; width: 29px; height: 29px; border: 1px solid #0086E7; } .prop-ui .prop-drawer .prop-switch .md-bar { width: 56px; height: 30px; } .prop-ui .prop-drawer .prop-drawer-radio .radio-label { overflow: hidden; color: #424242; text-overflow: ellipsis; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui .prop-drawer .prop-drawer-radio .k-radio + .k-radio-label:before { padding: 6px; } .prop-ui .prop-drawer .prop-drawer-radio .k-radio:checked + .k-radio-label:before, .prop-ui .prop-drawer .prop-drawer-radio .k-radio:checked + .k-radio-label:hover:before { padding: 4px !important; } .prop-ui .prop-drawer .prop-drawer-body { padding: 24px; overflow-y: auto; height: calc(100% - 80px - 62px - 4px); } .prop-ui .prop-drawer .prop-drawer-body.no-footer { height: calc(100% - 80px - 16px); } .prop-ui .prop-drawer .prop_drawer_footer { position: absolute; bottom: 0; padding: 12px 0 12px 0; border-top: 1px solid rgba(9, 11, 12, 0.08); width: 100%; height: 64px; } @media (max-width: 599px) { .prop-ui .prop-drawer .prop_drawer_footer { height: auto; padding: 0; } } .prop-ui .prop-drawer .prop_drawer_footer .ui-mprogress .deter-bar { background: #0086E7; } .prop-ui .prop-drawer .prop_drawer_footer .ui-mprogress .bar-bg { background: linear-gradient(0deg, rgba(0, 134, 231, 0.12) 0%, rgba(0, 134, 231, 0.12) 100%), #FFF; } .prop-ui .prop-drawer .prop_drawer_footer .prop_drawer_footer_buttons { min-height: 40px; display: flex; gap: 16px; padding: 0 24px; } .prop-ui .prop-drawer .prop_drawer_footer .prop_drawer_footer_buttons .left_blk { display: flex; flex-grow: 0; } .prop-ui .prop-drawer .prop_drawer_footer .prop_drawer_footer_buttons .left_blk .button_blk:first-child prop-button { margin-left: 0; } .prop-ui .prop-drawer .prop_drawer_footer .prop_drawer_footer_buttons .right_blk { display: flex; width: 100%; justify-content: flex-end; } .prop-ui .prop-drawer .prop_drawer_footer .prop_drawer_footer_buttons .right_blk .button_blk:first-child prop-button { margin-left: 0; } .prop-ui .prop-drawer .prop_drawer_footer .prop_drawer_footer_buttons .button_blk { display: inherit; } .prop-ui .prop-drawer .prop_drawer_footer .prop_drawer_footer_buttons .button_blk prop-button { margin-left: 16px; } .prop-ui .prop-drawer .prop_drawer_footer .prop_drawer_footer_buttons .button_blk .drawer-checkbox { height: 40px; margin-left: 16px; } .prop-ui .prop-drawer .prop_drawer_footer .prop_drawer_footer_buttons .ep-button-separator { margin-right: 16px; } .prop-ui .prop-drawer .prop_drawer_footer .prop_drawer_footer_buttons button.prop-button-primary, .prop-ui .prop-drawer .prop_drawer_footer .prop_drawer_footer_buttons .prop-button-primary.is-active:disabled { border: 1px solid #0080DC !important; background: #0086E7 !important; color: #FFFFFF !important; } .prop-ui .prop-drawer .prop_drawer_footer .prop_drawer_footer_buttons button.prop-button-secondary, .prop-ui .prop-drawer .prop_drawer_footer .prop_drawer_footer_buttons .prop-button-secondary.is-active:disabled { border: 1px solid rgba(9, 11, 12, 0.65) !important; color: rgba(9, 11, 12, 0.8); background: none !important; } .prop-ui .prop-drawer .prop_drawer_footer .prop_drawer_footer_buttons .k-button { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 17.6px; height: 40px; letter-spacing: 1px; } .prop-ui .prop-drawer .prop_drawer_footer .prop_drawer_footer_buttons .left_blk button.prop-button-secondary { border: 1px solid rgba(9, 11, 12, 0.16) !important; color: #3A4145 !important; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #F5F5F5 !important; } @media (max-width: 599px) { .prop-ui .prop-drawer .prop_drawer_footer .prop_drawer_footer_buttons { display: flex; flex-direction: column; gap: 0; } .prop-ui .prop-drawer .prop_drawer_footer .right_blk { order: 1; flex-wrap: wrap; } .prop-ui .prop-drawer .prop_drawer_footer .left_blk { order: 2; } } .prop-ui .prop-drawer .prop-drawer-content, .prop-ui .prop-drawer .prop-drawer-container { height: 100%; } .prop-ui .prop-drawer.modal .modal-dialog { opacity: 0; right: 0; margin: 0; height: 100%; position: fixed; -webkit-transform: translate(20%, 0%); -ms-transform: translate(20%, 0%); -o-transform: translate(20%, 0%); transform: translate(20%, 0%); } .prop-ui .prop-drawer.modal.in .modal-dialog { opacity: 1; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } .prop-ui .prop-drawer .modal-prop-drawer-xl1 { width: 100%; } @media (min-width: 1535px) { .prop-ui .prop-drawer .modal-prop-drawer-xl1 { width: 1496px; } } .prop-ui .prop-drawer .modal-prop-drawer-xl { width: 100%; } @media (min-width: 1535px) { .prop-ui .prop-drawer .modal-prop-drawer-xl { width: 1464px; } } .prop-ui .prop-drawer .modal-prop-drawer-xxl { width: 100%; } @media (min-width: 1920px) { .prop-ui .prop-drawer .modal-prop-drawer-xxl { width: 1920px; } } .prop-ui .prop-drawer .modal-prop-drawer-lg1 { width: 100%; } @media (min-width: 1199px) { .prop-ui .prop-drawer .modal-prop-drawer-lg1 { width: 1000px; } } .prop-ui .prop-drawer .modal-prop-drawer-lg2 { width: 100%; } @media (min-width: 990px) { .prop-ui .prop-drawer .modal-prop-drawer-lg2 { width: 992px; } } .prop-ui .prop-drawer .modal-prop-drawer-lg2 .prop-drawer-body { height: calc(100% - 80px - 62px) !important; } .prop-ui .prop-drawer .modal-prop-drawer-lg3 { width: 100%; } @media (min-width: 990px) { .prop-ui .prop-drawer .modal-prop-drawer-lg3 { width: 988px; } } .prop-ui .prop-drawer .modal-prop-drawer-lg4 { width: 100%; } @media (min-width: 1199px) { .prop-ui .prop-drawer .modal-prop-drawer-lg4 { width: 1160px; } } .prop-ui .prop-drawer .modal-prop-drawer-lg { width: 100%; } @media (min-width: 990px) { .prop-ui .prop-drawer .modal-prop-drawer-lg { width: 968px; } } .prop-ui .prop-drawer .modal-prop-drawer-md { width: 100%; } @media (min-width: 899px) { .prop-ui .prop-drawer .modal-prop-drawer-md { width: 776px; } } .prop-ui .prop-drawer .modal-prop-drawer-sm { width: 100%; } @media (min-width: 599px) { .prop-ui .prop-drawer .modal-prop-drawer-sm { width: 440px; } } .prop-ui .prop-flex-container-fluid { overflow-y: hidden; padding: 0px; display: flex; } .prop-ui .prop-flex-container-fluid .prop-form-view { overflow-y: auto; scroll-behavior: smooth; gap: 12px; } .prop-ui .prop-flex-container-fluid .prop-form-view .prop-toolbar-sticky [data-role=tabstrip] .k-tabstrip-items-wrapper { position: -webkit-sticky; position: sticky; top: 0; z-index: 9; } .prop-ui .prop-flex-container-fluid .prop-form-view .form-view-criteria { padding: 12px 24px 0px 24px; } .prop-ui .prop-flex-container-fluid .prop-form-view .form-view-criteria .prop_invalid_block { display: none; } .prop-ui .prop-flex-container-fluid .prop-form-view #prop-form-view-header { align-self: stretch; } .prop-ui .prop-flex-container-fluid .prop-form-view #prop-form-view-body { overflow-y: auto; scroll-behavior: smooth; scrollbar-width: thin; } .prop-ui .prop-flex-container-fluid .prop-form-view .form-view-breadcrumb { width: 100%; } .prop-ui .prop-flex-container-fluid .prop-form-view md-toast.md-toast-container { width: 500px; right: unset; align-self: center; bottom: 5px; } .prop-ui .prop-form-view-container { background-color: #FFFFFF; box-shadow: 0 0 12px rgba(51, 51, 51, 0.14); border: 1px solid #D9E0E5; border-radius: 8px; padding: 16px; height: 100%; } .prop-ui .prop-text-color-primary { color: #0086E7; } .prop-ui .prop-background-white { background: #FFFFFF; } .prop-ui .prop-lib .prop_grid .loading_case .k-virtual-scrollable-wrap, .prop-ui .prop-lib .prop_grid .k-button.k-button-flat-primary:active::before { opacity: 0; } .prop-ui .prop-lib .prop_grid .k-scrollbar-vertical { width: 17px !important; } .prop-ui .prop-lib .prop_grid .k-grid-toolbar .k-button-outline { background-color: transparent; } .prop-ui .prop-lib .prop_grid .header_checkbox_container { display: flex; gap: 10px; justify-content: center; } .prop-ui .prop-lib .prop_grid .header_checkbox_container .k-checkbox { top: 2px; } .prop-ui .prop-lib .prop_grid .right_sub_blk { display: flex; gap: 4px; } .prop-ui .prop-lib .prop_grid .empty-state { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 100%; } .prop-ui .prop-lib .prop_grid .max_right_blk { display: flex; gap: 4px; } .prop-ui .prop-lib .prop_grid .max_right_blk .ws_logging_icon { pointer-events: all !important; } .prop-ui .prop-lib .prop_grid .link_open_in_new { display: flex; justify-content: space-between; } .prop-ui .prop-lib .prop_grid .link_open_in_new.right_align_content { justify-content: flex-end; gap: 10px; } .prop-ui .prop-lib .prop_grid .link_open_in_new .mdi { color: #0086E7; } .prop-ui .prop-lib .prop_grid .prop-btn { gap: 8px; } .prop-ui .prop-lib .prop_grid .prop-btn .k-button.k-button-flat-primary { margin: 0; padding: 4px; } .prop-ui .prop-lib .prop_grid.prop-grid-hide-toolbar .k-grid .k-grid-toolbar { display: none; } .prop-ui .prop-lib .prop_grid.prop-grid-autowidth .k-grid-header-wrap.k-auto-scrollable { border-right-width: 0; } .prop-ui .prop-lib .prop_grid.prop-grid-autowidth .k-grid table { min-width: 100% !important; width: 100% !important; } .prop-ui .prop-lib .prop_grid .divider { height: 30px; } .prop-ui .prop-lib .prop_grid .no_refine_selection input.k-checkbox { display: block; margin: 0 auto !important; } .prop-ui .prop-lib .prop_grid .k-header .no_column_menu .k-grid-filter { right: 8px; } .prop-ui .prop-lib .prop_grid .column_field_checkbox .k-checkbox { margin: 0 auto; } .prop-ui .prop-lib .prop_grid td.prop-grid-editable-input { font-size: 14px; } .prop-ui .prop-lib .prop_grid td.prop-grid-editable-input:after { content: ""; display: block; height: calc(100% - 4px); width: calc(100% - 3px); border: rgba(9, 11, 12, 0.24) solid 1px; position: absolute; left: 2px; top: 2px; line-height: 2; z-index: 0; } .prop-ui .prop-lib .prop_grid td.prop-grid-editable-input.prop_grid_cell_highlight:after { border-color: #f75959; } .prop-ui .prop-lib .prop_grid td.prop-grid-editable-input.k-edit-cell span.k-input .k-input-inner { padding: 8px !important; line-height: 20px; height: 32px; box-sizing: border-box; font-size: 14px; } .prop-ui .prop-lib .prop_grid td.prop-grid-editable-input.k-edit-cell { padding: 2px !important; } .prop-ui .prop-lib .prop_grid td.prop-grid-editable-input.k-edit-cell > .k-input, .prop-ui .prop-lib .prop_grid td.prop-grid-editable-input .k-dropdownlist { border: 1px solid rgba(9, 11, 12, 0.24) !important; border-radius: 0px !important; background: #FFFFFF !important; } .prop-ui .prop-lib .prop_grid td.prop-grid-editable-input .k-numerictextbox input.k-input-inner { text-align: right; } .prop-ui .prop-lib .prop_grid td.prop-grid-editable-input.k-edit-cell > .k-input:focus, .prop-ui .prop-lib .prop_grid td.prop-grid-editable-input.k-edit-cell > .k-input:focus-within, .prop-ui .prop-lib .prop_grid td.prop-grid-editable-input .k-picker:focus, .prop-ui .prop-lib .prop_grid td.prop-grid-editable-input .k-picker:focus-within { border-color: #0086E7 !important; } .prop-ui .prop-lib .prop_grid td.prop-grid-editable-input .k-datepicker .k-input-button { margin: 0px; } .prop-ui .prop-lib .prop_grid .k-grid tbody tr td.k-edit-cell > span { display: flex; margin: 0px; } .prop-ui .prop-lib .prop_grid .chip_template_blk { margin-top: 5px; } .prop-ui .prop-lib .prop_grid .right_blk_tag { padding: 5px 8px; font-size: 12px; border-radius: 100px; margin-right: 3px; box-sizing: border-box; height: 22px; display: inline-block; line-height: 0.8; } .prop-ui .prop-lib .prop_grid .primary_view { background-color: #0086E7; color: #FFFFFF; line-height: 1.05; } .prop-ui .prop-lib .prop_grid .secondary_view { border: 1px solid #3A4145; background-color: rgba(255, 255, 255, 0); } .prop-ui .prop-lib .prop_grid .k-grid-header .k-grid-header-menu { width: auto; padding: 2px; } .prop-ui .prop-lib .prop_grid .k-grid .k-grid-header .k-header .k-link { height: auto; width: calc(100% - 50px); padding: 8px 0 8px 0 !important; display: flex; align-items: flex-start; } .prop-ui .prop-lib .prop_grid .k-grid-content-locked input.k-checkbox, .prop-ui .prop-lib .prop_grid .k-grid-content input.k-checkbox { display: block; margin: 0 auto !important; } .prop-ui .prop-lib .prop_grid .k-grid tr td, .prop-ui .prop-lib .prop_grid .k-grid-header th.k-header { border-right-style: solid; border-left-style: solid; } .prop-ui .prop-lib .prop_grid .k-grid .k-grid-footer tr td { height: 1px; padding: 0px !important; } .prop-ui .prop-lib .prop_grid .k-grid-header-locked, .prop-ui .prop-lib .prop_grid .k-grid-content-locked { border: none !important; } .prop-ui .prop-lib .prop_grid .k-grid-header-locked th { border-top: 1px solid #e5e5e5 !important; } .prop-ui .prop-lib .prop_grid .k-grid .k-grid-content-locked tr td, .prop-ui .prop-lib .prop_grid .k-grid .k-grid-header-locked th { border-right: 1px solid rgba(9, 11, 12, 0.4) !important; } .prop-ui .prop-lib .prop_grid .k-grid tr td, .prop-ui .prop-lib .prop_grid .k-grid-header th.k-header { border-bottom-width: 0; } .prop-ui .prop-lib .prop_grid .k-grid .k-toolbar { padding: 0px; height: 56px; display: flex; flex-direction: row; align-items: center; width: 100%; padding-left: 8px; padding-right: 8px; } @media (max-width: 599px) { .prop-ui .prop-lib .prop_grid .k-grid .k-toolbar { height: auto; flex-wrap: wrap; } } .prop-ui .prop-lib .prop_grid .k-grid .k-grouping-header { width: 30%; display: inline-block; height: 34px; border: none; color: rgba(9, 11, 12, 0.4); padding-left: 0; font-size: 14px; } .prop-ui .prop-lib .prop_grid .k-grid-header .k-header > .k-link, .prop-ui .prop-lib .prop_grid .k-header, .prop-ui .prop-lib .prop_grid .k-treemap-title, .prop-ui .prop-lib .prop_grid .k-filter-row th, .prop-ui .prop-lib .prop_grid .k-grid-header th.k-header, .prop-ui .prop-lib .prop_grid .k-grid-header .k-header .k-link { color: #424242; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .prop-lib .prop_grid .k-footer-template tr td { border-color: transparent; } .prop-ui .prop-lib .prop_grid .k-grid-content, .prop-ui .prop-lib .prop_grid .k-grid-pager, .prop-ui .prop-lib .prop_grid .prop_custom_pager, .prop-ui .prop-lib .prop_grid .k-pager-info { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #424242; } .prop-ui .prop-lib .prop_grid .k-pager-info, .prop-ui .prop-lib .prop_grid .prop_custom_pager { padding: 6px; margin-right: 0px; margin-left: 0px; flex: none; order: unset; } .prop-ui .prop-lib .prop_grid .k-grid-pager .selected_row_label { display: flex; align-items: center; justify-content: flex-end; } .prop-ui .prop-lib .prop_grid .k-grid-pager .selected_row_label .round { height: 4px; width: 4px; display: inline-block; margin-left: 12px; margin-right: 6px; background-image: url('data:image/svg+xml;utf8,'); } .prop-ui .prop-lib .prop_grid .k-grid-pager .selected_row_label .row_cnt { font-weight: 600; margin-right: 4px; } .prop-ui .prop-lib .prop_grid .k_grid_empty_content { background: url("/app/shared/images/empty_grid_v2.png") center no-repeat; position: absolute; display: block; right: 0; bottom: 0px; width: 100%; height: 100%; top: 0px; left: 0px; } .prop-ui .prop-lib .prop_grid .k_grid_noresult_content { background: url("/app/shared/images/no_result_grid_v2.png") center no-repeat; position: absolute; display: block; right: 0; bottom: 0px; width: 100%; height: 100%; top: 0px; left: 0px; } .prop-ui .prop-lib .prop_grid .k-grid-norecords { position: sticky; left: 0; } .prop-ui .prop-lib .prop_grid [kendo-ep-grid] td:not(.k-detail-cell) input.k-checkbox { border: 0px; background: transparent; } .prop-ui .prop-lib .prop_grid input[type=checkbox]:focus { outline: 0; box-shadow: 0 0 3px 0 linear-gradient(0deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.16) 100%), #0086E7; } .prop-ui .prop-lib .prop_grid [kendo-ep-grid] td:not(.k-detail-cell) input.k-checkbox::after, .prop-ui .prop-lib .prop_grid [kendo-ep-grid] th:not(.k-detail-cell) input.k-checkbox::after, .prop-ui .prop-lib .prop_grid [kendo-ep-grid] td:not(.k-detail-cell) input.k-checkbox:checked::after { border: 1px solid rgba(9, 11, 12, 0.16) !important; border-radius: 2px; width: 16px; height: 16px; } .prop-ui .prop-lib .prop_grid .k-grid tbody > tr.k-alt { background: linear-gradient(0deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04)), #FFFFFF; } .prop-ui .prop-lib .prop_grid [kendo-ep-grid] td:not(.k-detail-cell) input.k-checkbox:checked::after, .prop-ui .prop-lib .prop_grid [kendo-ep-grid] th:not(.k-detail-cell) input.k-checkbox:checked::after { background: #0091EA !important; color: #FFFFFF !important; } .prop-ui .prop-lib .prop_grid .k-grid .k-header .k-button, .prop-ui .prop-lib .prop_grid .k-grid .k-header .k-button:hover { color: #0086E7; background-color: #FFFFFF; } .prop-ui .prop-lib .prop_grid .k-grid-toolbar .k-button[disabled] { background-color: #FFFFFF !important; color: #8C9397 !important; } .prop-ui .prop-lib .prop_grid .drop_message { border: 2px dashed #e5e5e5; padding: 0 5px; display: inline-block; border-radius: 4px; } .prop-ui .prop-lib .prop_grid.main_grid_wrapper, .prop-ui .prop-lib .prop_grid .main-content-wrapper { position: inherit; } .prop-ui .prop-lib .prop_grid .k-grid-pager { width: 100%; background-color: #FAFAFA; padding: 8px; } .prop-ui .prop-lib .prop_grid .grid_fixed_footer .k-grid-pager { position: fixed !important; bottom: 0; left: 0; } .prop-ui .prop-lib .prop_grid .grid_fixed_footer .k-grid-pager.expand { bottom: 48px; } .prop-ui .prop-lib .prop_grid .k-icon { font-size: 18px; cursor: pointer; } .prop-ui .prop-lib .prop_grid .grid_toolbar_icons, .prop-ui .prop-lib .prop_grid .grid_toolbar_icons:hover { box-shadow: none; background-color: #FFFFFF !important; color: #0086E7 !important; } .prop-ui .prop-lib .prop_grid .k-grid tbody > tr.k-alt.k-selected, .prop-ui .prop-lib .prop_grid .k-grid tbody > tr.k-selected { background: #D2F3DF !important; } .prop-ui .prop-lib .prop_grid .k-grid tbody > tr.ep_row_focus, .prop-ui .prop-lib .prop_grid .k-grid tbody > tr.k-selected.ep_row_focus, .prop-ui .prop-lib .prop_grid .k-grid tbody > tr.k-alt.k-selected.ep_row_focus { background: rgba(255, 225, 98, 0.5) !important; } .prop-ui .prop-lib .prop_grid .k-grid tbody > tr:hover, .prop-ui .prop-lib .prop_grid .k-grid tbody > tr.k-selected:hover, .prop-ui .prop-lib .prop_grid .k-grid tbody > tr.k-alt.k-selected:hover, .prop-ui .prop-lib .prop_grid .k-grid tbody > tr.ep_row_focus:hover, .prop-ui .prop-lib .prop_grid .k-grid tbody > tr.k-alt.ep_row_focus:hover { background-color: rgba(0, 134, 231, 0.1607843137) !important; } .prop-ui .prop-lib .prop_grid .k-grid tr td { padding: 8px 12px !important; height: 16px; line-height: 1; } .prop-ui .prop-lib .prop_grid .toolbar_right_block { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 4px; height: 34px; margin: 0px 0px 0px auto; } .prop-ui .prop-lib .prop_grid .side_right_blk { padding-right: 35px; } .prop-ui .prop-lib .prop_grid .side_panel_btn { position: absolute; right: 8px; } .prop-ui .prop-lib .prop_grid .k-grid table { min-width: auto; } .prop-ui .prop-lib .prop_grid .selector_header { position: relative; width: 35px; margin: 0 auto; } .prop-ui .prop-lib .prop_grid .toolbar_left_block, .prop-ui .prop-lib .prop_grid .toolbar_first_block { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 4px; width: auto; height: 34px; margin: 0px; } .prop-ui .prop-lib .prop_grid .grid_toolbar_icons { padding: 6px 12px !important; margin: 0 !important; width: auto; height: auto; } .prop-ui .prop-lib .prop_grid .mdi-24px.mdi-set, .prop-ui .prop-lib .prop_grid .mdi-24px.mdi:before { font-size: 21px; } .prop-ui .prop-lib .prop_grid .k-grid-header .k-header > .k-link, .prop-ui .prop-lib .prop_grid .k-filter-row th, .prop-ui .prop-lib .prop_grid .k-grid-header th.k-header { text-transform: none; } .prop-ui .prop-lib .prop_grid .mdi-18px.mdi-set, .prop-ui .prop-lib .prop_grid .mdi-18px.mdi:before { font-size: 15px; } .prop-ui .prop-lib .prop_grid .generic-grid-container-two { padding: 5px; margin-top: 0; background: transparent; box-shadow: none; overflow-y: hidden; } .prop-ui .prop-lib .prop_grid .ep-new-grid { border-bottom-width: 0px; } .prop-ui .prop-lib .prop_grid .divider_blk { height: 32px; border: 1px solid rgba(9, 11, 12, 0.08); display: inline-block; } .prop-ui .prop-lib .prop_grid .k-input { border-radius: 4px !important; border: 1px solid rgba(9, 11, 12, 0.24); height: 32px; background: #FFFFFF; margin-top: 0px; } .prop-ui .prop-lib .prop_grid .k-input:hover { border-color: #0086E7 !important; } .prop-ui .prop-lib .prop_grid .k-input:focus, .prop-ui .prop-lib .prop_grid .k-input:focus-within { border-color: #0086E7 !important; box-shadow: none; border-bottom: 1px solid #0086E7 !important; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .prop-ui .prop-lib .prop_grid [kendo-grid] tbody tr td > :focus { color: inherit !important; } .prop-ui .prop-lib .prop_grid .k-grid { border: 1px solid rgba(9, 11, 12, 0.08); box-shadow: 0px 1px 12px rgba(51, 51, 51, 0.14); border-radius: 6px; position: inherit; } .prop-ui .prop-lib .prop_grid div.k-grid-header { background-color: #fafafa; } .prop-ui .prop-lib .prop_grid .grid_cell_span { margin-bottom: 3px; } .prop-ui .prop-lib .prop_grid .k-grid td > span { line-height: 1.11; display: block; vertical-align: middle; min-height: auto; text-overflow: ellipsis; overflow: hidden; } .prop-ui .prop-lib .prop_grid .k-grid td > span.k-dirty { position: absolute; } .prop-ui .prop-lib .prop_grid .k-button-solid-base.k-active, .prop-ui .prop-lib .prop_grid .k-button-solid-base:active { background-color: #d8d8d8; } .prop-ui .prop-lib .prop_grid .k-selection-multiple { padding: 3px 6px; } .prop-ui .prop-lib .prop_grid .k-selection-multiple .k-input-inner { padding: inherit; padding-left: 0px !important; } .prop-ui .prop-lib .prop_grid .k-grouping-header .k-group-indicator, .prop-ui .prop-lib .prop_grid .k-grouping-header .k-group-indicator { background: linear-gradient(180deg, rgba(0, 0, 0, 0.000002) 0%, rgba(0, 0, 0, 0.02) 100%), #F5F5F5; color: #3A4145; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.16); margin: 4px 5px; } .prop-ui .prop-lib .prop_grid .k-grouping-header .k-link, .prop-ui .prop-lib .prop_grid .k-grouping-header .k-link:link { color: #3A4145; padding: 0px !important; } .prop-ui .prop-lib .prop_grid input.k-checkbox, .prop-ui .prop-lib .prop_grid .k-filter-menu-container .k-checkbox-label > .k-checkbox { display: inherit; opacity: unset; width: 16px; height: 16px; margin: unset; border-radius: 2px; border-width: 1px !important; border-style: solid; border-color: var(--checkbox-border-v2); position: relative; padding: 2px; background: #FFFFFF; color: #FFFFFF; } .prop-ui .prop-lib .prop_grid input.k-checkbox:checked, .prop-ui .prop-lib .prop_grid input.k-checkbox:checked:before, .prop-ui .prop-lib .prop_grid .k-filter-menu-container .k-checkbox-label > .k-checkbox:checked, .prop-ui .prop-lib .prop_grid .k-filter-menu-container .k-checkbox-label > .k-checkbox:checked:before { background: #0086E7; color: #FFFFFF !important; outline: none; box-shadow: none; border: 1px solid var(--checkbox-border-v2); border-radius: 2px; } .prop-ui .prop-lib .prop_grid .k-i-loading { position: inherit; right: inherit; } .prop-ui .prop-lib .prop_grid .k-grid .k-toolbar.k-grid-toolbar .grid_toolbar_icons { margin-right: 0 !important; height: 34px; width: 44px; padding: 4px 8px !important; } .prop-ui .prop-lib .prop_grid .k-grid .k-toolbar.k-grid-toolbar .grid_toolbar_icons span.mdi, .prop-ui .prop-lib .prop_grid .k-grid .k-toolbar.k-grid-toolbar .grid_toolbar_icons img, .prop-ui .prop-lib .prop_grid .k-grid .k-toolbar.k-grid-toolbar .grid_toolbar_icons span.k-icon { width: 26px; height: 26px; display: block; font-size: 26px; display: flex; justify-content: center; align-items: center; } .prop-ui .prop-lib .prop_grid { /*Column grouping - Start*/ } .prop-ui .prop-lib .prop_grid span.k-button-icon.k-i-close.k-font-icon { margin: 0px !important; } .prop-ui .prop-lib .prop_grid .k-button-flat { margin-right: 8px; margin-bottom: 4px; } .prop-ui .prop-lib .prop_grid { /*Column grouping - End*/ } .prop-ui .prop-lib .prop_grid .k-i-arrow-s:before { content: "\f035d"; } .prop-ui .prop-lib .prop_grid .k-filter-menu .k-i-arrow-s:before { content: "\e006"; } .prop-ui .prop-lib .prop_grid .k-filter-menu span.k-picker { background-color: #FFFFFF; border: 1px solid rgba(9, 11, 12, 0.24); border-radius: 4px !important; height: 32px; } .prop-ui .prop-lib .prop_grid .k-filter-menu .k-input-button { border-left: 1px solid rgba(9, 11, 12, 0.08); background: var(--secondary-button-bg-v2); } .prop-ui .prop-lib .prop_grid .k-filter-menu span.k-input .k-input-inner { height: 32px; padding: 0; padding-left: 10px; } .prop-ui .prop-lib .prop_grid .k-actions-stretched .k-button-solid-primary { order: 2; margin-right: 0 !important; padding: 8px 9px; height: 34px; font-weight: 400; } .prop-ui .prop-lib .prop_grid .k-filter-menu.k-popup .k-filter-menu-container { padding: 8px; } .prop-ui .prop-lib .prop_grid .extra-icon-block.k-font-icon.k-i-arrow-s:before { content: "\f035d"; font-family: "Material Design Icons"; font-size: 21px; } .prop-ui .prop-lib .prop_grid .extra-icon-block.k-font-icon { position: absolute; right: 0px; bottom: 5px; } .prop-ui .prop-lib .prop_grid .header_menu_blk { position: absolute; top: 50%; margin-top: -10px; right: 0px; } .prop-ui .prop-lib .prop_grid .calculated_column { background: linear-gradient(180deg, rgb(168, 107, 253) 10%, rgb(255, 255, 255) 10%, rgb(250, 250, 250) 100%) !important; } .prop-ui .prop-lib .prop_grid .k-grid-header th.k-header { border-top-width: 0 !important; } .prop-ui .prop-lib .prop_grid .header_menu_wrp.k-context-menu.k-menu-vertical > .k-item > .k-link { padding: 5px; } .prop-ui .prop-lib .prop_grid .header_menu_wrp.k-context-menu.k-menu-vertical > .k-item { border-bottom: 1px solid #e5e5e5; margin: 0; } .prop-ui .prop-lib .prop_grid .header_menu_wrp.ep-material-panel-popover li.link span.action_title { padding-left: 5px; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; flex-grow: 1; } .prop-ui .prop-lib .prop_grid .header_menu_wrp.k-context-menu.k-menu-vertical > .k-item.k-hover, .prop-ui .prop-lib .prop_grid .header_menu_wrp.k-context-menu.k-menu-vertical > .k-item.k-focus, .prop-ui .prop-lib .prop_grid .header_menu_wrp.k-menu.k-context-menu .k-item > .k-link:hover, .prop-ui .prop-lib .prop_grid .header_menu_wrp.k-menu.k-context-menu .k-item > .k-link:active { background-color: rgba(0, 134, 231, 0.08); } .prop-ui .prop-lib .prop_grid .pager-loader { width: 5px; height: 5px; } .prop-ui .prop-lib .prop_grid { /*.grid_v2_toast .md-toast-content { background-color: var(--primary-light-v2) !important; color: black; }*/ } .prop-ui .prop-lib .prop_grid .grid_v2_toast_btn.md-button, .prop-ui .prop-lib .prop_grid .grid_v2_toast_btn.md-button:hover, .prop-ui .prop-lib .prop_grid .grid_v2_toast_btn.md-button:focus { background: var(--secondary-button-bg-v2) !important; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .prop-lib .prop_grid .grid_v2_toast_btn.md-button { height: 32px !important; width: 80px; color: #000000 !important; text-transform: capitalize; margin-right: 8px; font-family: Source Sans Pro !important; font-weight: 600; } .prop-ui .prop-lib .prop_grid .grid_v2_toast_btn > i { color: #000000; padding: 3px; } .prop-ui .prop-lib .prop_grid span.k-widget { width: auto !important; display: flex; align-items: center; justify-content: center; flex-direction: column; padding-left: 5px; } .prop-ui .prop-lib .prop_grid md-toast.grid_v2_toast.md-center { left: 50%; transform: translate3d(-50%, 0, 0); min-width: 500px; bottom: 0; } .prop-ui .prop-lib .prop_grid .mdi-arrow-expand-all::before, .prop-ui .prop-lib .prop_grid .mdi-arrow-collapse-all::before { content: "\f084f"; } .prop-ui .prop-lib .prop_grid input.k-checkbox[disabled]::before, .prop-ui .prop-lib .prop_grid input.k-checkbox.disabled::before { opacity: 0.6; } .prop-ui .prop-lib .prop_grid .k-grid-header th.k-sorted { background: linear-gradient(0deg, rgba(0, 134, 231, 0.04) 0%, rgba(0, 134, 231, 0.04) 100%), #FFF; } .prop-ui .prop-lib .prop_grid .k-grid-header th .k-font-icon.k-i-sort-desc-sm, .prop-ui .prop-lib .prop_grid .k-grid-header th .k-font-icon.k-i-sort-asc-sm, .prop-ui .prop-lib .prop_grid .k-grid-header .k-sort-order { color: #0086E7; } .prop-ui .prop-lib .prop_grid .k-grid-header th .k-font-icon.k-i-sort-desc-sm, .prop-ui .prop-lib .prop_grid .k-grid-header th .k-font-icon.k-i-sort-asc-sm { padding-top: 3px; } .prop-ui .prop-lib .prop_grid .k-loading-image::before, .prop-ui .prop-lib .prop_grid .k-loading-image::after { display: none; } .prop-ui .prop-lib .prop_grid { /*Column menu filters*/ } .prop-ui .prop-lib .prop_grid .k-grid-filter-menu.k-grid-header-menu.k-active, .prop-ui .prop-lib .prop_grid .k-grid-filter-menu.k-grid-header-menu:focus, .prop-ui .prop-lib .prop_grid .k-grid-filter-menu.k-grid-header-menu:hover, .prop-ui .prop-lib .prop_grid .k-grid-filter-menu.k-grid-header-menu.k-state-border-down { background: var(--ep-bg-link-hover); color: #FFFFFF; } .prop-ui .prop-lib .prop_grid .k-filter-menu-container .k-checkbox-label:before { display: none; } .prop-ui .prop-lib .prop_grid .k-filter-menu-container .k-checkbox-label { padding-left: 0; } .prop-ui .prop-lib .prop_grid .k-filter-menu-container .k-checkbox-label > .k-checkbox { margin-right: 8px; outline: none; box-shadow: none; } .prop-ui .prop-lib .prop_grid .k-filter-menu-container .k-checkbox::before { width: 14px; height: 14px; font-size: 13px; } .prop-ui .prop-lib .prop_grid .k-filter-menu-container .k-checkbox span { position: relative; } .prop-ui .prop-lib .prop_grid .k-filter-menu span.k-input.k-searchbox.k-textbox .k-input-inner { padding-left: 25px !important; } .prop-ui .prop-lib .prop_grid .k-filter-menu span.k-input.k-searchbox { height: 32px; border-radius: 4px !important; } .prop-ui .prop-lib .prop_grid .k-filter-menu span.k-input.k-searchbox.k-textbox .k-font-icon { margin: 0; } .prop-ui .prop-lib .prop_grid .k-filter-menu .k-checkbox-label span { position: relative; top: 3px; } .prop-ui .prop-lib .prop_grid .k-filter-help-text { font-size: 14px; font-weight: 600; margin: 0 0 10px 0; padding-top: 8px; padding-bottom: 13px; border-bottom: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .prop-lib .prop_grid .k-filter-menu span.k-input.k-textbox .k-input-inner { height: 32px; font-size: 14px; line-height: 20px; padding: 0; padding-left: 10px !important; } .prop-ui .prop-lib .prop_grid .k-filter-menu span.k-input.k-textbox:focus-within, .prop-ui .prop-lib .prop_grid .k-filter-menu span.k-input.k-textbox:focus, .prop-ui .prop-lib .prop_grid .k-filter-menu span.k-input.k-textbox:hover, .prop-ui .prop-lib .prop_grid .k-filter-menu span.k-numerictextbox:focus-within, .prop-ui .prop-lib .prop_grid .k-filter-menu span.k-numerictextbox:focus, .prop-ui .prop-lib .prop_grid .k-filter-menu span.k-numerictextbox:hover, .prop-ui .prop-lib .prop_grid .k-filter-menu span.k-picker.k-hover, .prop-ui .prop-lib .prop_grid .k-filter-menu span.k-picker.k-focus, .prop-ui .prop-lib .prop_grid .k-filter-menu .k-datepicker.k-hover, .prop-ui .prop-lib .prop_grid .k-filter-menu .k-datepicker.k-focus { border: 1px solid #0086E7; } .prop-ui .prop-lib .prop_grid .k-filter-menu-container .k-actions-stretched { border-top: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .prop-lib .prop_grid .k-filter-menu span.k-numerictextbox .k-input-spinner { display: none; } .prop-ui .prop-lib .prop_grid .k-filter-menu .k-actions-stretched .k-button, .prop-ui .prop-lib .prop_grid .k-filter-menu .k-datepicker, .prop-ui .prop-lib .prop_grid .k-filter-menu .k-numerictextbox, .prop-ui .prop-lib .prop_grid .k-filter-menu .k-textbox { height: 32px; border-radius: 4px !important; margin-top: 8px; } .prop-ui .prop-lib .prop_grid .k-filter-menu-container .k-font-icon.k-i-arrow-s { font: 16px/1 WebComponentsIcons !important; } .prop-ui .prop-lib .prop_grid .k-filter-menu span.k-filter-and { width: 7em; } .prop-ui .prop-lib .prop_grid .k-grid .k-cell-inner .k-grid-filter-menu.k-grid-filter { top: 8px; } .prop-ui .prop-lib .prop_grid span.k-dropdownlist[title="Additional operator"], .prop-ui .prop-lib .prop_grid .k-filter-menu span.k-filter-and { display: none; } .prop-ui .prop-lib .prop_grid .k-header .k-grid-filter { width: 20px; height: 20px; } .prop-ui .prop-lib .prop_grid .k-filter-menu-container label { margin-right: 15px; } .prop-ui .prop-lib .prop_grid .k-filter-menu-container input[type=radio] { width: 15px; margin-right: 5px; } .prop-ui .prop-lib .prop_grid { /*end*/ } .prop-ui .prop-lib .prop_grid .k-grid-pager { justify-content: flex-end; border-top: 1px solid rgba(9, 11, 12, 0.08); box-sizing: border-box; } .prop-ui .prop-lib .prop_grid span.grid_v2_pager_loader { flex-direction: row; } .prop-ui .prop-lib .prop_grid { /*Grid header checkbox indeterminate mode*/ } .prop-ui .prop-lib .prop_grid .k-checkbox:indeterminate::before { color: #0086E7; width: 8px; height: 2px; background-color: var(--primary-v2); } .prop-ui .prop-lib .prop_grid .grid_v2_skeleton { position: absolute; } .prop-ui .prop-lib .prop_grid .grid_setting_chkbox { width: 15px; display: flex; padding: 4px; align-items: center; flex: none; order: 0; flex-grow: 0; cursor: pointer; } .prop-ui .prop-lib .prop_grid input.grid_setting_column_input { border-width: 0px; margin-left: 4px; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; width: calc(100% - 20px); outline: 0; align-items: center; display: none; flex: none; order: 0; flex-grow: 0; } .prop-ui .prop-lib .prop_grid .grid_setting_col_edit_border { border-bottom: 1px solid #0086E7 !important; /*background: linear-gradient(0deg, rgba(0, 134, 231, 0.04), rgba(0, 134, 231, 0.04)), #FFFFFF;*/ } .prop-ui .prop-lib .prop_grid .locked_column_placeholder { border-bottom: 2px dashed #0086E7; } .prop-ui .prop-lib .prop_grid { /*---grid loader-----*/ /* Animation*/ } @keyframes prop-grid-skeleton-wave { 0% { transform: translateX(-100%); } 60% { transform: translateX(100%); } 100% { transform: translateX(100%); } } .prop-ui .prop-lib .prop_grid .k-loading-mask, .prop-ui .prop-lib .prop_grid .k-loading-mask:after { background-image: url("/app/shared/images/sk-5.svg"); } @keyframes prop-grid-skeleton-pulse { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } } @-webkit-keyframes background { 0% { background-image: url("/app/shared/images/View Loading 1.1.svg"); } 33% { background-image: url("/app/shared/images/View Loading 1.2.svg"); } 66% { background-image: url("/app/shared/images/View Loading 1.3.svg"); } 100% { background-image: url("/app/shared/images/View Loading 1.4.svg"); } } .prop-ui .prop-lib .prop_grid .k-loading-mask { animation: prop-grid-skeleton-pulse 1.5s ease-in-out 0.5s infinite; } .prop-ui .prop-lib .prop_grid .k-loading-image { -webkit-animation-name: background; -webkit-animation-duration: 5s; -webkit-animation-direction: alternate; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; position: absolute; transform: translate(0px); z-index: 100; } .prop-ui .prop-lib .prop_grid { /* search_v2 ends here */ /* Grid Settings --- Start */ } .prop-ui .prop-lib .prop_grid.main_grid_wrapper { display: flex; height: 100%; width: 100%; flex-direction: column; position: relative; } .prop-ui .prop-lib .prop_grid .prop_grid_container { width: 100%; height: 100%; transition: width 0.213s ease-in-out 0s; } .prop-ui .prop-lib .prop_grid .prop_grid_container.expanded { width: 100%; } .prop-ui .prop-lib .prop_grid .prop_grid_container.collapsed { width: calc(100% - 316px); } .prop-ui .prop-lib .prop_grid .prop_grid_sidebar_container { position: absolute; width: 312px; height: 100%; right: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px, rgba(0, 0, 0, 0.05) 0px 2px 3px; animation-duration: 0.213s; animation-fill-mode: both; background: white; /*border-radius: 2px;*/ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; /* gap: 16px; */ /*width: 320px;*/ /*height: calc(100% - 183px);*/ border: 1px solid rgba(9, 11, 12, 0.08); border-radius: 4px; /* flex: none; */ order: 1; flex-grow: 0; box-sizing: border-box; } .prop-ui .prop-lib .prop_grid .sidebar_header { width: 100%; padding: 0px 12px; display: flex; justify-content: space-between; box-sizing: border-box; } .prop-ui .prop-lib .prop_grid .sidebar_column_container { /* box-sizing: border-box; */ display: flex; flex-direction: column; align-items: flex-start; /* padding: 0px 8px; */ width: calc(100% - 16px); height: calc(100% - 61px); border-width: 1px 1px 1px 1px; border-style: solid; border-color: #D9E0E5; margin: 8px; border-radius: 5px; } .prop-ui .prop-lib .prop_grid .grid-settings-clear-icon { width: 25px; height: 25px; } .prop-ui .prop-lib .prop_grid .grid-settings-search-icon { color: var(--primary-v2); } .prop-ui .prop-lib .prop_grid .grid-box-shadow { box-shadow: none; } .prop-ui .prop-lib .prop_grid .sidebar_header > h4 { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 18px; display: flex; align-items: center; } .prop-ui .prop-lib .prop_grid .column_header { padding: 10px; height: 40px; background: #FAFAFA; border: 1px solid #D9E0E5; border-radius: 4px 4px 0px 0px; width: 100%; flex: none; order: 0; flex-grow: 1; box-sizing: border-box; justify-content: space-between; display: flex; flex-direction: row; align-items: center; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .prop-lib .prop_grid span.header_button { /* width: 94px; */ /* height: 31px; */ display: flex; justify-content: space-around; align-items: flex-end; display: flex; /* flex-direction: row; */ /* justify-content: center; */ align-items: center; /* padding: 3px 9px; */ } .prop-ui .prop-lib .prop_grid .header_button > button { width: 94px; height: 31px; display: flex; justify-content: space-around; align-items: flex-end; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 3px 9px; border: 1px solid #0080DC; border-radius: 4px; background: #0086E7; color: #FFFFFF; } .prop-ui .prop-lib .prop_grid .header_button > button:hover, .prop-ui .prop-lib .prop_grid .header_button > button:active, .prop-ui .prop-lib .prop_grid .header_button > button:focus { border-color: #116fa5; background-color: #116fa5; color: #FFFFFF; } .prop-ui .prop-lib .prop_grid .header_button .upper_case { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; display: flex; align-items: center; text-align: center; text-transform: capitalize; } .prop-ui .prop-lib .prop_grid .autosize_icon { height: 16px; width: 16px; position: relative; left: 6.25%; right: 6.25%; top: 6.25%; bottom: 6.25%; background-image: url('data:image/svg+xml;utf8,refresh-auto'); } .prop-ui .prop-lib .prop_grid .column_title_list_wrapper { overflow-y: scroll; width: 100%; min-height: calc(100% - 80px); } .prop-ui .prop-lib .prop_grid .grid-settings-sortable-list { padding: 2px; } .prop-ui .prop-lib .prop_grid li.column_title_list { height: 38px; display: flex; flex-direction: row; align-items: center; padding: 4px; list-style-type: none; border-bottom: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .prop-lib .prop_grid .grid_setting_column_title { cursor: text; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; padding: 0px 8px; overflow: hidden; display: flex; text-overflow: ellipsis; white-space: nowrap; min-height: 19px; } .prop-ui .prop-lib .prop_grid span.header_text { display: flex; flex-direction: row; align-items: center; padding: 0px 0px 0px 2px; } .prop-ui .prop-lib .prop_grid .grid_setting_column_list { height: calc(100% - 80px); width: 100%; overflow-y: auto; } .prop-ui .prop-lib .prop_grid .search_container { /*display: flex; flex-direction: row; align-items: center;*/ padding: 5px 6px; height: 32px; border: 1px solid rgba(9, 11, 12, 0.08); border-radius: 4px; width: 288px; margin: 5px; display: flex; flex-direction: row; align-items: center; box-sizing: border-box; } .prop-ui .prop-lib .prop_grid .search_container_focus { border: 1px solid #0086E7; } .prop-ui .prop-lib .prop_grid .search_container > input { border: none !important; /* position: absolute; */ width: 290px; height: 20px; text-indent: unset; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; display: flex; align-items: center; } .prop-ui .prop-lib .prop_grid .prop_grid_sidebar_container.collapsed { animation-name: slideOutRight; } .prop-ui .prop-lib .prop_grid .prop_grid_sidebar_container.expanded { animation-name: slideInRight; } .prop-ui .prop-lib .prop_grid .prop_grid_sidebar_container.collapsed { left: calc(100% + 50px); } .prop-ui .prop-lib .prop_grid .grid_settings_handle { cursor: move; } .prop-ui .prop-lib .prop_grid .grid_settings_sortable { border-bottom: 1px solid #e5e5e5; padding: 3px 3px; } .prop-ui .prop-lib .prop_grid .grid_setting_loaders-container { width: 95%; height: calc(100% - 80px); position: absolute; /* left: 0px; */ z-index: 1000; background: #f5f5f5; /* display: flex; */ /* justify-content: center; */ /* top: 50%; */ } .prop-ui .prop-lib .prop_grid .grid_setting_loaders-container .circle { box-sizing: border-box; width: 50px; height: 50px; border-radius: 100%; border: 3px solid rgba(13, 145, 202, 0.3); border-top-color: #0d90c9; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; position: absolute; left: 50%; top: 50%; margin: 0px auto; } .prop-ui .prop-lib .prop_grid .grid_setting_column_right_icons { display: flex; justify-content: end; flex-direction: row; width: 45px; } .prop-ui .prop-lib .prop_grid .grid_setting_column_left { width: calc(100% - 50px); display: flex; flex-direction: row; align-items: center; } .prop-ui .prop-lib .prop_grid span.grid_setting_drag { padding-left: 10px; color: #0086E7; } .prop-ui .prop-lib .prop_grid span.grid_setting_drag:hover { cursor: move; } .prop-ui .prop-lib .prop_grid .hint_grid_V2 { display: block; padding: 10px; width: auto; min-width: 150px; height: 40px !important; background-color: #0086E7; color: #FFFFFF; justify-content: center; font-size: 13px; } .prop-ui .prop-lib .prop_grid .hint_grid_V2:last-child { border-radius: 4px; padding-right: 2px; } .prop-ui .prop-lib .prop_grid .hint_grid_V2:first-child { padding-left: 2px; } .prop-ui .prop-lib .prop_grid .hint_grid_V2 span { color: #FFFFFF; padding-right: 5px; } .prop-ui .prop-lib .prop_grid .hint_grid_V2.placeholder { background-color: #dceffd; color: #52aef7; text-align: right; } .prop-ui .prop-lib .prop_grid { /* Grid Settings --- End */ } .prop-ui .prop-lib .prop_grid .column_icons { display: flex; justify-content: space-between; width: 40px; flex-flow: row; align-items: flex-start; } .prop-ui .prop-lib .prop_grid .k-grid .k-cell-inner { align-items: flex-start; width: 100%; margin-right: 0px; margin-left: 0px; justify-content: space-between; } .prop-ui .prop-lib .prop_grid .k-grid-header th.k-header { padding: 0.5em !important; vertical-align: top; } .prop-ui .prop-lib .prop_grid .k-grid-header .k-grid-header-locked th.k-header:first-child, .prop-ui .prop-lib .prop_grid .k-grid-header th.k-header.prop-table-header-cell { padding: 0.8em !important; vertical-align: middle; } .prop-ui .prop-lib .prop_grid .k-header .k-grid-filter { bottom: unset; right: unset; } .prop-ui .prop-lib .prop_grid .column_menu_target { width: 20px; top: 5px; height: 20px; right: 0; } .prop-ui .prop-lib .prop_grid .column_icons .k-icon { font-size: 16px; } .prop-ui .prop-lib .prop_grid .k-grid-footer td div { overflow: hidden; text-overflow: ellipsis; padding-right: 8px; } .prop-ui .prop-lib .prop_grid .totals_blk { background-color: #0086E7; line-height: 3; color: #FFFFFF; } .prop-ui .prop-lib .prop_grid .averages_blk { background-color: #FFE162; line-height: 3; color: #000000; } .prop-ui .prop-lib .prop_grid .totals_blk .k-icon { font-size: 13px; cursor: default; } .prop-ui .prop-lib .prop_grid .k-grid-footer-locked { border-right-width: 0px !important; } .prop-ui .prop-lib .prop_grid .k-grid-footer-locked td { border-right-color: rgba(9, 11, 12, 0.4) !important; } .prop-ui .prop-lib .prop_grid .totals_blk .empty_text, .prop-ui .prop-lib .prop_grid .averages_blk .empty_text { padding-left: 8px; } .prop-ui .prop-lib .prop_grid .k-grid .k-column-title { text-align: center; width: 100%; } .prop-ui .prop-lib .prop_grid .k-filter-menu-container { font-family: Source Sans Pro; } .prop-ui .prop-lib .prop_grid .k-grid td, .prop-ui .prop-lib .prop_grid .k-grid th.k-header, .prop-ui .prop-lib .prop_grid .k-grid tr.k-selected > td { border-color: rgba(9, 11, 12, 0.08); } .prop-ui .prop-lib .prop_grid .k-datepicker.k-focus .k-button .k-icon { color: #424242 !important; } .prop-ui .prop-lib .prop_grid .k-marquee-color { background-color: #0086E7; border-color: #0086E7; } .prop-ui .prop-lib .prop_grid .k-grid td, .prop-ui .prop-lib .prop_grid .k-grid .k-table-td { white-space: nowrap; } .prop-ui .prop-lib .prop_grid .maximized { z-index: 1000; top: 54px; position: fixed; height: calc(100% - 104px); } .prop-ui .prop-lib .prop_grid { /*--Tooltip---*/ } .prop-ui .prop-lib .prop_grid .ep-grid-v2-tooltip.k-widget.k-tooltip { border: 1px solid #8C9397 !important; background: #F5F5F5; color: #424242; border-radius: 2px; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 17px; } .prop-ui .prop-lib .prop_grid .error-icon-cell { background: linear-gradient(0deg, rgba(255, 99, 88, 0.08) 0%, rgba(255, 99, 88, 0.08) 100%), #FFF; border-left: 4px solid #FF6358 !important; } .prop-ui .prop-lib .prop_grid .k-grid tr td .error-icon { height: 14px; width: 14px; float: left; display: inline-block; background-image: url('data:image/svg+xml;utf8,alert-decagram-outline'); } .prop-ui .prop-lib .prop_grid .k-grid tr td .error-icon + span, .prop-ui .prop-lib .prop_grid .k-grid tr td .success-icon + span, .prop-ui .prop-lib .prop_grid .k-grid tr td .warning-icon + span { /*margin-left: 20px;*/ text-overflow: ellipsis; overflow: hidden; /*display: inline-block;*/ white-space: nowrap; } .prop-ui .prop-lib .prop_grid .success-icon-cell { background: linear-gradient(0deg, rgba(76, 209, 128, 0.08) 0%, rgba(76, 209, 128, 0.08) 100%), #FFF; border-left: 4px solid #4CD180 !important; } .prop-ui .prop-lib .prop_grid .k-grid tr td .success-icon { height: 14px; width: 14px; float: left; display: inline-block; background-image: url('data:image/svg+xml;utf8,alert-rhombus-outline'); } .prop-ui .prop-lib .prop_grid .warning-icon-cell { background: linear-gradient(0deg, rgba(255, 192, 0, 0.16) 0%, rgba(255, 192, 0, 0.16) 100%), #FFF; border-left: 4px solid #FFC000 !important; } .prop-ui .prop-lib .prop_grid .k-grid tr td .warning-icon { height: 14px; width: 14px; float: left; display: inline-block; background-image: url('data:image/svg+xml;utf8,alert-outline'); } .prop-ui .prop-lib .prop_grid td.k-edit-cell > .k-input.k-invalid, .prop-ui .prop-lib .prop_grid td.k-edit-cell > .k-dropdownlist.drpdwn-invalid { border-color: #FF6358 !important; } .prop-ui .prop-lib .prop_grid .search-v2 .textbox-flat { border-width: 0px 0px 1px 0px; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .prop-ui .prop-lib .prop_grid .search-v2 .textbox-flat:focus-within { box-shadow: none; } .prop-ui .prop-lib .prop_grid .disabled_element .k-pager-info { color: #424242 !important; } .prop-ui .prop-lib .prop_grid .grid_col_link_wrap { display: flex; align-items: center; gap: 4px; align-self: stretch; } .prop-ui .prop-lib .prop_grid .grid_col_link_wrap span { display: flex; align-items: center; flex: 1 0 0; } .prop-ui .prop-lib .prop_grid .btn_external_link { height: 36px; display: flex; justify-content: space-between; align-items: center; margin: -8px 18px -12px !important; } .prop-ui .prop-lib .prop_grid .btn_external_link button { height: 24px !important; min-height: 24px !important; } .prop-ui .prop-lib .prop_grid { /*Custom kendo loader in grid pager implementation --- Start */ } .prop-ui .prop-lib .prop_grid .pager_loader_segment_2 { background-color: rgba(76, 209, 128, 0.5019607843) !important; border-radius: 3px; margin-right: 1.5px !important; } .prop-ui .prop-lib .prop_grid .pager_loader_segment_2::after { background-color: rgba(76, 209, 128, 0.5019607843) !important; } .prop-ui .prop-lib .prop_grid .pager_loader_segment_1 { background-color: #0086E7 !important; border-radius: 3px; margin-right: 2.5px !important; } .prop-ui .prop-lib .prop_grid .pager_loader_segment_1::after { background-color: #0086E7 !important; } .prop-ui .prop-lib .prop_grid .pager_loader_segment_0 { border-radius: 3px; margin-right: 3.5px !important; background-color: #74CAFF !important; } .prop-ui .prop-lib .prop_grid .pager_loader_segment_0::after { background-color: #74CAFF !important; } .prop-ui .prop-lib .prop_grid .pager_loader_segment_0 { animation: pulsing_2_first_child 1s ease infinite; } .prop-ui .prop-lib .prop_grid .pager_loader_segment_1 { animation: pulsing_2_second_child 1s ease infinite; } .prop-ui .prop-lib .prop_grid .pager_loader_segment_2 { animation: pulsing_2_third_child 1s ease infinite; } @keyframes pulsing_2_first_child { 0% { transform: scale(1.5); } 50% { transform: scale(0.5); } 100% { transform: scale(1.5); } } @keyframes pulsing_2_second_child { 0% { transform: scale(1.5); } 50% { transform: scale(1); } 100% { transform: scale(1.5); } } @keyframes pulsing_2_third_child { 0% { transform: scale(1.5); } 50% { transform: scale(2); } 100% { transform: scale(1.5); } } .prop-ui .prop-lib .prop_grid .summary_header_label { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .prop-lib .prop_grid .summary-expand-icon { position: absolute; left: 10px; } .prop-ui .prop-lib .prop_grid .custom-footer-section { padding: 6px 16px; background-color: #FAFAFA; display: flex; align-items: center; align-self: stretch; position: fixed; bottom: 0; left: 0; width: 100%; } .prop-ui .prop-lib .prop_grid .custom-footer-section > :not(:first-child) { border-left: 1px solid #D9E0E5; } .prop-ui .prop-lib .prop_grid .custom-footer-section .summary-col { padding: 0 24px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 1px; flex-grow: 0; gap: 1px; } .prop-ui .prop-lib .prop_grid .custom-footer-section .summary-col .summary-label { color: #5B6870; font-feature-settings: "liga" off, "clig" off; text-transform: capitalize; font-family: Source Sans Pro !important; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; } .prop-ui .prop-lib .prop_grid .custom-footer-section .summary-col .summary-val { color: #424242; font-feature-settings: "liga" off, "clig" off; font-family: Source Sans Pro !important; font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui .prop-lib .prop_grid { /*Custom kendo loader in grid pager implementation --- end */ } .prop-ui .ep-material-panel-popover.header_menu_wrp li.link span.mdi, .prop-ui .ep-material-panel-popover.header_menu_wrp li.link span.k-font-icon { color: #0086E7; } .prop-ui .k-animation-container-shown .k-child-animation-container .prop_grid_column_menu_context { min-width: 150px; border: 1px solid; } .prop-ui .calculated_column_cell.ep-table-cell-center { text-align: center; } .prop-ui { /* Firefox specific fix for grid content padding issue when scrollbar is present */ } @supports (-moz-appearance: none) { .prop-ui .prop-lib .prop_grid .k-grid-content.k-auto-scrollable { padding-right: 13px !important; } } .prop-ui #prop-videoCam { height: inherit; width: inherit; } .prop-ui #prop-video-capture-btn { display: block; position: relative; margin-left: auto; margin-right: auto; bottom: 36px; padding: 5px; background-color: #6a67ce; border: 1px solid rgba(255, 255, 255, 0.7); font-size: 14px; color: rgb(255, 255, 255); cursor: pointer; } .prop-ui .prop-video-canvas-hidden { display: none; } .prop-ui .dialog-class .prop-dialog-body { padding: unset !important; } .prop-ui #maintainer_remove { border-bottom-color: rgba(9, 11, 12, 0.16) !important; } .prop-ui .prop-image-maintainer { width: 800px; height: calc(100vh - 256px); display: flex; flex-direction: column; position: relative; gap: 16px; outline: none !important; padding-top: 16px; } @media (max-width: 899px) { .prop-ui .prop-image-maintainer { width: 100% !important; min-width: 400px; } } .prop-ui .prop-image-maintainer .image-section { display: flex; max-height: calc(100% - 172px); align-items: center; gap: 16px; flex: 1; } .prop-ui .prop-image-maintainer .image-section .carousel-section { display: flex; justify-content: center; align-items: center; } .prop-ui .prop-image-maintainer .image-section .carousel-section .carousel-icon { height: 64px; width: 64px; color: #3A4145; outline: none; } .prop-ui .prop-image-maintainer .image-section .carousel-section .carousel-icon.chevron-left { background-image: url("/app/assets/images/chevron-left.svg"); } .prop-ui .prop-image-maintainer .image-section .carousel-section .carousel-icon.chevron-right { background-image: url("/app/assets/images/chevron-right.svg"); } .prop-ui .prop-image-maintainer .image-section .carousel-section .carousel-icon.carousel-disabled { opacity: 0.6; } .prop-ui .prop-image-maintainer .image-section .image-container { flex: 1; height: 100%; width: 100%; } .prop-ui .prop-image-maintainer .image-section .image-container .carousel-inner { height: inherit; } .prop-ui .prop-image-maintainer .image-section .image-container .carousel-inner .image_wrapper > div { display: flex; width: 100%; align-items: center; justify-content: center; flex-direction: column; height: inherit; } .prop-ui .prop-image-maintainer .image-section .image-container .carousel-inner .image_wrapper img { max-width: 100%; max-height: 100%; } .prop-ui .prop-image-maintainer .image-section .image-container .carousel-control { display: none; background: none; } .prop-ui .prop-image-maintainer .image-section .image-container .carousel-control.right, .prop-ui .prop-image-maintainer .image-section .image-container .carousel-control.left { background: none; color: #3A4145; } @media (max-width: 768px) { .prop-ui .prop-image-maintainer .image-section .container { height: 552px; } } .prop-ui .prop-image-maintainer .image-maintainer-desc { color: #0086E7; text-align: center; font-feature-settings: "clig" off, "liga" off; font-family: "Source Sans Pro"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ height: 25px; } .prop-ui .prop-image-maintainer .prop-progress-bar { width: 100%; position: relative; height: 4px; margin-bottom: -17px; background: linear-gradient(0deg, rgba(0, 134, 231, 0.12) 0%, rgba(0, 134, 231, 0.12) 100%), #FFF; } .prop-ui .prop-image-maintainer .prop-progress-bar .k-selected { background-color: #0086E7; } .prop-ui .prop-image-maintainer .center-vertically { position: relative; top: 50%; transform: translateY(-50%); } @media (max-width: 899px) { .prop-ui .prop-image-maintainer .center-vertically { left: 50%; transform: translate(-50%) !important; } } .prop-ui .prop-image-maintainer .thumb-container { display: flex; padding: 16px; align-items: flex-start; gap: 16px; align-self: stretch; border-top: 1px solid rgba(9, 11, 12, 0.16); background: #FFFFFF; overflow: auto; } .prop-ui .prop-image-maintainer .thumb-container .thumb-active { border-radius: 3px; border: 2px solid #0086E7; } .prop-ui .prop-image-maintainer .thumb-container .thumb-divider { width: 4px; flex: 1 0 0; background-image: url("/app/assets/images/divider.svg"); } .prop-ui .prop-image-maintainer .thumb-container-hint { border: 2px dashed #0086E7; background: linear-gradient(0deg, rgba(0, 134, 231, 0.08) 0%, rgba(0, 134, 231, 0.08) 100%), #FFF; } .prop-ui .prop-image-maintainer .carousel-indicators { display: none; } .prop-ui .prop-image-maintainer .prop-drop-message { margin-top: -8px; } .prop-ui .prop-drop-message { position: absolute; border: 2px dashed #0086E7; color: #0086E7; width: calc(100% - 16px); height: calc(100% - 16px); margin: 8px; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; background: rgba(255, 255, 255, 0.95); } .prop-ui .prop-thumb-image-maintainer { height: 80px; width: 80px; object-fit: contain; border-radius: 3px; outline: none; border: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .prop-thumb-selected { border-radius: 3px; border: 2px solid #0086E7; background: linear-gradient(0deg, rgba(0, 134, 231, 0.2) 0%, rgba(0, 134, 231, 0.2) 100%); } .prop-ui .prop-thumb-cursor { cursor: url("/app/assets/images/cursor-move.svg") 10 10, move !important; flex-shrink: 0; color: #3A4145; } .prop-ui .prop-remove-img-popover .k-callout-s { border-top-color: #FFFFFF; } .prop-ui .prop-remove-img-popover .k-popover-inner { border-radius: unset; } .prop-ui .prop-remove-img-popover .k-popover-inner .k-popover-body { padding: 12px 16px 13px 16px; display: flex; justify-content: flex-start; align-items: center; } .prop-ui .prop-remove-img-popover .k-popover-inner .k-popover-body .remove-img-text { color: #424242; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui .prop-remove-img-popover .k-popover-inner .k-popover-actions { padding: 8px 9px; } .prop-ui .prop-remove-img-popover .k-popover-inner .k-popover-actions button { height: 28px; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .prop-remove-img-popover .k-popover-inner .k-popover-actions button[data-index="0"] { border: 1px solid rgba(9, 11, 12, 0.16); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #F5F5F5 !important; color: #3A4145; } .prop-ui .prop-remove-img-popover .k-popover-inner .k-popover-actions button[data-index="0"]:hover { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #F5F5F5 !important; box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.08) !important; } .prop-ui .prop-remove-img-popover .k-popover-inner .k-popover-actions button[data-index="0"]:focus { border: 1px solid rgba(9, 11, 12, 0.16); background: #F5F5F5 !important; box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.08) !important; } .prop-ui .prop-remove-img-popover .k-popover-inner .k-popover-actions button[data-index="0"].k-active, .prop-ui .prop-remove-img-popover .k-popover-inner .k-popover-actions button[data-index="0"].k-selected { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 100%), #F5F5F5 !important; box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.08) !important; } .prop-ui .prop-remove-img-popover .k-popover-inner .k-popover-actions button[data-index="1"] { background-color: #0086E7 !important; color: #FFFFFF !important; padding: 8px 12px; text-transform: capitalize; } .prop-ui .prop-remove-img-popover .k-popover-inner .k-popover-actions button[data-index="1"]:hover { background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #0086E7 !important; border: 1px solid #026FBD !important; } .prop-ui .prop-remove-img-popover .k-popover-inner .k-popover-actions button[data-index="1"].k-active { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 100%), #F5F5F5 !important; border: 1px solid #026FBD !important; } .prop-ui .prop-remove-img-popover .k-popover-inner .k-popover-actions button[data-index="1"].k-selected { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 100%), #0086E7 !important; } .prop-ui .prop-lib .prop_nav_btn_container { display: flex; align-items: flex-start; height: 34px; } .prop-ui .prop-lib .prop_nav_btn_container .k-button-group .k-button { display: flex; flex-direction: column; justify-content: center; align-items: center; align-self: stretch; min-width: 34px; height: 34px; text-transform: lowercase; padding: 7px; color: #3A4145; border: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .prop-lib .prop_nav_btn_container .k-button-group .k-button:first-child { display: flex; justify-content: center; align-items: center; gap: 4px; align-self: stretch; border-radius: 4px 0px 0px 4px; } .prop-ui .prop-lib .prop_nav_btn_container .k-button-group .k-button:last-child { display: flex; justify-content: center; align-items: center; gap: 4px; align-self: stretch; border-radius: 0px 4px 4px 0px; } .prop-ui .prop-lib .prop_nav_btn_container .k-button-group .k-button:not(:first-child):not(:last-child) { display: flex; justify-content: center; align-items: center; gap: 4px; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; padding: 5px 9px; border: 1px solid rgba(9, 11, 12, 0.16); color: #3A4145; text-align: center; font-feature-settings: "clig" off, "liga" off; } .prop-ui .prop-lib .prop_nav_btn_container .k-button-group .k-button:hover { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #F5F5F5; box-shadow: none; } .prop-ui .prop-lib .prop_nav_btn_container .k-button-group .k-button:focus { border: 1px solid rgba(9, 11, 12, 0.16); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #F5F5F5; box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.08); } .prop-ui .prop-lib .prop_nav_btn_container .k-button-group .k-button.k-disabled { opacity: 0.6; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #F5F5F5; color: #8C9397; } .prop-ui .prop-lib .prop_nav_btn_container .k-button-group .k-button-text { display: flex; justify-content: center; align-items: center; flex: 100; gap: 4px; } .prop-ui .prop-lib .prop_nav_btn_container .k-button-group .navigation_count { display: flex; justify-content: center; align-items: center; align-self: stretch; pointer-events: none; } .prop-ui .prop-lib .prop_nav_btn_container .k-button-group .navigation_count .k-button-text { display: flex; justify-content: center; align-items: center; gap: 4px; align-self: stretch; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; background: #FFFFFF; } .prop-ui .prop-lib .prop_nav_btn_container .k-button-group .navigation_count:hover { background: #FFFFFF; box-shadow: none; } .prop-ui .prop-lib .prop-comp .pulse-container { display: flex; justify-content: center; align-items: center; gap: 6px; width: 40px; height: 12px; padding: 0 2px; } .prop-ui .prop-lib .prop-comp .pulse-container .pulse-bubble { width: 8px; height: 8px; border-radius: 50%; background-color: #333; animation: prop-pulse 1.5s infinite ease-in-out; } .prop-ui .prop-lib .prop-comp .pulse-container .pulse-bubble--primary { background-color: #CCE7FA; } .prop-ui .prop-lib .prop-comp .pulse-container .pulse-bubble--light { background-color: #FFFFFF; } .prop-ui .prop-lib .prop-comp .pulse-container .pulse-bubble--success { background-color: #4CD180; } .prop-ui .prop-lib .prop-comp .pulse-container .pulse-bubble--delay-0 { animation-delay: 0s; } .prop-ui .prop-lib .prop-comp .pulse-container .pulse-bubble--delay-1 { animation-delay: -0.5s; } .prop-ui .prop-lib .prop-comp .pulse-container .pulse-bubble--delay-2 { animation-delay: -1s; } @keyframes prop-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.75); } } .prop-ui .prop_remote_grid .prop_grid_blk { height: inherit; } .prop-ui .prop-lib .prop-toolbar { display: flex; flex-direction: row; align-items: center; flex: 1 0 0; padding: 0px 8px; border-radius: 2px; height: 48px; background: #FFFFFF; box-shadow: 0px -1px 0px 0px rgba(179, 186, 189, 0.25) inset, 0px 1px 12px 0px rgba(51, 51, 51, 0.14), 0px 1px 0px -1px rgba(51, 51, 51, 0.04); } .prop-ui .prop-lib .prop-toolbar .prop-toolbar-breadcrumb-wrapper { display: flex; flex-direction: row; align-items: flex-start; flex: 1 0 0; } .prop-ui .prop-lib .prop-toolbar .prop-toolbar-btn-wrapper { display: flex; flex-direction: row; align-items: center; gap: 16px; } .prop-ui .prop-lib .prop-toolbar .prop-toolbar-btn-wrapper .toolbar_left_btn_wrapper { display: flex; flex-direction: row; align-items: center; gap: 26px; } .prop-ui .prop-lib .prop-toolbar .prop-toolbar-btn-wrapper .toolbar_right_btn_wrapper { display: flex; flex-direction: row; align-items: center; gap: 8px; align-self: stretch; } .prop-ui .statement-info-div { border: 1px solid #5B6870; border-radius: 8px; padding: 16px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #F5F5F5; } .prop-ui .statement-info-div .info-header { font-size: 18px; font-weight: bold; } .prop-ui .ar_header { font-size: 15px; font-weight: 400; color: var(--primary-v2); line-height: 20px; letter-spacing: 0.15px; text-transform: uppercase; margin-bottom: 5px; } .prop-ui .fit-to-screen { position: relative; height: 100%; } .prop-ui .generate-statements-setup { width: 100%; } .prop-ui .generate-statements-setup .k-radio-label { line-height: 20px; } .prop-ui .login-portal { height: fit-content; } .prop-ui .login-portal .cp-login-form { width: 500px; z-index: 999; } .prop-ui .login-portal .cp-login-form .heading { font-weight: 600; width: 100%; margin: 0; } .prop-ui .login-portal .cp-login-form .k-input-flat, .prop-ui .login-portal .cp-login-form .k-picker-flat { border-width: 1px !important; } .prop-ui .login-portal .cp-login-form #customer-portal-country-code .k-input-flat, .prop-ui .login-portal .cp-login-form #customer-portal-country-code .k-picker-flat { border-right-width: 0; } .prop-ui .login-portal .cp-login-form .country-code-mobile .k-input-button { display: none; } .prop-ui .login-portal .cp-login-form .country-code-mobile .prop-ui .prop-lib .prop-comp span.k-input.k-input-solid, .prop-ui .login-portal .cp-login-form .country-code-mobile .prop-ui .prop-lib .prop-comp span.k-input.k-input-outline, .prop-ui .login-portal .cp-login-form .country-code-mobile .prop-ui .prop-lib .prop-comp span.k-input.k-picker-solid, .prop-ui .login-portal .cp-login-form .country-code-mobile .prop-ui .prop-lib .prop-comp span.k-input.k-picker-outline, .prop-ui .login-portal .cp-login-form .country-code-mobile .prop-ui .prop-lib .prop-comp span.k-picker.k-input-solid, .prop-ui .login-portal .cp-login-form .country-code-mobile .prop-ui .prop-lib .prop-comp span.k-picker.k-input-outline, .prop-ui .login-portal .cp-login-form .country-code-mobile .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-solid, .prop-ui .login-portal .cp-login-form .country-code-mobile .prop-ui .prop-lib .prop-comp span.k-picker.k-picker-outline { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .prop-ui .login-portal .cp-login-form .selection-buttons { margin-left: -10px; } .prop-ui .login-portal .cp-login-form .country-code-mobile .prop-lib .prop-comp span.k-input.k-picker-solid, .prop-ui .login-portal .cp-login-form .country-code-mobile .prop-lib .prop-comp span.k-input.k-picker-outline, .prop-ui .login-portal .cp-login-form .country-code-mobile .prop-lib .prop-comp span.k-picker.k-input-solid, .prop-ui .login-portal .cp-login-form .country-code-mobile .prop-lib .prop-comp span.k-picker.k-input-outline, .prop-ui .login-portal .cp-login-form .country-code-mobile .prop-lib .prop-comp span.k-picker.k-picker-solid, .prop-ui .login-portal .cp-login-form .country-code-mobile .prop-lib .prop-comp span.k-picker.k-picker-outline { border-right: none !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .prop-ui .login-portal .cp-login-form .mobile-input-field .prop-lib .prop-comp span.k-input.k-input-solid, .prop-ui .login-portal .cp-login-form .mobile-input-field .prop-lib .prop-comp span.k-input.k-input-outline { border-radius: 0 !important; } .prop-ui .login-portal .cp-login-form .single-input-field .prop-lib .prop-comp span.k-input.k-input-solid, .prop-ui .login-portal .cp-login-form .single-input-field .prop-lib .prop-comp span.k-input.k-input-outline { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .prop-ui .login-portal .cp-login-form .prop-lib .prop_textbox .extra-icon.medium { bottom: 2px !important; font-size: 18px; } .prop-ui .login-portal .cp-login-form .input-btn { margin-top: -1px; } .prop-ui .login-portal .cp-login-form .input-btn .prop-lib .prop-btn .k-button.k-button-solid-secondary, .prop-ui .login-portal .cp-login-form .input-btn .prop-lib .prop-btn .k-button.k-button-solid-primary { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .prop-ui .login-portal .cp-login-form .code_sent_btn { background: #02AC43; color: #FFFFFF; } .prop-ui .login-portal .cp-login-form .login-link { font-size: 12px; cursor: pointer; } .prop-ui .login-portal .cp-login-form .send-code-error-msg { font-size: 12px; color: #FF4F42; } .prop-ui .login-portal .cp-login-form .code-sent-btn { background: #02AC43; } .prop-ui .login-portal .cp-login-form .code-sent-btn .k-button-text { color: #FFFFFF; } .prop-ui .login-portal .cp-login-form .code-sent-btn .k-button-icon { color: #FFFFFF !important; } .prop-ui .login-portal .cp-login-form .code-sent-btn .k-button:hover, .prop-ui .login-portal .cp-login-form .code-sent-btn .k-button.k-state-hover { color: #FFFFFF; background: #02AC43; } .prop-ui .login-portal .cp-login-form .epicor-logo { height: 10px; width: 70px; background-color: #053C55; } .prop-ui .login-portal .cp-login-form .epicor-label { font-size: 12px; } .prop-ui .login-portal .cp-login-form .login-header { font-family: Source Sans Pro !important; } .prop-ui .login-portal .cp-login-form .login-header .heading { font-size: 24px; font-weight: 600; line-height: 100%; } .prop-ui .login-portal .cp-login-form .submitting-btn { background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), #0086E7 !important; border-color: rgba(7, 20, 41, 0.168627451) !important; margin-top: 1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .prop-ui .login-portal .cp-login-form .edit-btn { padding-top: 1px !important; } .prop-ui .login-portal .cp-login-form .send-code-error-msg { padding-top: 4px; } .prop-ui .login-portal #customer-sign-in, .prop-ui .login-portal #admin-sign-in { text-transform: none !important; } .prop-ui .customer-portal-inactive { font-family: Source Sans Pro; } .prop-ui .customer-portal-inactive .epicor-logo { height: 10px; width: 70px; background-color: #053C55; } .prop-ui .customer-portal-inactive .epicor-label { font-size: 12px; } .prop-ui .customer-portal-inactive .header-message { font-weight: 600; } .prop-ui .customer-portal-inactive .inactive-header .heading { font-size: 24px; font-weight: 600; line-height: 100%; } .prop-ui .customer-portal-inactive .inactive-header .heading-icon { width: 24px; height: 24px; angle: 0deg; opacity: 1; } .prop-ui .shaded-border { background: #FFFFFF; border: 0px !important; border-radius: 23px !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .prop-ui .login-input label { margin-bottom: 6px !important; margin-left: 4px !important; height: 16px !important; } .prop-ui .login-custom-toast md-toast { padding: 0px !important; } .prop-ui .login-custom-toast md-toast .md-toast-content { transform: none !important; } .prop-ui .no-padding-left { padding-left: 0px; } .prop-ui .border-top-left-radius { border-top-left-radius: 20px; } .prop-ui .border-bottom-left-radius { border-bottom-left-radius: 20px; } .prop-ui .forgot-password-link { align-items: center; align-content: center; } .prop-ui .forgot-password-link a { font-family: Source Sans Pro; color: #0086E7; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; float: right; } .prop-ui #prop-login-window { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%; } .prop-ui .prop-login-window-wrapper { position: fixed !important; width: 100% !important; left: 0px !important; top: 0px !important; bottom: 0px !important; height: 100% !important; margin: 0px !important; padding: 20px !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; } .prop-ui .prop-login-window-wrapper .sso_login_button .mdi { margin-left: 5px; order: 2; } .prop-ui .prop-login-window-wrapper .k-checkbox-label:before { width: 20px; height: 20px; font-size: 16px; line-height: 20px; } .prop-ui .prop-login-window-wrapper .k-checkbox-label { padding-top: 3px !important; white-space: nowrap; padding-left: 30px !important; line-height: 16px !important; font-size: 16px !important; } .prop-ui .login-container { width: 90%; margin: 0 auto; } .prop-ui .login-container .mfa-btn-holder { margin-top: 45px; } .prop-ui .login-bg { background: url("/app/assets/images/epicor-login-bg.png") !important; height: 100% !important; background-size: cover !important; background-position: left !important; background-repeat: repeat-y !important; display: flex; align-items: center; justify-content: center; } @media (max-width: 899px) { .prop-ui .prop-login-logo-container.login-bg { position: absolute; z-index: auto; top: 0; left: 0; right: 0; bottom: 0; border-radius: 0 !important; } .prop-ui .prop-login-logo-container.login-bg .epicor-logo { position: fixed; height: 32px; top: 240px; } .prop-ui .prop-mfa-logo-container.login-bg { position: absolute; z-index: auto; top: 0; left: 0; right: 0; bottom: 0; border-radius: 0 !important; } .prop-ui .prop-mfa-logo-container.login-bg .epicor-logo { position: fixed; height: 32px; top: 180px; } .prop-ui .prop-login-form { position: fixed; width: 100%; left: 0; top: 350px; } .prop-ui .prop-login-form .login-container { background: #FFFFFF; width: 90%; margin: 0 auto; padding: 20px; border-radius: 10px; } .prop-ui .prop-mfa-form { position: fixed; width: 100%; left: 0; top: 240px; padding-right: 35px; } .prop-ui .prop-mfa-form .login-container { background: #FFFFFF; width: 100%; margin: 0 auto; padding: 20px; border-radius: 10px; margin-top: 40px; } .prop-ui .prop-mfa-form .login-container .line-container { padding: 20px 0px; } .prop-ui .prop-mfa-form .login-container .mfa-btn-holder { margin-top: 20px; } .prop-ui .md-toast-open-top { padding-top: 70px; } } @media (max-width: 599px) { .prop-ui .prop-login-logo-container.login-bg { position: absolute; z-index: auto; top: 0; left: 0; right: 0; bottom: 0; border-radius: 0 !important; } .prop-ui .prop-login-logo-container.login-bg .epicor-logo { position: fixed; height: 32px; top: 140px; } .prop-ui .prop-mfa-logo-container.login-bg { position: absolute; z-index: auto; top: 0; left: 0; right: 0; bottom: 0; border-radius: 0 !important; } .prop-ui .prop-mfa-logo-container.login-bg .epicor-logo { position: fixed; height: 32px; top: 24px; } .prop-ui .prop-login-form { position: fixed; width: 90%; left: 0; top: 230px; margin: 0px 20px; } .prop-ui .prop-login-form .login-container { background: #FFFFFF; width: 100%; margin: 0 auto; padding: 20px; border-radius: 10px; } .prop-ui .prop-login-form .login-container .forgot-pwd-container { flex-direction: column !important; display: flex !important; } .prop-ui .prop-login-form .login-container .forgot-pwd-container .prop-item { display: flex; justify-content: center; } .prop-ui .prop-login-form .login-container .forgot-pwd-container .prop-item .forgot-password-link a { float: unset !important; } .prop-ui .prop-login-form .login-container .md-toast-open-bottom { padding-top: 90px; } .prop-ui .prop-mfa-form { position: fixed; width: 100%; left: 0; top: 50px; } .prop-ui .prop-mfa-form .login-container { background: #FFFFFF; width: 100% !important; margin: 0 auto; padding: 20px 20px 10px 20px; border-radius: 10px; margin-top: 30px; } .prop-ui .prop-mfa-form .login-container .line-container { display: none; } .prop-ui .prop-mfa-form .login-container .mfa-btn-holder { margin-top: 20px; } .prop-ui .prop-mfa-form .login-container .md-toast-open-bottom { padding-top: 0px; } } .prop-ui .field-wd-90 { width: 90% !important; } .prop-ui .margin-all-30 { margin: 30px; } .prop-ui .margin-vcenter { margin: 0 auto; } .prop-ui .line-container { display: flex; /* Enables flexbox layout */ align-items: center; /* Vertically centers the text */ text-align: center; /* Centers text within the span */ width: 100%; padding: 30px 0px; } .prop-ui .line-container::before, .prop-ui .line-container::after { content: ""; /* Creates empty pseudo-elements */ flex: 1; /* Allows the lines to grow */ border-bottom: 1px solid #f0f0f0; /* Defines the line style */ margin: 0; /* Adds spacing between the lines and text */ } .prop-ui .line-text { padding: 0 10px; /* Adds padding around the text */ font-weight: bold; /* Makes the text bold */ } .prop-ui .epicor-logo { background: url("/app/assets/images/epicor-logo.png") 50% !important; background-repeat: no-repeat !important; width: 100%; height: 47px; background-size: contain !important; } .prop-ui .customer-portal-login-container { position: relative; background-repeat: no-repeat !important; background-size: cover; height: calc(100vh - 25px); width: 100%; } .prop-ui #cp-login-window:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; inset: 0; z-index: 1; pointer-events: none; background: radial-gradient(166% 170% at 9% 144%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.4) 95%); /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */ } .prop-ui .img-header { position: absolute; top: 10px; left: 10px; color: white; font-size: 48px; font-weight: 700; font-family: Source Sans Pro !important; padding: 16px; width: 45%; line-height: normal; z-index: 999; text-shadow: 0 0 16px rgba(0, 0, 0, 0.32); font-feature-settings: "liga" off, "clig" off; } .prop-ui #cp-login-window { display: flex; justify-content: flex-end; flex-direction: row; width: 100%; padding: 32px; height: 100%; background-size: cover !important; } @media (max-width: 899px) { .prop-ui .img-header { display: none; } .prop-ui .cp-login-form { width: 100% !important; } } .prop-ui #prop-mfa-container .prop-info-box { background: #ebf7fb; border: 1px solid #40b8dc; border-radius: 3px; padding: 10px; } .prop-ui #prop-mfa-container .prop-info-box ol { padding: 0px 0px 0px 25px; margin: 10px 0 0 0; line-height: 25px; } .prop-ui #prop-mfa-container .prop-info-box .prop-information-icon-container { margin: auto 0; } .prop-ui #prop-mfa-container .prop-info-box .prop-information-icon-container span.mdi { font-size: 24px; color: #0080a6; } .prop-ui #prop-mfa-container #qr_code { justify-content: center; display: flex; } .prop-ui #prop-mfa-container #qr_code img { padding: 10px; border: 1px solid #CCCCCC; } @media (max-width: 899px) { .prop-ui #prop-mfa-container .prop-information-icon-container { display: none; } .prop-ui #prop-mfa-container #qr_code { justify-content: center; display: flex; } .prop-ui #prop-mfa-container #qr_code img { width: 100px !important; padding: 10px; border: 1px solid #CCCCCC; } } @media (max-width: 599px) { .prop-ui #prop-mfa-container .prop-info-box { background: #ebf7fb; border: 1px solid #40b8dc; border-radius: 3px; padding: 10px; } .prop-ui #prop-mfa-container .prop-info-box ol { padding: 0px 0px 0px 10px; margin: 10px 0 0 0; line-height: 18px; } .prop-ui #prop-mfa-container .prop-info-box .prop-information-icon-container { margin: auto 0; } .prop-ui #prop-mfa-container .prop-info-box .prop-information-icon-container span.mdi { font-size: 24px; color: #0080a6; } } .prop-ui .password-shaded-border { background: #FFFFFF; border-radius: 23px !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .prop-ui .no-padding-left { padding-left: 0px; } .prop-ui .border-top-left-radius { border-top-left-radius: 20px; } .prop-ui .border-bottom-left-radius { border-bottom-left-radius: 20px; } .prop-ui .success-message { height: 124px; } .prop-ui .error-message { height: 80px; } .prop-ui #prop-password-change-window { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%; } .prop-ui .prop-change-password-window-wrapper { position: fixed !important; width: 100% !important; left: 0px !important; top: 0px !important; bottom: 0px !important; height: 100% !important; margin: 0px !important; padding: 20px !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; } .prop-ui .password-bg { background: url("/app/assets/images/epicor-login-bg.png") !important; height: 100% !important; background-size: cover !important; background-position: left !important; background-repeat: repeat-y !important; border-right: solid 1px rgba(9, 11, 12, 0.16) !important; display: flex; align-items: center; justify-content: center; } .prop-ui .password-line-container { display: flex; /* Enables flexbox layout */ align-items: center; /* Vertically centers the text */ text-align: center; /* Centers text within the span */ width: 100%; padding: 10px 0px; border-top: 1px solid #f0f0f0; /* Defines the line style */ } .prop-ui .epicor-logo { background: url("/app/assets/images/epicor-logo.png") 50% !important; background-repeat: no-repeat !important; width: 100%; height: 47px; background-size: contain !important; } @media (max-width: 899px) { .prop-ui .prop-password-logo-container.password-bg { border-right: none !important; position: absolute; z-index: auto; top: 0; left: 0; right: 0; bottom: 0; border-radius: 0 !important; } .prop-ui .prop-password-logo-container.password-bg .epicor-logo { position: fixed; height: 32px; top: 240px; } .prop-ui .prop-password-form { position: fixed; width: 100%; left: 0; top: 350px; } .prop-ui .prop-password-form .password-container { background: #FFFFFF; width: 90%; margin: 0 auto; padding: 20px; border-radius: 10px; } } @media (max-width: 599px) { .prop-ui .prop-password-logo-container.password-bg { position: absolute; z-index: auto; top: 0; left: 0; right: 0; bottom: 0; border-radius: 0 !important; } .prop-ui .prop-password-logo-container.password-bg .epicor-logo { position: fixed; height: 32px; top: 140px; } .prop-ui .prop-password-form { position: fixed; width: 90%; left: 0; top: 230px; margin: 0px 20px; } .prop-ui .prop-password-form .password-container { background: #FFFFFF; width: 100%; margin: 0 auto; padding: 20px; border-radius: 10px; } .prop-ui .prop-password-form .password-container .success-message { height: 160px; } .prop-ui .prop-password-form .password-container .success-message .snackbar-content-blk { gap: 0px !important; } } .prop-ui .password-container { width: 90%; margin: 0 auto; } .prop-ui .window-container { display: flex; flex-direction: row; align-items: flex-start; flex: 1; gap: 0px; align-self: stretch; } .prop-ui .password-info-toast { display: flex; align-items: center; gap: 12px; border-radius: 4px; border: 1px solid var(--informational-info, #00A0D0); background: linear-gradient(0deg, rgba(0, 160, 208, 0.08) 0%, rgba(0, 160, 208, 0.08) 100%), #FFF; padding: 8px 16px; width: 100%; margin-bottom: 12px; } .prop-ui .password-success-toast { display: flex; align-items: center; gap: 12px; border-radius: 4px; border: 1px solid var(--informational-success, #02AC43); background: linear-gradient(0deg, rgba(2, 172, 67, 0.08) 0%, rgba(2, 172, 67, 0.08) 100%), #FFF; padding: 8px 16px; width: 100%; margin-bottom: 20px; } .prop-ui .password-icon { width: 24px; height: 24px; display: flex; flex: none; background-repeat: no-repeat; } .prop-ui .password-icon.password-info-icon { background-image: url("/app/assets/images/info-outline.svg"); } .prop-ui .password-icon.password-success-icon { background-image: url("/app/assets/images/check-outline.svg"); } .prop-ui .password-info-text { color: var(--informational-info-dark-20, #00A0D0); font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui .password-info-text .password-header-text { color: #424242; } .prop-ui .password-info-text .password-header-text .password-content-text { font-size: 14px; font-weight: 400; } .prop-ui .password-success-text { color: var(--color-success-120, #028A36); font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui .password-success-text .password-header-text { color: #424242; } .prop-ui .password-success-text .password-header-text .password-content-text { font-size: 14px; font-weight: 400; } .prop-ui .prop-password-form prop-textbox label { margin-left: 4px !important; } .prop-ui .account-balance-container { overflow-y: auto; height: calc(100vh - 80px); } .prop-ui .account-balance-container .account-balance-cp { width: 100%; } .prop-ui .account-balance-container .payment-btn { padding: 35px 10px 0 0; max-width: 280px; } .prop-ui .account-balance-container .cp-account-min-width { display: flex; gap: 16px; flex-direction: column; } @media (min-width: 1199px) { .prop-ui .account-balance-container .cp-account-min-width { max-width: 288px; } } .prop-ui .account-balance-container .cp-account-min-width .prop-card .prop-card-body { padding: 0; } .prop-ui .account-balance-container .cp-account-min-width .balance-card-container td { border-top: 1px solid #ddd; } .prop-ui .account-balance-container .cp-account-min-width .balance-card-container .credit-text { text-align: left !important; text-wrap: nowrap; } .prop-ui .account-balance-container .cp-aging-card td { text-align: left; } .prop-ui .account-balance-container .cp-aging-card .external-link { height: 36px; display: flex; justify-content: space-between; align-items: center; } .prop-ui .account-balance-container .cp-aging-card button { height: 24px !important; min-height: 24px !important; } .prop-ui .account-balance-container .btn_external_link_ab { width: 70px; margin: -12px 0 -12px !important; } .prop-ui .account-balance-container .btn_external_link_ab button { height: 24px !important; min-height: 24px !important; } .prop-ui .account-balance-container .cp-payment-container { max-width: 280px; } .prop-ui .account-balance-container .balance-text { font-weight: bold; } .prop-ui .account-balance-container .cp-account-balance-column { gap: 0; } .prop-ui .account-balance-container .prop_grid .k-grid .k-toolbar { display: none; } .prop-ui .account-balance-container .cp-form-section-wrapper { height: 86px; background-color: #F9FAFB; border-bottom: 1px solid #dcdcdc; padding-bottom: 1px; flex: 0 0 auto; } .prop-ui .account-balance-container .cp-truncate-balance { display: inline-block; max-width: 76px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .prop-ui .account-balance-container .cp-aging { max-width: 52px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .prop-ui .account-balance-container .cp-terms-code { justify-content: right; } .prop-ui .account-balance-container .cp-job-right-section { border-right: 1px solid #dcdcdc; max-width: 288px; } .prop-ui .account-balance-container .cp-job-account-container { height: 86px; background-color: #edf3f6; border-bottom: 1px solid #dcdcdc; } .prop-ui .account-balance-container [prop-id=total_input] .k-numerictextbox input, .prop-ui .account-balance-container [prop-id=amount_input] input { text-align: right !important; } .prop-ui .cp-tooltip-container { border-color: inherit !important; } .prop-ui .cp-tooltip-container .cp-tooltip-table { border: 1px solid #dcdcdc; } .prop-ui .cp-tooltip-container .cp-tooltip-data { color: #424242; } .prop-ui .cp-tooltip-container .cp-tooltip-data td { text-align: left; } .prop-ui .unapplied-credit-text { color: #02AC43; } .prop-ui #account_balance_detail_grid .k-dirty { display: none; } .prop-ui .account-information-container { overflow-y: auto; height: calc(100vh - 80px); } .prop-ui .account-information-container .cp-customer-summary { border: 1px solid rgba(117, 133, 149, 0.4); } .prop-ui .account-information-container .break-word-all { word-break: break-all; max-width: 280px; } .prop-ui .account-information-container .cp-account-info-dropdown { background: linear-gradient(0deg, rgba(0, 134, 231, 0.04) 0%, rgba(0, 134, 231, 0.04) 100%), #FFF; border: 1px solid rgba(117, 133, 149, 0.4); height: 86px; } @media (min-width: 1199px) { .prop-ui .account-information-container .cp-account-info-dropdown { max-width: 250px; } } .prop-ui .account-information-container .cp-summary-item { background-color: rgba(117, 133, 149, 0.08); } .prop-ui .account-information-container .cp-summary-value { font-size: 18px; font-weight: bold; } .prop-ui .account-information-container .cp-account-information-card-container .k-card-body.prop-card-body { padding: 0; } .prop-ui .account-information-container .cp-account-information-card-container .k-card-body.prop-card-body th, .prop-ui .account-information-container .cp-account-information-card-container .k-card-body.prop-card-body td { text-align: left; } .prop-ui .account-information-container .cp-account-info-name .prop-label-chip { background: #0086E7; color: #FFFFFF; } .prop-ui .account-information-container .cp-contact-card { max-width: 200px; } .prop-ui .account-information-container .cp-contact-card .cp-address-line { white-space: nowrap; display: block; overflow: hidden; text-overflow: ellipsis; } .prop-ui .account-information-container .cp-customer-summary-container { height: 86px; } .prop-ui .admin-customer-view { margin: -8px; } .prop-ui .admin-customer-view .admin-toolbar { background-color: #FFFFFF !important; align-items: center; padding: 4px 8px; max-height: 45px; } .prop-ui .admin-customer-view .customers-link { cursor: pointer; font-size: 14px; } .prop-ui .admin-customer-view .customer-action-button { display: inline-flex; } .prop-ui .admin-customer-view .customer-action-button .btn-text { color: #0086E7 !important; font-size: 14px; } .prop-ui .admin-customer-view .label-text { color: #5B6870; font-size: 14px; display: inline-flex; margin-right: 5px; } .prop-ui .customer-pop-up .k-menu-item { height: fit-content !important; } .prop-ui .customer-pop-up .k-menu-item .customer-row { width: 320px !important; height: auto !important; padding: 10px !important; } .prop-ui .customer-pop-up .k-menu-item .customer-row .prop-label-chip { padding: 5px; word-break: break-all; white-space: break-spaces; } .prop-ui .customer-pop-up .k-menu-item.highlight-row .k-menu-link { background: #0086E7 !important; color: #FFFFFF !important; } .prop-ui .customer-pop-up .k-menu-item.highlight-row .k-menu-link .prop-label-chip { background: #FFFFFF !important; color: #0086E7; border-color: #FFFFFF !important; } .prop-ui .cp-tab-container { height: calc(100vh - 80px); } .prop-ui .cp-tab-container.cp-admin-tab-container { height: calc(100vh - 120px); } .prop-ui .cp-dashboard-tab-content { overflow-y: auto; } @media (min-width: 1535px) { .prop-ui .cp-dashboard-tab-content .cp-min-width-280 { max-width: 280px; width: 280px; } } .prop-ui .cp-dashboard-tab-content .cp-account-card .cust-name { font-family: Source Sans Pro !important; font-size: 18px; font-weight: 700; line-height: 25px; word-break: break-all; } .prop-ui .cp-dashboard-tab-content .cp-account-card .cust-job-no { font-family: Source Sans Pro !important; font-size: 14px; font-weight: 400; line-height: 22px; } .prop-ui .cp-dashboard-tab-content .cp-account-sub-title { font-family: Source Sans Pro !important; font-size: 12px; font-weight: 400; line-height: 18px; } .prop-ui .cp-dashboard-tab-content .cp-ship-title { font-family: Source Sans Pro !important; font-size: 16px; font-weight: 600; line-height: 24px; } .prop-ui .cp-dashboard-tab-content .cp-account-name { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .cp-dashboard-tab-content .prop-label-chip { background: inherit; } .prop-ui .cp-dashboard-tab-content .prop-label-chip.success { color: #02AC43; border-color: #02AC43; } .prop-ui .cp-dashboard-tab-content .prop-label-chip.error { color: #FF4F42; border-color: #FF4F42; } .prop-ui .cp-dashboard-tab-content .cp-job-list-card .prop-card-body { padding: 0px; overflow-y: auto; max-height: 324px; min-height: 324px; } .prop-ui .cp-dashboard-tab-content .cp-job-list-card .prop-card-body .prop-radio { display: flex; justify-content: center; align-items: flex-start; align-self: stretch; min-height: 36px; padding: 2px 12px; } .prop-ui .cp-dashboard-tab-content .cp-job-list-card .prop-card-body .prop-radio:nth-child(even) { background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #FFF; } .prop-ui .cp-dashboard-tab-content .cp-job-list-card .prop-card-body .prop-radio input.k-radio { margin: 0; } .prop-ui .cp-dashboard-tab-content .cp-terms-card .prop-card-body { padding: 0px; } .prop-ui .cp-dashboard-tab-content .cp-terms-card .prop-card-body td { text-align: left; } .prop-ui .cp-dashboard-tab-content .cp-aging-card .prop-card-header-left-items { flex-grow: 0 !important; } .prop-ui .cp-dashboard-tab-content .cp-aging-card .prop-card-body { padding: 0 0 16px 0; } .prop-ui .cp-dashboard-tab-content .cp-aging-card .prop-card-body td { text-align: left; } .prop-ui .cp-dashboard-tab-content .cp-aging-card .prop-card-body td.external-link { height: 36px; display: flex; justify-content: space-between; align-items: center; } .prop-ui .cp-dashboard-tab-content .cp-aging-card .prop-card-body td.external-link button { height: 24px !important; min-height: 24px !important; } .prop-ui .cp-dashboard-tab-content .cp-aging-card .prop-card-body .credit-data-container { padding: 16px 12px 0 12px; } .prop-ui .cp-dashboard-tab-content .cp-aging-card .prop-card-body .credit-data-container .credit-data { display: flex; flex-direction: column; justify-content: center; align-items: center; } .prop-ui .cp-dashboard-tab-content .cp-aging-card .prop-card-body .credit-data-container .credit-data :first-child { color: #5B6870; font-family: Source Sans Pro !important; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; } .prop-ui .cp-dashboard-tab-content .cp-aging-card .prop-card-body .credit-data-container .credit-data :nth-child(2) { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .cp-dashboard-tab-content .cp-aging-card .prop-card-body .progress-section { display: flex; justify-content: center; align-items: center; gap: 8px; align-self: stretch; padding: 0 12px; flex-grow: 0; } .prop-ui .cp-dashboard-tab-content .cp-aging-card .prop-card-body .progress-section #cp-credit-bar { height: 12px; } .prop-ui .cp-dashboard-tab-content .cp-aging-card .prop-card-body .cp-make-payment { align-self: stretch; padding: 0 12px; } .prop-ui .cp-dashboard-tab-content .cp-last-five-trx-card .prop-card-body, .prop-ui .cp-dashboard-tab-content .cp-loyalty-card .prop-card-body { padding: 0px; } .prop-ui .cp-dashboard-tab-content .cp-last-five-trx-card .prop-card-body td, .prop-ui .cp-dashboard-tab-content .cp-last-five-trx-card .prop-card-body th, .prop-ui .cp-dashboard-tab-content .cp-loyalty-card .prop-card-body td, .prop-ui .cp-dashboard-tab-content .cp-loyalty-card .prop-card-body th { text-align: left; } .prop-ui .cp-dashboard-tab-content .cp-last-five-trx-card .prop-card-body td.right-align, .prop-ui .cp-dashboard-tab-content .cp-last-five-trx-card .prop-card-body th.right-align, .prop-ui .cp-dashboard-tab-content .cp-loyalty-card .prop-card-body td.right-align, .prop-ui .cp-dashboard-tab-content .cp-loyalty-card .prop-card-body th.right-align { text-align: right; } .prop-ui .cp-dashboard-tab-content .cp-last-five-trx-card .prop-card-body td.external-link, .prop-ui .cp-dashboard-tab-content .cp-loyalty-card .prop-card-body td.external-link { height: 36px; display: flex; justify-content: space-between; align-items: center; } .prop-ui .cp-dashboard-tab-content .cp-last-five-trx-card .prop-card-body td.external-link button, .prop-ui .cp-dashboard-tab-content .cp-loyalty-card .prop-card-body td.external-link button { height: 24px !important; min-height: 24px !important; } .prop-ui .cp-dashboard-tab-content .break-word-all { word-break: break-all; } @media (min-width: 899px) { .prop-ui .cp-dashboard-tab-content .text-ellipsis-210 { width: 230px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .prop-ui .cp-dashboard-tab-content .fit-content-height { height: fit-content; } .prop-ui .email-container { align-self: stretch; } .prop-ui .email-container .prop-ui .prop-drawer md-toast.md-bottom { bottom: 5px !important; } .prop-ui .email-container .invoice-selection span { margin-left: -8px; padding-bottom: 16px; } .prop-ui .err-toast-container { bottom: 5px !important; } .prop-ui #cp_home_loader { position: fixed; top: 80px; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.3); display: none; align-items: center; justify-content: center; z-index: 9999; } .prop-ui .cp-home-container .k-tabstrip-items-wrapper { width: 185px !important; } .prop-ui #cp_site_policy_link { display: none; margin-top: auto; align-self: center; } .prop-ui #cp_site_policy_link span { cursor: pointer; color: #0086E7; text-decoration: underline; } .prop-ui .customer-portal-main { font-family: Source Sans Pro; } .prop-ui .customer-portal-main .customer-top-toolbar { background: #758595; height: 48px; } .prop-ui .customer-portal-main .customer-top-toolbar .customer-portal-labels { font-size: 14px; height: 48px; color: var(--ep-color-white); } .prop-ui .customer-portal-main .customer-top-toolbar .customer-prof-img-container { border-radius: 50%; width: 32px; } .prop-ui .customer-portal-main .customer-top-toolbar .cp-profile-img { background-repeat: no-repeat; background-position: 50% center; border: 1px solid; border-radius: 50%; width: 30px; height: 30px; } .prop-ui .customer-portal-main .customer-top-toolbar .cp-profile-img-ele { gap: 5px; } .prop-ui .customer-accounts .prop-dialog-wrapper .prop-dialog-body { justify-content: normal; } .prop-ui .multi-account-dialog { font-family: Source Sans Pro; width: 480px !important; } .prop-ui .multi-account-dialog .modal-heading { font-size: 12px; } .prop-ui .multi-account-dialog .modal-heading .header-title { font-size: 24px; font-weight: 600; line-height: 100%; padding-top: 16px; } .prop-ui .multi-account-dialog .prop-dialog-footer { display: none !important; } .prop-ui .multi-account-dialog .prop-label-chip { background-color: rgba(9, 11, 12, 0.08); border-color: rgba(58, 65, 69, 0.3); word-break: break-all; } .prop-ui .multi-account-dialog .customer-accounts { margin-bottom: 20px; } .prop-ui .multi-account-dialog .account-detail { font-size: 16px; font-weight: 600; word-break: break-all; } @media screen and (min-width: 600px) { .prop-ui .customer-accounts .modal-content { width: 480px !important; } } .prop-ui #account-detail-popup { display: none; } .prop-ui .switch-account-dialog { padding: 16px; } .prop-ui .switch-account-dialog .header-title { padding-top: 0 !important; } .prop-ui .switch-account-dialog .active-account-row { background: linear-gradient(0deg, rgba(0, 134, 231, 0.12) 0%, rgba(0, 134, 231, 0.12) 100%), #FFF; } .prop-ui .switch-account-dialog .cp-detail-container { background: linear-gradient(0deg, rgba(0, 134, 231, 0.04) 0%, rgba(0, 134, 231, 0.04) 100%), #FFF; border-top: 1px solid rgba(117, 133, 149, 0.4); } .prop-ui .switch-account-dialog .cp-sign-out-text { color: #0086E7; font-weight: bold; font-size: 14px; } .prop-ui .switch-account-dialog .cp-profile-section { border: 1px solid rgba(117, 133, 149, 0.4); } .prop-ui .switch-account-dialog .cp-customer-type-label { font-size: 16px; } .prop-ui #account-detail-popup { border-radius: 12px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2509803922); } .prop-ui #account-detail-popup.admin-login { border-radius: 0 !important; } .prop-ui .admin-login-container { width: 100px; } .prop-ui .admin-login-container:hover { background: rgba(117, 133, 149, 0.08); } @media screen and (max-width: 600px) { .prop-ui #account-detail-popup { width: 100% !important; } } .prop-ui .anchor { position: relative; } .prop-ui #cp-multi-panelbar .k-panelbar-collapse, .prop-ui #cp-multi-panelbar .k-panelbar-expand, .prop-ui #cp-landing-panelbar .k-panelbar-collapse, .prop-ui #cp-landing-panelbar .k-panelbar-expand { display: none !important; } .prop-ui .cp-switch-account-dropdown .multi-modal-heading { font-size: 12px; } .prop-ui .cp-switch-account-dropdown .multi-header-title { font-size: 24px; font-weight: bold; padding-top: 16px; } .prop-ui .cp-switch-account-dropdown .cp-panel-bar { max-height: 300px; overflow: auto; border: none; background: none; } .prop-ui .cp-switch-account-dropdown .panel-bar-container { align-items: normal; } .prop-ui .cp-switch-account-dropdown .cp-panel-header, .prop-ui .cp-switch-account-dropdown .cp-panel-header.k-state-active { font-size: 16px !important; font-weight: 600 !important; font-family: Source Sans Pro !important; color: black !important; box-shadow: none !important; border: 1px solid rgba(117, 133, 149, 0.4); } .prop-ui .cp-switch-account-dropdown .cp-panel-content { border: 1px solid rgba(117, 133, 149, 0.4); border-top: none; } .prop-ui .cp-switch-account-dropdown .cp-panel-body { background: none; } .prop-ui .cp-switch-account-dropdown .panel-right-container { font-weight: 100; } .prop-ui .cp-switch-account-dropdown .cp-icon-position { width: auto; } .prop-ui #cp-multi-panelbar > .k-panelbar-item > .k-link { border: 1px solid rgba(117, 133, 149, 0.4); } .prop-ui .cp-multi-panel-header, .prop-ui .cp-multi-panel-header.k-state-active { font-size: 16px !important; font-weight: 600 !important; font-family: Source Sans Pro !important; color: black !important; box-shadow: none !important; border: 1px solid rgba(117, 133, 149, 0.4); } .prop-ui .cp-multi-account .cp-multi-panel-bar { border: none; background: none; } .prop-ui .cp-multi-account .panel-bar-multi-container { align-items: normal; } .prop-ui .cp-multi-account .multi-panel-right-container { font-weight: 100; } .prop-ui .cp-multi-account .cp-multi-panel-body { background: none; } .prop-ui .cp-multi-account .cp-multi-panel-content { border: 1px solid rgba(117, 133, 149, 0.4); border-top: none; } .prop-ui .cp-multi-account .cp-multi-icon-position { width: auto; } .prop-ui .multi-account-top { top: 48px !important; } .prop-ui .cp-help-desk-tooltip-container { padding: 0; } .prop-ui .cp-help-desk-tooltip-container.k-tooltip { margin-top: -20px; border: 1px solid rgba(117, 133, 149, 0.4) !important; } .prop-ui .cp-help-desk-tooltip-container .k-tooltip-content { padding: 0; } .prop-ui .cp-help-desk-tooltip-container .k-callout { border-bottom-color: #FFFFFF !important; } .prop-ui .cp-help-desk-tooltip-container .cp-helpdesk-dialog .cp-helpdesk-header-section { border-bottom: 1px solid rgba(117, 133, 149, 0.4); padding: 8px 8px 5px; } .prop-ui .cp-help-desk-tooltip-container .cp-helpdesk-dialog .cp-header-title { color: #424242; font-family: Source Sans Pro !important; font-size: 18px; font-weight: 700; } .prop-ui .cp-help-desk-tooltip-container .cp-helpdesk-dialog .cp-help-desk-content { color: #424242; font-size: 16px; padding: 0 12px; max-height: 250px; min-height: 250px; overflow-y: auto; } .prop-ui .cp-help-desk-tooltip-container .cp-helpdesk-dialog .cp-help-desk-content-300 { max-height: 180px !important; min-height: 180px !important; } .prop-ui .cp-help-desk-tooltip-container .cp-helpdesk-dialog .cp-helpdesk-footer-section { border-top: 1px solid rgba(117, 133, 149, 0.4); } .prop-ui .cp-help-desk-tooltip-container .cp-helpdesk-dialog .cp-helpdesk-button-label .prop-btn .k-button { color: #424242; border: 1px solid rgba(117, 133, 149, 0.4); } .prop-ui .open-orders-estimates-container .cp-job-right-section { border-right: 1px solid #dcdcdc; max-width: 288px; } .prop-ui .open-orders-estimates-container .cp-job-account-container { background-color: #edf3f6; align-self: stretch; } .prop-ui .open-orders-estimates-container .prop-form-view-container { padding: 0; } .prop-ui .open-orders-estimates-container .cp_transaction_type { width: 176px; } .prop-ui .open-orders-estimates-container .cp_transaction_type .prop-comp.btn-group { align-items: normal !important; } .prop-ui .open-orders-estimates-container .cp_transaction_type .prop-tree-view * { box-sizing: unset !important; } @media (max-width: 899px) { .prop-ui .open-orders-estimates-container .cp-job-account-container { width: 100%; } .prop-ui .open-orders-estimates-container .filter-row { padding-left: 16px; } } .prop-ui .open-orders-estimates-container .transaction-field { max-width: 150px; } .prop-ui .payment-drawer .payment-method-container { padding: 16px 8px; border: 1px solid rgba(9, 11, 12, 0.16); border-radius: 6px; } .prop-ui .payment-drawer .payment-modal-body { padding: 24px; } .prop-ui .payment-drawer .payment-modal-body .admin-warning-msg { color: #EB6500; font-size: 16px; font-weight: 600; } .prop-ui .payment-drawer .prop-drawer-body { padding: 0; } .prop-ui .payment-drawer .payment-banner { padding: 8px 16px; background: linear-gradient(0deg, rgba(0, 160, 208, 0.08) 0%, rgba(0, 160, 208, 0.08) 100%), #FFF; border-bottom: 1px solid #00A0D0; display: flex; align-items: center; gap: 12px; } .prop-ui .payment-drawer .payment-banner .info-icon { flex-shrink: 0; align-self: center; } .prop-ui .payment-drawer .payment-banner .cp-payment-banner-line { display: block; } .prop-ui .payment-drawer .info-icon { color: #0080A6; } .prop-ui .payment-drawer .cp_payment_site_policy_link { cursor: pointer; text-decoration: underline; align-self: center; } .prop-ui .payment-drawer .cp-payment-billing-address-container { width: 100%; } .prop-ui .payment-drawer .cp-payment-billing-address-title { font-size: 16px; font-weight: 600; } .prop-ui .payment-drawer .prop-cp-payment-billing-address-note { display: flex; align-items: center; gap: 8px; padding: 4px 8px; border: 1px solid rgba(9, 11, 12, 0.08); border-radius: 4px; background: linear-gradient(0deg, rgba(117, 133, 149, 0.08) 0%, rgba(117, 133, 149, 0.08) 100%), #FFF; } .prop-ui .payment-drawer .prop-cp-payment-billing-address-note-icon { flex-shrink: 0; font-size: 16px; color: #5B6870; } .prop-ui .payment-drawer .prop-cp-payment-billing-address-note-text { font-family: Source Sans Pro !important; font-size: 12px; font-weight: 400; line-height: 18px; color: #5B6870; } .prop-ui .payment-drawer .cp-payment-billing-details-label { color: #5B6870; font-family: Source Sans Pro !important; font-size: 12px; font-weight: 400; line-height: 18px; } .prop-ui .payment-drawer .cp-payment-billing-address-mode { margin-left: -4px; } .prop-ui .payment-drawer .cp-payment-billing-address-mode .k-radio-label { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #424242; } .prop-ui .payment-drawer .cp-payment-billing-address-select { display: block; width: 100%; box-sizing: border-box; } .prop-ui .payment-drawer .cp-payment-billing-address-select .cp-payment-address-chip { font-size: 11px; padding: 2px 4px; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .payment-drawer .cp-payment-state-dropdown { min-width: 75px; } .prop-ui .payment-drawer .md-toast-container { padding: 0 1px !important; } .prop-ui .payment-drawer .snackbar-custom-icon { background-image: url("/app/assets/images/alert-box.svg") !important; } .prop-ui .payment-drawer .md-bottom { bottom: 64px !important; } .prop-ui .payment-drawer-admin .prop-drawer-body { padding-bottom: 64px; } .prop-ui .payment-confirmation-body { padding: 16px; } .prop-ui .font-14px { font-size: 14px; } .prop-ui .purchase-history-container .cp-job-right-section { border-right: 1px solid #dcdcdc; max-width: 288px; } .prop-ui .purchase-history-container .cp-job-account-container { background-color: #edf3f6; align-self: stretch; } .prop-ui .purchase-history-container .prop-form-view-container { padding: 0; } .prop-ui .purchase-history-container .cp_transaction_type { width: 176px; } .prop-ui .purchase-history-container .cp_transaction_type .prop-comp.btn-group { align-items: normal !important; } .prop-ui .purchase-history-container .cp_transaction_type .prop-tree-view * { box-sizing: unset !important; } @media (max-width: 899px) { .prop-ui .purchase-history-container .cp-job-account-container { width: 100%; } .prop-ui .purchase-history-container .filter-row { padding-left: 16px; } } .prop-ui .purchase-history-container .transaction-field { max-width: 150px; } .prop-ui .statement-container .prop-form-view-container { padding: 0; } .prop-ui .statement-container .cp-job-right-section { border-right: 1px solid #dcdcdc; max-width: 288px; } .prop-ui .statement-container .cp-job-account-container { background-color: #edf3f6; align-self: stretch; } @media (max-width: 899px) { .prop-ui .statement-container .cp-job-account-container { width: 100%; } .prop-ui .statement-container .filter-row { padding-left: 16px; } } .prop-ui .transaction-history-container .cp-job-right-section { border-right: 1px solid #dcdcdc; max-width: 288px; } .prop-ui .transaction-history-container .cp-job-account-container { background-color: #edf3f6; align-self: stretch; } .prop-ui .transaction-history-container .prop-form-view-container { padding: 0; } @media (max-width: 899px) { .prop-ui .transaction-history-container .cp-job-account-container { width: 100%; } .prop-ui .transaction-history-container .filter-row { padding-left: 16px; } } .prop-ui .transaction-history-container .transaction-field { max-width: 150px; } .prop-ui .cp-unapplied-grid-container .cp-unapplied-header { width: 100%; background: linear-gradient(0deg, rgba(117, 133, 149, 0.08) 0%, rgba(117, 133, 149, 0.08) 100%), #FFF; } .prop-ui .customer-container .k-tabstrip-items-wrapper { background: #F3F3F3; } .prop-ui .customer-container .customer-tab-container { gap: 1px; padding: 0px 8px; } .prop-ui .cps-epps-container .primary-text { color: #0086E7 !important; } .prop-ui .overViewWrap { display: flex; width: 100%; } @media (max-width: 600px) { .prop-ui .overViewWrap { display: block !important; } } .prop-ui .detail-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/vector.svg"); background-repeat: no-repeat; background-position: center; } .prop-ui .print_preview_layer { height: 98%; } .prop-ui .bold { font-weight: bold; } .prop-ui .udf_add_edit .padlr4 { padding: 0 4px; } .prop-ui .udf_add_edit .min_ht72 { min-height: 72px; } .prop-ui .udf_add_edit .icon_disabled { cursor: not-allowed; color: grey; } .prop-ui .stores-drawer .prop-drawer-title { text-transform: inherit !important; } .prop-ui .stores-drawer .prop-drawer-subtitle { text-transform: inherit !important; } .prop-ui .stores-drawer .prop_add_store_drawer { width: 100%; } .prop-ui .stores-drawer .prop_add_store_drawer .stores-container { width: inherit; border: 1px solid rgba(9, 11, 12, 0.12); border-bottom: none; } .prop-ui .stores-drawer .prop_add_store_drawer .stores-container .stores-search { width: inherit; padding: 8px 12px; border-bottom: 1px solid rgba(9, 11, 12, 0.12); } .prop-ui .stores-drawer .prop_add_store_drawer .stores-container .stores-search .prop_textbox input { padding-right: 32px; } .prop-ui .stores-drawer .prop_add_store_drawer .stores-container .stores-search .select-button { height: 28px; padding: 5px 9px; } .prop-ui .stores-drawer .prop_add_store_drawer .stores-container .stores-search .store_dropdown { width: 174px; } .prop-ui .stores-drawer .prop_add_store_drawer .stores-container .stores-checkbox { width: inherit; padding: 7px 12px; border-bottom: 1px solid rgba(9, 11, 12, 0.12); } .prop-ui .stores-drawer .prop_add_store_drawer .stores-container .stores-checkbox .prop_checkbox { padding: 0; } .prop-ui .stores-drawer .custom_radio_add { flex-flow: nowrap !important; gap: 14px !important; margin-top: 4px; } .prop-ui .stores-drawer .view_heading { width: 12%; margin: 0px; margin-top: 6px; font-weight: 600; } .prop-ui .stores-drawer .child_checkbox { display: flex; padding-left: 45px !important; } .prop-ui .stores-drawer .parent_checkbox { display: flex; padding-left: 20px !important; } .prop-ui .stores-drawer .wrapper_group { position: relative; } .prop-ui .stores-drawer .wrapper_group .grp_icon { position: absolute; top: 6px; font-size: 20px; cursor: pointer; } .prop-ui .stores-drawer prop-checkbox { width: fit-content; } .prop-ui .stores-drawer prop-checkbox .k-checkbox:indeterminate + .k-checkbox-label:before { color: var(--primary-v2); content: "\e121"; line-height: initial !important; font-size: 14px; } .prop-ui .customer_aging { display: flex; flex-direction: column; align-items: flex-start; flex: 100; gap: 16px; align-self: stretch; } .prop-ui .customer_aging .customer_aging_account { display: flex; flex-direction: column; align-items: flex-start; flex: 100; gap: 12px; align-self: stretch; } .prop-ui .customer_aging .customer_aging_account .aging_title { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; color: #424242; font-feature-settings: "clig" off, "liga" off; margin: 0px; } .prop-ui .customer_aging .customer_aging_account .aging_title_header { display: flex; align-items: flex-start; align-self: stretch; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .customer_aging .customer_aging_account .aging_title_header .aging_header_text { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: auto; gap: 2px; align-self: stretch; height: 65px; } .prop-ui .customer_aging .customer_aging_account .aging_title_header .aging_header_text:not(:last-child) { border-right: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .customer_aging .customer_aging_account .aging_title_header .aging_header_text .sub_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin: 0px; color: #5B6870; text-align: center; font-feature-settings: "clig" off, "liga" off; } .prop-ui .customer_aging .customer_aging_account .aging_title_header .aging_header_text .base_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; margin: 0px; min-height: 20px; color: #424242; text-align: center; letter-spacing: -0.5px; } .prop-ui .prop_group_navigator { gap: 0; } .prop-ui .prop_group_navigator .toolbar-container { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.05); border-color: var(--ep-grid-border) !important; color: #c4c6c7; background-color: #FFFFFF; height: 40px; margin: 8px; flex-basis: 40px; flex-grow: 0; align-items: center; } .prop-ui .prop_group_navigator .toolbar-container .right-btns { align-items: center; color: #7f8c8d; } .prop-ui .prop_group_navigator .toolbar-container .prop_breadcrumb_icon { color: #c4c6c7; } .prop-ui .prop_group_navigator .group-nav-main-container { background-color: #FFFFFF; box-shadow: 0 0 12px rgba(51, 51, 51, 0.14); border: 1px solid #D9E0E5; border-radius: 2px; padding: 16px; height: 100%; gap: 16px; overflow-y: auto; max-height: calc(100vh - 107px); margin: 0 8px 8px; } .prop-ui .prop_group_navigator .group-nav-main-container .group-nav-card { flex: 0; } .prop-ui .prop_group_navigator .group-nav-main-container .group-nav-card .prop-card { border-color: #e5e5e5; } .prop-ui .prop_group_navigator .group-nav-main-container .group-nav-card .prop-card-header { padding: 6px; background-color: #fafafa; height: 27px; border-bottom-color: #e5e5e5; } .prop-ui .prop_group_navigator .group-nav-main-container .group-nav-card .prop-card-header .prop-card-title { font-family: Montserrat !important; font-size: 15px; font-weight: 500; line-height: 15px; } .prop-ui .prop_group_navigator .group-nav-main-container .group-nav-card .prop-group-menu { display: flex; justify-content: center; align-items: center; padding: 10px; gap: 10px; max-width: 205px; text-align: center; cursor: pointer; } .prop-ui .prop_group_navigator .group-nav-main-container .group-nav-card .prop-group-menu:hover .prop-group-menu-icon { color: #0091EA !important; } .prop-ui .prop_group_navigator .group-nav-main-container .group-nav-card .prop-group-menu .prop-group-menu-icon { font-size: 55px; color: var(--ep-color-secondary-btn); line-height: normal; width: 56px; height: 56px; } .prop-ui .prop_group_navigator .group-nav-main-container .group-nav-card .prop-group-menu .prop-group-menu-label { display: flex; flex-direction: column; align-items: center; justify-content: center; } .prop-ui .prop_group_navigator .group-nav-main-container .group-nav-card .prop-group-menu .prop-group-menu-label .prop-group-menu-main-label { font-family: Montserrat !important; font-size: 15px; font-style: normal; font-weight: 600; line-height: 15px; color: #0091EA; cursor: pointer; } .prop-ui .prop_group_navigator .group-nav-main-container .group-nav-card .prop-group-menu .prop-group-menu-label .prop-group-menu-main-desc { font-family: Hind, sans-serif !important; font-size: 13px; font-style: normal; font-weight: 400; line-height: 17px; color: #646464; } .prop-ui prop-no-data-component { display: flex; justify-content: center; align-items: center; flex: 1; align-self: stretch; } .prop-ui prop-no-data-component .prop-no-data-container { border-radius: 6px; background: #FFFFFF; display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1; gap: 12px; align-self: stretch; } .prop-ui prop-no-data-component .prop-no-data-container .nodata-header-text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; font-size: 25px; } .prop-ui prop-no-data-component .prop-no-data-container .nodata-subtitle { font-family: Source Sans Pro !important; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; text-align: center; color: #5B6870; max-width: 360px; } .prop-ui prop-no-data-component .prop-no-data-container .search-icon { width: 128px; height: 128px; background-image: url("/app/assets/images/search_user.svg"); background-repeat: no-repeat; flex: initial; align-self: center; } .prop-ui prop-no-data-component .prop-no-data-container .add-line-icon { width: 128px; height: 128px; background-image: url("/app/assets/images/add_nothing_to_show.svg"); background-repeat: no-repeat; flex: initial; align-self: center; } .prop-ui prop-no-data-component .prop-no-data-container .nothing-to-show-img { width: 140px; height: 128px; background-image: url("/app/assets/images/nothing-to-show.svg"); background-repeat: no-repeat; flex: initial; align-self: center; } .prop-ui prop-no-data-component .prop-no-data-container .nothing-to-show-table-img { width: 138px; height: 138px; background-image: url("/app/assets/images/nothing-to-show-table.svg"); background-repeat: no-repeat; flex: initial; align-self: center; } .prop-ui prop-no-data-component .prop-no-data-container .nothing-img { width: 138px; height: 138px; background-image: url("/app/assets/images/nothing.svg"); background-repeat: no-repeat; flex: initial; align-self: center; } .prop-ui .password-dialog ng-include { width: 100%; } .prop-ui .toast-container { position: inherit !important; order: 0; align-self: stretch; flex: 1; display: flex; } .prop-ui .toast-container md-toast.md-toast-container { position: relative; bottom: 0 !important; padding: 0; } .prop-ui .schedule-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; font-weight: 600; line-height: 20px; } .prop-ui .prop-readonly-field .k-icon-button, .prop-ui .prop-readonly-field .k-clear-value, .prop-ui .prop-readonly-field .k-chip-actions { display: none !important; } .prop-ui .schedule-time { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .prop-ui .schedule-period { padding: 6px 8px; border-radius: 16px; } .prop-ui .schedule-footer .po_item_total { border-bottom: none; } .prop-ui .calendar-selector input { display: none !important; } .prop-ui .calendar-selector input[type=checkbox] + label { display: flex; justify-content: center; align-items: center; background: #FFFFFF; height: 36px; width: 36px; cursor: pointer; font-weight: 700; font-size: 16px; margin-bottom: 0; } .prop-ui .calendar-selector input[type=checkbox]:checked + label { background: #0091EA; color: #FFFFFF; } .prop-ui .calendar-selector input[type=checkbox][disabled]:checked + label { background: #6d7b83; color: #FFFFFF; } .prop-ui .calendar-selector input[type=checkbox][disabled] + label { cursor: default; background: #dfe8ed; color: #112f41; } .prop-ui .read_mode .calendar-selector input[type=checkbox] + label { display: flex; justify-content: center; align-items: center; height: 36px; width: 36px; } .prop-ui .weeks_header { flex-grow: 0; } .prop-ui .weeks_header > div { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 14px; color: #86898d; height: 36px; width: 36px; } .prop-ui .scheduler_wrapper .months_blk span:last-child input + label { width: 80px; } .prop-ui span.field_value { display: block; font-weight: 600; font-size: 15px; line-height: 1.2; min-height: 20px; overflow: hidden; word-break: break-word; } .prop-ui .repeat_on_label { font-size: 12px; font-weight: 400; margin-bottom: 12px; } .prop-ui .bg_img { margin-left: 2px; display: inline-flex; content: ""; width: 11px; height: 11px; background-image: url(/app/assets/images/asterisk-filled.svg); } .prop-ui .recurring-container { max-width: calc(100% - 60px); } @media (max-width: 899px) { .prop-ui .recurring-days-container { width: 392px; max-width: 392px; } } .prop-ui .store_new_filter .store_btn_dropdown { border-radius: 4px !important; border-width: 1px !important; border-style: solid; border-color: var(--button-text-24-v2); height: 32px !important; background: var(--component-text-white-v2); padding: 3px 6px !important; position: relative; margin-top: 5px; } .prop-ui .store_new_filter .store_btn_dropdown:hover, .prop-ui .store_new_filter .store_btn_dropdown:focus { border-color: var(--primary-v2) !important; color: black !important; } .prop-ui .store_new_filter .store_btn_dropdown .k-i-arrow-60-down { width: 28px; height: 100%; background: var(--secondary-button-bg-v2); top: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-left: 1px solid var(--button-text-8-v2); position: absolute; right: 0; } .prop-ui .store_new_filter .store_btn_dropdown .k-i-arrow-60-down:before { content: "\f035d"; font-family: "Material Design Icons"; font-size: 20px; } .prop-ui .ep_store_category_new .btn[disabled] { opacity: 0.6 !important; } .prop-ui .ep_store_category_new .ep-single-chip { float: left !important; } .prop-ui .ep_store_category_new prop-checkbox .k-checkbox:indeterminate + .k-checkbox-label:before { color: #0086e7; content: "\e121"; line-height: initial !important; font-size: 14px; } .prop-ui .ep_store_category_new .wrapper_stores { max-height: 282px; overflow: auto; } .prop-ui .ep_store_category_new .grp_obj { padding-left: 5px; } .prop-ui .ep_store_category_new .child_groups { list-style: none; padding-left: 20px; } .prop-ui .ep_store_category_new .main_list { list-style: none; padding: 0px; } .prop-ui .ep_store_category_new .main_list .main_child, .prop-ui .ep_store_category_new .main_list .child_groups .child_list { margin: 10px 0px; position: relative; padding-left: 5px; } .prop-ui .ep_store_category_new .main_list .main_child .grp_icon, .prop-ui .ep_store_category_new .main_list .child_groups .child_list .grp_icon { position: absolute; top: 5px; font-size: 20px; cursor: pointer; left: -10px; } .prop-ui .ep_store_category_new .store_dropdown_new { width: 400px; padding: 5px 3px; min-height: 377px; max-height: 377px; } .prop-ui .ep_store_category_new .store_dropdown_new .filter-clear { color: #0086e7 !important; cursor: pointer; } .prop-ui .ep_store_category_new .store_dropdown_new .custom_radio_add { flex-flow: nowrap !important; gap: 14px !important; } .prop-ui .ep_store_category_new .store_dropdown_new label { padding-left: 25px; } .prop-ui .ep_store_category_new .parent_checkbox .prop-lib { padding-top: 10px; padding-left: 5px; } .prop-ui .ep_store_category_new .store_btn_dropdown:hover, .prop-ui .ep_store_category_new .store_btn_dropdown:focus { border-color: var(--primary-v2) !important; color: black !important; } .prop-ui .ep_store_category_new .radio_heading { padding-left: 6px; } .prop-ui .ep_store_category_new .filter-close-icon { top: -3px; right: 2px; } .prop-ui .ep_store_category_new .label_store { color: #424242; } .prop-ui .ep_store_category_new.dropdown[uib-dropdown].open label { color: #444 !important; } .prop-ui .ep_store_category_new.dropdown[uib-dropdown].open button { border-bottom: 2px solid #0086e7 !important; } .prop-ui .store_component .label_store { display: flex; color: #424242 !important; font-size: 12px; padding-top: 4px; font-family: "Source Sans Pro"; } .prop-ui .store_component .label_store .required_field_icon::after { display: flex; content: ""; width: 11px; height: 11px; background-image: url("/app/assets/images/asterisk.svg"); } .prop-ui .store_component .label_store .required_field_icon.filled::after { display: flex; background-image: url("/app/assets/images/asterisk-filled.svg") !important; } .prop-ui .store_component .store_btn_dropdown { height: 31px !important; padding-bottom: 6px !important; font-family: Source Sans Pro !important; } .prop-ui .store_component .store_btn_dropdown .ep-single-chip { padding: 9px 6px !important; } .prop-ui .store_component .store_btn_dropdown .ep-single-chip .k-chip-label { font-size: 12px !important; } .prop-ui .store_component .store_btn_dropdown .mdi_icon { font-size: 20px; margin-top: -3px; } .prop-ui .store_component .grp_icon { top: 0 !important; } .prop-ui .prop-transaction-viewer { height: 100%; } @media (min-width: 1199px) { .prop-ui .prop-transaction-viewer .prop-trans-grid { max-width: calc(100% - 448px); } } .prop-ui .prop-transaction-viewer .prop-trans-grid .trans-title { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; color: #424242; font-feature-settings: "clig" off, "liga" off; margin: 0px; } .prop-ui .prop-transaction-viewer .prop-trans-grid .trans-detail { border: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; border-radius: 4px; } .prop-ui .prop-transaction-viewer .prop-trans-grid .trans-detail .trans-header-text { width: 238px; height: 72px; border: 1px solid rgba(9, 11, 12, 0.08); display: flex; flex-direction: column; justify-content: center; align-items: center; flex: auto; gap: 2px; align-self: stretch; } .prop-ui .prop-transaction-viewer .prop-trans-grid .trans-detail .trans-header-text .sub_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin: 0px; color: #5B6870; text-align: center; font-feature-settings: "clig" off, "liga" off; } .prop-ui .prop-transaction-viewer .prop-trans-grid .trans-detail .trans-header-text .base_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; margin: 0px; min-height: 20px; color: #424242; text-align: center; letter-spacing: -0.5px; } .prop-ui .prop-transaction-viewer .prop-trans-invoice { overflow-y: auto; padding: 36px 4px; flex: initial; flex-shrink: 0; border-radius: 6px; border: 2px dashed rgba(9, 11, 12, 0.16); background: rgba(250, 250, 250, 0.5); box-shadow: 0px 1px 0px -1px rgba(51, 51, 51, 0.04); } @media (min-width: 1199px) { .prop-ui .prop-transaction-viewer .prop-trans-invoice { width: 448px; } } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container h1 { font-family: "Open Sans", sans-serif; color: Black; font-size: 20pt; margin: 20px; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container h2 { font-family: "Open Sans", sans-serif; font-size: 16pt; margin: 0px; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container h3 { font-size: 14pt; text-align: center; margin: 0px; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container h4 { font-size: 12pt; text-align: center; margin: 0px; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container hr { border-bottom: solid thin #acacac; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container hr.dashed { border-top: none; border-bottom: dashed thin currentColor; border-bottom-width: 1.5px; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container th { page-break-inside: avoid; border-bottom: solid thin #acacac; border-top: solid thin #acacac; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container tr { page-break-inside: avoid; padding: 0px; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container tr.alt { padding: 0px; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container tr.kit { font-size: 75%; padding-left: 15px; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container .align-start { text-align: left; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container .align-center { text-align: center; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container .align-end { text-align: right; padding: 0px 3px; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container .vert-text-align { vertical-align: top; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container .item-group { font-size: 100%; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container .item-qty-uom { font-size: 80%; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container .item-rule-effect { font-size: 80%; text-align: right; color: red; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container .gift-card-group { font-size: 100%; font-weight: bold; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container .tax-rebate { text-align: right; color: red; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container .discount-amount { color: red; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container .item-detail { font-size: 80%; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container .gc-detail { font-size: 75%; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container .clip-me { clip-path: inset(0px 0px 0px 0px); width: 100%; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container .center-bold-bigger { font-size: 120%; text-align: center; font-weight: bold; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container .page-break { page-break-after: always; } .prop-ui .prop-transaction-viewer .prop-trans-invoice .receipt_container .signature-size { max-height: 180px; max-width: 240px; } .prop-ui .udf_setting .prop-card-body { padding: 0px !important; } .prop-ui .udf_setting li { height: 50px !important; border-bottom: 1px solid #d3d4d4; padding: 0px 10px; } .prop-ui .udf_setting li .label_design { border: 1px solid #d3d4d4; padding: 6px 15px; border-radius: 20px; background: #dcdede; color: #000000; } .prop-ui .udf_setting .udf_layout_order { margin: 0px !important; padding: 15px 1px; } .prop-ui .udf_setting .font-20 { font-size: 20px; } .prop-ui .udf_setting .icon_disabled { cursor: not-allowed; color: #8C9397; opacity: 0.6; } .prop-ui .udf_view_data { margin-top: 10px; } .prop-ui .udf_view_data .column_divide { padding: 0px 10px; } .prop-ui .udf_view_data .column_divide .label_item { margin-top: 7px; margin-bottom: 29px; padding: 7px 20px; border: 1px solid rgba(9, 11, 12, 0.16); background: #FAFAFA; color: #424242; border-radius: 4px; flex-basis: auto; width: 100%; } .prop-ui .udf_view_data .uppercase_text input { text-transform: uppercase; } .prop-ui .udf_view_data .lowercase_text input { text-transform: lowercase; } .prop-ui .udf_view_data .uppercase_dropdown .k-input-value-text { text-transform: uppercase; } .prop-ui .udf_view_data .lowercase_dropdown .k-input-value-text { text-transform: lowercase; } .prop-ui .udf_view_data .udf-view-field { position: relative; } .prop-ui .udf_view_data .udf-view-field .udf-view-field-info { position: absolute; color: #424242; right: 0; cursor: pointer; } .prop-ui .license-card-wrapper { font-family: Source Sans Pro !important; } .prop-ui .license-card-wrapper prop-card .prop-card-header { background-color: #FAFAFA; border-bottom: 1px solid #D9E0E5; } .prop-ui .license-card-wrapper prop-card .prop-card-header .prop-card-header-right-items { height: auto !important; } @media (max-width: 599px) { .prop-ui .license-card-wrapper prop-card .prop-card-header { flex-direction: column; } } .prop-ui .license-card-wrapper prop-card .prop-header-icon-blk { width: 40px; height: 40px !important; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #FFFFFF; margin-right: 6px; } .prop-ui .license-card-wrapper prop-card .prop-header-icon-blk .prop-header-icon { font-size: 20px; color: #3A4145; } .prop-ui .license-card-wrapper .prop-label-chip { border-color: rgba(9, 11, 12, 0.16); color: #3A4145; background: #FFFFFF !important; } .prop-ui .license-card-wrapper .license-scope-badge { border-color: #02AC43 !important; background: linear-gradient(0deg, rgba(2, 172, 67, 0.08) 0%, rgba(2, 172, 67, 0.08) 100%), #FFF !important; color: #02AC43 !important; } .prop-ui .license-card-wrapper .prop-text-color-primary { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .license-card-wrapper .stats-min-height { min-height: 68px; } .prop-ui .supplier-container .k-tabstrip-items-wrapper { background: #F3F3F3; } .prop-ui .supplier-container .supplier-tab-container { gap: 1px; padding: 0px 8px; } .prop-ui .default-view-tag { border: 1px solid var(--checkbox-border-v2); padding: 5px 8px; border-radius: 12px; z-index: 999; background-color: var(--ep-color-white); } .prop-ui .ar-open-view-grid .k-cell-inner { display: flex; align-items: center !important; } .prop-ui .ar-open-view-grid .k-cell-inner .column_filter { display: flex; justify-content: center; align-items: center; } .prop-ui .pr_add_single_item_drawer_container .bg-right-container { background: linear-gradient(270deg, rgb(255, 255, 255) 0%, rgb(245, 250, 255) 100%); } .prop-ui .pr_add_single_item_drawer_container .bg-right-container .loading-image-container { border: 1px solid #EBEBEB; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1); min-height: 4em; } .prop-ui .pr_add_single_item_drawer_container .bg-right-container .loading-image-container .img-block { height: 50px; width: 50px; margin: auto; } .prop-ui .pr_add_single_item_drawer_container .bg-right-container .loading-image-container .svg-container { display: inline-block; width: 100%; height: 10px; position: relative; background: linear-gradient(to bottom, rgb(205, 205, 205) 0%, rgb(185, 185, 185) 100%); } .prop-ui .pr_add_single_item_drawer_container .bg-right-container .loading-image-container .ellipsis-wrap { width: 18em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .prop-ui .prop-header-primary-text-uppercase { color: #0086E7; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 20px; } .prop-ui .dialog-info-content { margin: -24px -24px 24px -24px; border-bottom: 1px solid var(--informational-info, #00A0D0); background: linear-gradient(0deg, rgba(0, 160, 208, 0.08) 0%, rgba(0, 160, 208, 0.08) 100%), #FFF; width: auto; } .prop-ui .dialog-info-content .info-icon { color: #00A0D0; display: flex; justify-content: center; align-items: center; } .prop-ui .review-finalize-container .prop-info-box { background: #f4f5f7; border: 1px solid #758595; border-radius: 3px; padding: 10px; } .prop-ui .review-finalize-container .prop-info-box .prop-information-icon-container { margin: auto 0; } .prop-ui .review-finalize-container .prop-info-box .prop-information-icon-container span.mdi { font-size: 20px; } .prop-ui .dialog-info-content { margin: -24px -24px 24px -24px; border-bottom: 1px solid var(--informational-info, #00A0D0); background: linear-gradient(0deg, rgba(0, 160, 208, 0.08) 0%, rgba(0, 160, 208, 0.08) 100%), #FFF; width: auto; } .prop-ui .dialog-info-content .info-icon { color: #00A0D0; display: flex; justify-content: center; align-items: center; } .prop-ui .group-task-table { border: 1px solid rgba(9, 11, 12, 0.16); border-radius: 4px; border-collapse: separate; border-spacing: 0; overflow: hidden; } .prop-ui .group-task-table .td-card-header { width: 50%; } .prop-ui .group-task-table td { text-align: left !important; } .prop-ui .group-task-table .no-data-td { font-weight: 600; text-align: center !important; } .prop-ui .newly-added-rule { color: #0086E7; } .prop-ui .rule-list { list-style-type: none; min-height: 40px; } .prop-ui .margin-adjust-toggle { margin-left: -8px; } .prop-ui .dialog-info-content { margin: -24px -24px 24px -24px; border-bottom: 1px solid var(--informational-info, #00A0D0); background: linear-gradient(0deg, rgba(0, 160, 208, 0.08) 0%, rgba(0, 160, 208, 0.08) 100%), #FFF; width: auto; } .prop-ui .dialog-info-content .info-icon { color: #00A0D0; display: flex; justify-content: center; align-items: center; } @media (min-width: 599px) { .prop-ui .strategy-height { height: calc(100vh - 130px); } } .prop-ui .disable-prop-elem { pointer-events: none; opacity: 0.9; } .prop-ui .disable-prop-elem .ep-product-category-button, .prop-ui .disable-prop-elem .store_btn_dropdown { border-bottom: 1px dashed rgba(9, 11, 12, 0.24) !important; } .prop-ui .disable-prop-elem .ep-product-category-button .k-font-icon, .prop-ui .disable-prop-elem .ep-product-category-button .mdi-menu-down, .prop-ui .disable-prop-elem .store_btn_dropdown .k-font-icon, .prop-ui .disable-prop-elem .store_btn_dropdown .mdi-menu-down { display: none !important; } .prop-ui .pr_update_black_strategy_icon { height: 16px; width: 16px; margin-top: 3px; background-image: url("data:image/svg+xml;utf8,"); cursor: pointer; } .prop-ui .custom-strategy-class .k-card-body { padding: 0px !important; } .prop-ui .po-form-container { background: #F3F3F3; } .prop-ui .po-form-container .k-tabstrip-items-wrapper { background: #F3F3F3; } .prop-ui .po-form-container .toolbar_right_btn_wrapper { gap: 0px !important; } .prop-ui span.criteria_modified_indicator { position: relative; left: 8%; right: 0%; top: 1px; bottom: 50%; background: #FF6358; border-radius: 50%; width: 8px; height: 8px; } .prop-ui .pr-detail-view-container .pr-detail-grid-container { width: 65vw; } .prop-ui .pr-detail-view-container .prop-credit-blk { width: 320px; } .prop-ui .pr-detail-view-container .right_flyout_collapsed { transform: translateX(100%); display: none !important; } .prop-ui .pr-detail-view-container .right_flyout_expanded { transform: translateX(0%); } .prop-ui .pr-detail-view-container .right_flyout_maximized { z-index: 1000; top: 54px; position: fixed; height: calc(100% - 104px) !important; right: 0px; } .prop-ui .pr-detail-view-container .sugg_return_blk { width: 180px; } .prop-ui .pr-detail-view-container .sugg_return_blk .k-dropdownlist { background-color: rgba(9, 11, 12, 0.24); } .prop-ui .pr-detail-view-container .sugg_label_blk { margin: auto; padding-right: 5px; } .prop-ui .pr-detail-view-container .po-grid-panel { display: flex; flex-direction: column; align-items: flex-start; flex: 100; border-radius: 6px; background: #FFFFFF; width: 100%; } .prop-ui .pr-detail-view-container .po-grid-panel .po_grid_collapsed { width: calc(100% - 326px) !important; } .prop-ui .pr-detail-view-container .po-grid-panel .po_grid_collapsed .prop_grid_blk { width: inherit !important; } .prop-ui .pr-detail-view-container .po-grid-panel.po_grid_collapse { width: calc(100% - 332px); } .prop-ui .pr-detail-view-container .prop-credit-blk .prop-card-footer { display: block; background: white; } .prop-ui .pr-detail-view-container .k-grid td.positive, .prop-ui .pr-detail-view-container .k-grid td.negative, .prop-ui .pr-detail-view-container .k-grid td.neutral { padding: 0 6px; position: relative; display: flex; justify-content: space-between; align-items: center; height: 100% !important; line-height: normal; } .prop-ui .pr-detail-view-container .k-grid td.positive { background-color: rgba(2, 172, 67, 0.08); /* light green */ color: #02AC43; } .prop-ui .pr-detail-view-container .k-grid td.negative { background-color: rgba(255, 79, 66, 0.08); /* light red */ color: #FF4F42; } .prop-ui .pr-detail-view-container .k-grid td.neutral { background-color: white; color: black; } .prop-ui .pr-detail-view-container .k-grid td.positive::before, .prop-ui .pr-detail-view-container .k-grid td.negative::before { content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 100%; } .prop-ui .pr-detail-view-container .k-grid td.positive::before { background-color: #02AC43; } .prop-ui .pr-detail-view-container .k-grid td.negative::before { background-color: #FF6358; } .prop-ui .pr-detail-view-container .k-grid td.positive .variance-arrow i.mdi, .prop-ui .pr-detail-view-container .k-grid td.negative .variance-arrow i.mdi { font-size: 16px; vertical-align: middle; margin-left: 4px; } .prop-ui .pr-detail-view-container { /* Text inside span stays neutral */ } .prop-ui .pr-detail-view-container .k-grid td .variance-text { color: #424242; } .prop-ui .pr-detail-view-container #strategy-footer { display: flex; justify-content: flex-end; padding: 10px; } .prop-ui .pr-detail-view-container #strategy-footer .strategy-button { min-width: 140px; background-color: #0078d4; color: white; font-weight: 600; padding: 6px 16px; border-radius: 2px; border: none; cursor: pointer; transition: background-color 0.3s ease; } .prop-ui .pr-detail-view-container #strategy-footer .strategy-button:hover { background-color: #005a9e; } .prop-ui .pr-detail-view-container #strategy-footer .strategy-button:active { background-color: #004578; } .prop-ui .pr-detail-view-container #strategy-footer md-toast { width: 100%; right: 0; bottom: 56px; } .prop-ui .pr-detail-view-container .full-width-flex { flex: 1 1 100%; width: 100%; } @media (max-width: 768px) { .prop-ui .pr-detail-view-container .full-width-flex { flex: 1 1 auto; width: auto; } } .prop-ui .pr-detail-view-container .prop-card-header { display: flex; align-items: center; gap: 8px; padding: 8px 16px; } .prop-ui .pr-detail-view-container .prop-card-header i.mdi { font-size: 20px; color: inherit; } .prop-ui .pr-detail-view-container .prop-card-header span { font-weight: 600; font-size: 1rem; } .prop-ui .pr-detail-view-container .disabled-btn { opacity: 0.5; cursor: not-allowed; } .prop-ui .pr-detail-view-container md-toast.md-toast-container .md-toast-content .snackbar-wrapper.warning { border-radius: 0; border-left: none; border-right: none; border-bottom: none; } .prop-ui .pr-detail-view-container .left_side_blk .num_name_blk span, .prop-ui .pr-detail-view-container .left_side_blk .address_blk { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 300px; display: inline-block; } .prop-ui .pr-detail-view-container .store-container { display: flex; align-items: center; gap: 4px; } .prop-ui .pr-detail-view-container .store-link { color: inherit; text-decoration: none; } .prop-ui .pr-detail-view-container .store-icon { font-size: 14px; color: #0086E7; } .prop-ui .prop-store-filter-container span.k-input, .prop-ui .prop-store-filter-container .k-textbox { border-left-width: 0; border-right-width: 0; } .prop-ui .prop-store-filter-container input.k-checkbox { display: none; } .prop-ui .pr_update_strategy_icon { height: 16px; width: 16px; margin-top: 3px; background-image: url("data:image/svg+xml;utf8,"); cursor: pointer; } .prop-ui .my-impact-card .prop-card-body { padding: 0 !important; } .prop-ui .my-impact-card td.positive { display: flex; justify-content: space-between; flex-direction: row; height: 36px; background: linear-gradient(0deg, rgba(2, 172, 67, 0.08) 0%, rgba(2, 172, 67, 0.08) 100%), #FFF; color: #02AC43; position: relative; } .prop-ui .my-impact-card td.negative { display: flex; justify-content: space-between; flex-direction: row; height: 36px; background: linear-gradient(0deg, rgba(255, 79, 66, 0.08) 0%, rgba(255, 79, 66, 0.08) 100%), #FFF; /* light red */ color: #FF4F42; position: relative; } .prop-ui .my-impact-card td.positive::before, .prop-ui .my-impact-card td.negative::before { content: ""; position: absolute; left: 0; top: 0; width: 4px; height: inherit; } .prop-ui .my-impact-card td.positive::before { background-color: #02AC43; } .prop-ui .my-impact-card td.negative::before { background-color: #FF6358; } .prop-ui .adjust-field { padding-top: 7px; } .prop-ui .parent-div { display: flex; align-items: center; } .prop-ui .textbox-with-suffix { position: relative; width: 100%; } .prop-ui .textbox-with-suffix .right-suffix { position: absolute; right: 0; top: 30px; color: #999; font-style: italic; font-size: 12px; } .prop-ui .strategy-modify-div { padding-left: 12px; padding-right: 12px; padding-top: 8px; background: linear-gradient(0deg, rgba(0, 134, 231, 0.08) 0%, rgba(0, 134, 231, 0.08) 100%), #FFF; gap: 12px; } .prop-ui .pricing-strategy-read-only { padding-left: 12px; padding-right: 12px; padding-top: 8px; } .prop-ui .tier_style { color: #0086E7; } .prop-ui .po-adders .prop-card { height: max-content !important; } .prop-ui .adder_summary_row:nth-child(odd) { background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #FFF; } .prop-ui .main-adders-container { display: flex; flex-direction: row; gap: 8px; } .prop-ui .adders_first_row { max-width: 49%; } .prop-ui .dynamic_field { height: 47px; } .prop-ui .info_adders { background-color: #FAFAFA; } .prop-ui .tier_header { justify-content: flex-start !important; gap: 4px; } .prop-ui .tier_summary { box-shadow: none !important; border-color: rgba(9, 11, 12, 0.1607843137) !important; } .prop-ui .tier_summary.total_menu_container .total_menu_header .mdi { cursor: auto; } .prop-ui .tier-field { position: relative; top: 6px; } .prop-ui .set-column-1-icon { background-image: url("/app/assets/images/set-column-1.svg"); height: 20px; width: 20px; } .prop-ui .set-column-2-icon { background-image: url("/app/assets/images/set-column-2.svg"); height: 20px; width: 20px; } .prop-ui .intake-size .set-column-1-icon { background-image: url("/app/assets/images/set-column-1.svg"); height: 20px; width: 20px; } .prop-ui .intake-size .set-column-2-hanger { height: 20px; width: 20px; } .prop-ui .intake-size .plus-icon { width: 30px; height: 30px; background-image: url("/app/assets/images/plus-circle-outline.svg"); background-repeat: no-repeat; } .prop-ui .intake-size .minus-icon { width: 30px; height: 30px; background-image: url("/app/assets/images/minus-outline.svg"); background-repeat: no-repeat; } .prop-ui .intake-size .prop-card { height: max-content !important; } .prop-ui .cps-permission-container .customer-notification-container .k-card-body.prop-card-body { padding: 0; } .prop-ui .cps-permission-container .notification-header th { text-align: left; } .prop-ui .cps-permission-container .template-edit-btn { justify-content: center; align-items: center; } .prop-ui .cps-permission-container .cps_nowrap-text { white-space: nowrap; } .prop-ui .cps-sms-drawer .cps-sms-editor { height: 200px; } .prop-ui .cps-sms-drawer .limit-text { height: 24px; color: #5B6870; } .prop-ui .tags-layout { display: flex; flex-direction: column; gap: 8px; align-self: stretch; } .prop-ui .tags-layout .header-label { color: #0086E7; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .def-url-config, .prop-ui .customer-login-config { font-size: 12px; } .prop-ui .dialog-cps .prop-tertiary-button-section { align-items: flex-end !important; } .prop-ui .cps-website-container .circle-preview { border-radius: 0; } .prop-ui .cps-website-container .cp-url { display: flex; flex-direction: column; flex: 1; gap: 4px; } .prop-ui .cps-website-container .cps_status { color: #5B6870; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .cps-website-container .prop-btn .k-button.help-link-btn { padding-left: 0 !important; } .prop-ui .cps-website-container .cps-site-policy-preview .file-preview-icon { height: 100px; width: 100px; overflow: hidden; background-color: #FFFFFF; border: 2px solid #CFD5D9; display: flex; justify-content: center; align-items: center; flex-basis: 100px; flex-grow: 0; position: relative; } .prop-ui .cps-website-container .cps-site-policy-preview .file-preview-icon i { font-size: 75px; color: #CFD5D9; } .prop-ui .cps-website-container .cps-site-policy-preview .file-preview-icon .cps_file_added_icon { position: absolute; top: -2px; right: 1px; font-size: 20px; color: #02AC43; } .prop-ui .cps-website-container .cps-site-policy-preview .pdf-name { color: #424242; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .cps-website-container .cps-site-policy-preview .pdf-delete-link { color: #0086E7; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; text-decoration: underline; } .prop-ui .url-status-box { border: 1px solid rgba(9, 11, 12, 0.08); border-radius: 4px; padding: 16px; } .prop-ui .url-status-box .url-status-content { display: flex; align-items: center; gap: 8px; } .prop-ui .url-status-box .url-status-content .status-icon { display: flex; align-items: center; } .prop-ui .url-status-box .url-status-content .color-error { color: #FF4F42; } .prop-ui .url-status-box .url-status-content .color-green { color: #02AC43; } .prop-ui .url-status-box .url-status-content .status-text { color: #5B6870; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .url-status-box .required_field_icon { display: flex; border-radius: 4px; color: #FF4F42; } .prop-ui .url-status-box .required_field_icon::after { content: ""; width: 11px; height: 11px; background-image: url("/app/assets/images/asterisk.svg"); } .prop-ui .url-status-box .required_field_icon.filled { color: #424242; } .prop-ui .url-status-box .required_field_icon.filled::after { background-image: url("/app/assets/images/asterisk-filled.svg"); } .prop-ui .url-status-box .inner-box { border: 1px solid #5B6870; border-radius: 4px; padding: 8px 12px; display: flex; align-items: center; align-self: stretch; height: 34px; justify-content: space-between; } .prop-ui .url-status-box .inner-box .file-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .prop-ui .cps_template_editor_container .prop-card .prop-card-body { padding: 0 !important; } .prop-ui .cps_template_editor_container .prop-card .prop-card-body .k-editor { border: none; } .prop-ui #cp_help_desk_preview { display: none; } .prop-ui .cps-help-desk-tooltip-container { padding: 0; } .prop-ui .cps-help-desk-tooltip-container.k-tooltip { border: 1px solid rgba(117, 133, 149, 0.4) !important; } .prop-ui .cps-help-desk-tooltip-container .k-tooltip-content { padding: 0; } .prop-ui .cps-help-desk-tooltip-container .k-callout { border-bottom-color: #FFFFFF !important; } .prop-ui .cps-help-desk-tooltip-container .cps-helpdesk-dialog .cps-helpdesk-header-section { border-bottom: 1px solid rgba(117, 133, 149, 0.4); padding: 8px 8px 5px; } .prop-ui .cps-help-desk-tooltip-container .cps-helpdesk-dialog .cps-header-title { color: #424242; font-family: Source Sans Pro !important; font-size: 18px; font-weight: 700; } .prop-ui .cps-help-desk-tooltip-container .cps-helpdesk-dialog .cps-help-desk-content { color: #424242; font-size: 16px; padding: 0 12px; max-height: 250px; min-height: 250px; overflow-y: auto; } .prop-ui .cps-help-desk-tooltip-container .cps-helpdesk-dialog .help-desk-content-300 { max-height: 180px !important; min-height: 180px !important; } .prop-ui .cps-help-desk-tooltip-container .cps-helpdesk-dialog .cps-helpdesk-footer-section { border-top: 1px solid rgba(117, 133, 149, 0.4); } .prop-ui .cps-help-desk-tooltip-container .cps-helpdesk-dialog .cps-helpdesk-button-label .prop-btn .k-button { color: #424242; border: 1px solid rgba(117, 133, 149, 0.4); } .prop-ui .cps-help-desk-tooltip-container .cps-helpdesk-dialog .preview-read-only-btn { pointer-events: none; } .prop-ui .idp-setup-wrapper .util-no-formview-container { border-radius: 6px; background: #FFFFFF; backdrop-filter: blur(3px); padding: 10px 10px 40px 10px; margin: 4px 10px 10px 10px; align-content: flex-start; } .prop-ui .idp-setup-wrapper .no-border-prop-card .prop-card { border: 0 !important; } .prop-ui .idp-setup-wrapper .idp-login-preview-btn-holder { width: 100%; background: #fafafa; border: 1px solid #d8d8d8; border-radius: 3px; padding: 13px 20px; } .prop-ui .idp-setup-wrapper .idp-login-preview-btn { display: flex; height: 34px; justify-content: center; align-items: center; align-self: stretch; background-color: #fff; border: 1px solid #758595; color: #3A4145; border-radius: 3px; width: 100%; font-size: 14px; font-weight: 600; } .prop-ui .idp-setup-wrapper .sso-custom-btn { width: 160px !important; text-transform: uppercase !important; } .prop-ui .idp-setup-wrapper md-toast.md-toast-container { bottom: 40px !important; } .prop-ui .idp-setup-wrapper #saml_metadata_document { max-height: 280px !important; field-sizing: content; height: unset !important; } .prop-ui .ar_adj_drawer .prop-drawer-body { padding: 8px; background-color: #F3F4F4; height: calc(100% - 80px) !important; overflow-y: hidden !important; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container { height: 100%; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container { width: calc(100% - 275px); transition: width 0.213s ease-in-out 0s; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container.expanded { width: 100%; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .ar-header-container { height: 74px; padding: 10px; gap: 32px; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .ar-header-container .cust-detail { width: 250px; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .ar-header-container .cust-detail .cust-fixed-width { width: 108px; flex: none; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .ar-header-container .ar-job-multiselect { min-width: 280px; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .ar-header-container .ar-job-multiselect label { color: #888; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .ar-header-container .sliding-pane-icon { font-size: 24px; color: #758595; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .ar-trx-detail-header { height: 74px; padding: 10px; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .ar-trx-detail-header .ar-text-box { width: 150px; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .ar-trx-detail-header .ar-text-box label { color: #888; font-family: Hind, sans-serif !important; font-size: 13px; font-style: normal; font-weight: 400; line-height: 15.6px; /* 120% */ } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .ar-trx-detail-header .ar-unapplied-text-box-1 { width: 180px; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .ar-trx-detail-header .ar-unapplied-text-box-1 .prop-lib .prop-comp span.k-input .k-input-inner { color: #0086E7; cursor: pointer; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .ar-trx-detail-header .ar-amount-box { height: 58px; flex-grow: 0; padding: 5px; background-color: #F3F4F4; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .ar-trx-detail-header .ar-amount-box .ar-amount-box-text { width: 140px; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .ar-trx-detail-header .ar-amount-box .ar-total-value { font-size: 24px; text-align: left; color: var(--ep-color-orange); } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .ar-trx-detail-header .ar-transaction-id.link-color { color: #12C3F4; cursor: pointer; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .ar-trx-detail-header .ar-transaction-id { font-family: Hind, sans-serif; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .ar-txn-width { width: 160px; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .ar-bg-color-white { background-color: #FFFFFF; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .cust-label { color: #86898D; font-family: Hind, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 19.2px; /* 120% */ text-transform: uppercase; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .cust-name { color: #F58220; font-family: Hind, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 19.2px; /* 120% */ } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .cust-address { color: #AFAFAF; font-family: Hind, sans-serif; font-size: 13px; font-style: normal; font-weight: 400; line-height: 15.6px; /* 120% */ } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .trx-status { color: #000; font-family: Hind, sans-serif; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-transaction-container .ar-eclipse { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .margin-left-auto { margin-left: auto; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-sidebar-container { background-color: #fff; width: 300px; flex-basis: auto; flex-grow: 0; animation-duration: 0.213s; animation-fill-mode: both; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-sidebar-container.collapsed { animation-name: slideOutRight; display: none; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-sidebar-container.expanded { animation-name: slideInRight; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-sidebar-container .ar-info-label { color: #86898D; font-family: Hind, sans-serif; font-size: 13px; font-style: normal; font-weight: 400; line-height: 18px; /* 138.462% */ } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-sidebar-container .ar-info-text { color: #112F41; font-family: Hind, sans-serif; font-size: 15px; font-style: normal; font-weight: 400; line-height: 18px; /* 120% */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-sidebar-container .aging-amount-info { display: inline-block; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-sidebar-container .aging-labels { width: 30%; display: inline-block; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-sidebar-container .ar-aging-container { width: 100%; font-size: 15px; font-family: Hind, sans-serif; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-sidebar-container .ar-fl-desc { background: var(--ep-grid-row-highlight-blue); font-family: Hind, sans-serif; font-weight: 600; font-size: 16px; height: 50px; padding: 15px 34px 11px 14px; border-left: 3px solid var(--ep-color-anotherBlue) !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--ep-color-secondary-btn); } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-footer-container { box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px, rgba(0, 0, 0, 0.1) 0 2px 3px; height: 64px; flex-grow: 0; flex-basis: auto; padding: 0 10px; width: 100%; z-index: 9999; background: white; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-footer-container .ar-total-selected { line-height: 1.5; color: #6D7B83; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-footer-container .ar-footer-value { font-size: 38px; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-footer-container .ar-footer-label { color: var(--ep-color-orange); } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-footer-container .ar-footer-close-btn { min-width: 87px; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-footer-container #modify_payment, .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-footer-container #apply_changes, .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-footer-container #make_payment { background-color: var(--ep-color-orange) !important; border: 1px solid var(--ep-color-orange) !important; min-height: 46px !important; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-footer-container #modify_payment .k-button-text, .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-footer-container #apply_changes .k-button-text, .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-footer-container #make_payment .k-button-text { font-size: 18px !important; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-footer-container .close-btn { min-height: 46px !important; } .prop-ui .ar_adj_drawer .prop-drawer-body .ar_adj_container .ar-footer-container .close-btn .k-button-text { font-size: 18px !important; } .prop-ui .ar_adj_drawer .modal-dialog { width: 100vw !important; } .prop-ui #ar_detail_grid { overflow: auto; border-radius: 4px; width: 100% !important; } .prop-ui #ar_detail_grid .k-grid-content.k-auto-scrollable { height: calc(100vh - 390px); overflow-y: auto; } .prop-ui #ar_detail_grid .checkbox-disabled { pointer-events: none; opacity: 0.5; } .prop-ui .ar-warning-dialog .ar-warning { line-height: 16px; margin-left: 30px; } .prop-ui .ar-transaction-container .search-v2-container { max-width: 200px; min-width: 200px; } .prop-ui .ar-transaction-container .ep-single-chip { max-width: 155px; } .prop-ui .ar-transaction-container .ar_note_cell { width: 150px; overflow: hidden; text-overflow: ellipsis; text-align: left; line-height: 18px; } .prop-ui .single-line-tag-input .tags { max-height: 32px !important; } .prop-ui .single-line-tag-input .tags .input { max-width: 510px !important; } .prop-ui .can-container { padding: 16px 24px; } .prop-ui .can-container .no-customer-block { border: 2px dashed rgba(9, 11, 12, 0.16); } .prop-ui .can-container .customer-card .prop-lib .prop-btn .k-button { height: 28px; width: 28px; min-height: 28px; } .prop-ui .can-container .customer-item-text { word-break: break-all; display: flex; align-items: center; min-height: 26px; } .prop-ui .can-container .customer-details { font-size: 16px; font-weight: 600; } .prop-ui .can-container .job-list-item-button { pointer-events: none; } .prop-ui .note-description-container { min-height: 280px; } .prop-ui .note-description-container .description-length { justify-content: flex-end; } .prop-ui .hidden-user-multi-select .k-input-values { padding-top: 0 !important; } .prop-ui .hidden-user-multi-select #clear-tag { margin-left: 6px; cursor: pointer; } .prop-ui .hidden-user-multi-select .k-multiselect.k-state-focused, .prop-ui .hidden-user-multi-select .k-multiselect.k-focus { background-color: #fff; } .prop-ui .hide-for-user-list-item { display: block; height: 32px; line-height: 32px; } .prop-ui .customer-add-edit { width: 100%; flex: 1 0 0; } .prop-ui .customer-add-edit .address_card { display: flex; flex-direction: column; align-items: flex-start; } .prop-ui .customer-add-edit .customer_address.prop-flex-basis-lg-0 { flex-grow: 0; flex-shrink: 1; flex-basis: 358px !important; } .prop-ui .customer-add-edit .k-card { overflow: initial; } .prop-ui .customer-add-edit .account { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; } .prop-ui .customer-add-edit .address { display: flex; width: 368px; flex-direction: column; align-items: flex-start; flex: 1 0 0; } @media (max-width: 1199px) { .prop-ui .customer-add-edit .address { width: auto; flex-basis: 100%; } } .prop-ui .customer-add-edit .contact { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; align-self: stretch; } .prop-ui .cust-bill-to-add-edit-container .header-text { color: #424242; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .prop-ui .cust-bill-to-add-edit-container .header-text .bill_to_display { font-weight: 700; } .prop-ui .combine_customer .switch_arrow { align-items: center; justify-content: center; display: flex; } .prop-ui .combine_customer .switch_arrow .icon_switch { font-size: 20px; color: #0086e7; } .prop-ui .combine_customer .sub_headig_combine { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .combine_customer .combine_table { border: 1px solid #e3e3e3; } .prop-ui .combine_customer .combine_table td { text-align: left !important; } .prop-ui .combine_customer .combine_table .data_cells { width: 250px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; display: inline-block; height: 100%; } .prop-ui .prop-contact-label { color: #0086E7; margin-top: 0; } @media (max-width: 599px) { .prop-ui .customer-contact-address prop-textbox, .prop-ui .customer-contact-address prop-dropdown { width: 100% !important; } } .prop-ui .prop_divider { display: flex; border-right: 1px solid #e5e5e5; align-self: stretch; } .prop-ui .width_128 { width: 128px; } .prop-ui .width_384 { width: 384px; } .prop-ui .danger { color: var(--informational-error-dark-20, #FF4F42); font-feature-settings: "clig" off, "liga" off; /* Hint Text */ font-family: "Source Sans Pro"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 17px; /* 141.667% */ } .prop-ui .prop-flex { width: 100%; } .prop-ui .prop-contact-label { display: block; width: 100%; padding-top: 10px; } .prop-ui .cp-permission-checkbox-label, .prop-ui .cp-permission-checkbox-label label { white-space: nowrap; } .prop-ui .prop-credit-container-fluid span[ng-bind-html] { margin: 0 !important; } .prop-ui .prop-credit-container-fluid prop-card { display: flex; align-items: stretch; flex: 1; } .prop-ui .prop-credit-container-fluid prop-card.custom-card { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; } .prop-ui .prop-credit-container-fluid prop-card.custom-card .prop-card-body { padding: 0 !important; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .lp-icon-size { height: unset !important; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/line-stacked-markers.svg"); } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .credit-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/dollar.svg"); } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .aging-month-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/doughnut.svg"); } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .external-link-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/hyperlink-open.svg"); background-repeat: no-repeat; cursor: pointer; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .empty-state { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .empty-state .empty-img { width: 125.49px; height: 126px; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .empty-state .empty-text-img { width: 161.165px; height: 22.2px; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .empty-state .empty-text { display: flex; flex-direction: column; align-items: center; color: #424242; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; font-feature-settings: "clig" off, "liga" off; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .prop-table { width: 100%; border-collapse: collapse; font-family: "Source Sans Pro"; font-feature-settings: "clig" off, "liga" off; margin: 0; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .prop-table th { color: #424242; text-align: center; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; vertical-align: top; height: 24px; padding: 8px; border-bottom: 1px solid rgba(9, 11, 12, 0.08); background: #FAFAFA; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .prop-table td { gap: 10px; text-align: left; height: 20px; padding: 8px 12px; border-bottom: unset !important; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .prop-table td.external-link { display: flex; justify-content: space-between; gap: 10px; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .prop-table th:not(:first-child), .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .prop-table td:not(:first-child) { border-left: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .prop-table tr:nth-child(even) { background-color: rgba(0, 0, 0, 0.0392156863); } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .k-switch { box-shadow: none !important; /* Override the box-shadow property */ width: 44px !important; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .k-switch-thumb { fill: #F5F5F5; width: 22px; height: 22px; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .k-switch-track { width: 44px; height: 22px; border-radius: 100px; border: 1px solid rgba(9, 11, 12, 0.1607843137); background: #FFFFFF; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .k-switch-on .k-switch-thumb-wrap { left: calc(100% - 0.8em - 0px - 0px); } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .k-switch-off .k-switch-thumb-wrap { left: calc(0.8em + 0px + 0px); } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container { border-radius: 6px; box-shadow: 0px 1px 12px 0px rgba(51, 51, 51, 0.14), 0px 1px 0px -1px rgba(51, 51, 51, 0.04); } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container .history-aging-card { border-radius: 6px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; box-shadow: 0px 1px 12px 0px rgba(51, 51, 51, 0.14), 0px 1px 0px -1px rgba(51, 51, 51, 0.04); padding: 16px; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container .history-aging-card .credit-details-container { width: 256px; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container .history-aging-card .credit-details-container .credit-details-card { padding: 16px; border-radius: 6px; border: 1px solid #D9E0E5; background: #FFFFFF; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container .history-aging-card .credit-details-container .credit-details-card .credit-details-section .credit-membership-point-sections .credit-membership-data-content .membership-since .text-heading { align-self: stretch; color: #000000; text-align: center; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 140%; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container .history-aging-card .credit-details-container .credit-details-card .credit-details-section .credit-membership-point-sections .credit-membership-data-content .membership-since .value { align-self: stretch; color: #5B6870; text-align: center; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 160%; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container .history-aging-card .credit-details-container .credit-details-card .credit-details-section .credit-membership-point-sections .credit-membership-data-content .credit-chip-set { display: flex; align-items: flex-start; padding: 5px; border-radius: 100px; border: 1px solid #4CD180; background: #D2F3DF; text-align: center; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container .history-aging-card .credit-details-container .credit-details-card .credit-details-section .credit-membership-point-sections .credit-membership-data-content .credit-chip-set .credit-chip-label { display: flex; align-items: center; padding: 0px 4px; color: #424242; text-align: center; font-family: Source Sans Pro !important; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container .history-aging-card .credit-details-container .credit-details-card .credit-details-section .credit-membership-point-sections .credit-points-section { padding: 8px 0 3px 0; min-height: 100px; border-left: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container .history-aging-card .credit-details-container .credit-details-card .credit-details-section .credit-membership-point-sections .credit-points-section .credit-points-rewards-section { padding: 0; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container .history-aging-card .credit-details-container .credit-details-card .credit-details-section .credit-membership-point-sections .credit-points-section .credit-points-rewards-section .header-text { color: #5B6870; text-align: center; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container .history-aging-card .credit-details-container .credit-details-card .credit-details-section .credit-membership-point-sections .credit-points-section .credit-points-rewards-section .value-text { color: #424242; text-align: center; font-family: Source Sans Pro !important; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -0.5px; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container .history-aging-card .credit-details-container .credit-details-card .credit-details-section .credit-member-details-divider { height: 1px; background: rgba(9, 11, 12, 0.08); } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container .history-aging-card .prop-credit-blk { width: 408px; } @media (max-width: 2560px) { .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container .history-aging-card .prop-credit-blk { width: 408px; } } @media (max-width: 1535px) { .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container .history-aging-card .prop-credit-blk { width: auto; } } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container .history-aging-card .prop-credit-blk .prop-card-footer { display: flex; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container .history-aging-card .prop-credit-blk .prop-card-footer prop-card-footer { border-radius: 4px; padding: 12px 0; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container .history-aging-card .prop-credit-blk .prop-card-footer prop-card-footer .credit-footer-divider { background-image: url("/app/assets/images/vertical-divider.svg"); width: 2px; height: 48px; background-repeat: no-repeat; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container .history-aging-card .prop-credit-blk .prop-card-footer prop-card-footer .terms-code-data { text-align: center; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container .history-aging-card .prop-credit-blk .prop-card-footer prop-card-footer .terms-code-data .text { color: #5B6870; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container .history-aging-card .prop-credit-blk .prop-card-footer prop-card-footer .terms-code-data .value { color: #424242; text-align: center; letter-spacing: -0.5px; font-family: Source Sans Pro !important; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui .prop-credit-container-fluid .prop-credit-wrapper .history-aging-container .history-aging-card .prop-credit-blk .prop-card-footer prop-card-footer .terms-code-data .value span[ng-bind-html] { margin: 0 !important; } .prop-ui .aging-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/scatter-smooth-lines.svg"); } .prop-ui { /****** THIS BLOCK IS WRITTEN HERE BOZ OF POPUP. IT NEEDS TO BE OVERRIDE WITH OUR NAME SPACE. NOTE: POPUP IS AT THE BODY LEVEL *******/ } .prop-ui .prop-lib-popup.prop-dropdown-auto-height-popup .k-list-content .k-list-item { display: flex; align-items: flex-start; height: auto; min-height: 32px; } .prop-ui .prop-lib-popup.terms-code-custom-height .k-list-content .k-list-item { display: flex; align-items: flex-start; height: auto; min-height: 54px; } .prop-ui .customer-duplicate .account-search-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/account-search.svg"); background-size: contain; background-repeat: no-repeat; } .prop-ui .prop-flex-container-fluid .customer-container { background: #F3F3F3; height: 100%; } .prop-ui .prop-flex-container-fluid .customer-nodata-container { border-radius: 6px; background: #FFFFFF; backdrop-filter: blur(3px); padding: 96px 0px; margin: 4px 10px 10px 10px; } .prop-ui .prop-flex-container-fluid .customer-nodata-container .nodata-img-container { border-radius: 16px; background: var(--component-text-white, #FFF); padding: 32px; margin: auto; position: relative; } .prop-ui .prop-flex-container-fluid .customer-nodata-container .nodata-text { font-size: 25px; font-weight: bold; } .prop-ui .prop-charge-allowed-container { width: 596px; display: flex; padding: 16px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 16px; align-self: stretch; } @media (max-width: 599px) { .prop-ui .prop-charge-allowed-container { width: 400px !important; } } .prop-ui .prop-charge-allowed-container .prop-apply-charge-allowed-to-jobs { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; align-self: stretch; } .prop-ui .customer-general-container { border-radius: 6px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; /* Card */ box-shadow: 0px 1px 12px 0px rgba(51, 51, 51, 0.14), 0px 1px 0px -1px rgba(51, 51, 51, 0.04); } .prop-ui .customer-general-container .flex-01-cls { flex: 0 1 auto; } .prop-ui .customer-general-container .customer-pg-flex { flex: 2; } .prop-ui .customer-general-container .order-1 { order: 1; } .prop-ui .customer-general-container .order-2 { order: 2; } .prop-ui .customer-general-container .order-3 { order: 3; } .prop-ui .customer-general-container .icon-16px { font-size: 16px !important; } .prop-ui .customer-general-container .customer-width-0 { width: 0px; } .prop-ui .customer-general-container .disable-item-text { color: #8C9397 !important; } .prop-ui .customer-general-container .split_dropdown_wrapper { width: auto; display: inline-flex; } .prop-ui .customer-general-container .split_dropdown_code { width: auto; display: inline-flex; overflow: hidden; text-overflow: ellipsis; float: left; font-weight: 600; } .prop-ui .customer-general-container .split_dropdown_value { width: auto; display: inline-flex; vertical-align: middle; float: left; margin-left: 5px; overflow: hidden; text-overflow: ellipsis; } .prop-ui .customer-general-container .prop-card-header-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/set-column-1.svg"); } .prop-ui .customer-general-container .tax-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/tax.svg"); } .prop-ui .customer-general-container .detail-section-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/detail-section.svg"); } .prop-ui .customer-general-container .sales-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/line-stacked-markers.svg"); } .prop-ui .customer-general-container .file-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/file-pdf.svg"); } .prop-ui .customer-general-container .customer-general-component { border-radius: 6px; padding: 12px; } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container { border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.16); background: #FFFFFF; width: 256px; } @media (min-width: 600px) and (max-width: 1199px) { .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container { height: 310px; } } @media (max-width: 899px) { .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container { width: auto; } } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .job-edit-button { display: flex; justify-content: center; align-items: center; height: 22px; width: 22px; } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .job-edit-button .prop-lib, .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .job-edit-button .prop-btn, .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .job-edit-button .k-button { height: inherit; width: inherit; } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .job-list-item-button { display: flex; justify-content: center; align-items: center; height: 30px; width: 30px; pointer-events: none; } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .job-list-item-button .prop-lib, .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .job-list-item-button .prop-btn, .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .job-list-item-button .k-button { height: inherit; width: inherit; } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .active-dropdown-btn { min-width: 90px; } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .active-dropdown-btn span { background: #F5F5F5; } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .active-dropdown-btn .prop_invalid_block { display: none; } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .active-dropdown-btn span.k-input-value-text { width: auto !important; } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .job-divider-container { align-self: stretch; background-color: rgba(9, 11, 12, 0.16); } @media (min-width: 1535px) { .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .job-divider-container { height: 1px; width: auto; } } @media (min-width: 1199px) and (max-width: 1534px) { .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .job-divider-container { height: auto; width: 1px; } } @media (max-width: 599px) { .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .job-divider-container { height: 1px; width: auto; } } @media (min-width: 600px) and (max-width: 1198px) { .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .job-divider-container { display: none; } } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container { border-radius: 4px; padding: 16px 12px; } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container .customer-profile-container { flex: 0 1 auto; } @media (min-width: 600px) and (max-width: 1199px) { .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container .customer-profile-container { flex: 1 1 auto; } } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container .customer-profile-container .customer-avatar-container { border-radius: 100px; width: 64px; height: 64px; } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container .customer-profile-container .customer-avatar-container .customer-base-avatar-container { width: 64px; height: 64px; padding: 4.48px 9.6px 4.48px 14.08px; border-radius: 1000px; border: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container .customer-profile-container .customer-avatar-container .customer-base-avatar-container .customer-img-container { width: 40.32px; height: 55.04px; } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container .customer-profile-container .customer-profile-content-container .customer-contact-name { color: #000000; font-size: 18px; font-weight: 700; line-height: 140%; /* 25.2px */ text-wrap: wrap; overflow-wrap: anywhere; } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container .customer-profile-container .customer-profile-content-container .customer-contact-loyalty { color: #5B6870; font-size: 14px; font-weight: 400; line-height: 160%; /* 22.4px */ } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container .job-account-details-container .job-account-details .job-title-container .job-title { color: #424242; font-size: 16px; font-weight: 600; line-height: 24px; /* 150% */ overflow-wrap: anywhere; } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container .job-account-details-container .job-account-details .job-item-button-container { width: 30px; height: 30px; padding: 4px; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.16); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #F5F5F5; } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container .job-account-details-container .job-account-details .job-item-button-container .job-button-img-container { width: 16px; height: 16px; } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container .job-account-details-container .job-account-details .job-item-button-container .job-location-img { background-image: url("/app/assets/images/location.svg"); } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container .job-account-details-container .job-account-details .job-item-button-container .job-email-img { background-image: url("/app/assets/images/email-outline.svg"); } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container .job-account-details-container .job-account-details .job-item-button-container .job-phone-img { background-image: url("/app/assets/images/phone.svg"); } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container .job-account-details-container .job-account-details .job-item-text { color: #424242; font-size: 14px; font-weight: 400; line-height: 20px; /* 142.857% */ display: flex; align-items: center; word-break: break-all; } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container .job-account-details-container .job-account-details .job-item-text span[ng-bind-html] { margin: 0; } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container .job-account-details-container .job-account-details .job-item-email-text { color: #0086E7; } @media (min-width: 600px) and (max-width: 1199px) { .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container .primary-contact-container { flex: 1 1 auto; } } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container .primary-contact-container .primary-contact-text { color: #424242; font-size: 16px; font-weight: 600; line-height: 24px; /* 150% */ overflow-wrap: anywhere; } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container .primary-contact-container .primary-contact-details-container .primary-contact-avatar-container { border-radius: 100px; border: 1px solid rgba(9, 11, 12, 0.16); width: 32px; height: 32px; padding: 6px; flex: initial; justify-content: center; align-items: center; box-sizing: border-box; } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container .primary-contact-container .primary-contact-details-container .primary-contact-avatar-container .primary-contact-avatar { width: 20px; height: 20px; flex-shrink: 0; } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container .primary-contact-container .primary-contact-details-container .primary-contact-details .primary-contact-text { color: #424242; font-size: 14px; font-weight: 400; line-height: 20px; /* 142.857% */ overflow-wrap: anywhere; } .prop-ui .customer-general-container .customer-general-component .customer-general-contact-container .customer-contact-content-container .primary-contact-container .primary-contact-details-container .chip-container .chip-set { padding: 5px 8px; font-size: 12px; border-radius: 100px; margin-right: 3px; box-sizing: border-box; height: 22px; display: flex; align-items: center; justify-content: center; border: 1px solid #3A4145; background-color: rgba(255, 255, 255, 0); flex: initial; } .prop-ui .customer-general-container .customer-general-component .customer-general-overview-container { border-radius: 6px; } .prop-ui .customer-general-container .customer-general-component .customer-general-overview-container prop-card-body { width: 100%; } .prop-ui .customer-general-container .customer-general-component .customer-general-overview-container .sales-history .prop-lib .prop-card-body { margin: 0px; padding: 0px; } .prop-ui .customer-general-container .customer-general-component .customer-general-overview-container .sales-history .external-link-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/hyperlink-open.svg"); background-repeat: no-repeat; cursor: pointer; } .prop-ui .customer-general-container .customer-general-component .customer-general-overview-container .sales-history .stripped-table { width: 100%; color: #424242; } .prop-ui .customer-general-container .customer-general-component .customer-general-overview-container .sales-history .stripped-table tr { height: 36px; } .prop-ui .customer-general-container .customer-general-component .customer-general-overview-container .sales-history .stripped-table tr, .prop-ui .customer-general-container .customer-general-component .customer-general-overview-container .sales-history .stripped-table td { box-sizing: border-box; } .prop-ui .customer-general-container .customer-general-component .customer-general-overview-container .sales-history .stripped-table td { height: 20px; padding: 8px 12px; align-items: center; gap: 4px; align-self: stretch; border-left: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .customer-general-container .customer-general-component .customer-general-overview-container .sales-history .stripped-table td.external-link { display: flex; justify-content: space-between; gap: 10px; height: inherit; } .prop-ui .customer-general-container .customer-general-component .customer-general-overview-container .sales-history .stripped-table tr:nth-child(even) { background-color: #f2f2f2; } .prop-ui .customer-general-container .customer-general-component .customer-general-overview-container .sales-history .stripped-table tr td:first-child { border-left: none; } .prop-ui .customer-general-footer-container { width: 244px; } @media (max-width: 899px) { .prop-ui .customer-general-footer-container { width: auto; } } .prop-ui .customer-general-footer-container .charts-border-cls { border-bottom: 1px rgba(9, 11, 12, 0.16) solid; padding: 12px; } .prop-ui .customer-general-footer-container .charts-alignment-cls { align-self: stretch; color: #5B6870; font-size: 14px; font-weight: 400; line-height: 20px; word-wrap: break-word; } .prop-ui .customer-general-footer-container .chart-pad-cls { padding: 16px 12px 6px 12px !important; } .prop-ui .customer-general-footer-container .chart-display-cls { display: flex; padding: 3px 5px; align-items: center; border-radius: 100px; border: 1px solid rgba(58, 65, 69, 0.3019607843); background: rgba(9, 11, 12, 0.0784313725); } .prop-ui .customer-general-footer-container .chart-disp-flx { display: flex; align-items: flex-start; } .prop-ui .customer-general-footer-container .chart-disp-flx-n1 { padding: 0 4px; justify-content: flex-start; align-items: center; display: flex; } .prop-ui .customer-general-footer-container .chart-disp-flx-n2 { text-align: center; color: #424242; font-size: 12px; font-weight: 400; line-height: 16px; word-wrap: break-word; } .prop-ui .customer-general-footer-container .recent_activity .prop-card-body { padding: 0 !important; } .prop-ui .customer-general-footer-container .chart-align-cls2 { align-self: stretch; color: #424242; font-size: 16px; font-weight: 600; word-wrap: break-word; } .prop-ui .customer-general-footer-container .chart-container { border-radius: 6px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; box-shadow: 0px 1px 12px 0px rgba(51, 51, 51, 0.14), 0px 1px 0px -1px rgba(51, 51, 51, 0.04); } .prop-ui .customer-general-footer-container .chart-container .prop-card-body { padding: 0 !important; } .prop-ui .customer-general-footer-container .credit-container { display: flex; border-radius: 6px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; box-shadow: 0px 1px 12px 0px rgba(51, 51, 51, 0.14), 0px 1px 0px -1px rgba(51, 51, 51, 0.04); } .prop-ui .customer-general-footer-container .credit-container .prop-card-body { padding: 0 !important; } .prop-ui .customer-general-footer-container .credit-container .prop-card-body .credit-body-content .vs-chip { display: flex; align-items: flex-start; height: 34px; width: 33px; } .prop-ui .customer-general-footer-container .credit-container .prop-card-body .credit-body-content .vs-chip .vs-text-div { display: flex; padding: 7px 5px; align-items: center; border-radius: 100px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FAFAFA; } .prop-ui .customer-general-footer-container .credit-container .prop-card-body .credit-body-content .vs-chip .vs-text-div .vs-text { display: flex; padding: 0px 4px; align-items: center; color: var(--base-text, #424242); text-align: center; font-feature-settings: "clig" off, "liga" off; font-family: "Source Sans Pro"; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; /* 142.857% */ } .prop-ui .customer-general-footer-container .credit-container .prop-card-body .credit-body-content .credit-text { font-size: 12px; font-weight: 400; line-height: 16px; font-style: normal; } .prop-ui .customer-general-footer-container .credit-container .prop-card-body .credit-body-content .balance-text { font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .customer-general-footer-container .credit-container .progress-section { display: flex; align-items: center; gap: 8px; padding-bottom: 12px; align-self: stretch; } .prop-ui .customer-general-footer-container .credit-container .progress-section .credit-blk-progress-bar_customer { display: flex; align-items: flex-start; flex: 1 0 0; width: 100%; height: 12px; } .prop-ui .customer-general-footer-container .credit-container .progress-section .credit-blk-progress-bar_customer .k-progressbar-horizontal { background-color: #EAF7FD; } .prop-ui .customer-general-footer-container .credit-container .progress-section .credit-blk-progress-bar_customer .k-progress-status-wrap { border-radius: 100px; border: 1px solid #0B7EAE; } .prop-ui .customer-general-footer-container .credit-container .progress-section .credit-blk-progress-bar_customer .k-progress-status { display: none; } .prop-ui .customer-general-footer-container .credit-container .progress-section .credit-blk-progress-bar_customer .k-selected { background-color: #1BBAFD; border-radius: 100px; border: 1px solid #0B7EAE; border-right: 1px solid transparent; position: absolute; } .prop-ui .customer-general-footer-container .credit-container .progress-section .credit-blk-progress-bar_customer .k-selected .k-progress-status-wrap { position: absolute; top: -1px; left: -1px; } .prop-ui .customer-general-footer-container .credit-container .progress-section .credit-progress-text { color: #5B6870; font-feature-settings: "clig" off, "liga" off; font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .customer-general-footer-container .nothing-to-show { display: flex; justify-content: center; align-items: center; position: relative; } .prop-ui .customer-general-footer-container .nothing-to-show::after { content: ""; background-image: url("/app/assets/images/sales_nothing.svg"); background-repeat: no-repeat; width: 120px; height: 106px; background-size: cover; background-position: center; } .prop-ui .customer-general-footer-container .nothing-to-show span.nothing-to-show-text { position: absolute; color: var(--subtle-text, #5B6870); text-align: center; font-feature-settings: "clig" off, "liga" off; -webkit-text-stroke-width: 1; -webkit-text-stroke-color: var(--component-text-white, #FFF); font-family: "Source Sans Pro"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; } .prop-ui .cust-history .h-120 { height: 120px !important; } .prop-ui .cust-history #cus_history_grid, .prop-ui .cust-history #item_history_grid { height: 100%; box-sizing: border-box; } .prop-ui .cust-history #cus_history_grid .prop_cust_history_period, .prop-ui .cust-history #item_history_grid .prop_cust_history_period { overflow: hidden; color: #0086E7; font-feature-settings: "clig" off, "liga" off; text-overflow: ellipsis; white-space: nowrap; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .cust-history #cus_history_grid .txn_open_in_new, .prop-ui .cust-history #item_history_grid .txn_open_in_new { display: flex; justify-content: space-between; } .prop-ui .cust-history #cus_history_grid .txn_open_in_new .mdi, .prop-ui .cust-history #item_history_grid .txn_open_in_new .mdi { color: #0086E7; } .prop-ui .cust-history #cus_history_grid .cust_history_grpbtn, .prop-ui .cust-history #item_history_grid .cust_history_grpbtn { height: 36px; gap: unset; } .prop-ui .cust-history #cus_history_grid .cust_history_grpbtn .k-button, .prop-ui .cust-history #item_history_grid .cust_history_grpbtn .k-button { background-color: inherit; border-color: rgba(9, 11, 12, 0.16); border-width: 0px 0px 1px 0px; text-transform: inherit; border-radius: unset !important; margin: 0px; color: #424242; font-weight: normal; } .prop-ui .cust-history #cus_history_grid .cust_history_grpbtn .k-button:hover, .prop-ui .cust-history #cus_history_grid .cust_history_grpbtn .k-button.k-active, .prop-ui .cust-history #item_history_grid .cust_history_grpbtn .k-button:hover, .prop-ui .cust-history #item_history_grid .cust_history_grpbtn .k-button.k-active { border-color: #0080DC; color: #0086E7; } .prop-ui .cust-history #cus_history_grid .cust_history_grpbtn .k-button.k-selected, .prop-ui .cust-history #item_history_grid .cust_history_grpbtn .k-button.k-selected { border-color: #026FBD; border-bottom-width: 2px; color: #0086E7; font-weight: 600; } .prop-ui .cust-history #cus_history_grid .cust_history_grpbtn .k-button.k-selected:focus, .prop-ui .cust-history #item_history_grid .cust_history_grpbtn .k-button.k-selected:focus { border-width: 0px 0px 2px 0px !important; } .prop-ui .cust-history #cus_history_grid .cust_history_grpbtn .k-button:focus, .prop-ui .cust-history #item_history_grid .cust_history_grpbtn .k-button:focus { border-style: solid !important; border-color: #026FBD !important; border-width: 0px 0px 1px 0px !important; } .prop-ui .cust-history .cus-history-chart-container .prop-card-body { padding: 0px !important; } .prop-ui .cust-history .nothing-to-show { display: flex; justify-content: center; align-items: center; position: relative; } .prop-ui .cust-history .nothing-to-show::after { content: ""; background-image: url("/app/assets/images/sales_nothing.svg"); background-repeat: no-repeat; width: 120px; height: 106px; background-size: cover; background-position: center; } .prop-ui .cust-history .nothing-to-show span.nothing-to-show-text { position: absolute; color: #5B6870; text-align: center; font-feature-settings: "clig" off, "liga" off; -webkit-text-stroke-width: 1; -webkit-text-stroke-color: #FFFFFF; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; } .prop-ui .cust-history #history_grid_txn_toolbar_button { margin-left: 20px; } .prop-ui .width_small_screen { width: 384px; } .prop-ui .prop-lib .briefcase-account-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/briefcase-account.svg"); background-size: contain; background-repeat: no-repeat; } .prop-ui .prop-lib .loyalty-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/tag-heart.svg"); background-size: contain; background-repeat: no-repeat; } @media (max-width: 599px) { .prop-ui .customer-add-edit .width_small_screen { width: 340px !important; } } .prop-ui .customer-linked-container .margin_tp_minus25 { margin-top: -25px; float: right; } .prop-ui .customer-linked-container .body-content-section { padding: 12px; } .prop-ui .customer-linked-container .body-content-section ng-include { display: flex; flex: 1; align-self: stretch; } .prop-ui .customer-linked-container .body-content-section ng-include .prop-container { display: flex; flex: 1; height: 20vh; } .prop-ui .customer-linked-container .body-content-section ng-include .prop-container .prop-content { display: flex; flex: 1; } .prop-ui .prop-loyalty-container-fluid .pad-loyalty-pg { padding: 16px 0px 24px 0px; } .prop-ui .prop-loyalty-container-fluid .border-rt-none { border-right: 0 !important; } .prop-ui .prop-loyalty-container-fluid .pad-16 { padding: 16px !important; } .prop-ui .prop-loyalty-container-fluid prop-card { display: flex; align-items: stretch; flex: 1; } .prop-ui .prop-loyalty-container-fluid prop-card.custom-card { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; } .prop-ui .prop-loyalty-container-fluid prop-card.custom-card .prop-card-body { padding: 0 !important; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .lp-icon-size { height: unset !important; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .overview-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/set-column-1.svg"); } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .empty-state { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .empty-state .empty-img { width: 125.49px; height: 126px; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .empty-state .empty-text-img { width: 161.165px; height: 22.2px; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .empty-state .empty-text { display: flex; flex-direction: column; align-items: center; color: #424242; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; font-feature-settings: "clig" off, "liga" off; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container { border-radius: 6px; box-shadow: 0px 1px 12px 0px rgba(51, 51, 51, 0.14), 0px 1px 0px -1px rgba(51, 51, 51, 0.04); } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card { border-radius: 6px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; box-shadow: 0px 1px 12px 0px rgba(51, 51, 51, 0.14), 0px 1px 0px -1px rgba(51, 51, 51, 0.04); } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-header { height: 56px; border-bottom: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-header .program-card-action { padding-left: 16px; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-header .program-card-action .program-left-action-items { display: flex; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-header .program-card-action .program-left-action-items .loyalty-prg-drpdown .loyalty-drp-text { color: #424242; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-header .program-card-action .program-left-action-items .loyalty-prg-drpdown .loyalty-prgs span.k-dropdownlist { display: flex; align-items: center; gap: 2px; background: #F5F5F5; padding: 7px 9px; box-sizing: border-box; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-header .program-card-action .program-left-action-items .loyalty-prg-drpdown .loyalty-prgs span.k-dropdownlist span { padding: 0; height: 20px; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-header .program-card-action .program-left-action-items .loyalty-prg-drpdown .loyalty-prgs span.k-dropdownlist span.k-icon-button { width: auto; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-header .program-card-action .program-left-action-items .loyalty-prg-drpdown .loyalty-prgs span.k-dropdownlist span.k-icon-button:hover { background: none; box-shadow: none; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-header .program-card-action .program-left-action-items .loyalty-prg-drpdown .loyalty-prgs span.k-dropdownlist:hover, .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-header .program-card-action .program-left-action-items .loyalty-prg-drpdown .loyalty-prgs span.k-dropdownlist:focus { border-color: rgba(9, 11, 12, 0.24); box-shadow: none; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-header .program-card-action .program-left-action-items .loyalty-prg-drpdown .loyalty-prgs .prop_invalid_block { display: none; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-header .program-card-action .program-left-action-items .loyalty-prg-drpdown .loyalty-prgs span.k-input-value-text { width: inherit; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body { padding: 16px; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .program .reward-redemption-grid .prop-card-body, .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .program .membership-billing .prop-card-body { padding: 0 !important; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container { width: 256px; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container .loyalty-details-card { padding: 16px; border-radius: 6px; border: 1px solid var(--Border, #D9E0E5); background: #FFFFFF; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container .loyalty-details-card .loyalty-members-details-section .text-heading { align-self: stretch; color: #000000; text-align: center; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 140%; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container .loyalty-details-card .loyalty-members-details-section .active-dropdown-btn { min-width: 90px; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container .loyalty-details-card .loyalty-members-details-section .active-dropdown-btn span.k-dropdownlist { display: flex; align-items: center; gap: 2px; background: #F5F5F5; padding: 7px 9px; box-sizing: border-box; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container .loyalty-details-card .loyalty-members-details-section .active-dropdown-btn span.k-dropdownlist span { padding: 0; height: 20px; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container .loyalty-details-card .loyalty-members-details-section .active-dropdown-btn span.k-dropdownlist span.k-icon-button { width: auto; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container .loyalty-details-card .loyalty-members-details-section .active-dropdown-btn span.k-dropdownlist span.k-icon-button:hover { background: none; box-shadow: none; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container .loyalty-details-card .loyalty-members-details-section .active-dropdown-btn span.k-dropdownlist:hover, .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container .loyalty-details-card .loyalty-members-details-section .active-dropdown-btn span.k-dropdownlist:focus { border-color: rgba(9, 11, 12, 0.24); box-shadow: none; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container .loyalty-details-card .loyalty-members-details-section .active-dropdown-btn .prop_invalid_block { display: none; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container .loyalty-details-card .loyalty-members-details-section .active-dropdown-btn span.k-input-value-text { width: auto; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container .loyalty-details-card .loyalty-overview-section .loyalty-overview-title { height: 24px; color: #424242; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container .loyalty-details-card .loyalty-overview-section .loyalty-points-section { border-top: 1px solid var(--component-border, rgba(9, 11, 12, 0.08)); border-bottom: 1px solid var(--component-border, rgba(9, 11, 12, 0.08)); } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container .loyalty-details-card .loyalty-overview-section .loyalty-points-section .loyalty-points-rewards-section { min-height: 80px; border-right: 1px solid var(--component-border, rgba(9, 11, 12, 0.08)); } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container .loyalty-details-card .loyalty-overview-section .loyalty-points-section .loyalty-points-rewards-section .header-text { color: #5B6870; text-align: center; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container .loyalty-details-card .loyalty-overview-section .loyalty-points-section .loyalty-points-rewards-section .value-text { color: #424242; text-align: center; font-family: Source Sans Pro !important; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -0.5px; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container .loyalty-details-card .loyalty-overview-section .member-loyalty-level-section { border-bottom: 1px solid var(--component-border, rgba(9, 11, 12, 0.08)); } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container .loyalty-details-card .loyalty-overview-section .member-loyalty-level-section .member-id-section { min-height: 80px; border-right: 1px solid var(--component-border, rgba(9, 11, 12, 0.08)); } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container .loyalty-details-card .loyalty-overview-section .member-loyalty-level-section .member-id-section .member-header-text { color: #5B6870; text-align: center; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container .loyalty-details-card .loyalty-overview-section .member-loyalty-level-section .member-id-section .member-data { color: var(--base-text, #424242); text-align: center; letter-spacing: -0.5px; margin: 0; font-family: Source Sans Pro !important; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container .loyalty-details-card .loyalty-overview-section .member-loyalty-level-section .loyalty-overview-divider { background-image: url("/app/assets/images/vertical-divider.svg"); width: 2px; height: 48px; } .prop-ui .prop-loyalty-container-fluid .prop-loyalty-wrapper .loyalty-program-container .program-card .program-card-body .loyalty-details-container .loyalty-details-card .loyalty-divider { height: 1px; background: rgba(9, 11, 12, 0.08); } .prop-ui { /****** THIS BLOCK IS WRITTEN HERE BOZ OF POPUP. IT NEEDS TO BE OVERRIDE WITH OUR NAME SPACE. NOTE: POPUP IS AT THE BODY LEVEL *******/ } .prop-ui .prop-lib-popup.prop-loyalty-status-popup { min-width: 150px !important; } .prop-ui .prop-lib-popup.prop-loyalty-status-popup .k-list-content .k-list-item { display: flex; align-items: flex-start; padding: 8px 4px !important; height: 44px; box-sizing: border-box; } .prop-ui .prop-lib-popup.prop-loyalty-popup { min-width: 320px !important; } .prop-ui .prop-lib-popup.prop-loyalty-popup .k-list-content .k-list-item { display: flex; align-items: flex-start; flex: 1; align-self: stretch; padding: 0 !important; height: 68px; border-radius: 0px; background: #FFF; } .prop-ui .prop-lib-popup.prop-loyalty-popup .k-list-content .k-list-item .k-list-item-text { display: flex; align-items: flex-start; flex: 1; align-self: stretch; } .prop-ui .prop-lib-popup.prop-loyalty-popup .k-list-content .k-list-item .k-list-item-text .loyalty-program-item-list-container { display: flex; align-items: center; flex: 1; gap: 1px; align-self: stretch; } .prop-ui .prop-lib-popup.prop-loyalty-popup .k-list-content .k-list-item .k-list-item-text .loyalty-program-item-list-container .loyalty-program-item-list { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; flex: 10 0 0; gap: 1px; align-self: stretch; box-sizing: border-box; padding: 6px; } .prop-ui .prop-lib-popup.prop-loyalty-popup .k-list-content .k-list-item .k-list-item-text .loyalty-program-item-list-container .loyalty-program-item-list .member-id { margin: 0 !important; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .prop-lib-popup.prop-loyalty-popup .k-list-content .k-list-item .k-list-item-text .loyalty-program-item-list-container .loyalty-program-item-list .program-name { margin: 0 !important; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .prop-lib-popup.prop-loyalty-popup .k-list-content .k-list-item .k-list-item-text .loyalty-program-item-list-container div.loyalty-edit-container { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 16px; align-self: stretch; padding: 0 8px; background: #FFFFFF; height: 100%; } .prop-ui .prop-lib-popup.prop-loyalty-popup .k-list-content .k-list-item .k-list-item-text .loyalty-program-item-list-container div.loyalty-edit-container .edit_button { display: flex; justify-content: center; align-items: center; gap: 4px; box-sizing: border-box; height: 30px; width: 45px; padding: 5px 9px; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.16); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #F5F5F5; } .prop-ui .prop-lib-popup.prop-loyalty-popup .prop-dropdown-footer-content-container { display: flex; align-items: center; align-self: stretch; padding: 6px; color: #0086E7; } .prop-ui .prop-lib-popup.prop-loyalty-popup .prop-dropdown-footer-content-container .add-new-loyalty { display: flex; align-items: center; gap: 8px; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; flex: 1 0 0; width: 248px; } .prop-ui .prop-lib-popup.prop-loyalty-popup .prop-dropdown-footer-content-container .add-new-icon { width: 20px; height: 20px; font-size: 20px; } .prop-ui .loyalty-add-edit-wrapper .prop-icon-tag-heart { font-size: 16.25px; height: 16.25px; width: 16.25px; } .prop-ui .manage-payments { margin-top: 16px; } .prop-ui .manage-payments .no-data-container { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; padding: 32px 16px; border-radius: 6px; border: 1px dashed rgba(9, 11, 12, 0.16); background: 1px solid rgba(9, 11, 12, 0.16); color: #7C8A93; font-feature-settings: "clig" off, "liga" off; } .prop-ui .manage-payments .data-container { padding: 24px 16px; border-radius: 6px 6px 0px 0px; border-top: 1px solid rgba(9, 11, 12, 0.16); border-right: 1px solid rgba(9, 11, 12, 0.16); border-left: 1px solid rgba(9, 11, 12, 0.16); background: #FFFFFF; } .prop-ui .manage-payments .data-footer-container { border-radius: 0px 0px 6px 6px; border: 1px solid rgba(9, 11, 12, 0.16); background: #FAFAFA; padding: 4px 16px; } .prop-ui .manage-payments .prop-generic { width: 44px; height: 44px; background-image: url("/app/assets/images/generic.svg"); background-repeat: no-repeat; background-position: center; } .prop-ui .manage-payments .prop-visa { width: 44px; height: 44px; background-image: url("/app/assets/images/visa.svg"); background-repeat: no-repeat; background-position: center; } .prop-ui .manage-payments .prop-amex, .prop-ui .manage-payments .prop-american-express { width: 44px; height: 44px; background-image: url("/app/assets/images/amex.svg"); background-repeat: no-repeat; background-position: center; } .prop-ui .manage-payments .prop-japan-credit-bureau { width: 44px; height: 44px; background-image: url("/app/assets/images/jcb.svg"); background-repeat: no-repeat; background-position: center; } .prop-ui .manage-payments .prop-mastercard { width: 44px; height: 44px; background-image: url("/app/assets/images/mastercard.svg"); background-repeat: no-repeat; background-position: center; } .prop-ui .manage-payments .prop-discover, .prop-ui .manage-payments .prop-diners-club { width: 44px; height: 44px; background-image: url("/app/assets/images/discover.svg"); background-repeat: no-repeat; background-position: center; } .prop-ui .manage-payments .subtitle-text { color: #5B6870; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; /* 128.571% */ } .prop-ui .manage-payments .title-text { color: #000000; font-size: 16px; font-style: normal; font-weight: 700; line-height: 21px; /* 131.25% */ } .prop-ui .manage-payments .payment-chip { display: flex; align-items: center; border-radius: 100px; border: 1px solid rgba(58, 65, 69, 0.3); background: rgba(9, 11, 12, 0.08); } .prop-ui .manage-payments .payment-chip span { padding: 7px 9px; font-size: 12px; font-style: normal; font-weight: 600; line-height: 16px; font-feature-settings: "clig" off, "liga" off; } .prop-ui #default-card-purchases .k-link.k-menu-link, .prop-ui #default-card-payables .k-link.k-menu-link { display: flex; flex-direction: row-reverse; justify-content: space-between; } .prop-ui .ship-to-address { width: 100%; flex: 1 0 0; } .prop-ui .ship-to-address .prop-lib { align-self: stretch; width: 100%; } .prop-ui .ship-to-address prop-card { width: inherit; } .prop-ui .ship-to-address .prop-card-header-address { width: 20px; height: 20px; background-image: url("/app/assets/images/marker-pin-target.svg"); } .prop-ui .ship-to-address .prop-card-header-overview { width: 20px; height: 20px; background-image: url("/app/assets/images/account-group.svg"); } .prop-ui .tax_override_plan_drawer_container .width-cal { width: calc(100% - 360px) !important; } .prop-ui .tax_override_plan_drawer_container .tax_left_container { flex: 0 0 360px; } .prop-ui .combine_product_finalize .finalize_configs_container { border: 1px solid rgba(9, 11, 12, 0.16); border-radius: 4px; } .prop-ui .combine_product_finalize .finalize_configs_container .select_all_header_chkbox { padding: 12px; align-self: stretch; background: #FAFAFA; border-bottom: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .combine_product_finalize .finalize_configs_container .select_all_header_chkbox prop-checkbox { width: fit-content; } .prop-ui .combine_product_finalize .finalize_configs_container .select_all_header_chkbox prop-checkbox .k-checkbox:indeterminate + .k-checkbox-label:before { color: var(--primary-v2); content: "\e121"; line-height: initial !important; font-size: 14px; } .prop-ui .combine_product_finalize .finalize_configs_container .select_all_header_chkbox prop-checkbox label { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .combine_product_finalize .finalize_configs_container .all_other_chkbox { padding: 12px 16px; } .prop-ui .combine_product_finalize .finalize_configs_container .all_other_chkbox prop-checkbox { width: fit-content; } .prop-ui #batch_detail_form_view #batch_name { background: #FFFFFF; } .prop-ui #batch_detail_form_view .batch-detail-grid-container { padding-left: 8px; width: calc(100vw - 10px) !important; position: relative; } .prop-ui .combine_product .cm-product-cls { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 300px; } .prop-ui .combine_product .switch_arrow { align-items: center; justify-content: center; display: flex; } .prop-ui .combine_product .switch_arrow .icon_switch { font-size: 20px; color: #0086e7; } .prop-ui .combine_product .combine_table { border: 1px solid #D3D8DD; table-layout: fixed; } .prop-ui .combine_product .combine_table tr:nth-child(odd) { background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #FFF; } .prop-ui .combine_product .combine_table tr:nth-child(even) { background-color: transparent; } .prop-ui .combine_product .combine_table td { text-align: left !important; } .prop-ui .combine_product .combine_table .parameter_cell { overflow: hidden; color: #424242; font-feature-settings: "liga" off, "clig" off; text-overflow: ellipsis; white-space: nowrap; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .combine_product .combine_table .data_cell { overflow: hidden; color: #424242; font-feature-settings: "liga" off, "clig" off; text-overflow: ellipsis; white-space: nowrap; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .combine_product .combine_table .Warning { border-left: 4px solid #EB6500; background: linear-gradient(0deg, rgba(235, 101, 0, 0.16) 0%, rgba(235, 101, 0, 0.16) 100%), #FFF; white-space: unset; } .prop-ui .combine_product .combine_table .Error { border-left: 4px solid #FF6358; background: linear-gradient(0deg, rgba(255, 79, 66, 0.08) 0%, rgba(255, 79, 66, 0.08) 100%), #FFF; white-space: unset; } .prop-ui .combine_product_line_item_drawer .snackbar-custom-icon { background-image: none !important; } .prop-ui .combine_product_line_item_drawer .snackbar-custom-icon:before { content: "\f0027"; font-family: "Material Design Icons"; font-size: 24px; color: #5B6870; } .prop-ui .product_uplift .prop-card-header-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/set-column-1.svg"); } .prop-ui .product_uplift .dollar-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/dollar.svg"); } .prop-ui .product_uplift .detail-section-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/detail-section.svg") !important; } .prop-ui .product_uplift .padlr4 { padding: 0 4px; } .prop-ui .product_uplift .prefDivs { width: 75%; } @media (max-width: 600px) { .prop-ui .product_uplift .prefDivs { display: block !important; width: 100%; } } @media (max-width: 1420px) { .prop-ui .product_uplift .prefDivs .wrap_section { flex-wrap: wrap; } } .prop-ui .product_uplift .checkBoxDiv { width: 25%; align-self: auto !important; } @media (max-width: 600px) { .prop-ui .product_uplift .checkBoxDiv { display: block !important; width: 100%; } } .prop-ui .product_uplift .checkBoxDiv .checkBoxHeight { height: 25px; } .prop-ui .product_uplift .checkBoxDiv .checkBoxHeight .prop-lib { height: 25px; } .prop-ui .product_uplift .checkBoxDiv .checkBoxHeight .prop-lib .prop_checkbox { height: 25px; } .prop-ui .product_uplift .flex { display: flex; } @media (max-width: 600px) { .prop-ui .product_uplift .flex { display: block !important; } } .prop-ui .product_uplift .overViewWrap { display: flex; width: 100%; } @media (max-width: 600px) { .prop-ui .product_uplift .overViewWrap { display: block !important; } } .prop-ui .product_uplift .icon_margin { margin-top: -3px; } .prop-ui .product_uplift .cat_tree_text_box { width: 95%; } .prop-ui .product_uplift .tax_code_bold { font-weight: 600; } .prop-ui .add-supplier-card-container { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; } .prop-ui .card-gap { padding: 10px; } .prop-ui .break { flex-basis: 100%; height: 0; } .prop-ui .pref-header { font-family: Source Sans Pro !important; color: #0086E7; } .prop-ui .switch { padding-right: 38px; } .prop-ui .purchase-cost { height: 100%; } .prop-ui .average-cost-card-container { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; } .prop-ui .break { flex-basis: 100%; height: 0; } .prop-ui .serial-number-add .inventory_component_group { padding: 0; margin: 0; } .prop-ui .serial-number-add .inventory_component_group .form-group { margin-bottom: 13px; } .prop-ui .serial-number-add .inventory_component_group .padding_tp10 { padding-top: 0px !important; } .prop-ui .pdt-buyer-supp-drpdwn-popup .supp-li-item { padding: 5px 0px; display: flex; flex-direction: column; gap: 2px; } .prop-ui .pdt-buyer-supp-drpdwn-popup .supp-li-item .supp-li-title { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .product-buyer-left-container { padding: 12px; max-width: calc(100vw - 24px); } @media (min-width: 899px) { .prop-ui .product-buyer-left-container { max-width: calc(100vw - 280px); } } .prop-ui .product-buyer-left-container .uom-card-title { color: #0086E7; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; cursor: pointer; display: flex; align-items: center; gap: 6px; } .prop-ui .product-buyer-left-container .uom-card-title .uom-add-icon { font-size: 18px; } .prop-ui .product-buyer-left-container .product-add-supplier-card { height: 100%; } @media (min-width: 899px) { .prop-ui .product-buyer-left-container .product-add-supplier-card { width: 216px !important; flex-direction: column; justify-content: flex-start; align-items: flex-start !important; } .prop-ui .product-buyer-left-container .product-add-supplier-card .prop-card { border-right-width: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } } @media (min-width: 1199px) { .prop-ui .product-buyer-left-container .product-add-supplier-card { width: 260px !important; } } @media (max-width: 899px) { .prop-ui .product-buyer-left-container .product-add-supplier-card { display: none; } } .prop-ui .product-buyer-left-container .product-add-supplier-card .prop-card-body { padding: 0px; } .prop-ui .product-buyer-left-container .product-add-supplier-card .prop-card-header-left-items { flex-grow: 0 !important; } .prop-ui .product-buyer-left-container .product-add-supplier-card prop-card-body { overflow-y: auto; padding: 0px !important; position: absolute; bottom: 0; top: 45px; width: 100%; } .prop-ui .product-buyer-left-container .product-add-supplier-card prop-card-body .pdt-supp.selected-supp-item { background: linear-gradient(0deg, rgba(0, 134, 231, 0.08) 0%, rgba(0, 134, 231, 0.08) 100%), #FFF; } .prop-ui .product-buyer-left-container .product-add-supplier-card prop-card-body .pdt-supp .supp-item { padding: 12px; } .prop-ui .product-buyer-left-container .product-add-supplier-card prop-card-body .pdt-supp .supp-item .pdt-supplier-title { color: #000000; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui .product-buyer-left-container .product-add-supplier-card prop-card-body .pdt-supp .supp-item .pdt-supplier-type { display: inline-flex; align-items: center; border-radius: 100px; border: 1px solid #3A4145; background: rgba(255, 255, 255, 0); padding: 2px 6px; background: #FFFFFF; font-family: Source Sans Pro !important; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; } .prop-ui .product-buyer-left-container .product-add-supplier-card prop-card-body .pdt-supp .supp-item .prop-label-chip { background: #FFFFFF; } .prop-ui .product-buyer-left-container .product-add-supplier-card prop-card-body .pdt-supp .supp-item .sup-data { gap: 4px 8px; } @media (max-width: 1199px) { .prop-ui .product-buyer-left-container .product-add-supplier-card prop-card-body .pdt-supp .supp-item .sup-data { flex-direction: column; justify-content: flex-start; align-items: flex-start !important; } } .prop-ui .product-buyer-left-container .product-add-supplier-card prop-card-body .pdt-supp .supp-item .sup-data .pdt-elipse { width: 4px; height: 4px; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; flex: initial; align-self: center; } .prop-ui .product-buyer-left-container .product-add-supplier-card prop-card-body .pdt-supp .supp_more_btn button { height: 24px !important; width: 24px !important; } .prop-ui .product-buyer-left-container .product-add-supplier-card prop-card-body .pdt-supp .divider { height: 1px; } .prop-ui .product-buyer-left-container .product-add-supplier-card prop-card-body .pdt-supp .divider .divider-bar { border-top: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .product-buyer-left-container .pdt-label { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; flex-grow: 0; flex-basis: fit-content; } .prop-ui .product-buyer-left-container .pdt-value { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; color: #424242; } @media (min-width: 899px) { .prop-ui .product-buyer-left-container .product-add-uom-card { max-width: calc(100% - 216px) !important; } } @media (min-width: 1199px) { .prop-ui .product-buyer-left-container .product-add-uom-card { max-width: calc(100% - 260px) !important; } } .prop-ui .product-buyer-left-container .product-add-uom-card .prop-card-body { width: 100%; padding-bottom: 0px; } .prop-ui .product-buyer-left-container .product-add-uom-card .uom-card-title { color: #0086E7; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; cursor: pointer; display: flex; align-items: center; gap: 6px; } .prop-ui .product-buyer-left-container .product-add-uom-card .uom-card-title .uom-add-icon { font-size: 18px; } .prop-ui .product-buyer-left-container .product-add-uom-card prop-title-action { justify-content: flex-end; } .prop-ui .product-buyer-left-container .product-add-uom-card .supp-link-inside-uom-card { display: none; gap: 16px; } .prop-ui .product-buyer-left-container .product-add-uom-card .supp-link-inside-uom-card prop-dropdown { width: 200px; } .prop-ui .product-buyer-left-container .product-add-uom-card .supp-link-inside-uom-card prop-dropdown span.k-dropdownlist { height: 20px; } .prop-ui .product-buyer-left-container .product-add-uom-card .supp-link-inside-uom-card prop-dropdown span.k-input-button { height: 15px; } @media (min-width: 899px) { .prop-ui .product-buyer-left-container .product-add-uom-card .prop-card { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } } @media (max-width: 899px) { .prop-ui .product-buyer-left-container .product-add-uom-card .prop-card-header-left-items { display: none; } .prop-ui .product-buyer-left-container .product-add-uom-card .supp-link-inside-uom-card { display: flex; } .prop-ui .product-buyer-left-container .product-add-uom-card prop-title-action { justify-content: space-between; } } .prop-ui .product-buyer-left-container .product-add-uom-card .pdt-uom-edit-data { gap: 0px 12px; } .prop-ui .product-buyer-left-container .product-add-uom-card .pdt-uom-static { border-radius: 6px; border: 1px solid rgba(9, 11, 12, 0.16); padding: 20px 16px; align-self: stretch; justify-content: space-between; } @media (min-width: 1199px) { .prop-ui .product-buyer-left-container .product-add-uom-card .pdt-uom-static { flex: initial; width: 320px; padding: 20px 24px; } } .prop-ui .product-buyer-left-container .prop_grid .k-grid .pdt-uom-grid-more-action { padding: 0px 8px !important; } .prop-ui .product-buyer-left-container .prop_grid .k-grid .pdt-uom-grid-more-action prop-action-button .dropdown-button { height: 25px; } .prop-ui .prop-drawer ep-view-catalog-details .back_to_inventory { display: none; } .prop-ui .prop-drawer ep-view-catalog-details .cat_view_wrapper { height: 100%; } .prop-ui .detail-section-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/detail-section.svg"); } .prop-ui .overview-section-icon-component { width: 20px; height: 20px; background-image: url("/app/assets/images/set-column-1.svg"); } .prop-ui .component_options_toolbar { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; } .prop-ui .component_option_group { display: flex; align-items: center; gap: 10px; } .prop-ui .custom_component_dropdown { display: inline-flex; align-items: center; min-width: 302px; margin-top: 0; } .prop-ui .custom_component_dropdown .prop-lib { display: flex; align-items: center; width: 100%; } .prop-ui .custom_component_dropdown .prop-comp { display: flex; flex-direction: row; align-items: center; width: 100%; } .prop-ui .custom_component_dropdown .prop-comp label { display: none; } .prop-ui .component_input input { visibility: hidden; } .prop-ui .print_option_component { display: block; margin-top: 0; margin-right: 0; font-size: 16px; color: #424242; } .prop-ui .tab_strip_copy li.k-tabstrip-item { background: transparent; border: none; border-bottom: 1px solid #ececec !important; border-radius: 0; color: #000; padding: 0px 30px; } .prop-ui .tab_strip_copy .prop-lib .prop-tab-strip .k-tabstrip .k-tabstrip-items-wrapper ul li.k-active { background: transparent !important; border: none; border-radius: 0; color: #000 !important; padding: 0px 30px; border-bottom: 1px solid #007acc !important; font-weight: 600 !important; } .prop-ui .tab_strip_copy .main_list { list-style: none; padding: 0px; } .prop-ui .tab_strip_copy .main_list li { min-height: 28px; } .prop-ui .tab_strip_copy .min_height_card { min-height: 595px; } .prop-ui .tab_strip_copy prop-checkbox .k-checkbox:indeterminate + .k-checkbox-label:before { color: #0086e7; content: "\e121"; line-height: initial !important; font-size: 14px; } .prop-ui .product-copy-drawer .prop-drawer-title { text-transform: inherit !important; } .prop-ui .product-details-card-container { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; height: 64%; } .prop-ui .product-specs-card-container { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; } .prop-ui .type-item { width: 33%; } .prop-ui .break { flex-basis: 100%; height: 0; } .prop-ui .card-pad { padding-bottom: 12px; } @media (min-width: 1535px) { .prop-ui .prop-flex-basis-xl-24 { flex-basis: 24% !important; } } .prop-ui #product_distribution_center_grid { border-top-right-radius: 0; border-top-left-radius: 0; border-top: none; box-shadow: none; } .prop-ui .distribution_list .prop-lib { height: 100% !important; } .prop-ui .prop-change-sku-container { width: 596px; padding: 16px; align-items: flex-start; } @media (max-width: 899px) { .prop-ui .prop-change-sku-container { width: 400px; } } .prop-ui prop-product-header-toolbar-component { width: 100%; } @media (min-width: 990px) { .prop-ui .custom_header_req .custom_header_tooltip { padding-top: 56px; } } .prop-ui .header_tool_custom { position: absolute; z-index: 9; } @media (min-width: 1000px) { .prop-ui .header_tool_custom { width: calc(100% - 268px); } } @media (max-width: 990px) { .prop-ui .header_tool_custom { position: relative; } } .prop-ui .full_width .header_tool_custom { width: 99.5% !important; } .prop-ui .product_container .k-tabstrip-items-wrapper { z-index: 99 !important; } .prop-ui .product_container .prop-tab-strip { position: relative; } .prop-ui .display-none { display: none; } .prop-ui prop-toolbar .prop-lib .prop-action-button .dropdown-button { padding: 0px; border: 0px; background: none; } .prop-ui prop-toolbar .prop-lib .prop-action-button .dropdown-button:hover { box-shadow: unset; } .prop-ui .dropdown-display { display: none !important; } .prop-ui .k-selected .dropdown-display { display: flex !important; } .prop-ui .prop-store-popup .popup-parent { display: flex; width: 100%; } .prop-ui .prop-store-popup .popup-parent .popup-icon { max-width: 20px; } .prop-ui .prop-store-popup .k-list-content .k-list-item { height: 40px; padding: 8px 10px !important; } .prop-ui .history_full_width .header_tool_custom { width: 100% !important; } .prop-ui .history_full_width .header_tool_custom .stores { right: 10px; } .prop-ui .icon_udf_manage { padding-left: 10px; margin-left: 10px; border-left: 1px solid; } .prop-ui .icon_disabled_udf { color: #d7d8d8; pointer-events: none; } .prop-ui .product-general-container { border-radius: 6px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; /* Card */ box-shadow: 0px 1px 12px 0px rgba(51, 51, 51, 0.14), 0px 1px 0px -1px rgba(51, 51, 51, 0.04); } .prop-ui .product-general-container .product-general-image-section { display: flex; flex-direction: column !important; gap: 0; } .prop-ui .product-general-container .product-general-image-section .promo-field { width: 100%; display: flex; justify-content: center; padding-top: 4px; min-height: 20px; padding-bottom: 1px; } .prop-ui .product-general-container .product-general-image-section .promo-field .label-field { font-weight: bold; } .prop-ui .product-general-container .product-general-image-section .promo-field .mdi-sale-outline { color: #02AC43; font-size: 18px; } .prop-ui .product-general-container .product-general-image-section .promo-field .k-chip { border: none; border-radius: 30px; background: linear-gradient(0deg, rgba(2, 172, 67, 0.08) 0%, rgba(2, 172, 67, 0.08) 100%), #FFF; padding: 5px; } .prop-ui .product-general-container .product-general-image-section .multi-img-maintainer { display: flex; justify-content: center; vertical-align: middle; width: -webkit-fill-available; } .prop-ui .product-general-container .icon-16px { font-size: 16px !important; } .prop-ui .product-general-container .customer-width-0 { width: 0px; } .prop-ui .product-general-container .disable-item-text { color: #8C9397 !important; } .prop-ui .product-general-container .split_dropdown_wrapper { width: auto; display: inline-flex; } .prop-ui .product-general-container .split_dropdown_code { width: auto; display: inline-flex; overflow: hidden; text-overflow: ellipsis; float: left; font-weight: 600; } .prop-ui .product-general-container .split_dropdown_value { width: auto; display: inline-flex; vertical-align: middle; float: left; margin-left: 5px; overflow: hidden; text-overflow: ellipsis; } .prop-ui .product-general-container .prop-card-header-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/set-column-1.svg"); } .prop-ui .product-general-container .tax-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/tax.svg"); } .prop-ui .product-general-container .detail-section-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/detail-section.svg") !important; } .prop-ui .product-general-container .dollar-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/dollar.svg"); } .prop-ui .product-general-container .sales-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/line-stacked-markers.svg"); } .prop-ui .product-general-container .file-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/file-pdf.svg"); } .prop-ui .product-general-container .product-general-component { border-radius: 6px; padding: 12px 12px 0px 12px; } .prop-ui .product-general-container .product-general-component .product-general-contact-container { background: #FFFFFF; width: 256px; } .prop-ui .product-general-container .product-general-component .product-general-contact-container .image_container { border: 1px solid rgba(9, 11, 12, 0.16); border-radius: 4px; } @media (min-width: 600px) and (max-width: 1199px) { .prop-ui .product-general-container .product-general-component .product-general-contact-container { height: 310px; } } @media (max-width: 899px) { .prop-ui .product-general-container .product-general-component .product-general-contact-container { width: auto; } } .prop-ui .product-general-container .product-general-component .product-general-contact-container .job-edit-button { display: flex; justify-content: center; align-items: center; height: 22px; width: 22px; } .prop-ui .product-general-container .product-general-component .product-general-contact-container .job-edit-button .prop-lib, .prop-ui .product-general-container .product-general-component .product-general-contact-container .job-edit-button .prop-btn, .prop-ui .product-general-container .product-general-component .product-general-contact-container .job-edit-button .k-button { height: inherit; width: inherit; } .prop-ui .product-general-container .product-general-component .product-general-contact-container .job-list-item-button { display: flex; justify-content: center; align-items: center; height: 30px; width: 30px; pointer-events: none; } .prop-ui .product-general-container .product-general-component .product-general-contact-container .job-list-item-button .prop-lib, .prop-ui .product-general-container .product-general-component .product-general-contact-container .job-list-item-button .prop-btn, .prop-ui .product-general-container .product-general-component .product-general-contact-container .job-list-item-button .k-button { height: inherit; width: inherit; } .prop-ui .product-general-container .product-general-component .product-general-contact-container .active-dropdown-btn { min-width: 90px; } .prop-ui .product-general-container .product-general-component .product-general-contact-container .active-dropdown-btn span { background: #F5F5F5; } .prop-ui .product-general-container .product-general-component .product-general-contact-container .active-dropdown-btn .prop_invalid_block { display: none; } .prop-ui .product-general-container .product-general-component .product-general-contact-container .active-dropdown-btn span.k-input-value-text { width: auto !important; } .prop-ui .product-general-container .product-general-component .product-general-contact-container .job-divider-container { align-self: stretch; background-color: rgba(9, 11, 12, 0.16); } @media (min-width: 1535px) { .prop-ui .product-general-container .product-general-component .product-general-contact-container .job-divider-container { height: 1px; width: auto; } } @media (min-width: 1199px) and (max-width: 1534px) { .prop-ui .product-general-container .product-general-component .product-general-contact-container .job-divider-container { height: auto; width: 1px; } } @media (max-width: 599px) { .prop-ui .product-general-container .product-general-component .product-general-contact-container .job-divider-container { height: 1px; width: auto; } } @media (min-width: 600px) and (max-width: 1198px) { .prop-ui .product-general-container .product-general-component .product-general-contact-container .job-divider-container { display: none; } } .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container { border-radius: 4px; padding: 16px 12px; } .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container .product-profile-container { flex: 0 1 auto; } @media (min-width: 600px) and (max-width: 1199px) { .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container .product-profile-container { flex: 1 1 auto; } } .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container .product-profile-container .customer-avatar-container { border-radius: 100px; width: 64px; height: 64px; } .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container .product-profile-container .customer-avatar-container .customer-base-avatar-container { width: 64px; height: 64px; padding: 4.48px 9.6px 4.48px 14.08px; border-radius: 1000px; border: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container .product-profile-container .customer-avatar-container .customer-base-avatar-container .customer-img-container { width: 40.32px; height: 55.04px; } .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container .product-profile-container .customer-profile-content-container .customer-contact-name { color: #000000; font-size: 18px; font-weight: 700; line-height: 140%; /* 25.2px */ text-wrap: wrap; } .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container .product-profile-container .customer-profile-content-container .customer-contact-loyalty { color: #5B6870; font-size: 14px; font-weight: 400; line-height: 160%; /* 22.4px */ } .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container .job-account-details-container .job-account-details .job-title-container .job-title { color: #424242; font-size: 16px; font-weight: 600; line-height: 24px; /* 150% */ } .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container .job-account-details-container .job-account-details .job-item-button-container { width: 30px; height: 30px; padding: 4px; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.16); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #F5F5F5; } .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container .job-account-details-container .job-account-details .job-item-button-container .job-button-img-container { width: 16px; height: 16px; } .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container .job-account-details-container .job-account-details .job-item-button-container .job-location-img { background-image: url("/app/assets/images/location.svg"); } .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container .job-account-details-container .job-account-details .job-item-button-container .job-email-img { background-image: url("/app/assets/images/email-outline.svg"); } .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container .job-account-details-container .job-account-details .job-item-button-container .job-phone-img { background-image: url("/app/assets/images/phone.svg"); } .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container .job-account-details-container .job-account-details .job-item-text { color: #424242; font-size: 14px; font-weight: 400; line-height: 20px; /* 142.857% */ display: flex; align-items: center; word-break: break-all; } .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container .job-account-details-container .job-account-details .job-item-text span[ng-bind-html] { margin: 0; } .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container .job-account-details-container .job-account-details .job-item-email-text { color: #0086E7; } @media (min-width: 600px) and (max-width: 1199px) { .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container .primary-contact-container { flex: 1 1 auto; } } .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container .primary-contact-container .primary-contact-text { color: #424242; font-size: 16px; font-weight: 600; line-height: 24px; /* 150% */ } .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container .primary-contact-container .primary-contact-details-container .primary-contact-avatar-container { border-radius: 100px; border: 1px solid rgba(9, 11, 12, 0.16); width: 32px; height: 32px; padding: 6px; flex: initial; justify-content: center; align-items: center; box-sizing: border-box; } .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container .primary-contact-container .primary-contact-details-container .primary-contact-avatar-container .primary-contact-avatar { width: 20px; height: 20px; flex-shrink: 0; } .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container .primary-contact-container .primary-contact-details-container .primary-contact-details .primary-contact-text { color: #424242; font-size: 14px; font-weight: 400; line-height: 20px; /* 142.857% */ } .prop-ui .product-general-container .product-general-component .product-general-contact-container .product-contact-content-container .primary-contact-container .primary-contact-details-container .chip-container .chip-set { padding: 5px 8px; font-size: 12px; border-radius: 100px; margin-right: 3px; box-sizing: border-box; height: 22px; display: flex; align-items: center; justify-content: center; border: 1px solid #3A4145; background-color: rgba(255, 255, 255, 0); flex: initial; } .prop-ui .product-general-container .product-general-component .product-general-overview-container { border-radius: 6px; } .prop-ui .product-general-container .product-general-component .product-general-overview-container prop-card-body { width: 100%; } .prop-ui .product-general-container .product-general-component .product-general-overview-container .sales-history .prop-lib .prop-card-body { margin: 0px; padding: 0px; } .prop-ui .product-general-container .product-general-component .product-general-overview-container .sales-history .stripped-table { width: 100%; color: #424242; } .prop-ui .product-general-container .product-general-component .product-general-overview-container .sales-history .stripped-table tr { height: 36px; } .prop-ui .product-general-container .product-general-component .product-general-overview-container .sales-history .stripped-table tr, .prop-ui .product-general-container .product-general-component .product-general-overview-container .sales-history .stripped-table td { box-sizing: border-box; } .prop-ui .product-general-container .product-general-component .product-general-overview-container .sales-history .stripped-table td { height: 20px; padding: 8px 12px; align-items: center; gap: 4px; align-self: stretch; border-left: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .product-general-container .product-general-component .product-general-overview-container .sales-history .stripped-table td.external-link { display: flex; justify-content: space-between; gap: 10px; height: inherit; } .prop-ui .product-general-container .product-general-component .product-general-overview-container .sales-history .stripped-table tr:nth-child(even) { background-color: #f2f2f2; } .prop-ui .product-general-container .product-general-component .product-general-overview-container .sales-history .stripped-table tr td:first-child { border-left: none; } .prop-ui .product-general-container .height_auto { height: auto; } .prop-ui .product-general-container .height_auto h4 { margin-bottom: 10px; } .prop-ui .external-link-location { height: 25px; border-bottom: 1px dashed rgba(9, 11, 12, 0.24); display: flex; justify-content: space-between; } .prop-ui .location-container { margin-bottom: 21px; } .prop-ui .location-container label { font-size: 12px; } @media (min-width: 1500px) { .prop-ui .details_section { overflow: auto; } } @media (max-width: 1499px) { .prop-ui .details_section { height: 200px; overflow: auto; } } .prop-ui .details_section h4 { font-size: 14px; font-weight: 600; margin: 0px; width: 100%; } .prop-ui .details_section p { width: 100%; font-size: 14px; } .prop-ui .details_section ul { padding-left: 15px !important; } .prop-ui .details_section .consumer_name { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; } .prop-ui .product-toolbar { height: 56px; width: 100%; padding-left: 16px; padding-right: 16px; border-bottom: 1px solid rgba(9, 11, 12, 0.16); gap: 32px !important; background: #FFFFFF; } @media (max-width: 1199px) { .prop-ui .product-toolbar { height: inherit !important; min-height: 56px; } } .prop-ui .product-toolbar .stores { position: absolute; right: 0; top: 12px; } @media (max-width: 990px) { .prop-ui .product-toolbar .stores { right: 5px; } } .prop-ui .product-toolbar .stores button { padding: 5px; border-radius: 4px; border: 1px solid #d4d4d4; box-shadow: none; cursor: default; } .prop-ui .product-toolbar .active-dropdown-btn { min-width: 150px; } .prop-ui .product-toolbar .active-dropdown-btn span { background: #F5F5F5; } .prop-ui .product-toolbar .active-dropdown-btn .prop_invalid_block { display: none; } .prop-ui .product-toolbar .active-dropdown-btn span.k-input-value-text { width: auto !important; } .prop-ui .product-toolbar .prop_tree_dropdown { min-width: 230px; } .prop-ui .product-toolbar .prop_tree_dropdown .search_bar_blk .cat_tree_text_box { width: 92%; } .prop-ui .treeview .customize_arrow { font-size: 16px; border: 1px solid rgba(9, 11, 12, 0.16); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #F5F5F5; color: #3A4145; height: 18px; width: 18px; border-radius: 4px; line-height: 16px; } @media (max-width: 990px) { .prop-ui .treeview .product_treeview_wraper { flex-wrap: wrap; width: 70% !important; } } @media (max-width: 1199px) { .prop-ui .treeview .product_treeview_wraper { flex-wrap: wrap; width: 85%; } } .prop-ui .treeview ep-tree-component { width: max-content; } .prop-ui .treeview ep-tree-component .bt-mult-sel1:hover { color: #0086E7; } .prop-ui .treeview .filter_tree_btn { border: none; } .prop-ui .treeview .k-button { padding: 0px !important; height: 16px !important; margin-top: 4px !important; cursor: default; } .prop-ui .treeview .k-button:hover { box-shadow: none !important; cursor: default; } .prop-ui .treeview .dropdown-menu { width: 200% !important; min-width: 400px; } .prop-ui .component_condition { border: 1px solid #000; padding: 0px 5px; border-radius: 4px; margin: 0px; height: 32px; display: flex; align-items: center; gap: 6px; cursor: default; } .prop-ui .udf_icons { font-size: 20px; color: #0086e7; margin-left: 5px; margin-right: 5px; } .prop-ui .prop-drawer po-archive-details-component #contentContainer { padding: 0px; } .prop-ui .prop-drawer po-archive-details-component #contentContainer div[ep-maintenance-toolbar] { display: none; } .prop-ui .prop-drawer po-archive-details-component #contentContainer .inventory_add_header { display: none !important; } .prop-ui .prop-drawer po-archive-details-component #contentContainer .ep-maintenance-screen-toolbar { display: none !important; } .prop-ui .prop-drawer po-archive-details-component #contentContainer .form_block { padding: 5px; } .prop-ui #product_note_grid { border-top-right-radius: 0; border-top-left-radius: 0; border-top: none; box-shadow: none; } .prop-ui .product-pricing-cost-container .pricing-tab-section { display: flex; padding: 0px 12px 16px 12px; flex-direction: column; gap: 20px; flex: 1 0 0; align-self: stretch; } .prop-ui .product-pricing-cost-container .pricing-tab-section .k-tabstrip-items-wrapper { top: 0; z-index: 9; background: #FFFFFF; } .prop-ui .product-pricing-cost-container .pricing-tab-section ul.pricing-tab-strip li { border-style: none; background-color: #FFFFFF !important; } .prop-ui .product-pricing-cost-container .pricing-tab-section ul.pricing-tab-strip li.k-active, .prop-ui .product-pricing-cost-container .pricing-tab-section ul.pricing-tab-strip li.k-active:hover { border-top-width: 0px !important; border-left-width: 0px !important; border-right-width: 0px !important; color: #0086E7 !important; font-weight: 600; background-color: #FFFFFF !important; background: #FFFFFF !important; border-bottom: 2px solid #0086E7 !important; } .prop-ui .product-pricing-cost-container .pricing-tab-section ul.pricing-tab-strip li:hover { border-style: none !important; background-color: #FFFFFF !important; color: #424242; } .prop-ui .product-pricing-cost-container .pricing-tab-section #product-pricing-panel-tab { z-index: 1; } .prop-ui .product-pricing-cost-container .pricing-cost-section { height: 100%; } @media (min-width: 1199px) { .prop-ui .product-pricing-cost-container .pricing-cost-section { max-width: 264px !important; } } .prop-ui .product-pricing-cost-container .pricing-cost-section .date-changed-container { display: flex; flex-direction: column; height: 72px; max-height: 72px; gap: 4px; } .prop-ui .product-pricing-cost-container .pricing-cost-section .date-changed-container prop-form-validators { display: none; } .prop-ui .product-pricing-cost-container .pricing-cost-section .date-changed-label { font-size: 10px; color: #5B6870; } @media (min-width: 1535px) { .prop-ui .product-pricing-cost-container .pricing-grid-section { max-width: calc(100% - 264px) !important; } } @media (min-width: 1199px) { .prop-ui .product-pricing-cost-container .pricing-grid-section { max-width: calc(100% - 264px) !important; } } @media (min-width: 899px) { .prop-ui .product-pricing-cost-container .pricing-grid-section { max-width: calc(100% - 264px) !important; } } .prop-ui .purchasing-uom-card-container { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; } .prop-ui .details-section-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/detail-section.svg") !important; } .prop-ui .prop-drawer ep-po-overview #contentContainer { padding: 0px; } .prop-ui .prop-drawer ep-po-overview #contentContainer div[ep-maintenance-toolbar] { display: none; } .prop-ui .prop-drawer .generic-grid-container { height: 100% !important; margin: 0px; padding: 0px; } .prop-ui .prop-drawer .generic-grid-container .landing_grid { margin: 0px; } .prop-ui .prop-drawer .generic-grid-container .landing_grid .ep_group { padding: 0px; } .prop-ui .prop-drawer .generic-grid-container .landing_grid .ep_group:first-child { margin-top: 0px; } .prop-ui .prop-drawer .generic-grid-container .landing_grid .ep_group:first-child .filters_container { margin-bottom: 0px; } .prop-ui .prop-drawer .generic-grid-container .landing_grid .ep_group [kendo-ep-grid] .ep-grid-max-min, .prop-ui .prop-drawer .generic-grid-container .landing_grid .ep_group [kendo-grid] .ep-grid-max-min { display: none; } .prop-ui .drawer-grid-height { height: calc(100% - 85px); } @media (min-width: 0) { .prop-ui .prop-product-quickview { height: inherit; } } @media (min-width: 899px) { .prop-ui .prop-product-quickview { height: inherit; } } .prop-ui .prop-product-quickview .item-table .prop-card-body { padding: 0 !important; } .prop-ui .prop-product-quickview .item-data { height: fit-content; } @media (min-width: 0) { .prop-ui .prop-product-quickview .item-data { width: 100%; } } @media (min-width: 899px) { .prop-ui .prop-product-quickview .item-data { width: 384px; } } .prop-ui .prop-product-quickview .item-data .prop-card-body { padding: 0; margin: 0; } .prop-ui .prop-product-quickview .item-data .prop-card-body .left-cell { width: 192px; } .prop-ui .prop-product-quickview .item-data .prop-card-body .right-cell { min-width: 192px; } .prop-ui .prop-product-quickview .stripped-table-head { width: 100%; color: #424242; } .prop-ui .prop-product-quickview .stripped-table-head tr { height: 36px; } .prop-ui .prop-product-quickview .stripped-table-head tr, .prop-ui .prop-product-quickview .stripped-table-head td { box-sizing: border-box; } .prop-ui .prop-product-quickview .stripped-table-head td { height: 20px; padding: 8px 12px; align-items: center; gap: 4px; align-self: stretch; border-left: 1px solid rgba(9, 11, 12, 0.16); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .prop-ui .prop-product-quickview .stripped-table-head td.external-link { display: flex; justify-content: space-between; gap: 10px; height: inherit; } .prop-ui .prop-product-quickview .stripped-table-head tr:nth-child(odd) { background-color: #f2f2f2; } .prop-ui .prop-product-quickview .stripped-table-head tr:first-child { border-left: none; background: #FAFAFA; color: #424242; border-bottom: 1px solid rgba(9, 11, 12, 0.08); text-align: center; font-feature-settings: "clig" off, "liga" off; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .prop-product-quickview .stripped-table-head tr td:first-child { border-left: none; } .prop-ui .prop-product-quickview .text-align-right { text-align: right; } @media (min-width: 899px) { .prop-ui .prop-product-quickview .product-details { max-width: 512px !important; } } .prop-ui .review-product-container .prop-ui .prop-lib .prop_grid .k-grid .k-toolbar { display: none; } .prop-ui .information-toast { margin-top: 20px; margin-bottom: 15px; height: 50px; } .prop-ui .information-toast .md-bottom { bottom: 0 !important; } .prop-ui .product_serial_grid_serial_cnt { font-size: 13px; color: #424242; padding-right: 10px; } .prop-ui .product_serial_grid_serial_cnt .serial-num { font-weight: bold; } .prop-ui #product_serial_number_grid { border-top-right-radius: 0; border-top-left-radius: 0; border-top: none; box-shadow: none; } @media (min-width: 990px) { .prop-ui .toolbar-header_tooltip { padding-top: 55px; } } .prop-ui .product-general-right-container { width: auto; } @media (min-width: 899px) { .prop-ui .product-general-right-container { width: 244px; } } .prop-ui .product-general-right-container .prop-card { border-radius: 6px; } .prop-ui .product-general-right-container .prop-card .prop-card-header { background: #FFFFFF; } .prop-ui .product-general-right-container .value-text { color: #424242; text-align: center; font-family: Source Sans Pro !important; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -0.5px; } .prop-ui .product-general-right-container .header-text { color: #7C8A93; text-align: center; font-feature-settings: "liga" off, "clig" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .product-general-right-container .prop-vertical-divider { margin-top: -16px; margin-bottom: -16px; } .prop-ui .product-general-right-container .prop-horizontal-divider { margin-left: -16px; margin-right: -16px; } .prop-ui .product-general-right-container .ranking-location-card .value-text { font-size: 16px; } .prop-ui .product-general-right-container .ranking-location-card .header-text { text-align: left; } .prop-ui .product-general-right-container .ranking-location-card .ranking-circle { height: 32px; width: 32px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: bold; border-width: 1px; border-style: solid; cursor: pointer; } .prop-ui .product-general-right-container .ranking-location-card .ranking-circle.ranking_A_grade, .prop-ui .product-general-right-container .ranking-location-card .ranking-circle.ranking_A\+_grade, .prop-ui .product-general-right-container .ranking-location-card .ranking-circle.ranking_A-_grade { border-color: #02AC43; background: linear-gradient(0deg, rgba(2, 172, 67, 0.08) 0%, rgba(2, 172, 67, 0.08) 100%), #FFF; color: #02AC43; } .prop-ui .product-general-right-container .ranking-location-card .ranking-circle.ranking_B_grade, .prop-ui .product-general-right-container .ranking-location-card .ranking-circle.ranking_B\+_grade, .prop-ui .product-general-right-container .ranking-location-card .ranking-circle.ranking_B-_grade { border-color: #00A0D0; background: linear-gradient(0deg, rgba(0, 160, 208, 0.08) 0%, rgba(0, 160, 208, 0.08) 100%), #FFF; color: #00A0D0; } .prop-ui .product-general-right-container .ranking-location-card .ranking-circle.ranking_C_grade, .prop-ui .product-general-right-container .ranking-location-card .ranking-circle.ranking_C\+_grade, .prop-ui .product-general-right-container .ranking-location-card .ranking-circle.ranking_C-_grade { border-color: #EB6500; background: linear-gradient(0deg, rgba(235, 101, 0, 0.08) 0%, rgba(235, 101, 0, 0.08) 100%), #FFF; color: #EB6500; } .prop-ui .product-general-right-container .ranking-location-card .ranking-circle.ranking_D_grade, .prop-ui .product-general-right-container .ranking-location-card .ranking-circle.ranking_D\+_grade, .prop-ui .product-general-right-container .ranking-location-card .ranking-circle.ranking_D-_grade { border-color: #FF4F42; background: linear-gradient(0deg, rgba(255, 79, 66, 0.08) 0%, rgba(255, 79, 66, 0.08) 100%), #FFF; color: #FF4F42; } .prop-ui .product-general-right-container .ranking-location-card .ranking-circle.ranking_X_grade { border-color: #758595; background: #f4f5f7; color: #758595; } .prop-ui .product-general-right-container .qoo-fqoo-card .value-text { font-size: 20px; } .prop-ui .product-general-right-container .cost-summary-card .value-text { padding-bottom: 10px; } .prop-ui .product-general-right-container .cost-summary-card .header-text { font-size: 12px; line-height: 16px; } .prop-ui .product-general-right-container .fill-rate-card .credit-progress-text { color: #7C8A93; } .prop-ui .product-general-right-container .fill-rate-card prop-progress-bar { display: flex; align-items: flex-start; flex: 1 0 0; width: 100%; height: 12px; } .prop-ui .product-general-right-container .fill-rate-card .cost-value-text { color: #424242; leading-trim: both; text-edge: cap; font-family: Source Sans Pro !important; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui .product-general-right-container .sales_trend prop-card-body { gap: 0px !important; } .prop-ui .product-general-right-container .sales_trend .border_bottom_grid { border-bottom: 1px solid #d9e0e5; gap: 0px; } .prop-ui .product-general-right-container .sales_trend .border_bottom_grid .prop-align-xs-center { margin: 5px; } .prop-ui .product-general-right-container .sales_trend .prop-card-body { padding: 0px !important; } .prop-ui .product-general-right-container .sales_trend .prop-vertical-divider { margin-bottom: 0px !important; } .prop-ui .product-general-right-container .product_right_1 { border-right: 1px solid #d9e0e5; margin: 0px !important; padding: 5px; } .prop-ui .product-general-right-container .right_2 { border-right: none !important; } .prop-ui .product-general-right-container .product_right_0 { margin: 0px !important; padding: 5px; } .prop-ui .product-general-right-container .font-16 { font-size: 16px; } .prop-ui .product-general-right-container .font-14 { font-size: 14px; } .prop-ui .product-general-right-container .font-12 { font-size: 12px; } .prop-ui .product-general-right-container .gp-circle { height: 33px; width: 33px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: bold; border: 1px solid rgba(9, 11, 12, 0.16); background: #FAFAFA; } .prop-ui .product-general-right-container .prop-label-chip { background: rgba(9, 11, 12, 0.08); border-color: rgba(58, 65, 69, 0.3); } .prop-ui .product-general-right-container .nothing-to-show { display: flex; justify-content: center; align-items: center; position: relative; height: 200px; width: 100%; } .prop-ui .product-general-right-container .nothing-to-show::after { content: ""; background-image: url("/app/assets/images/sales_nothing.svg"); background-repeat: no-repeat; width: 120px; height: 106px; background-size: cover; background-position: center; } .prop-ui .product-general-right-container .nothing-to-show span.nothing-to-show-text { position: absolute; color: var(--subtle-text, #5B6870); text-align: center; font-feature-settings: "clig" off, "liga" off; -webkit-text-stroke-width: 1; -webkit-text-stroke-color: var(--component-text-white, #FFF); font-family: "Source Sans Pro"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; } .prop-ui .product-general-right-container .retail-price-card .prop-card-header { display: none; } .prop-ui .product-general-right-container .retail-price-card .prop-card-body { padding: 0; } .prop-ui .product-general-right-container .gp-trend-percent { border-color: #02AC43; background: linear-gradient(0deg, rgba(2, 172, 67, 0.08) 0%, rgba(2, 172, 67, 0.08) 100%), #FFF; } .prop-ui .product-general-right-container .retail-card-title { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; color: #424242; font-feature-settings: "clig" off, "liga" off; margin: unset !important; } .prop-ui .product-general-right-container .retail-card-header { display: flex; align-items: center; gap: 4px; padding: 12px; } .prop-ui .product-general-right-container .price-field { color: #5B6870; } .prop-ui .product-general-right-container .retail-chart-container { padding: 0 5px 10px 5px; } .prop-ui .product-general-right-container .product-blk-progress-bar { display: flex; align-items: flex-start; flex: 1 0 0; width: 100%; height: 12px; } .prop-ui .product-general-right-container .product-blk-progress-bar .k-progressbar-horizontal { background-color: #EAF7FD; } .prop-ui .product-general-right-container .product-blk-progress-bar .k-progress-status-wrap { border-radius: 100px; border: 1px solid #0B7EAE; } .prop-ui .product-general-right-container .product-blk-progress-bar .k-progress-status { display: none; } .prop-ui .product-general-right-container .product-blk-progress-bar .k-selected { background-color: #1BBAFD; border-radius: 100px; border: 1px solid #0B7EAE; border-right: 1px solid transparent; position: absolute; } .prop-ui .product-general-right-container .product-blk-progress-bar .k-selected .k-progress-status-wrap { position: absolute; top: -1px; left: -1px; } .prop-ui .product-general-right-container .grid_sidebar_product { flex-direction: row !important; } .prop-ui .prop-po-container-fluid prop-card { display: flex; align-items: stretch; flex: 1; } .prop-ui .prop-po-container-fluid prop-card.custom-card { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; } .prop-ui .stock-sell-container .listing-container { height: -webkit-fill-available; width: -webkit-fill-available; } .prop-ui .stock-sell-container .listing-container .prop-card-body { padding: 0 !important; } .prop-ui .stock-sell-container .listing-summary-section { width: -webkit-fill-available; } .prop-ui .stock-sell-container .heading { vertical-align: bottom; } .prop-ui .stock-sell-container .prop-lib, .prop-ui .stock-sell-container .preference-card { width: 100%; } @media (max-width: 899px) { .prop-ui .stock-sell-container .prop-lib, .prop-ui .stock-sell-container .preference-card { flex-direction: column; } } .prop-ui .stock-sell-container .external-link { height: 25px; border-bottom: 1px dashed rgba(9, 11, 12, 0.24); display: flex; justify-content: space-between; } .prop-ui .stock-sell-container .location-container label { font-size: 12px; } .prop-ui .stock-sell-container .list-header { height: 45px; background: #FAFAFA; padding: 12px; box-sizing: inherit; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; justify-content: space-between; align-items: center; color: #424242; box-shadow: none; border-bottom: 1px solid rgba(9, 11, 12, 0.16); display: inline !important; } .prop-ui .stock-sell-container .list-header .mdi { font-size: 20px; cursor: pointer; } .prop-ui .stock-sell-container .list-body { flex: 1; padding: 0 !important; display: flex; flex-direction: column; } .prop-ui .stock-sell-container .list-body .list-menu-row { display: flex; flex-direction: column; justify-content: space-between; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; box-sizing: border-box; } .prop-ui .stock-sell-container .list-body .list-menu-row .list-menu-title { padding: 8px 12px; width: inherit; height: 36px; border-right: 1px solid rgba(9, 11, 12, 0.08); box-sizing: inherit; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .prop-ui .stock-sell-container .list-body .list-menu-row .list-menu-title.even { background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #FFF; } .prop-ui .stock-sell-container .list-body .list-menu-row .list-menu-title.left-border { border-left: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .stock-sell-container .list-body .list-menu-row .list-menu-title.listing-column { width: -webkit-fill-available; border-right: none; } .prop-ui .stock-sell-container .list-footer { height: 36px; width: 100%; background: rgba(0, 134, 231, 0.1215686275); text-align: right !important; padding: 8px 12px; box-sizing: inherit; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600 !important; line-height: 20px; display: flex; justify-content: space-between; align-items: right; } .prop-ui .stock-sell-container .list-footer.column-2 { width: 219px; } .prop-ui .stock-sell-container .activity-column { min-width: 150px; } .prop-ui .stock-sell-container .stocking-column { min-width: 140px; } .prop-ui .stock-sell-container .preferences-container .k-checkbox:disabled, .prop-ui .stock-sell-container .preferences-container .k-checkbox:disabled + .k-checkbox-label { filter: none; } .prop-ui .inventory-tooltip-container { padding: 2px; } .prop-ui .inventory-tooltip-container .title-field { font-weight: bold; padding-bottom: 2px; } .prop-ui .inventory-tooltip-container .col-xs-6 { width: 40% !important; } .prop-ui .inventory-tooltip-container .po_data { font-size: 12px !important; } .prop-ui .inventory-tooltip-container .form-group { margin-bottom: 0; } .prop-ui .inventory-tooltip-container .col-xs-4 { width: 20%; } .prop-ui .replacement-field { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .prop-ui .date-link-field { display: flex; line-height: 20px; } .prop-ui .location-link { line-height: 20px; } .prop-ui .is-sellable-alt-uom { padding-left: 0.6%; } .prop-ui .prop-summary-view a { text-decoration: none !important; cursor: pointer; } .prop-ui .prop-summary-view a:hover { text-decoration: none !important; } .prop-ui .prop-summary-view .dollar-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/dollar.svg"); } @media (min-width: 0) { .prop-ui .prop-summary-view { height: inherit; } } @media (min-width: 899px) { .prop-ui .prop-summary-view { height: inherit; } } .prop-ui .prop-summary-view .item-table { height: fit-content; width: 100%; } .prop-ui .prop-summary-view .item-table .prop-card-body { padding: 0 !important; } .prop-ui .prop-summary-view .item-data { height: fit-content; } @media (min-width: 0) { .prop-ui .prop-summary-view .item-data { width: 100%; } } @media (min-width: 899px) { .prop-ui .prop-summary-view .item-data { width: 384px; } } .prop-ui .prop-summary-view .item-data .prop-card-body { padding: 0; margin: 0; } .prop-ui .prop-summary-view .item-data .prop-card-body .left-cell { width: 192px; } .prop-ui .prop-summary-view .item-data .prop-card-body .right-cell { min-width: 192px; } .prop-ui .prop-summary-view .stripped-table-head { width: 100%; color: #424242; } .prop-ui .prop-summary-view .stripped-table-head tr { height: 36px; } .prop-ui .prop-summary-view .stripped-table-head tr, .prop-ui .prop-summary-view .stripped-table-head td { box-sizing: border-box; } .prop-ui .prop-summary-view .stripped-table-head td { height: 20px; padding: 8px 12px; align-items: center; gap: 4px; align-self: stretch; border-left: 1px solid rgba(9, 11, 12, 0.16); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .prop-ui .prop-summary-view .stripped-table-head td.external-link { display: flex; justify-content: space-between; gap: 10px; height: inherit; } .prop-ui .prop-summary-view .stripped-table-head tr:nth-child(odd) { background-color: #f2f2f2; } .prop-ui .prop-summary-view .stripped-table-head tr:first-child { border-left: none; background: #FAFAFA; color: #424242; border-bottom: 1px solid rgba(9, 11, 12, 0.08); text-align: left; font-feature-settings: "clig" off, "liga" off; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .prop-summary-view .stripped-table-head tr:first-child td { padding: 5px 6px !important; } .prop-ui .prop-summary-view .stripped-table-head tr td:first-child { border-left: none; } .prop-ui .prop-summary-view .text-align-right { text-align: right; } .prop-ui .prop-summary-view .detail-container .prop-card-body { padding: 0; margin: 0; } @media (min-width: 0) { .prop-ui .prop-summary-view .detail-container .buying .right-cell { max-width: 100%; } .prop-ui .prop-summary-view .detail-container .buying .right-cell span { white-space: break-spaces; } } @media (min-width: 899px) { .prop-ui .prop-summary-view .detail-container .buying .right-cell { max-width: 250px; } } .prop-ui .prop-summary-view .right-cell span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .prop-ui .prop-drawer ep-product-transaction-viewer-component div[ep-maintenance-toolbar] { display: none; } .prop-ui .prop-drawer ep-inventory-transaction-register div[ep-maintenance-toolbar] { display: none; } .prop-ui .prop-drawer .prop_unusual_sales strong.custom { margin-top: 0px; } .prop-ui .impact-div { border: 1px solid #00A0D0; border-radius: 4px; padding: 8px 16px; background: #EBF7FB; margin-bottom: 8px; } .prop-ui .impact-div .header { font-size: 18px; font-weight: bold; } .prop-ui .buyers_list_drawer .prop-drawer-title { text-transform: unset; } .prop-ui .po-item-add-drawer .prop-drawer-body { padding: 0; height: calc(100% - 80px - 62px); } .prop-ui .po-item-add-drawer .prop-pad-lr { padding-left: 16px; padding-right: 16px; } .prop-ui .po-item-add-drawer .prop-pad-tb { padding-top: 16px; padding-bottom: 16px; } .prop-ui .po-item-add-drawer .prop-drawer-title { text-transform: inherit !important; } .prop-ui .po-item-add { font-family: "Source Sans Pro"; box-sizing: border-box; overflow: hidden; } .prop-ui .po-item-add .disp-flex { display: flex !important; } .prop-ui .po-item-add .disp-none { display: none !important; } @media (min-width: 0) { .prop-ui .po-item-add { height: inherit; } } @media (min-width: 899px) { .prop-ui .po-item-add { height: 100%; } } .prop-ui .po-item-add .add-container { height: 100%; border-right: 1px solid rgba(9, 11, 12, 0.08); background: linear-gradient(0deg, rgba(0, 134, 231, 0.04) 0%, rgba(0, 134, 231, 0.04) 100%), #FFF; flex-shrink: 0; } @media (min-width: 0) { .prop-ui .po-item-add .add-container { width: 100%; height: 100%; } } @media (min-width: 899px) { .prop-ui .po-item-add .add-container { min-width: 320px; width: 320px; overflow: auto; } } .prop-ui .po-item-add .add-container .prop_auto_complete { background: inherit !important; } .prop-ui .po-item-add .add-container #search_by button { background: transparent !important; border: none !important; box-shadow: none; } .prop-ui .po-item-add .add-container .add-search { border-bottom: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; } .prop-ui .po-item-add .detail-container { height: auto; overflow-y: auto; } .prop-ui .po-item-add .detail-container .continue-button button { padding: 10px 16px !important; } .prop-ui .po-item-add .detail-container .stripped-table { width: 100%; color: #424242; } .prop-ui .po-item-add .detail-container .stripped-table tr { height: 36px; } .prop-ui .po-item-add .detail-container .stripped-table tr, .prop-ui .po-item-add .detail-container .stripped-table td { box-sizing: border-box; } .prop-ui .po-item-add .detail-container .stripped-table td { height: 20px; padding: 8px 12px; align-items: center; gap: 4px; align-self: stretch; border-left: 1px solid rgba(9, 11, 12, 0.16); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .prop-ui .po-item-add .detail-container .stripped-table td.external-link { display: flex; justify-content: space-between; gap: 10px; height: inherit; } .prop-ui .po-item-add .detail-container .stripped-table tr:nth-child(even) { background-color: #f2f2f2; } .prop-ui .po-item-add .detail-container .stripped-table tr td:first-child { border-left: none; } .prop-ui .po-item-add .detail-container .lower_qty_blk { width: 100%; height: 60px; } .prop-ui .po-item-add .detail-container .insufficient_radio_detail { padding: 4px 0; } .prop-ui .po-item-add .detail-container .insufficient_radio_detail .k-radio-label { padding-left: 32px; color: #424242; font-feature-settings: "clig" off, "liga" off; font-family: "Source Sans Pro"; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; /* 142.857% */ } .prop-ui .po-item-add .detail-container .insufficient_radio_detail .k-radio-label { justify-content: center; display: flex !important; flex-direction: column; } .prop-ui .po-item-add .detail-container .insufficient_radio_detail .radio-subtext { font-size: 14px; font-weight: 500; } .prop-ui .po-item-add .detail-container .trans-detail { width: 100%; border: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; border-radius: 4px; } .prop-ui .po-item-add .detail-container .trans-detail .custom_radio_detail { padding: 8px 12px; width: 100%; border-bottom: 1px solid rgba(9, 11, 12, 0.08); background: #FAFAFA; } .prop-ui .po-item-add .detail-container .trans-detail .custom_radio_detail .k-radio + .k-radio-label:before { margin-top: 3px !important; padding: 6px; } .prop-ui .po-item-add .detail-container .trans-detail .custom_radio_detail .k-radio:checked + .k-radio-label:before, .prop-ui .po-item-add .detail-container .trans-detail .custom_radio_detail .k-radio:checked + .k-radio-label:hover:before { padding: 4px !important; } .prop-ui .po-item-add .detail-container .trans-detail .custom_radio_detail .k-radio-label { color: #424242; font-feature-settings: "clig" off, "liga" off; font-family: "Source Sans Pro"; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; /* 142.857% */ } .prop-ui .po-item-add .detail-container .trans-detail .replacement-detail { padding: 12px; border-top: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .po-item-add .detail-container .trans-detail .replacement-detail .divider { border: 1px solid rgba(9, 11, 12, 0.08); margin-left: 14px; margin-right: 14px; /* margin-top: auto; */ /* margin-bottom: auto; */ height: 20px; } .prop-ui .po-item-add .detail-container .trans-detail .replacement-detail .title { color: #5B6870; font-size: 14px; font-weight: 400; line-height: 20px; word-wrap: break-word; } .prop-ui .po-item-add .detail-container .trans-detail .replacement-detail .subtitle { color: #000000; font-size: 14px; font-weight: 400; line-height: 20px; word-wrap: break-word; } .prop-ui .po-item-add .detail-container .trans-detail .replacement-item { background-color: rgba(117, 133, 149, 0.08); width: 100%; border: 1px solid #5B6870; padding: 8px 16px; } .prop-ui .po-item-add .detail-container .trans-detail .replacement-item .track-changes { width: 24px; height: 24px; background-image: url("/app/assets/images/track-changes.svg"); background-repeat: no-repeat; } .prop-ui .po-item-add .detail-container .trans-detail .replacement-item .replacement-text { color: #424242; font-feature-settings: "liga" off, "clig" off; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } @media (min-width: 0) { .prop-ui .po-item-add .detail-container .trans-detail .image-section { width: 100%; height: 80px; border-bottom: 1px solid rgba(9, 11, 12, 0.08); } } @media (min-width: 899px) { .prop-ui .po-item-add .detail-container .trans-detail .image-section { width: 240px; border-bottom: none; } } .prop-ui .po-item-add .detail-container .trans-detail .image-section .img-block { height: 64px; width: 64px; max-width: 64px; max-height: 64px; margin: auto; } @media (min-width: 0) { .prop-ui .po-item-add .detail-container .trans-detail .image-section .img-display-block { width: 100%; } } @media (min-width: 899px) { .prop-ui .po-item-add .detail-container .trans-detail .image-section .img-display-block { width: 176px; } } .prop-ui .po-item-add .detail-container .trans-detail .image-section .img-display-block .base_text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; width: inherit; } .prop-ui .po-item-add .detail-container .trans-detail .image-section .img-display-block .sub_text { word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: inherit; } .prop-ui .po-item-add .detail-container .trans-detail .custom-toast { display: none; width: 100%; position: relative; height: 60px; } .prop-ui .po-item-add .detail-container .trans-detail .custom-toast md-toast { padding: 0; } .prop-ui .po-item-add .detail-container .trans-detail .details-section .detail-item { min-width: 75px; } @media (min-width: 0) { .prop-ui .po-item-add .detail-container .trans-detail .details-section .detail-item { height: 56px; } } @media (min-width: 899px) { .prop-ui .po-item-add .detail-container .trans-detail .details-section .detail-item { height: auto; } } .prop-ui .po-item-add .detail-container .trans-detail .trans-header-text { border-left: 1px solid rgba(9, 11, 12, 0.08); display: flex; flex-direction: column; justify-content: center; align-items: center; flex: auto; gap: 2px; align-self: stretch; } @media (min-width: 899px) { .prop-ui .po-item-add .detail-container .trans-detail .trans-header-text .rect-inner-padding { padding-right: 0; } } @media (min-width: 0) { .prop-ui .po-item-add .detail-container .trans-detail .trans-header-text .rect-inner-padding { padding-right: 8px; } } .prop-ui .po-item-add .detail-container .trans-detail .trans-header-text .svg-container { display: inline-block; width: 100%; height: 12px; position: relative; } .prop-ui .po-item-add .detail-container .trans-detail .trans-header-text .svg-container .bg-white, .prop-ui .po-item-add .detail-container .trans-detail .trans-header-text .svg-container .bg-opacity { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .prop-ui .po-item-add .detail-container .trans-detail .trans-header-text .svg-container .bg-white { background-color: white; } .prop-ui .po-item-add .detail-container .trans-detail .trans-header-text .svg-container .bg-opacity { background-color: #090B0C; opacity: 0.2; } .prop-ui .po-item-add .detail-container .trans-detail .trans-header-text .sub_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin: 0px; color: #5B6870; text-align: center; font-feature-settings: "clig" off, "liga" off; } .prop-ui .po-item-add .detail-container .trans-detail .trans-header-text .base_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; margin: 0px; min-height: 20px; color: #424242; text-align: center; letter-spacing: -0.5px; } .prop-ui .po-item-add .detail-container .trans-detail .trans-header-text .text-align-left { text-align: left; } .prop-ui .po-item-add .detail-container .sales-history { width: 100%; } .prop-ui .po-item-add .detail-container .sales-history .prop-card-body { padding: 0; margin: 0; } .prop-ui .po-item-add .detail-container .sales-history .prop-card-body .sales-history-container .sales-detail { height: inherit; border: none; flex-wrap: wrap; } .prop-ui .po-item-add .detail-container .sales-history .prop-card-body .sales-history-container .sales-detail .trans-header-text { min-width: 84px; padding: 6px 0; } .prop-ui .po-item-add .detail-container .sales-history .prop-card-body .sales-history-container .sales-detail .sales-item { border-bottom: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .po-item-add .detail-container .stock-sell { height: fit-content; } @media (min-width: 0) { .prop-ui .po-item-add .detail-container .stock-sell { width: 100%; } } @media (min-width: 899px) { .prop-ui .po-item-add .detail-container .stock-sell { width: 224px; } } .prop-ui .po-item-add .detail-container .stock-sell .prop-card-body { padding: 0; margin: 0; } .prop-ui .po-item-add .detail-container .stock-sell .prop-card-body .left-cell { width: 112px; } .prop-ui .po-item-add .detail-container .stock-sell .prop-card-body .right-cell { min-width: 112px; } .prop-ui .po-item-add .detail-container .product-details { height: fit-content; } @media (min-width: 0) { .prop-ui .po-item-add .detail-container .product-details { width: 100%; } } @media (min-width: 899px) { .prop-ui .po-item-add .detail-container .product-details { max-width: 416px; } } .prop-ui .po-item-add .detail-container .product-details .prop-card-body { padding: 0; margin: 0; } .prop-ui .po-item-add .detail-container .product-details .prop-card-body .left-cell { width: 128px; } .prop-ui .po-item-add .detail-container .product-details .prop-card-body .right-cell { width: 264px; } .prop-ui .po-item-add .detail-container .more-details { height: fit-content; width: 100%; } @media (min-width: 0) { .prop-ui .po-item-add .detail-container .more-details { width: 100%; } } @media (min-width: 899px) { .prop-ui .po-item-add .detail-container .more-details { min-width: auto; } } .prop-ui .po-item-add .detail-container .more-details .prop-card-body { padding: 0; margin: 0; } .prop-ui .po-item-add .detail-container .more-details .prop-card-body .left-cell { width: 128px; } .prop-ui .po-item-add .detail-container .more-details .prop-card-body .right-cell { width: 100%; } .prop-ui .po-item-add .detail-container .more-details .prop-card-body .right-cell .tags { display: flex; align-items: center; align-content: center; gap: 6px 8px; align-self: stretch; flex-wrap: wrap; } .prop-ui .po-item-add .detail-container .more-details .prop-card-body .right-cell .tags .chip { display: flex; padding-left: 5px; padding-right: 5px; align-items: center; border-radius: 4px; border: 1px solid rgba(58, 65, 69, 0.3); background: rgba(9, 11, 12, 0.08); color: #424242; text-align: center; font-feature-settings: "clig" off, "liga" off; /* Small Text/Small */ font-family: "Source Sans Pro"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; /* 133.333% */ } .prop-ui .po-item-add .detail-container .more-details-span { width: 450px; } .prop-ui .po-item-add .detail-container .buying-details { width: 450px !important; } .prop-ui .po-item-add .detail-container .buying-details .total_menu_title { width: 90px !important; } .prop-ui .po-item-add #warning-toast { width: 100%; height: 58px; } .prop-ui .po-item-add .right-cell { white-space: normal !important; word-break: break-word; } .prop-ui .po-item-add .left-cell { vertical-align: baseline; } .prop-ui .po_item_add_autocomplete { min-width: auto !important; } .prop-ui .po_uom_popup .k-list-item-text { flex-direction: column !important; } .prop-ui .add_new_item_blk { color: #0086E7; cursor: pointer; display: flex; justify-content: space-between; } .prop-ui .po_enterprise_add .prop-pad-lr { padding-top: 12px; height: 100%; border-right: 1px solid rgba(9, 11, 12, 0.08); background: linear-gradient(0deg, rgba(0, 134, 231, 0.04) 0%, rgba(0, 134, 231, 0.04) 100%), #FFF; flex-shrink: 0; width: 320px; } .prop-ui .po_enterprise_add .prop-pad-lr .prop_auto_complete { background: inherit; } .prop-ui .po_enterprise_add .prop-pad-rt { padding-right: 16px; padding-top: 12px; } .prop-ui .po_enterprise_add .add-container { border-bottom: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .po_enterprise_add .custom-toast { height: 80px; min-height: 80px; display: none; } .prop-ui .po_enterprise_add .prop_replacement_blk .detail-container { background: transparent; } .prop-ui .po_enterprise_add .enterprise_single_add_blk { padding-left: 15px; padding-right: 15px; } .prop-ui .po_enterprise_add .padding_lft { padding-left: 16px; } .prop-ui .grid-item-alloc-block { margin-bottom: 100px; padding-bottom: 30px; } .prop-ui .store-history-grid { margin: 0 !important; } .prop-ui .po-custom-label { white-space: nowrap; } @media (max-width: 1199px) { .prop-ui #warning-toast.item-add-warning { top: 58px; } } .prop-ui .po-add-edit-wrapper .flex-width-40-percent { flex-basis: 40% !important; } .prop-ui .po-add-edit-wrapper .prop-po-overview-icon { background-image: url("/app/assets/images/set-column-1.svg"); height: 20px; width: 20px; } .prop-ui .po-add-edit-wrapper .prop-po-detail-icon { background-image: url("/app/assets/images/set-column-2.svg"); height: 20px; width: 20px; } .prop-ui .purchase_store .store_dropdown_new { right: 0% !important; left: auto; } .prop-ui .assign-adder-container { margin-right: 30px; } .prop-ui .assign-adder-container .assign-adder-table { width: 100%; border-collapse: separate; overflow: hidden; border: 1px solid #ddd; margin-top: 24px; } .prop-ui .assign-adder-container .assign-adder-header { background: #FAFAFA; font-size: 14px; font-style: normal; } .prop-ui .assign-adder-container .row-alt { background: #FAFAFA; } .prop-ui .assign-adder-container .assign-adder-cell { padding: 8px 12px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .prop-ui .prop-lib-popup .k-list-content .k-list-item { height: auto; min-height: 32px; } .prop-ui .po-address-section .po-address-view-container { display: flex; flex-direction: column; align-items: flex-start; flex: 100; gap: 12px; background: #FFFFFF; width: 100%; border-radius: 6px; border: 1px solid var(--Border, #D9E0E5); background: var(--component-text-white, #FFF); padding: 12px; /* Card */ box-shadow: 0px 1px 0px -1px rgba(51, 51, 51, 0.04), 0px 1px 12px 0px rgba(51, 51, 51, 0.14), 0px -1px 0px 0px #B3BABD inset; } .prop-ui .transfer-out-add-item-transfer-wrapper { display: flex; height: 100%; } .prop-ui .transfer-out-add-item-transfer-wrapper .no-data-template { padding: 16px 0px; border-radius: 4px; border: 2px dashed rgba(9, 11, 12, 0.16); background: rgba(250, 250, 250, 0.4); margin: 15px; } .prop-ui .transfer-out-add-item-transfer-wrapper .no-data-template .nothing-to-show-text { color: #424242; text-align: center; font-feature-settings: "clig" off, "liga" off; -webkit-text-stroke-width: 2; -webkit-text-stroke-color: #FFFFFF; font-family: Source Sans Pro !important; font-size: 24px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-out-add-item-transfer-wrapper .no-data-template .perform-search-sub-text { color: #5B6870; text-align: center; font-feature-settings: "clig" off, "liga" off; -webkit-text-stroke-width: 1; -webkit-text-stroke-color: #FFFFFF; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body { padding: 0; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container { display: flex; align-items: center; align-self: stretch; border-top: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details { padding: 0px 21px 0px 1px; display: flex; align-self: center; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-img-container { width: 64px; height: 64px; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-img-container img { height: inherit; width: inherit; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-name { color: #424242; font-family: Source Sans Pro !important; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk { display: flex; align-items: center; gap: 18px; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk .product-sku-blk { display: flex; align-items: center; gap: 4px; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk .product-sku-blk .sku-text { color: #5B6870; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk .product-sku-blk .sku-value { color: #424242; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk .product-qty-blk { display: flex; align-items: center; gap: 6px; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk .product-qty-blk .qty-allocation-text { color: #000000; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk .product-qty-blk .chip-blk { display: flex; align-items: center; gap: 10px; color: #FFFFFF; min-width: 65px; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk .product-qty-blk .chip-blk .qty-badge { display: flex; justify-content: center; align-items: center; flex: 1; padding: 3px 5px; border-radius: 100px; border: 1px solid var(--buttons-primary-border-primary-button-border, #0080DC); background: var(--buttons-primary-primary-button-bg, linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 99.48%, rgba(0, 0, 0, 0.04) 99.49%), #0086E7); } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-allocation-detail-blk { display: flex; align-items: flex-start; flex: 1 0 0; background: #FAFAFA; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-allocation-detail-blk .product-allocation .product-name-value { padding: 6px 0px; border-bottom: 1px solid rgba(9, 11, 12, 0.16); border-left: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-allocation-detail-blk .product-allocation .product-name-value .name { color: #5B6870; text-align: center; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-allocation-detail-blk .product-allocation .product-name-value .value { color: #424242; text-align: center; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-footer { height: 60px; background: #FFFFFF; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-footer .custom-footer { display: block; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-footer .md-toast-container { padding: 0; top: 0; position: relative; } .prop-ui .transfer-out-add-item-transfer-wrapper .destination-product-blk .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item { border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; } .prop-ui .transfer-out-add-item-transfer-wrapper .destination-product-blk .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item span.k-link { padding: 8px 20px; } .prop-ui .transfer-out-add-item-transfer-wrapper .destination-product-blk .prop-tab-strip .k-tabstrip .k-tabstrip-items-wrapper { border-bottom: 1px solid #d5d5d5; padding-left: 8px; } .prop-ui .transfer-out-add-item-transfer-wrapper .destination-product-blk .prop-tab-strip { width: 100%; } .prop-ui .transfer-out-add-item-transfer-wrapper .destination-product-blk .prop-tab-strip .prop-tab-child-content { width: 100%; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; gap: 24px; align-self: stretch; position: absolute; bottom: 0; margin-left: -24px; margin-right: -24px; width: 105%; overflow-x: auto !important; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .store-info { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .po_item_header_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; font-feature-settings: "clig" off, "liga" off; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .po_item_value_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; color: #424242; font-feature-settings: "clig" off, "liga" off; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .history_section { border-left: 0px; border-right: 1px solid rgba(9, 11, 12, 0.1607843137); padding: 0 9.5px; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .history_section .border_btn_0 { border-bottom: 0px; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .to_accordion { background: #FAFAFA; border: 1px solid rgba(9, 11, 12, 0.08); height: 34px; padding: 4px 16px; align-items: center; justify-content: space-between; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .to_accordion span { font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .to_accordion_content_box { gap: 0; border: 1px solid rgba(9, 11, 12, 0.08); border-top-width: 0px; overflow: auto !important; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .to_accordion_content_box .to_accordion_item { text-align: center; border: 1px solid rgba(9, 11, 12, 0.08); border-left-width: 0px; border-top-width: 0px; height: 72px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .to_accordion_content_box .to_accordion_sales_container { padding: 14px 0; gap: 8px; background: #FAFAFA; flex-wrap: nowrap; overflow: auto !important; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .to_accordion_content_box .to_accordion_sales_container .po_accordian_sales_item { text-align: center; width: 45.5px; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info { display: flex; flex-direction: column; align-items: center; gap: 20px; align-self: stretch; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .base_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .transfer-from-info { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .requesting-store-quantity-section { border-radius: 3px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FAFAFA; display: flex; align-items: flex-start; gap: 0px; align-self: stretch; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .requesting-store-quantity-section .requesting-store-sugg-quantity { width: 130px; gap: 16px; align-self: stretch; background: #FFFFFF; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .requesting-store-quantity-section .requesting-store-sugg-quantity .sugg-qty-text-heading { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; color: #000000; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .requesting-store-quantity-section .requesting-store-sugg-quantity .sugg-qty-chip-blk { display: flex; align-items: center; gap: 10px; color: #FFFFFF; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .requesting-store-quantity-section .requesting-store-sugg-quantity .sugg-qty-chip-blk .sugg-qty-chip-value { padding: 7px 9px; border-radius: 100px; border: 1px solid #02AC43; background: #02AC43; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .requesting-store-quantity-section .other-quantity-section { border-left: 1px solid rgba(9, 11, 12, 0.08); gap: unset; padding: 4px 0px; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .requesting-store-quantity-section .other-quantity-section .transfer-right-flyout-divider { height: 1px; background: rgba(9, 11, 12, 0.08); } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .transfer-from-store-table { width: 100%; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .transfer-from-store-table table { width: 100% !important; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-section { display: flex; flex-direction: row; align-items: flex-start; gap: 0px; align-self: stretch; border-radius: 3px; border: 1px solid rgba(9, 11, 12, 0.08); background-color: #ffffff; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-stocking-history { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-stocking-history .product-header .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-out-add-item-transfer-wrapper .cost-text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .transfer-out-add-item-transfer-wrapper .cost-text .name { color: var(--subtle-text, #5B6870); } .prop-ui .transfer-out-add-item-transfer-wrapper .cost-text .value { color: var(--black, #000); } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container { display: flex; align-items: center; align-self: stretch; border-radius: 0px 0px 4px 4px; background-color: #FFFFFF !important; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container .product-details { display: flex; padding: 0px 21px 0px 1px; align-self: center; width: 410px; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container .product-details .product-info .product-name { color: #424242; font-family: "Source Sans Pro"; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container .product-details .product-info .product-info-allocation-sku-blk { display: flex; align-items: center; gap: 18px; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container .product-details .product-info .product-info-allocation-sku-blk .product-sku-blk { display: flex; align-items: center; gap: 4px; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container .product-details .product-info .product-info-allocation-sku-blk .product-sku-blk .sku-text { color: #5B6870; font-family: "Source Sans Pro"; font-size: 16px; font-style: normal; font-weight: 400; width: max-content !important; line-height: normal; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container .product-details .product-info .product-info-allocation-sku-blk .product-sku-blk .sku-value { color: #424242; font-family: "Source Sans Pro"; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container .product-allocation-detail-blk { display: flex; align-items: flex-start; flex: 1 0 0; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container .product-allocation-detail-blk .product-allocation { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1 0 0; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container .product-allocation-detail-blk .product-allocation .product-name-value { display: flex; padding: 6px 0px; flex-direction: column; justify-content: center; align-items: center; align-self: stretch; border-bottom: 1px solid rgba(9, 11, 12, 0.16); border-left: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container .product-allocation-detail-blk .product-allocation .product-name-value .name { color: var(--subtle-text, #5B6870); text-align: center; font-feature-settings: "clig" off, "liga" off; font-family: "Source Sans Pro"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container .product-allocation-detail-blk .product-allocation .product-name-value .value { color: #424242; text-align: center; font-feature-settings: "clig" off, "liga" off; font-family: "Source Sans Pro"; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; /* 142.857% */ } .prop-ui .po_serial_grid_serial_cnt { display: flex; align-items: center; gap: 12px; color: #424242; margin-right: 12px; } .prop-ui .po_serial_grid_serial_cnt .serial-label { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .po_serial_grid_serial_cnt .serial-chip { display: flex; align-items: center; padding: 7px 5px; border-radius: 4px; border: 1px solid rgba(58, 65, 69, 0.3); background: #FFFFFF; font-family: Source Sans Pro !important; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; } .prop-ui .po_serial_grid_serial_cnt .serial-chip .serial-num { font-weight: 700; margin-left: 2px; } .prop-ui .po_serial_grid_serial_cnt .serial-selected-error { border-color: #FF4F42; } .prop-ui .prop-serialNumber-drawer .k-reorderable { width: 100% !important; } .prop-ui .prop-serialNumber-drawer .k-pager-md .k-pager-info { display: block !important; } .prop-ui .buying_table { box-shadow: none !important; border-color: rgba(9, 11, 12, 0.1607843137) !important; } .prop-ui .buying_header { justify-content: flex-start !important; gap: 4px; } .prop-ui .buying_details_row:nth-child(odd) { background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #FFF; } .prop-ui .top_row { background: #FAFAFA; } .prop-ui .expanded-table .total_menu_title { width: 185px !important; } .prop-ui .overViewWrap { display: flex; width: 100%; } .prop-ui .detail-section-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/vector.svg") !important; background-repeat: no-repeat; background-position: center; } .prop-ui .po-detail-view-container .right_flyout_collapsed { transform: translateX(100%); display: none !important; } .prop-ui .po-detail-view-container .right_flyout_expanded { transform: translateX(0%); } .prop-ui .po-detail-view-container .right_flyout_maximized { z-index: 1000; top: 54px; position: fixed; height: calc(100% - 104px) !important; right: 0px; } .prop-ui .po-detail-view-container .sugg_return_blk { width: 180px; } .prop-ui .po-detail-view-container .sugg_return_blk .k-dropdownlist { background-color: rgba(9, 11, 12, 0.24); } .prop-ui .po-detail-view-container .sugg_label_blk { margin: auto; padding-right: 5px; } .prop-ui .po-detail-view-container .po-grid-panel { display: flex; flex-direction: column; align-items: flex-start; flex: 100; border-radius: 6px; background: #FFFFFF; width: 100%; } .prop-ui .po-detail-view-container .po-grid-panel .po_grid_collapsed { width: calc(100% - 326px) !important; } .prop-ui .po-detail-view-container .po-grid-panel .po_grid_collapsed .prop_grid_blk { width: inherit !important; } .prop-ui .po-detail-view-container .po-grid-panel.po_grid_collapse { width: calc(100% - 332px); } .prop-ui .in_consolidated_disabled_blk .k-toolbar.k-grid-toolbar, .prop-ui .in_consolidated_disabled_blk .k-grid-header { box-shadow: none !important; pointer-events: none; opacity: 0.6; } .prop-ui .po-stores-drawer .prop-drawer-title { text-transform: inherit !important; } .prop-ui .po-stores-drawer .prop-drawer-subtitle { text-transform: inherit !important; } .prop-ui .po-stores-drawer .prop_prod_add_store { width: 100%; } .prop-ui .po-stores-drawer .prop_prod_add_store .stores-container { width: inherit; border: 1px solid rgba(9, 11, 12, 0.12); border-bottom: none; } .prop-ui .po-stores-drawer .prop_prod_add_store .stores-container .stores-search { width: inherit; padding: 8px 12px; border-bottom: 1px solid rgba(9, 11, 12, 0.12); } .prop-ui .po-stores-drawer .prop_prod_add_store .stores-container .stores-search .prop_textbox input { padding-right: 32px; } .prop-ui .po-stores-drawer .prop_prod_add_store .stores-container .stores-search .select-button { height: 28px; padding: 5px 9px; } .prop-ui .po-stores-drawer .prop_prod_add_store .stores-container .stores-search .store_dropdown { width: 174px; } .prop-ui .po-stores-drawer .prop_prod_add_store .stores-container .stores-checkbox { width: inherit; padding: 7px 12px; border-bottom: 1px solid rgba(9, 11, 12, 0.12); } .prop-ui .po-stores-drawer .prop_prod_add_store .stores-container .stores-checkbox .prop_checkbox { padding: 0; } .prop-ui .customize_recieve .checkBoxHeight { height: 25px; } .prop-ui .customize_recieve .checkBoxHeight .prop-lib { height: 25px; } .prop-ui .customize_recieve .checkBoxHeight .prop-lib .prop_checkbox { height: 25px; } .prop-ui .customize_recieve .checkBoxHeight .prop-lib .prop_checkbox .k-checkbox-label { font-size: 16px; } .prop-ui .radio_customs { margin-left: 20px; margin-top: 8px; } .prop-ui .radio_customs div { margin-bottom: 8px; } .prop-ui .radio_customs div .k-radio-label { font-size: 16px; line-height: 15px; } .prop-ui .customize_radio_section { margin-top: 10px; } .prop-ui .customize_radio_section .k-radio-label { line-height: 15px; margin-left: 0px; font-size: 16px; } .prop-ui .radio_group { display: block; width: 100%; margin-bottom: 10px; } .prop-ui .text_size { font-size: 16px; margin-bottom: 15px; } .prop-ui .po-form-container { background: #F3F3F3; } .prop-ui .po-form-container .k-tabstrip-items-wrapper { background: #F3F3F3; } .prop-ui .po-form-container .toolbar_right_btn_wrapper { gap: 0px !important; } .prop-ui .po-form-container #po_minimum { width: 190px; display: flex; flex-direction: row; justify-content: center; align-items: center; height: 32px; padding: 7px 8px; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.24); background: #FFFFFF; } .prop-ui .po-form-container #po_minimum .total-label { color: #424242; text-align: center; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .po-form-container #po_minimum .total-label .selected-val-text { font-weight: 600; } .prop-ui .po-form-container #po_minimum .mdi { font-size: 18px; } .prop-ui .po-form-container #po_minimum .po-minimum-container { cursor: pointer; display: flex; justify-content: center; gap: 4px; } .prop-ui .po-form-container #po_minimum .po-minimum-container .mdi-alert-box-outline { color: #EB6500; } .prop-ui .po-form-container #po_total_link { width: max-content; display: flex; flex-direction: row; justify-content: center; align-items: center; height: 32px; padding: 7px 8px; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.24); background: #FFFFFF; } .prop-ui .po-form-container #po_total_link .total-label { color: #424242; text-align: center; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .po-form-container #po_total_link .total-label .selected-val-text { font-weight: 600; } .prop-ui .po-form-container #po_total_link .mdi { font-size: 18px; } .prop-ui .po-form-container #po_total_link .po-total-container { display: flex; justify-content: center; gap: 4px; cursor: pointer; } .prop-ui .po-form-container .po-tab-container { padding: 0px 8px; } .prop-ui .po_summary_container { box-shadow: none; width: 600px; border-color: transparent; border: none; box-sizing: border-box; } .prop-ui .prop-po-container-fluid prop-card { display: flex; align-items: stretch; flex: 1; } .prop-ui .prop-po-container-fluid prop-card.custom-card { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; } .prop-ui .prop-po-container-fluid prop-card.custom-card .prop-card-body { padding: 0 !important; } .prop-ui .prop-po-container-fluid .po_total_menu_container { height: -webkit-fill-available; } .prop-ui .prop-po-container-fluid .po_total_menu_container .po_total_menu_header { height: 45px; background: #FAFAFA; padding: 12px; box-sizing: inherit; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; justify-content: space-between; align-items: center; color: #424242; box-shadow: none; border-bottom: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .prop-po-container-fluid .po_total_menu_container .po_total_menu_header .mdi { font-size: 20px; cursor: pointer; } .prop-ui .prop-po-container-fluid .po_total_menu_container .po_total_menu_body { flex: 1; display: flex; flex-direction: column; } .prop-ui .prop-po-container-fluid .po_total_menu_container .po_total_menu_body .po_total_menu_row { display: flex; flex-direction: column; justify-content: space-between; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; box-sizing: border-box; } .prop-ui .prop-po-container-fluid .po_total_menu_container .po_total_menu_body .po_total_menu_row .po_total_menu_title { padding: 8px 12px; width: inherit; height: 36px; border-right: 1px solid rgba(9, 11, 12, 0.08); box-sizing: inherit; } .prop-ui .prop-po-container-fluid .po_total_menu_container .po_total_menu_body .po_total_menu_row .po_total_menu_title.even { background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #FFF; } .prop-ui .prop-po-container-fluid .po_total_menu_container .po_total_menu_body .po_total_menu_row .po_total_menu_title.left_border { border-left: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .prop-po-container-fluid .po_total_menu_container .po_total_menu_body .po_total_menu_row .po_total_menu_title.po_summary_column_3 { text-align: right; } @media (max-width: 599px) { .prop-ui .prop-po-container-fluid .po_total_menu_container .po_total_menu_body .po_total_menu_row .po_total_menu_title.po_summary_column_3 { text-align: left; } } .prop-ui .prop-po-container-fluid .po_total_menu_container .po_total_menu_body .po_total_menu_row .po_total_menu_title.po_summary_column_4 { width: 140px; text-align: right; } .prop-ui .prop-po-container-fluid .po_total_menu_container .po_total_menu_body .po_total_menu_row .po_total_menu_input { padding: 2px 2px 2px 3px; box-sizing: inherit; flex: 1; width: 100%; } .prop-ui .prop-po-container-fluid .po_total_menu_container .po_total_menu_body .po_total_menu_row .po_total_menu_input span.k-input { border-radius: unset !important; } .prop-ui .prop-po-container-fluid .po_total_menu_container .po_total_menu_body .po_total_menu_row .po_total_menu_input span.k-input .k-input-inner { text-align: right; } .prop-ui .prop-po-container-fluid .po_total_menu_container .po_total_menu_footer { height: 36px; width: 100%; background: rgba(0, 134, 231, 0.1215686275); text-align: right !important; padding: 8px 12px; box-sizing: inherit; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600 !important; line-height: 20px; display: flex; justify-content: space-between; align-items: right; } .prop-ui .prop-po-container-fluid .po_total_menu_container .po_total_menu_footer.po_summary_column_2 { width: 219px; } .prop-ui .prop-po-container-fluid .po-wrapper .overview-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/set-column-1.svg"); } .prop-ui .prop-po-container-fluid .po-wrapper .po-program-container { border-radius: 6px; box-shadow: 0px 1px 12px 0px rgba(51, 51, 51, 0.14), 0px 1px 0px -1px rgba(51, 51, 51, 0.04); } .prop-ui .prop-po-container-fluid .po-wrapper .po-program-container .program-card { border-radius: 6px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; box-shadow: 0px 1px 12px 0px rgba(51, 51, 51, 0.14), 0px 1px 0px -1px rgba(51, 51, 51, 0.04); } .prop-ui .prop-po-container-fluid .po-wrapper .po-program-container .program-card .program-card-header { height: 56px; border-bottom: 1px solid rgba(9, 11, 12, 0.16); padding: 0px 0px 0px 16px; } .prop-ui .prop-po-container-fluid .po-wrapper .po-program-container .program-card .program-card-header .default-bo-text { color: #424242; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .prop-po-container-fluid .po-wrapper .po-program-container .program-card .program-card-header .program-card-action { padding-left: 16px; } .prop-ui .prop-po-container-fluid .po-wrapper .po-program-container .program-card .program-card-body { padding: 16px; } .prop-ui .sent-to-supplier { display: flex; padding: 2px 16px 2px 8px; justify-content: flex-end; align-items: center; gap: 8px; border-radius: 100px 0px 0px 100px; border-right: 1px solid var(--component-border, rgba(9, 11, 12, 0.08)); background: var(--informational-success-8, linear-gradient(0deg, rgba(2, 172, 67, 0.08) 0%, rgba(2, 172, 67, 0.08) 100%), #FFF); } .prop-ui .minimum_orders_value_section { display: flex; padding: 8px 12px 8px 4px; align-items: center; gap: 4px; flex: 1 0 0; align-self: stretch; } .prop-ui .minimum_orders_value_section .minimum_order_alert { width: 18px; height: 18px; box-shadow: none; } .prop-ui .minimum_orders_value_section .minimum_order_check { width: 18px; height: 18px; box-shadow: none; } .prop-ui .minimum_orders_value_section .minimum_order_value_text { overflow: hidden; color: #424242; font-feature-settings: "clig" off, "liga" off; text-overflow: ellipsis; white-space: nowrap; /* Base Text/Base Text */ font-family: "Source Sans Pro"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ text-align: right; align-self: baseline; width: 84px; flex: 1; height: 36px; } .prop-ui .po_summary_section { width: -webkit-fill-available; } .prop-ui .po-overview-icon { background-image: url("/app/assets/images/set-column-1.svg"); height: 20px; width: 20px; } .prop-ui .po_align { position: relative; top: 4px; } .prop-ui .po_minimums_menu_container { height: -webkit-fill-available; } .prop-ui .po_minimums_menu_container .po_minimums_menu_header { height: 45px; background: #FAFAFA; padding: 12px; box-sizing: inherit; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; justify-content: space-between; align-items: center; color: #424242; box-shadow: none; border-bottom: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .po_minimums_menu_container .po_minimums_menu_header .mdi { font-size: 20px; cursor: pointer; } .prop-ui .po_minimums_menu_container .po_minimums_menu_body { flex: 1; display: flex; flex-direction: column; } .prop-ui .po_minimums_menu_container .po_minimums_menu_body .po_minimums_menu_row { display: flex; flex-direction: column; justify-content: space-between; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; box-sizing: border-box; } .prop-ui .po_minimums_menu_container .po_minimums_menu_body .po_minimums_menu_row .po_minimums_menu_title { padding: 8px 12px; width: inherit; height: 36px; border-right: 1px solid rgba(9, 11, 12, 0.08); box-sizing: inherit; } .prop-ui .po_minimums_menu_container .po_minimums_menu_body .po_minimums_menu_row .po_minimums_menu_title.even { background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #FFF; } .prop-ui .po_minimums_menu_container .po_minimums_menu_body .po_minimums_menu_row .po_minimums_menu_title.left_border { border-left: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .po_minimums_menu_container .po_minimums_menu_body .po_minimums_menu_row .po_minimums_menu_title.po_summary_column_3 { text-align: right; } .prop-ui .po_minimums_menu_container .po_minimums_menu_body .po_minimums_menu_row .po_minimums_menu_title.po_summary_column_4 { width: 140px; text-align: right; } .prop-ui .minimum_order_alert { width: 18px; height: 18px; box-shadow: none; } .prop-ui .minimum_order_check { width: 18px; height: 18px; box-shadow: none; } @media (max-width: 899px) { .prop-ui #po_minimum { display: none !important; } } .prop-ui .prop_multi_add { height: 99%; } .prop-ui .prop_multi_add span.k-textbox.k-space-left { background: var(--ep-color-textbox-background); height: 38px; display: block; padding-left: 1.55em; position: relative; } .prop-ui .prop_multi_add .k-textbox > input { height: inherit; font-family: Hind, Montserrat, sans-serif; font-size: 16px; color: var(--ep-color-text-normal); border-color: transparent; background: #f3f4f4; width: 100%; } .prop-ui .prop_multi_add .prop-multi-add-animate-btn { display: flex !important; } .prop-ui .prop_multi_add .po_multi_item_grid { height: calc(100% - 250px) !important; } .prop-ui .prop_multi_add .po_multi_item_grid > div { height: 100%; } .prop-ui .prop-info-circle-open { display: flex; flex-direction: column; } .prop-ui .overViewWrap { display: flex; width: 100%; } @media (max-width: 600px) { .prop-ui .overViewWrap { display: block !important; } } .prop-ui .detail-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/vector.svg"); background-repeat: no-repeat; background-position: center; } @media (min-width: 0) { .prop-ui .prop-quickview { height: inherit; } } @media (min-width: 899px) { .prop-ui .prop-quickview { height: inherit; } } .prop-ui .prop-quickview .item-table .prop-card-body { padding: 0 !important; } .prop-ui .prop-quickview .item-data { height: fit-content; } @media (min-width: 0) { .prop-ui .prop-quickview .item-data { width: 100%; } } @media (min-width: 899px) { .prop-ui .prop-quickview .item-data { width: 384px; } } .prop-ui .prop-quickview .item-data .prop-card-body { padding: 0; margin: 0; } .prop-ui .prop-quickview .item-data .prop-card-body .left-cell { width: 192px; } .prop-ui .prop-quickview .item-data .prop-card-body .right-cell { min-width: 192px; } .prop-ui .prop-quickview .stripped-table-head { width: 100%; color: #424242; } .prop-ui .prop-quickview .stripped-table-head tr { height: 36px; } .prop-ui .prop-quickview .stripped-table-head tr, .prop-ui .prop-quickview .stripped-table-head td { box-sizing: border-box; } .prop-ui .prop-quickview .stripped-table-head td { height: 20px; padding: 8px 12px; align-items: center; gap: 4px; align-self: stretch; border-left: 1px solid rgba(9, 11, 12, 0.16); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .prop-ui .prop-quickview .stripped-table-head td.external-link { display: flex; justify-content: space-between; gap: 10px; height: inherit; } .prop-ui .prop-quickview .stripped-table-head tr:nth-child(odd) { background-color: #f2f2f2; } .prop-ui .prop-quickview .stripped-table-head tr:first-child { border-left: none; background: #FAFAFA; color: #424242; border-bottom: 1px solid rgba(9, 11, 12, 0.08); text-align: center; font-feature-settings: "clig" off, "liga" off; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .prop-quickview .stripped-table-head tr td:first-child { border-left: none; } .prop-ui .prop-quickview .text-align-right { text-align: right; } @media (min-width: 899px) { .prop-ui .prop-quickview .product-details { max-width: 512px !important; } } .prop-ui .po-ranking-dialog th:nth-child(1) { border: none !important; } .prop-ui .po-ranking-dialog tr:last-child { font-weight: 600; font-size: 14px; } .prop-ui .po-ranking-dialog .ranking-position { padding-left: 20px; } .prop-ui .po-ranking-dialog .rank { min-width: 20px; } .prop-ui .po-ranking-dialog .ranking { display: inline-flex; } .prop-ui .ranking-hidden-grid { visibility: hidden; } .prop-ui .po-receiver-invoice-wrapper .prop-header-icon { height: 20px; width: 20px; } .prop-ui .po-review .custom_radio .k-radio + .k-radio-label:before { margin-top: 7px !important; } .prop-ui .po-review .custom_radio { line-height: 0 !important; } .prop-ui .po-review .custom_radio label { padding-left: 30px !important; } .prop-ui .po-review .card_custom .prop-card-body { padding: 8px !important; } .prop-ui .po-review .checkbox_selected .k-card-header { background: #0086E7 !important; } .prop-ui .po-review .checkbox_selected .k-card-header .k-card-title { color: #FFFFFF !important; } .prop-ui .po-review .custom-divider { margin-top: 20px; /* Add space above the divider */ height: 2px; /* Set the height of the divider */ background-color: rgba(0, 0, 0, 0.0705882353); /* Set the color of the divider */ width: 100%; /* Make the divider span the full width */ } .prop-ui .po-right-flyout-container { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; width: 320px; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; transform: translateX(0%); transition: transform 0.5s ease-in-out; } @media (min-width: 1199px) { .prop-ui .po-right-flyout-container { flex-basis: unset !important; } } .prop-ui .po-right-flyout-container .right_flout_component { display: flex; flex-direction: column; height: inherit; } .prop-ui .po-right-flyout-container.right_flyout_collapsed { transform: translateX(100%); display: none; } .prop-ui .po-right-flyout-container.right_flyout_expanded { transform: translateX(0%); } .prop-ui .po-right-flyout-container.right_flyout_maximized { z-index: 1000; top: 54px; position: fixed; height: calc(100% - 104px) !important; right: 0px; } .prop-ui .po-right-flyout-container .right-panel-header { display: flex; align-items: center; align-self: stretch; padding: 13px 12px; border-bottom: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .po-right-flyout-container .right-panel-header .right-panel-header-text { flex: 1 0 0; color: #000000; text-overflow: ellipsis; overflow: hidden; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .po-right-flyout-container .right-panel-header .right-arrow-button { display: flex; justify-content: center; align-items: center; height: 30px; width: 30px; } .prop-ui .po-right-flyout-container .right-panel-header .right-arrow-button .prop-lib, .prop-ui .po-right-flyout-container .right-panel-header .right-arrow-button .prop-btn, .prop-ui .po-right-flyout-container .right-panel-header .right-arrow-button .k-button { height: inherit; width: inherit; } .prop-ui .po-right-flyout-container .right-panel-header .right-arrow-button .prop-lib button, .prop-ui .po-right-flyout-container .right-panel-header .right-arrow-button .prop-btn button, .prop-ui .po-right-flyout-container .right-panel-header .right-arrow-button .k-button button { background: transparent; border: none; font-size: 28px; } .prop-ui .po-right-flyout-container .po-right-panel-body { display: flex; flex-direction: column; flex: 1 0 0; gap: 20px; align-self: stretch; padding: 0px 12px 16px 12px; overflow-y: auto; overflow-x: hidden; height: calc(100% - 57px); } .prop-ui .po-right-flyout-container .po-right-panel-body .po-product-details { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1 0 0; gap: 12px; align-self: stretch; } .prop-ui .po-right-flyout-container .po-right-panel-body .po-product-details .product-title { display: flex; align-items: flex-start; align-self: stretch; color: #000000; font-family: Source Sans Pro !important; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; font-feature-settings: "clig" off, "liga" off; } .prop-ui .po-right-flyout-container .po-right-panel-body .po-product-details .product-cost-details { display: flex; flex-direction: column; align-items: center; gap: 8px; align-self: stretch; align-content: center; flex-wrap: wrap; } .prop-ui .po-right-flyout-container .po-right-panel-body .po-product-details .product-cost-details .product-cost { display: flex; flex-direction: row; align-items: flex-start; flex: 1; gap: 6px; } .prop-ui .po-right-flyout-container .po-right-panel-body .po-product-details .product-cost-details .product-cost .static-label { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #424242; } .prop-ui .po-right-flyout-container .po-right-panel-body .po-product-details .product-cost-details .product-cost .static-label .static-value { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; color: #000000; } .prop-ui .po-right-flyout-container .po-right-panel-body .po-stocking-history-more-block .po-stocking-history-container { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch; } .prop-ui .po-right-flyout-container .po-right-panel-body .po-stocking-history-more-block .po-stocking-history-container .po-heading { color: var(--base-text, #424242); font-feature-settings: "clig" off, "liga" off; font-family: "Source Sans Pro"; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; /* 150% */ } .prop-ui .po-right-flyout-container .po-right-panel-body .po-stocking-history-more-block .po-stocking-history-container .po-table { border-top: 1px solid rgba(9, 11, 12, 0.16); border-right: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .po-right-flyout-container .po-right-panel-body .po-stocking-history-more-block .po-stocking-history-container .po-table .po-table-row .product-name-value { border-bottom: 1px solid rgba(9, 11, 12, 0.16); border-left: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .po-right-flyout-container .po-right-panel-body .po-stocking-history-more-block .po-stocking-history-container .po-table .po-table-row .product-name-value .name { color: var(--subtle-text, #5B6870); text-align: center; font-feature-settings: "clig" off, "liga" off; /* Base Text/Regular */ font-family: "Source Sans Pro"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ } .prop-ui .po-right-flyout-container .po-right-panel-body .po-stocking-history-more-block .po-stocking-history-container .po-table .po-table-row .product-name-value .value { color: var(--base-text, #424242); text-align: center; font-family: "Source Sans Pro"; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -0.5px; } .prop-ui .po-right-flyout-container .po-right-panel-body .po-stocking-history-more-block .po-more-container { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch; } .prop-ui .po-right-flyout-container .po-right-panel-body .po-stocking-history-more-block .po-more-container .po-heading { color: var(--base-text, #424242); font-feature-settings: "clig" off, "liga" off; font-family: "Source Sans Pro"; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; /* 150% */ } .prop-ui .po-right-flyout-container .po-right-panel-body .po-stocking-history-more-block .po-more-container .tag-block { display: flex; padding: 8px; align-items: center; gap: 8px; align-self: stretch; border-radius: 3px; border: 1px solid rgba(9, 11, 12, 0.16); background: #FFFFFF; max-height: 74px; overflow-y: auto; } .prop-ui .po-right-flyout-container .po-right-panel-body .po-stocking-history-more-block .po-more-container .tag-block .heading { color: var(--base-text, #424242); font-feature-settings: "clig" off, "liga" off; /* Base Text/Regular */ font-family: "Source Sans Pro"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; /* 142.857% */ } .prop-ui .po-right-flyout-container .po-right-panel-body .po-stocking-history-more-block .po-more-container .tag-block .tags { display: flex; align-items: center; align-content: center; gap: 6px 8px; align-self: stretch; flex-wrap: wrap; } .prop-ui .po-right-flyout-container .po-right-panel-body .po-stocking-history-more-block .po-more-container .tag-block .tags .chip { display: flex; padding: 5px; align-items: center; border-radius: 4px; border: 1px solid var(--buttons-button-text-30, #FFF); background: var(--buttons-button-text-8, linear-gradient(0deg, rgba(9, 11, 12, 0.08) 0%, rgba(9, 11, 12, 0.08) 100%), #FFF); color: var(--base-text, #424242); text-align: center; font-feature-settings: "clig" off, "liga" off; /* Small Text/Small */ font-family: "Source Sans Pro"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; /* 133.333% */ } .prop-ui .po-right-flyout-container .po-right-panel-body .po-stocking-history-more-block .po-more-container .tag-block .dib-content { justify-content: space-between; margin-top: -8px; } .prop-ui .po-right-flyout-container .po-right-panel-body .po-stocking-history-more-block .po-more-container .tag-block-catalog { max-height: unset; overflow-y: unset; } .prop-ui .po-right-flyout-container .po-right-panel-body .po-stocking-history-more-block .po-more-container .tag-block-catalog .rsc-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100% - 30px); } .prop-ui .po-right-flyout-container .external-link { width: 20px; height: 20px; background-image: url("/app/assets/images/hyperlink-open.svg"); background-repeat: no-repeat; cursor: pointer; } .prop-ui .po-right-flyout-container .buying_table-table { width: 100%; border-collapse: collapse; border: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .po-right-flyout-container .buying_table-th { border: 1px solid rgba(9, 11, 12, 0.16); padding: 4px; max-width: 100px; white-space: normal; word-break: break-word; text-align: center; } .prop-ui .po-right-flyout-container .buying_table-td { border: 1px solid rgba(9, 11, 12, 0.16); padding: 4px; text-align: center; } .prop-ui .po_print_preview_layer { height: 98%; } .prop-ui .po_send_request_wrapper .po-send-header .prop-header-item { min-width: 120px; } .prop-ui .po_send_request_wrapper .hyperlink-test { color: var(--primary, var(--color-primary-100, #0086E7)); flex: 1 0 0; align-self: stretch; font-feature-settings: "clig" off, "liga" off; /* Hint Text */ font-family: "Source Sans Pro"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 17px; /* 141.667% */ } .prop-ui .po_send_request_wrapper .prop-printer-outline-icon { background-image: url("/app/assets/images/printer-outline.svg"); height: 20px; width: 20px; } .prop-ui .po_send_request_wrapper .transmit-icon { height: 20px; width: 20px; background-image: url("/app/assets/images/transfer.svg"); } .prop-ui .po_send_request_wrapper .po-review .custom_radio .k-radio + .k-radio-label:before { margin-top: 3px !important; } .prop-ui .po_send_request_wrapper .po-review .custom_radio { line-height: 0 !important; } .prop-ui .po_send_request_wrapper .po-review .custom_radio label { padding-left: 30px !important; } .prop-ui .po_send_request_wrapper .po-review .card_custom .prop-card-body { padding: 8px !important; } .prop-ui .po_send_request_wrapper .po-review .checkbox_selected .k-card-header { background: #0086E7 !important; } .prop-ui .po_send_request_wrapper .po-review .checkbox_selected .k-card-header .k-card-title { color: #FFFFFF !important; } .prop-ui .po_send_request_wrapper .po-review .prop-card-header { background: #ffffff !important; } .prop-ui .po_send_request_wrapper .po_print_wrapper { display: flex; flex-direction: column; flex: 1; width: 100% !important; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.16); background: #FFFFFF; overflow: initial; } .prop-ui .po_send_request_wrapper .po_print_wrapper .prop-card { border: none !important; } .prop-ui .po_send_request_wrapper .po_transmit_wrapper { border: 1px solid rgba(9, 11, 12, 0.16); border-radius: 4px; } .prop-ui .po_send_request_wrapper .po_transmit_wrapper .prop-card { border: none !important; } .prop-ui .po_send_request_wrapper .checkbox_selected .k-card-header { background: #0086E7 !important; } .prop-ui .po_send_request_wrapper .checkbox_selected .k-card-header .k-card-title { color: #FFFFFF !important; } .prop-ui .po_serial_grid_serial_cnt { display: flex; align-items: center; gap: 12px; color: #424242; margin-right: 12px; } .prop-ui .po_serial_grid_serial_cnt .serial-label { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .po_serial_grid_serial_cnt .serial-chip { display: flex; align-items: center; padding: 7px 5px; border-radius: 20px; border: 1px solid rgba(58, 65, 69, 0.3); background: #FFFFFF; font-family: Source Sans Pro !important; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; } .prop-ui .po_serial_grid_serial_cnt .serial-chip .serial-num { font-weight: 700; margin-left: 2px; } .prop-ui .po_serial_grid_serial_cnt .serial-selected-error { border-color: #FF4F42; } .prop-ui .po-suggested-order-settings-wrapper .prop-header-icon { height: 20px; width: 20px; } .prop-ui .po-total-container-fluid prop-card { display: flex; align-items: stretch; flex: 1; } .prop-ui .po-total-container-fluid prop-card.custom-card { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; } .prop-ui .po-total-container-fluid prop-card.custom-card .prop-card-body { padding: 0 !important; } .prop-ui .po-total-container-fluid .po_summary_dialog_container { height: -webkit-fill-available; } .prop-ui .po-total-container-fluid .po_summary_dialog_container .po_summary_menu_header { height: 42px; background: #FAFAFA; padding: 12px; box-sizing: inherit; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; justify-content: space-between; align-items: center; color: #424242; box-shadow: none; border-bottom: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .po-total-container-fluid .po_summary_dialog_container .po_summary_menu_header .mdi { font-size: 20px; cursor: pointer; } .prop-ui .po-total-container-fluid .po_summary_dialog_container .po_summary_menu_body { flex: 1; display: flex; flex-direction: column; } .prop-ui .po-total-container-fluid .po_summary_dialog_container .po_summary_menu_body .po_summary_menu_row { display: flex; flex-direction: column; justify-content: space-between; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; box-sizing: border-box; } .prop-ui .po-total-container-fluid .po_summary_dialog_container .po_summary_menu_body .po_summary_menu_row .po_summary_menu_title { padding: 8px 12px; width: inherit; height: 36px; border-right: 1px solid rgba(9, 11, 12, 0.08); box-sizing: inherit; } .prop-ui .po-total-container-fluid .po_summary_dialog_container .po_summary_menu_body .po_summary_menu_row .po_summary_menu_title.even { background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #FFF; } .prop-ui .po-total-container-fluid .po_summary_dialog_container .po_summary_menu_body .po_summary_menu_row .po_summary_menu_title.left_border { border-left: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .po-total-container-fluid .po_summary_dialog_container .po_summary_menu_body .po_summary_menu_row .po_summary_menu_title.po_summary_column_3 { text-align: right; } .prop-ui .po-total-container-fluid .po_summary_dialog_container .po_summary_menu_body .po_summary_menu_row .po_summary_menu_title.po_summary_column_4 { width: 140px; text-align: right; } .prop-ui .po-total-container-fluid .po_summary_dialog_container .po_summary_menu_body .po_summary_menu_row .po_summary_menu_input { padding: 2px 2px 2px 3px; box-sizing: inherit; flex: 1; width: 100%; } .prop-ui .po-total-container-fluid .po_summary_dialog_container .po_summary_menu_body .po_summary_menu_row .po_summary_menu_input span.k-input { border-radius: unset !important; } .prop-ui .po-total-container-fluid .po_summary_dialog_container .po_summary_menu_body .po_summary_menu_row .po_summary_menu_input span.k-input .k-input-inner { text-align: right; } .prop-ui .po-total-container-fluid .po_summary_dialog_container .po_summary_menu_footer { height: 36px; width: 100%; background: rgba(0, 134, 231, 0.1215686275); text-align: right !important; padding: 8px 12px; box-sizing: inherit; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600 !important; line-height: 20px; display: flex; justify-content: space-between; align-items: right; } .prop-ui .po-total-container-fluid .po_summary_dialog_container .po_summary_menu_footer.po_summary_column_2 { width: 219px; } .prop-ui .po-total-container-fluid .po-summary-wrapper .overview-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/set-column-1.svg"); } .prop-ui .po-total-container-fluid .po-summary-wrapper .po-program-container { border-radius: 6px; box-shadow: 0px 1px 12px 0px rgba(51, 51, 51, 0.14), 0px 1px 0px -1px rgba(51, 51, 51, 0.04); } .prop-ui .po-total-container-fluid .po-summary-wrapper .po-program-container .program-card { border-radius: 6px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; box-shadow: 0px 1px 12px 0px rgba(51, 51, 51, 0.14), 0px 1px 0px -1px rgba(51, 51, 51, 0.04); } .prop-ui .po-total-container-fluid .po-summary-wrapper .po-program-container .program-card .program-card-header { height: 56px; border-bottom: 1px solid rgba(9, 11, 12, 0.16); padding: 0px 0px 0px 16px; } .prop-ui .po-total-container-fluid .po-summary-wrapper .po-program-container .program-card .program-card-header .default-bo-text { color: #424242; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .po-total-container-fluid .po-summary-wrapper .po-program-container .program-card .program-card-header .program-card-action { padding-left: 16px; } @media (max-width: 899px) { .prop-ui #po_total_link { display: none !important; } } .prop-ui .custom-po-popover { padding: 8px 12px; width: 217px !important; max-height: 164px; overflow-y: auto; } .prop-ui .po-combine-wrapper .prop-info-box { background: #f4f5f7; border: 1px solid #758595; border-radius: 3px; padding: 10px; } .prop-ui .po-combine-wrapper .prop-info-box ul { padding: 0px 0px 0px 25px; margin: 0; } .prop-ui .po-combine-wrapper .prop-info-box .prop-information-icon-container { margin: auto 0; } .prop-ui .po-combine-wrapper .prop-info-box .prop-information-icon-container span.mdi { font-size: 20px; } .prop-ui .po-combine-wrapper .readonly-chip-container { border-bottom: 1px dashed #d5d5d5; font-size: 16px; font-style: normal; font-weight: 400; } .prop-ui .po-combine-wrapper .readonly-chip-container .chip-item { background: #ebebec; border-radius: 4px; padding: 0px 6px; margin-bottom: 1px; width: fit-content; } .prop-ui .po-combine-wrapper .combine-po-label { font-size: 12px; } .prop-ui .po-combine-wrapper .prop-combine-overview-icon { background-image: url("/app/assets/images/set-column-1.svg"); height: 20px; width: 20px; } .prop-ui .po-calculate-retail-wrapper .prop-info-box { background: #f4f5f7; border: 1px solid #758595; border-radius: 3px; padding: 10px; } .prop-ui .po-calculate-retail-wrapper .prop-info-box ul { padding: 0px 0px 0px 25px; margin: 0; } .prop-ui .po-calculate-retail-wrapper .prop-info-box .prop-information-icon-container { margin: auto 0; } .prop-ui .po-calculate-retail-wrapper .prop-info-box .prop-information-icon-container span.mdi { font-size: 20px; } .prop-ui .po-calculate-retail-wrapper .finalization_option_text { color: var(--subtle-text, #5B6870); font-feature-settings: "liga" off, "clig" off; /* Hint Text */ font-family: "Source Sans Pro"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 17px; /* 141.667% */ } .prop-ui .info-sourced-box-wrapper { border-radius: 4px; border: 1px solid var(--informational-info, #00A0D0); background: linear-gradient(0deg, rgba(0, 160, 208, 0.08) 0%, rgba(0, 160, 208, 0.08) 100%), #FFF; } .prop-ui .info-sourced-box-wrapper .info-sourced-box-base { display: flex; align-items: center; padding: 8px 16px; width: 100%; } .prop-ui .info-sourced-box-wrapper .info-sourced-box-base .info-sourced-box-content { display: flex; align-items: center; flex: 1; gap: 12px; } .prop-ui .info-sourced-box-wrapper .info-sourced-box-base .info-sourced-box-content .info-sourced-box-icon { width: 24px; height: 24px; display: flex; flex: none; background-repeat: no-repeat; } .prop-ui .info-sourced-box-wrapper .info-sourced-box-base .info-sourced-box-content .info-sourced-box-icon.info-sourced-icon { background-image: url("/app/assets/images/info-outline.svg"); } .prop-ui .info-sourced-box-wrapper .info-sourced-box-base .info-sourced-box-content .info-sourced-box-text { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 2px; } .prop-ui .info-sourced-box-wrapper .info-sourced-box-base .info-sourced-box-content .info-sourced-box-text .info-sourced-box-text-container { display: flex; justify-content: center; align-items: flex-start; flex: 1; align-self: flex-start; } .prop-ui .info-sourced-box-wrapper .info-sourced-box-base .info-sourced-box-content .info-sourced-box-text .info-sourced-box-text-container .info-text { display: flex; flex: initial; color: var(--informational-info-dark-20, #00A0D0); font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui .info-sourced-box-wrapper .info-sourced-box-base .info-sourced-box-content .info-sourced-box-text .info-sourced-box-text-container .header-text { display: flex; justify-content: center; align-items: flex-start; flex: 1; gap: 4px; color: #424242; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui .info-sourced-box-wrapper .info-sourced-box-base .info-sourced-box-content .info-sourced-box-text .description-text { color: #424242; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: 0.1px; } .prop-ui .serialized-box-wrapper.warning { border-radius: 4px; border: 1px solid var(--informational-warning, #EB6500); background: linear-gradient(0deg, rgba(235, 101, 0, 0.08) 0%, rgba(235, 101, 0, 0.08) 100%), #FFF; } .prop-ui .serialized-box-wrapper.error { border-radius: 4px; border: 1px solid var(--informational-error, #FF4F42); background: linear-gradient(0deg, rgba(255, 79, 66, 0.08) 0%, rgba(255, 79, 66, 0.08) 100%), #FFF; } .prop-ui .serialized-box-wrapper .serialized-box-base { display: flex; align-items: center; padding: 8px 16px; width: 100%; } .prop-ui .serialized-box-wrapper .serialized-box-base .serialized-box-content { display: flex; align-items: center; flex: 1; gap: 12px; } .prop-ui .serialized-box-wrapper .serialized-box-base .serialized-box-content .serialized-box-icon { width: 24px; height: 24px; display: flex; flex: none; background-repeat: no-repeat; } .prop-ui .serialized-box-wrapper .serialized-box-base .serialized-box-content .serialized-box-icon.serialized-warning-icon { background-image: url("/app/assets/images/alert-rhombus-outline.svg"); } .prop-ui .serialized-box-wrapper .serialized-box-base .serialized-box-content .serialized-box-icon.serialized-error-icon { background-image: url("/app/assets/images/alert-outline.svg"); } .prop-ui .serialized-box-wrapper .serialized-box-base .serialized-box-content .serialized-box-text { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 2px; } .prop-ui .serialized-box-wrapper .serialized-box-base .serialized-box-content .serialized-box-text .serialized-box-text-container { display: flex; justify-content: center; align-items: flex-start; flex: 1; align-self: flex-start; } .prop-ui .serialized-box-wrapper .serialized-box-base .serialized-box-content .serialized-box-text .serialized-box-text-container .error-text { display: flex; flex: initial; color: var(--color-error-120, #CC3F35); font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui .serialized-box-wrapper .serialized-box-base .serialized-box-content .serialized-box-text .serialized-box-text-container .warning-text { display: flex; flex: initial; color: var(--color-warning-120, #BC5100); font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui .serialized-box-wrapper .serialized-box-base .serialized-box-content .serialized-box-text .serialized-box-text-container .serialized-header-text { display: flex; justify-content: center; align-items: flex-start; flex: 1; gap: 4px; color: #424242; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui .serialized-box-wrapper .serialized-box-base .serialized-box-content .serialized-box-text .serialized-description-text { color: #424242; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: 0.1px; } .prop-ui .serialized-message-text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; color: #424242; } .prop-ui .dist-qty-body .qty-hint-text { color: var(--subtle-text, #5B6870); font-feature-settings: "liga" off, "clig" off; font-family: "Source Sans Pro"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 17px; } .prop-ui .po-receiver-form-container .custom-store-popover { border: 1px solid rgba(9, 11, 12, 0.16) !important; border-radius: 0; } .prop-ui .po-receiver-form-container .custom-store-popover .k-tooltip-content { border: 1px solid transparent; padding: 0; } .prop-ui .po-receiver-form-container .custom-store-popover .k-tooltip-content .tooltip-popover { display: flex; width: 256px; align-items: flex-start; align-content: flex-start; flex-direction: column; color: #000000; } .prop-ui .po-receiver-form-container .custom-store-popover .k-tooltip-content .tooltip-popover .tooltip-header { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; flex: 1; align-content: flex-start; justify-content: flex-start; height: 16px; padding: 8px; border-bottom: 1px solid rgba(9, 11, 12, 0.16); align-self: stretch; } .prop-ui .po-receiver-form-container .custom-store-popover .k-tooltip-content .tooltip-popover .tooltip-content-blk { display: flex; flex: 1; align-content: flex-start; justify-content: flex-start; padding: 8px; flex-direction: column; max-height: 180px; overflow-y: auto; } .prop-ui .po-receiver-form-container .custom-store-popover .k-callout-n { border-bottom-color: rgba(9, 11, 12, 0.16) !important; } .prop-ui .po-receiver-form-container .k-chip { display: flex; justify-content: space-between; align-items: center; gap: 2px; } .prop-ui .po-receiver-form-container .k-chip .k-icon { order: 2; } .prop-ui .po-receiver-form-container .k-chip .k-chip-content { order: 1; } .prop-ui .po-receiver-form-container #receiver_summary { width: max-content; display: flex; flex-direction: row; justify-content: center; align-items: center; height: 32px; padding: 7px 8px; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.24); background: #FFFFFF; } .prop-ui .po-receiver-form-container #receiver_summary .receiver-summary-label { color: #424242; text-align: center; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .po-receiver-form-container #receiver_summary .receiver-summary-label .selected-val-text { font-weight: 600; } .prop-ui .po-receiver-form-container #receiver_summary .mdi { font-size: 18px; } .prop-ui .po-receiver-form-container #receiver_summary .receiver-summary-container { display: flex; justify-content: center; gap: 4px; cursor: pointer; } .prop-ui .po-receiving-item-add-drawer .prop-drawer-body { padding: 0; height: calc(100% - 80px - 62px); } .prop-ui .po-receiving-item-add-drawer .prop-pad-lr { padding-left: 16px; padding-right: 16px; } .prop-ui .po-receiving-item-add-drawer .prop-pad-tb { padding-top: 16px; padding-bottom: 16px; } .prop-ui .po-receiving-item-add-drawer .prop-drawer-title { text-transform: inherit !important; } .prop-ui #prop_po_receiving_single_item_search-list .k-no-data, .prop-ui #prop_po_receiving_single_item_search-list .k-nodata { display: none !important; } .prop-ui .po-receiving-item-add { font-family: "Source Sans Pro"; box-sizing: border-box; overflow: hidden; } .prop-ui .po-receiving-item-add .disp-flex { display: flex !important; } .prop-ui .po-receiving-item-add .disp-none { display: none !important; } @media (min-width: 0) { .prop-ui .po-receiving-item-add { height: inherit; } } @media (min-width: 899px) { .prop-ui .po-receiving-item-add { height: 100%; } } .prop-ui .po-receiving-item-add .add-container { height: 100%; border-right: 1px solid rgba(9, 11, 12, 0.08); background: linear-gradient(0deg, rgba(0, 134, 231, 0.04) 0%, rgba(0, 134, 231, 0.04) 100%), #FFF; flex-shrink: 0; } @media (min-width: 0) { .prop-ui .po-receiving-item-add .add-container { width: 100%; height: 100%; } } @media (min-width: 899px) { .prop-ui .po-receiving-item-add .add-container { min-width: 320px; width: 320px; overflow: auto; } } .prop-ui .po-receiving-item-add .add-container .prop_auto_complete { background: inherit !important; } .prop-ui .po-receiving-item-add .add-container #search_by button { background: transparent !important; border: none !important; box-shadow: none; } .prop-ui .po-receiving-item-add .add-container .add-search { border-bottom: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; } .prop-ui .po-receiving-item-add .detail-container { height: auto; overflow-y: auto; } .prop-ui .po-receiving-item-add .detail-container .continue-button button { padding: 10px 16px !important; } .prop-ui .po-receiving-item-add .detail-container .stripped-table { width: 100%; color: #424242; } .prop-ui .po-receiving-item-add .detail-container .stripped-table tr { height: 36px; } .prop-ui .po-receiving-item-add .detail-container .stripped-table tr, .prop-ui .po-receiving-item-add .detail-container .stripped-table td { box-sizing: border-box; } .prop-ui .po-receiving-item-add .detail-container .stripped-table td { height: 20px; padding: 8px 12px; align-items: center; gap: 4px; align-self: stretch; border-left: 1px solid rgba(9, 11, 12, 0.16); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .prop-ui .po-receiving-item-add .detail-container .stripped-table td.external-link { display: flex; justify-content: space-between; gap: 10px; height: inherit; } .prop-ui .po-receiving-item-add .detail-container .stripped-table tr:nth-child(even) { background-color: #f2f2f2; } .prop-ui .po-receiving-item-add .detail-container .stripped-table tr td:first-child { border-left: none; } .prop-ui .po-receiving-item-add .detail-container .lower_qty_blk { width: 100%; height: 60px; } .prop-ui .po-receiving-item-add .detail-container .insufficient_radio_detail { padding: 4px 0; } .prop-ui .po-receiving-item-add .detail-container .insufficient_radio_detail .k-radio-label { padding-left: 32px; color: #424242; font-feature-settings: "clig" off, "liga" off; font-family: "Source Sans Pro"; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; /* 142.857% */ } .prop-ui .po-receiving-item-add .detail-container .insufficient_radio_detail .k-radio-label { justify-content: center; display: flex !important; flex-direction: column; } .prop-ui .po-receiving-item-add .detail-container .insufficient_radio_detail .radio-subtext { font-size: 14px; font-weight: 500; } .prop-ui .po-receiving-item-add .detail-container .trans-detail { width: 100%; border: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; border-radius: 4px; } .prop-ui .po-receiving-item-add .detail-container .trans-detail .custom_radio_detail { padding: 8px 12px; width: 100%; border-bottom: 1px solid rgba(9, 11, 12, 0.08); background: #FAFAFA; } .prop-ui .po-receiving-item-add .detail-container .trans-detail .custom_radio_detail .k-radio + .k-radio-label:before { margin-top: 3px !important; padding: 6px; } .prop-ui .po-receiving-item-add .detail-container .trans-detail .custom_radio_detail .k-radio:checked + .k-radio-label:before, .prop-ui .po-receiving-item-add .detail-container .trans-detail .custom_radio_detail .k-radio:checked + .k-radio-label:hover:before { padding: 4px !important; } .prop-ui .po-receiving-item-add .detail-container .trans-detail .custom_radio_detail .k-radio-label { color: #424242; font-feature-settings: "clig" off, "liga" off; font-family: "Source Sans Pro"; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; /* 142.857% */ } .prop-ui .po-receiving-item-add .detail-container .trans-detail .replacement-detail { padding: 12px; border-top: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .po-receiving-item-add .detail-container .trans-detail .replacement-detail .divider { border: 1px solid rgba(9, 11, 12, 0.08); margin-left: 14px; margin-right: 14px; /* margin-top: auto; */ /* margin-bottom: auto; */ height: 20px; } .prop-ui .po-receiving-item-add .detail-container .trans-detail .replacement-detail .title { color: #5B6870; font-size: 14px; font-weight: 400; line-height: 20px; word-wrap: break-word; } .prop-ui .po-receiving-item-add .detail-container .trans-detail .replacement-detail .subtitle { color: #000000; font-size: 14px; font-weight: 400; line-height: 20px; word-wrap: break-word; } .prop-ui .po-receiving-item-add .detail-container .trans-detail .replacement-item { background-color: rgba(117, 133, 149, 0.08); width: 100%; border: 1px solid #5B6870; padding: 8px 16px; } .prop-ui .po-receiving-item-add .detail-container .trans-detail .replacement-item .track-changes { width: 24px; height: 24px; background-image: url("/app/assets/images/track-changes.svg"); background-repeat: no-repeat; } .prop-ui .po-receiving-item-add .detail-container .trans-detail .replacement-item .replacement-text { color: #424242; font-feature-settings: "liga" off, "clig" off; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } @media (min-width: 0) { .prop-ui .po-receiving-item-add .detail-container .trans-detail .image-section { width: 100%; height: 80px; border-bottom: 1px solid rgba(9, 11, 12, 0.08); } } @media (min-width: 899px) { .prop-ui .po-receiving-item-add .detail-container .trans-detail .image-section { border-bottom: none; } } .prop-ui .po-receiving-item-add .detail-container .trans-detail .image-section .img-block { height: 64px; width: 64px; max-width: 64px; max-height: 64px; margin: auto; } @media (min-width: 0) { .prop-ui .po-receiving-item-add .detail-container .trans-detail .image-section .img-display-block { width: 100%; } } @media (min-width: 899px) { .prop-ui .po-receiving-item-add .detail-container .trans-detail .image-section .img-display-block { width: 176px; } } .prop-ui .po-receiving-item-add .detail-container .trans-detail .image-section .img-display-block .base_text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; width: inherit; } .prop-ui .po-receiving-item-add .detail-container .trans-detail .image-section .img-display-block .sub_text { word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: inherit; } .prop-ui .po-receiving-item-add .detail-container .trans-detail .custom-toast { display: none; width: 100%; position: relative; height: 60px; } .prop-ui .po-receiving-item-add .detail-container .trans-detail .custom-toast md-toast { padding: 0; } .prop-ui .po-receiving-item-add .detail-container .trans-detail .details-section .detail-item { min-width: 75px; } @media (min-width: 0) { .prop-ui .po-receiving-item-add .detail-container .trans-detail .details-section .detail-item { height: 56px; } } @media (min-width: 899px) { .prop-ui .po-receiving-item-add .detail-container .trans-detail .details-section .detail-item { height: auto; } } .prop-ui .po-receiving-item-add .detail-container .trans-detail .trans-header-text { border-left: 1px solid rgba(9, 11, 12, 0.08); display: flex; flex-direction: column; justify-content: center; align-items: center; flex: auto; gap: 2px; align-self: stretch; } @media (min-width: 899px) { .prop-ui .po-receiving-item-add .detail-container .trans-detail .trans-header-text .rect-inner-padding { padding-right: 0; } } @media (min-width: 0) { .prop-ui .po-receiving-item-add .detail-container .trans-detail .trans-header-text .rect-inner-padding { padding-right: 8px; } } .prop-ui .po-receiving-item-add .detail-container .trans-detail .trans-header-text .svg-container { display: inline-block; width: 100%; height: 12px; position: relative; } .prop-ui .po-receiving-item-add .detail-container .trans-detail .trans-header-text .svg-container .bg-white, .prop-ui .po-receiving-item-add .detail-container .trans-detail .trans-header-text .svg-container .bg-opacity { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .prop-ui .po-receiving-item-add .detail-container .trans-detail .trans-header-text .svg-container .bg-white { background-color: white; } .prop-ui .po-receiving-item-add .detail-container .trans-detail .trans-header-text .svg-container .bg-opacity { background-color: #090B0C; opacity: 0.2; } .prop-ui .po-receiving-item-add .detail-container .trans-detail .trans-header-text .sub_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin: 0px; color: #5B6870; text-align: center; font-feature-settings: "clig" off, "liga" off; } .prop-ui .po-receiving-item-add .detail-container .trans-detail .trans-header-text .base_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; margin: 0px; min-height: 20px; color: #424242; text-align: center; letter-spacing: -0.5px; } .prop-ui .po-receiving-item-add .detail-container .trans-detail .trans-header-text .text-align-left { text-align: left; } .prop-ui .po-receiving-item-add .detail-container .sales-history { width: 100%; } .prop-ui .po-receiving-item-add .detail-container .sales-history .prop-card-body { padding: 0; margin: 0; } .prop-ui .po-receiving-item-add .detail-container .sales-history .prop-card-body .sales-history-container .sales-detail { height: inherit; border: none; flex-wrap: wrap; } .prop-ui .po-receiving-item-add .detail-container .sales-history .prop-card-body .sales-history-container .sales-detail .trans-header-text { min-width: 84px; padding: 6px 0; } .prop-ui .po-receiving-item-add .detail-container .sales-history .prop-card-body .sales-history-container .sales-detail .sales-item { border-bottom: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .po-receiving-item-add .detail-container .stock-sell { height: fit-content; } @media (min-width: 0) { .prop-ui .po-receiving-item-add .detail-container .stock-sell { width: 100%; } } @media (min-width: 899px) { .prop-ui .po-receiving-item-add .detail-container .stock-sell { width: 224px; } } .prop-ui .po-receiving-item-add .detail-container .stock-sell .prop-card-body { padding: 0; margin: 0; } .prop-ui .po-receiving-item-add .detail-container .stock-sell .prop-card-body .left-cell { width: 112px; } .prop-ui .po-receiving-item-add .detail-container .stock-sell .prop-card-body .right-cell { min-width: 112px; } .prop-ui .po-receiving-item-add .detail-container .product-details { height: fit-content; } @media (min-width: 0) { .prop-ui .po-receiving-item-add .detail-container .product-details { width: 100%; } } @media (min-width: 899px) { .prop-ui .po-receiving-item-add .detail-container .product-details { max-width: 416px; } } .prop-ui .po-receiving-item-add .detail-container .product-details .prop-card-body { padding: 0; margin: 0; } .prop-ui .po-receiving-item-add .detail-container .product-details .prop-card-body .left-cell { width: 128px; } .prop-ui .po-receiving-item-add .detail-container .product-details .prop-card-body .right-cell { width: 264px; } .prop-ui .po-receiving-item-add #warning-toast { width: 100%; height: 58px; } .prop-ui .po-receiving-item-add .right-cell { white-space: normal !important; word-break: break-word; } .prop-ui .po-receiving-item-add .left-cell { vertical-align: baseline; } .prop-ui .po_receiving_item_add_autocomplete { min-width: auto !important; } .prop-ui .po_uom_popup .k-list-item-text { flex-direction: column !important; } .prop-ui .add_new_item_blk { color: #0086E7; cursor: pointer; display: flex; justify-content: space-between; } .prop-ui .po_receiving_print_preview_layer { height: 98%; } .prop-ui .po_receiving_print_wrapper .prop-printer-outline-icon { background-image: url("/app/assets/images/printer-outline.svg"); width: 20px !important; height: 20px !important; } .prop-ui .po_receiving_print_wrapper .po_print_wrapper { display: flex; flex-direction: column; flex: 1; width: 100% !important; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.16); background: #FFFFFF; overflow: initial; } .prop-ui .po_receiving_print_wrapper .po_print_wrapper .prop-card { border: none !important; } .prop-ui .po_receiving_print_wrapper .checkbox_selected .k-card-header { background: #0086E7 !important; } .prop-ui .po_receiving_print_wrapper .checkbox_selected .k-card-header .k-card-title { color: #FFFFFF !important; } .prop-ui .po_receiving_print_wrapper .prop-card-header { background: #ffffff !important; } .prop-ui .mdi-preview { background-image: url("/app/assets/images/preview-outline.svg") !important; width: 18px !important; height: 18px !important; } .prop-ui .po_receiving_print_layer { height: 98%; } .prop-ui .finalize-receiver-total-container-fluid { flex-basis: 60%; } @media (max-width: 599px) { .prop-ui .finalize-receiver-total-container-fluid { flex-basis: 100%; overflow: scroll; } } .prop-ui .finalize-receiver-total-container-fluid prop-card { display: flex; align-items: stretch; flex: 1; } .prop-ui .finalize-receiver-total-container-fluid prop-card.custom-card { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; } .prop-ui .finalize-receiver-total-container-fluid prop-card.custom-card .prop-card-body { padding: 0 !important; } .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_dialog_container { height: -webkit-fill-available; } .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_dialog_container .finalize_receiver_summary_menu_header { text-align: center; height: 42px; border-right: 1px solid rgba(9, 11, 12, 0.08); background: #FAFAFA; padding: 12px; box-sizing: inherit; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; justify-content: space-around; align-items: center; color: #424242; box-shadow: none; border-bottom: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_dialog_container .finalize_receiver_summary_menu_header .mdi { font-size: 20px; cursor: pointer; } @media (max-width: 599px) { .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_dialog_container .finalize_receiver_summary_menu_header { height: 100px; } } .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_dialog_container .finalize_receiver_summary_menu_body { flex: 1; display: flex; flex-direction: column; } .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_dialog_container .finalize_receiver_summary_menu_body .finalize_receiver_summary_menu_row { display: flex; flex-direction: column; justify-content: space-between; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; box-sizing: border-box; } .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_dialog_container .finalize_receiver_summary_menu_body .finalize_receiver_summary_menu_row .finalize_receiver_summary_menu_title { padding: 8px 12px; width: inherit; height: 36px; border-right: 1px solid rgba(9, 11, 12, 0.08); box-sizing: inherit; } .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_dialog_container .finalize_receiver_summary_menu_body .finalize_receiver_summary_menu_row .finalize_receiver_summary_menu_title.even { background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #FFF; } .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_dialog_container .finalize_receiver_summary_menu_body .finalize_receiver_summary_menu_row .finalize_receiver_summary_menu_title.left_border { border-left: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_dialog_container .finalize_receiver_summary_menu_body .finalize_receiver_summary_menu_row .finalize_receiver_summary_menu_title.finalize_receiver_summary_column_3 { text-align: right; } .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_dialog_container .finalize_receiver_summary_menu_body .finalize_receiver_summary_menu_row .finalize_receiver_summary_menu_input { border-right: 1px solid rgba(9, 11, 12, 0.08); padding: 2px 2px 2px 3px; box-sizing: inherit; flex: 1; width: 100%; } .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_dialog_container .finalize_receiver_summary_menu_body .finalize_receiver_summary_menu_row .finalize_receiver_summary_menu_input span.k-input { border-radius: 2px !important; } .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_dialog_container .finalize_receiver_summary_menu_body .finalize_receiver_summary_menu_row .finalize_receiver_summary_menu_input span.k-input .k-input-inner { text-align: right; } .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_dialog_container .finalize_receiver_summary_menu_body .finalize_receiver_summary_menu_row .finalize_receiver_summary_menu_footer { height: 36px; width: 100%; background: #0086E7; text-align: right !important; padding: 8px 12px; box-sizing: inherit; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600 !important; line-height: 20px; display: flex; justify-content: space-between; align-items: right; color: #ffffff; } .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_dialog_container .finalize_receiver_summary_menu_body .finalize_receiver_summary_menu_row .finalize_receiver_summary_menu_footer.finalize_receiver_summary_column_2 { width: 219px; } .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_dialog_container .finalize_receiver_summary_menu_body .finalize_receiver_summary_menu_row .finalize_receiver_summary_menu_footer.validation_red { color: var(--ep-color-red); font-size: 14px; font-weight: 600; } .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_dialog_container .validation_red { color: var(--ep-color-red); font-size: 14px; font-weight: 600; } .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_wrapper .overview-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/set-column-1.svg"); } .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_wrapper receiver-program-container { border-radius: 6px; box-shadow: 0px 1px 12px 0px rgba(51, 51, 51, 0.14), 0px 1px 0px -1px rgba(51, 51, 51, 0.04); } .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_wrapper receiver-program-container .program-card { border-radius: 6px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; box-shadow: 0px 1px 12px 0px rgba(51, 51, 51, 0.14), 0px 1px 0px -1px rgba(51, 51, 51, 0.04); } .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_wrapper receiver-program-container .program-card .program-card-header { height: 56px; border-bottom: 1px solid rgba(9, 11, 12, 0.16); padding: 0px 0px 0px 16px; } .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_wrapper receiver-program-container .program-card .program-card-header .default-bo-text { color: #424242; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .finalize-receiver-total-container-fluid .finalize_receiver_summary_wrapper receiver-program-container .program-card .program-card-header .program-card-action { padding-left: 16px; } .prop-ui .backorder-information-toast { margin-top: 100px; margin-bottom: 15px; width: 100%; } @media (max-width: 899px) { .prop-ui #receiver_summary { display: none !important; } } @media screen and (max-width: 1024px) { .prop-ui .finalize_receiver_summary_menu_input { height: 48px !important; } .prop-ui .finalize_receiver_summary_menu_input .numeric-input-field { height: 48px !important; } .prop-ui .finalize_receiver_summary_menu_title { height: 52px !important; } .prop-ui .finalize_receiver_summary_menu_header { height: 86px !important; } } .prop-ui .receiver-total-container-fluid prop-card { display: flex; align-items: stretch; flex: 1; } .prop-ui .receiver-total-container-fluid prop-card.custom-card { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; } .prop-ui .receiver-total-container-fluid prop-card.custom-card .prop-card-body { padding: 0 !important; } .prop-ui .receiver-total-container-fluid .receiver_summary_dialog_container { height: -webkit-fill-available; } .prop-ui .receiver-total-container-fluid .receiver_summary_dialog_container .receiver_summary_menu_header { height: 42px; background: #FAFAFA; padding: 12px; box-sizing: inherit; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; justify-content: space-between; align-items: center; color: #424242; box-shadow: none; border-bottom: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .receiver-total-container-fluid .receiver_summary_dialog_container .receiver_summary_menu_header .mdi { font-size: 20px; cursor: pointer; } .prop-ui .receiver-total-container-fluid .receiver_summary_dialog_container .receiver_summary_menu_body { flex: 1; display: flex; flex-direction: column; } .prop-ui .receiver-total-container-fluid .receiver_summary_dialog_container .receiver_summary_menu_body .receiver_summary_menu_row { display: flex; flex-direction: column; justify-content: space-between; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; box-sizing: border-box; } .prop-ui .receiver-total-container-fluid .receiver_summary_dialog_container .receiver_summary_menu_body .receiver_summary_menu_row .receiver_summary_menu_title { padding: 8px 12px; width: inherit; height: 36px; border-right: 1px solid rgba(9, 11, 12, 0.08); box-sizing: inherit; } .prop-ui .receiver-total-container-fluid .receiver_summary_dialog_container .receiver_summary_menu_body .receiver_summary_menu_row .receiver_summary_menu_title.even { background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #FFF; } .prop-ui .receiver-total-container-fluid .receiver_summary_dialog_container .receiver_summary_menu_body .receiver_summary_menu_row .receiver_summary_menu_title.left_border { border-left: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .receiver-total-container-fluid .receiver_summary_dialog_container .receiver_summary_menu_body .receiver_summary_menu_row .receiver_summary_menu_title.receiver_summary_column_3 { text-align: right; } .prop-ui .receiver-total-container-fluid .receiver_summary_dialog_container .receiver_summary_menu_body .receiver_summary_menu_row .receiver_summary_menu_title.receiver_summary_column_4 { text-align: right; } .prop-ui .receiver-total-container-fluid .receiver_summary_dialog_container .receiver_summary_menu_body .receiver_summary_menu_row .receiver_summary_menu_input { padding: 2px 2px 2px 3px; box-sizing: inherit; flex: 1; width: 100%; } .prop-ui .receiver-total-container-fluid .receiver_summary_dialog_container .receiver_summary_menu_body .receiver_summary_menu_row .receiver_summary_menu_input span.k-input { border-radius: unset !important; } .prop-ui .receiver-total-container-fluid .receiver_summary_dialog_container .receiver_summary_menu_body .receiver_summary_menu_row .receiver_summary_menu_input span.k-input .k-input-inner { text-align: right; } .prop-ui .receiver-total-container-fluid .receiver_summary_dialog_container .receiver_summary_menu_footer { height: 36px; width: 100%; background: rgba(0, 134, 231, 0.1215686275); text-align: right !important; padding: 8px 12px; box-sizing: inherit; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600 !important; line-height: 20px; display: flex; justify-content: space-between; align-items: right; } .prop-ui .receiver-total-container-fluid .receiver_summary_dialog_container .receiver_summary_menu_footer.receiver_summary_column_2 { width: 219px; } .prop-ui .receiver-total-container-fluid .receiver-summary-wrapper .overview-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/set-column-1.svg"); } .prop-ui .receiver-total-container-fluid .receiver-summary-wrapper receiver-program-container { border-radius: 6px; box-shadow: 0px 1px 12px 0px rgba(51, 51, 51, 0.14), 0px 1px 0px -1px rgba(51, 51, 51, 0.04); } .prop-ui .receiver-total-container-fluid .receiver-summary-wrapper receiver-program-container .program-card { border-radius: 6px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; box-shadow: 0px 1px 12px 0px rgba(51, 51, 51, 0.14), 0px 1px 0px -1px rgba(51, 51, 51, 0.04); } .prop-ui .receiver-total-container-fluid .receiver-summary-wrapper receiver-program-container .program-card .program-card-header { height: 56px; border-bottom: 1px solid rgba(9, 11, 12, 0.16); padding: 0px 0px 0px 16px; } .prop-ui .receiver-total-container-fluid .receiver-summary-wrapper receiver-program-container .program-card .program-card-header .default-bo-text { color: #424242; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .receiver-total-container-fluid .receiver-summary-wrapper receiver-program-container .program-card .program-card-header .program-card-action { padding-left: 16px; } @media (max-width: 899px) { .prop-ui #receiver_summary { display: none !important; } } .prop-ui .transfer-add-new-wrapper .prop-transfer-overview-icon { background-image: url("/app/assets/images/set-column-1.svg"); height: 20px; width: 20px; } .prop-ui .transfer-add-new-wrapper .custom-card .prop-card-body { padding: 12px 16px; } .prop-ui .transfer-add-new-wrapper .k-chip { display: flex; justify-content: space-between; align-items: center; gap: 2px; } .prop-ui .transfer-add-new-wrapper .k-chip .k-icon { order: 2; } .prop-ui .transfer-add-new-wrapper .k-chip .k-chip-content { order: 1; } .prop-ui .custom-store-popover { border: 1px solid rgba(9, 11, 12, 0.16) !important; border-radius: 0; } .prop-ui .custom-store-popover .k-tooltip-content { border: 1px solid transparent; padding: 0; } .prop-ui .custom-store-popover .k-tooltip-content .tooltip-popover { display: flex; width: 256px; align-items: flex-start; align-content: flex-start; flex-direction: column; color: #000000; } .prop-ui .custom-store-popover .k-tooltip-content .tooltip-popover .tooltip-header { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; flex: 1; align-content: flex-start; justify-content: flex-start; height: 16px; padding: 8px; border-bottom: 1px solid rgba(9, 11, 12, 0.16); align-self: stretch; } .prop-ui .custom-store-popover .k-tooltip-content .tooltip-popover .tooltip-content-blk { display: flex; flex: 1; align-content: flex-start; justify-content: flex-start; padding: 8px; flex-direction: column; max-height: 180px; overflow-y: auto; } .prop-ui .custom-store-popover .k-callout-n { border-bottom-color: rgba(9, 11, 12, 0.16) !important; } .prop-ui .add-item-transfer-wrapper { display: flex; height: 100%; } .prop-ui .add-item-transfer-wrapper .prop_auto_complete .warning-icon { background-repeat: no-repeat; height: 42px !important; } .prop-ui .add-item-transfer-wrapper .no-data-template { padding: 16px 0px; border-radius: 4px; border: 2px dashed rgba(9, 11, 12, 0.16); background: rgba(250, 250, 250, 0.4); } .prop-ui .add-item-transfer-wrapper .no-data-template .nothing-to-show-text { color: #424242; text-align: center; font-feature-settings: "clig" off, "liga" off; -webkit-text-stroke-width: 2; -webkit-text-stroke-color: #FFFFFF; font-family: Source Sans Pro !important; font-size: 24px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .add-item-transfer-wrapper .no-data-template .perform-search-sub-text { color: #5B6870; text-align: center; font-feature-settings: "clig" off, "liga" off; -webkit-text-stroke-width: 1; -webkit-text-stroke-color: #FFFFFF; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; } @media (max-width: 599px) { .prop-ui .add-item-transfer-wrapper .product-search-card .search-dropdown { display: flex; flex-direction: column; } .prop-ui .add-item-transfer-wrapper .product-search-card .search-type { width: 100%; } .prop-ui .add-item-transfer-wrapper .product-search-card .product-details-container { align-self: stretch; border-top: 1px solid rgba(9, 11, 12, 0.16); } } .prop-ui .add-item-transfer-wrapper .product-search-card .prop-card-body { padding: 0; } @media (min-width: 599px) { .prop-ui .add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container { display: flex; align-items: center; align-self: stretch; border-top: 1px solid rgba(9, 11, 12, 0.16); } } .prop-ui .add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details { padding: 0px 21px 0px 1px; display: flex; align-items: center; } .prop-ui .add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-img-container { width: 64px; height: 64px; } .prop-ui .add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-img-container img { height: inherit; width: inherit; } .prop-ui .add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-name { color: #424242; font-family: Source Sans Pro !important; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui .add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk { display: flex; align-items: center; gap: 18px; } .prop-ui .add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk .product-sku-blk { display: flex; align-items: center; gap: 4px; } .prop-ui .add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk .product-sku-blk .sku-text { color: #5B6870; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk .product-sku-blk .sku-value { color: #424242; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk .product-qty-blk { display: flex; align-items: center; gap: 6px; } .prop-ui .add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk .product-qty-blk .qty-allocation-text { color: #000000; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk .product-qty-blk .chip-blk { display: flex; align-items: center; gap: 10px; color: #FFFFFF; min-width: 54px; } .prop-ui .add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk .product-qty-blk .chip-blk .qty-badge { display: flex; justify-content: center; align-items: center; flex: 1; padding: 3px 5px; border-radius: 100px; border: 1px solid var(--buttons-primary-border-primary-button-border, #0080DC); background: var(--buttons-primary-primary-button-bg, linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 99.48%, rgba(0, 0, 0, 0.04) 99.49%), #0086E7); } .prop-ui .add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-allocation-detail-blk { display: flex; align-items: flex-start; flex: 1 0 0; background: #FAFAFA; border-top: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-allocation-detail-blk .product-allocation .product-name-value { padding: 6px 0px; border-bottom: 1px solid rgba(9, 11, 12, 0.16); border-left: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-allocation-detail-blk .product-allocation .product-name-value .name { color: #5B6870; text-align: center; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-allocation-detail-blk .product-allocation .product-name-value .value { color: #424242; text-align: center; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .add-item-transfer-wrapper .product-search-card .prop-card-footer { height: 60px; background: #FFFFFF; } .prop-ui .add-item-transfer-wrapper .product-search-card .prop-card-footer .custom-footer { display: block; } .prop-ui .add-item-transfer-wrapper .product-search-card .prop-card-footer .md-toast-container { padding: 0; } .prop-ui .add-item-transfer-wrapper .destination-product-blk .prop-container { overflow-x: auto; } .prop-ui .add-item-transfer-wrapper .destination-product-blk .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item { border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; } .prop-ui .add-item-transfer-wrapper .destination-product-blk .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item span.k-link { padding: 8px 20px; } .prop-ui .add-item-transfer-wrapper .destination-product-blk .prop-tab-strip .k-tabstrip .k-tabstrip-items-wrapper { border-bottom: 1px solid #d5d5d5; padding-left: 0px; } .prop-ui .add-item-transfer-wrapper .destination-product-blk .product-tab-container { display: flex; align-items: center; align-self: stretch; border-radius: 0px 0px 4px 4px; background-color: #FFFFFF !important; } .prop-ui .add-item-transfer-wrapper .destination-product-blk .product-tab-container .product-details { display: flex; padding: 0px 21px 0px 1px; align-items: center; width: 410px; } .prop-ui .add-item-transfer-wrapper .destination-product-blk .product-tab-container .product-details .product-info .product-name { color: #424242; font-family: "Source Sans Pro"; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui .add-item-transfer-wrapper .destination-product-blk .product-tab-container .product-details .product-info .product-info-allocation-sku-blk { display: flex; align-items: center; gap: 18px; } .prop-ui .add-item-transfer-wrapper .destination-product-blk .product-tab-container .product-details .product-info .product-info-allocation-sku-blk .product-sku-blk { display: flex; align-items: center; gap: 4px; } .prop-ui .add-item-transfer-wrapper .destination-product-blk .product-tab-container .product-details .product-info .product-info-allocation-sku-blk .product-sku-blk .sku-text { color: #5B6870; font-family: "Source Sans Pro"; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .add-item-transfer-wrapper .destination-product-blk .product-tab-container .product-details .product-info .product-info-allocation-sku-blk .product-sku-blk .sku-value { color: #424242; font-family: "Source Sans Pro"; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .add-item-transfer-wrapper .destination-product-blk .product-tab-container .product-allocation-detail-blk { display: flex; align-items: flex-start; flex: 1 0 0; } .prop-ui .add-item-transfer-wrapper .destination-product-blk .product-tab-container .product-allocation-detail-blk .product-allocation { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1 0 0; } .prop-ui .add-item-transfer-wrapper .destination-product-blk .product-tab-container .product-allocation-detail-blk .product-allocation .product-name-value { display: flex; padding: 6px 0px; flex-direction: column; justify-content: center; align-items: center; align-self: stretch; border-bottom: 1px solid rgba(9, 11, 12, 0.16); border-left: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .add-item-transfer-wrapper .destination-product-blk .product-tab-container .product-allocation-detail-blk .product-allocation .product-name-value .name { color: var(--subtle-text, #5B6870); text-align: center; font-feature-settings: "clig" off, "liga" off; font-family: "Source Sans Pro"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ } .prop-ui .add-item-transfer-wrapper .destination-product-blk .product-tab-container .product-allocation-detail-blk .product-allocation .product-name-value .value { color: #424242; text-align: center; font-feature-settings: "clig" off, "liga" off; font-family: "Source Sans Pro"; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; /* 142.857% */ } .prop-ui .add-item-transfer-wrapper .destination-product-blk .k-tabstrip-items-wrapper .k-item { color: #424242; text-align: center; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .add-item-transfer-wrapper .destination-product-blk .k-tabstrip .k-tabstrip-items-wrapper ul li { color: #424242; text-align: center; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .add-item-transfer-wrapper .destination-product-blk .k-tabstrip .k-tabstrip-items-wrapper ul li.k-active { color: #000000; font-weight: 600; background-color: #FFFFFF; border-bottom: 2px solid #0086E7 !important; } .prop-ui .add-item-transfer-wrapper .destination-product-blk .k-tabstrip .k-tabstrip-items-wrapper ul li.k-active:hover { background: #FFFFFF; } .prop-ui .add-item-transfer-wrapper .product-tab-section { display: flex; flex-direction: row; align-items: flex-start; gap: 0px; align-self: stretch; border-radius: 3px; border: 1px solid rgba(9, 11, 12, 0.08); background-color: #ffffff; } .prop-ui .add-item-transfer-wrapper .product-stocking-history { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch; } .prop-ui .add-item-transfer-wrapper .product-stocking-history .product-header .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .add-item-transfer-wrapper .cost-text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .add-item-transfer-wrapper .cost-text .name { color: var(--subtle-text, #5B6870); } .prop-ui .add-item-transfer-wrapper .cost-text .value { color: var(--black, #000); } .prop-ui .transfer-search-dropdown-container { padding: 16px 16px 0 16px; } .prop-ui .transfer-dropdown-popup { min-width: auto !important; } .prop-ui #total_link .total-container { display: flex; flex-direction: row; align-items: center; } .prop-ui #total_link .total-container .total-label { display: flex; flex-direction: column; align-items: self-end; } .prop-ui #total_link .total-container .total-label span:first-child { color: #424242; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: 0.1px; } .prop-ui #total_link .total-container .total-label span:last-child { color: #0091EA; text-align: right; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 15px; font-style: normal; font-weight: 700; line-height: normal; } .prop-ui .total_menu_container { display: flex; flex-direction: column; border-radius: 4px; border: 1px solid #FFFFFF; background: #FFFFFF; box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.12); box-sizing: border-box; } .prop-ui .total_menu_container .total_menu_header { height: 44px; background: #FAFAFA; padding: 12px; box-sizing: inherit; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; justify-content: space-between; align-items: center; color: #424242; box-shadow: none; border-bottom: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .total_menu_container .total_menu_header .mdi { font-size: 20px; cursor: pointer; } .prop-ui .total_menu_container .total_menu_body { flex: 1; display: flex; flex-direction: column; } .prop-ui .total_menu_container .total_menu_body .total_menu_row { display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; box-sizing: border-box; } .prop-ui .total_menu_container .total_menu_body .total_menu_row .total_menu_title { padding: 8px 12px; width: 144px; height: 36px; border-right: 1px solid rgba(9, 11, 12, 0.08); box-sizing: inherit; } .prop-ui .total_menu_container .total_menu_body .total_menu_row .total_menu_title.even { background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #FFF; } .prop-ui .total_menu_container .total_menu_body .total_menu_row .total_menu_input { padding: 2px 2px 2px 3px; box-sizing: inherit; flex: 1; } .prop-ui .total_menu_container .total_menu_body .total_menu_row .total_menu_input .k-input-outline { border-radius: unset !important; } .prop-ui .total_menu_container .total_menu_body .total_menu_row .total_menu_input .k-input-outline .k-input-inner { text-align: right; } .prop-ui .total_menu_container .total_menu_body .total_menu_row .font_highlight { font-weight: 600; text-align: center; } .prop-ui .total_menu_container .total_menu_body .total_menu_row .padding_2 { padding: 2px 2px !important; } .prop-ui .total_menu_container .total_menu_body .total_menu_row .custom_text span.k-numerictextbox input.k-input-inner { text-align: end; } .prop-ui .total_menu_container .total_menu_body .total_menu_row .custom_text span.k-numerictextbox.k-input.k-expand-padding.k-input-outline { border-radius: 0px !important; } .prop-ui .total_menu_container .total_menu_body .field_class { height: 36px; } .prop-ui .total_menu_container .total_menu_body .top_row { border-bottom: 1px solid var(--checkbox-border-v2); } .prop-ui .total_menu_container .total_menu_footer { height: 44px; background: #0086E7; padding: 8px 16px; box-sizing: inherit; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; justify-content: space-between; align-items: center; color: #FFFFFF; } .prop-ui .total_menu_container .total_menu_footer .total_label { width: 35%; } .prop-ui .total_menu_container .total_menu_footer .total_req { width: 37%; } .prop-ui .total_menu_container .editable_width { width: 122px !important; } .prop-ui .total_menu_container .pr-2 { padding: 0px 2px; } .prop-ui .total_menu_container .right_align { text-align: end; } .prop-ui .note-filled-state { color: #5f6368 !important; } .prop-ui .transfer_overview_blk { padding: 0; display: block; width: 100%; } .prop-ui .in_transit_disabled_blk .k-toolbar.k-grid-toolbar .max_right_blk, .prop-ui .in_transit_disabled_blk .k-grid-header .max_right_blk { box-shadow: none !important; pointer-events: none !important; color: #cecece; } .prop-ui .in_transit_disabled_blk .k-toolbar.k-grid-toolbar .max_right_blk .side_panel_btn, .prop-ui .in_transit_disabled_blk .k-grid-header .max_right_blk .side_panel_btn { pointer-events: auto; } .prop-ui .in_transit_disabled_blk .k-toolbar.k-grid-toolbar .max_right_blk .side_panel_btn span.k-icon, .prop-ui .in_transit_disabled_blk .k-grid-header .max_right_blk .side_panel_btn span.k-icon { color: var(--primary-v2); } .prop-ui .in_transit_disabled_blk .k-toolbar.k-grid-toolbar .max_right_blk .ws_logging_icon, .prop-ui .in_transit_disabled_blk .k-grid-header .max_right_blk .ws_logging_icon { pointer-events: none !important; } .prop-ui .in_transit_disabled_blk .k-toolbar.k-grid-toolbar .max_right_blk *:not(.side_panel_btn), .prop-ui .in_transit_disabled_blk .k-grid-header .max_right_blk *:not(.side_panel_btn) { color: var(--ep-color-disabled-item); } .prop-ui .transfer-edit-form-container { display: flex; justify-content: center; align-items: flex-start; flex: 100; gap: 16px; align-self: stretch; padding: 0 16px 6px 16px; } .prop-ui .transfer-edit-form-container .transfer-grid-panel { display: flex; flex-direction: column; align-items: flex-start; flex: 100; border-radius: 6px; background: #FFFFFF; width: 100%; } .prop-ui .transfer-edit-form-container .transfer-grid-panel .transfer_grid_collapsed { width: calc(100% - 516px) !important; } .prop-ui .transfer-edit-form-container .transfer-grid-panel .transfer_grid_collapsed .prop_grid_blk { width: inherit !important; } .prop-ui .transfer-edit-form-container .transfer-grid-panel.transfer_grid_collapse { width: calc(100% - 512px); } .prop-ui .prop_multi_add { height: 99%; } .prop-ui .prop_multi_add span.k-textbox.k-space-left { background: var(--ep-color-textbox-background); height: 38px; display: block; padding-left: 1.55em; position: relative; } .prop-ui .prop_multi_add .k-textbox > input { height: inherit; font-family: Hind, Montserrat, sans-serif; font-size: 16px; color: var(--ep-color-text-normal); border-color: transparent; background: #f3f4f4; width: 100%; } .prop-ui .prop_multi_add .prop-multi-add-animate-btn { display: flex !important; } .prop-ui .transfer-edit-form-container { display: flex; justify-content: center; align-items: flex-start; flex: 100; gap: 16px; align-self: stretch; padding: 0 16px 6px 16px; } .prop-ui .transfer-edit-form-container .transfer-grid-panel { display: flex; flex-direction: column; align-items: flex-start; flex: 100; border-radius: 6px; background: #FFFFFF; width: 100%; } .prop-ui .transfer-edit-form-container .transfer-grid-panel .transfer_grid_collapsed { width: calc(100% - 516px) !important; } .prop-ui .transfer-edit-form-container .transfer-grid-panel .transfer_grid_collapsed .prop_grid_blk { width: inherit !important; } .prop-ui .transfer-edit-form-container .transfer-grid-panel.transfer_grid_collapse { width: calc(100% - 512px); } .prop-ui .transfer-out-right-container { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; width: 512px; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; transform: translateX(0%); transition: transform 0.5s ease-in-out; } @media (min-width: 1199px) { .prop-ui .transfer-out-right-container { flex-basis: unset !important; } } .prop-ui .transfer-out-right-container .right_flout_component { display: flex; flex-direction: column; height: inherit; } .prop-ui .transfer-out-right-container.right_flyout_collapsed { transform: translateX(100%); display: none; } .prop-ui .transfer-out-right-container.right_flyout_expanded { transform: translateX(0%); } .prop-ui .transfer-out-right-container.right_flyout_maximized { z-index: 1000; top: 54px; position: fixed; height: calc(100% - 104px) !important; right: 0px; } .prop-ui .transfer-out-right-container .right-panel-header { display: flex; align-items: center; align-self: stretch; padding: 13px 12px; border-bottom: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .transfer-out-right-container .right-panel-header .right-panel-header-text { flex: 1 0 0; color: #000000; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .transfer-out-right-container .right-panel-header .right-arrow-button { display: flex; justify-content: center; align-items: center; height: 30px; width: 30px; } .prop-ui .transfer-out-right-container .right-panel-header .right-arrow-button .prop-lib, .prop-ui .transfer-out-right-container .right-panel-header .right-arrow-button .prop-btn, .prop-ui .transfer-out-right-container .right-panel-header .right-arrow-button .k-button { height: inherit; width: inherit; } .prop-ui .transfer-out-right-container .right-panel-body { display: flex; flex-direction: column; flex: 1 0 0; gap: 20px; align-self: stretch; padding: 0px 12px 16px 12px; overflow-y: auto; overflow-x: hidden; height: calc(100% - 57px); } .prop-ui .transfer-out-right-container .right-panel-body .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item { border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .transfer-out-right-container .right-panel-body .k-tabstrip-items-wrapper .k-item { color: #424242; text-align: center; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .transfer-out-right-container .right-panel-body .k-tabstrip .k-tabstrip-items-wrapper ul li.k-active { color: #000000; font-weight: 600; background-color: #FFFFFF; border-bottom: 2px solid #0086E7 !important; } .prop-ui .transfer-out-right-container .right-panel-body .k-tabstrip .k-tabstrip-items-wrapper ul li.k-active:hover { background: #FFFFFF; } .prop-ui .transfer-out-right-container .right-panel-body div#transfer-right-panel-tab { display: flex; flex-direction: column; flex: 1 0 0; gap: 20px; align-self: stretch; } .prop-ui .transfer-out-right-container .right-panel-body div#transfer-right-panel-tab .k-tabstrip-items-wrapper { position: sticky; top: 0; z-index: 9; padding-left: unset; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; gap: 24px; align-self: stretch; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .store-info { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .po_item_header-text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; font-feature-settings: "clig" off, "liga" off; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .po_item_value_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; color: #424242; font-feature-settings: "clig" off, "liga" off; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .to_accordion { background: #FAFAFA; border: 1px solid rgba(9, 11, 12, 0.08); height: 34px; padding: 4px 16px; align-items: center; justify-content: space-between; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .to_accordion span { font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .to_accordion_content_box { gap: 0; border: 1px solid rgba(9, 11, 12, 0.08); border-top-width: 0px; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .to_accordion_content_box .to_accordion_item { text-align: center; border: 1px solid rgba(9, 11, 12, 0.08); border-left-width: 0px; border-top-width: 0px; height: 72px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .to_accordion_content_box .to_accordion_sales_container { padding: 12px; gap: 6px; background: #FAFAFA; flex-wrap: wrap; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .to_accordion_content_box .to_accordion_sales_container .po_accordian_sales_item { text-align: center; width: 56px; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .requesting-store-info { display: flex; flex-direction: column; align-items: center; gap: 20px; align-self: stretch; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .requesting-store-info .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .requesting-store-info .base_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .requesting-store-info .transfer-from-info { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section { border-radius: 3px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FAFAFA; display: flex; align-items: flex-start; gap: 0px; align-self: stretch; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .requesting-store-sugg-quantity { width: 130px; gap: 16px; align-self: stretch; background: #FFFFFF; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .requesting-store-sugg-quantity .sugg-qty-text-heading { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; color: #000000; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .requesting-store-sugg-quantity .sugg-qty-chip-blk { display: flex; align-items: center; gap: 10px; color: #FFFFFF; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .requesting-store-sugg-quantity .sugg-qty-chip-blk .sugg-qty-chip-value { padding: 7px 9px; border-radius: 100px; border: 1px solid #02AC43; background: #02AC43; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .other-quantity-section { border-left: 1px solid rgba(9, 11, 12, 0.08); padding: 8px 0px 3px 0px; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .other-quantity-section .transfer-right-flyout-divider { height: 1px; background: rgba(9, 11, 12, 0.08); } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .other-quantity-section { gap: 4px; padding: 4px 0px; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .requesting-store-info .transfer-from-store-table { width: 100%; } .prop-ui .transfer-out-right-container .right-panel-body .transfer-source-tab .requesting-store-info .transfer-from-store-table table { width: 100% !important; } .prop-ui .transfer-out-right-container .right-panel-body .product-tab-container { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; align-self: stretch; } .prop-ui .transfer-out-right-container .right-panel-body .product-tab-container .transfer-product-details { flex: 0; } .prop-ui .transfer-out-right-container .right-panel-body .product-tab-container .transfer-product-details .transfer-product-image { display: flex; flex-direction: column; align-items: flex-start; width: 150px; height: 150px; } .prop-ui .transfer-out-right-container .right-panel-body .product-tab-container .transfer-product-details .product-details { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1 0 0; gap: 12px; align-self: stretch; } .prop-ui .transfer-out-right-container .right-panel-body .product-tab-container .transfer-product-details .product-details .product-title { display: flex; align-items: flex-start; align-self: stretch; color: #000000; font-family: Source Sans Pro !important; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; font-feature-settings: "clig" off, "liga" off; } .prop-ui .transfer-out-right-container .right-panel-body .product-tab-container .transfer-product-details .product-details .product-cost-details { display: flex; align-items: center; gap: 8px 32px; align-self: stretch; align-content: center; flex-wrap: wrap; } .prop-ui .transfer-out-right-container .right-panel-body .product-tab-container .transfer-product-details .product-details .product-cost-details .product-cost { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; } .prop-ui .transfer-out-right-container .right-panel-body .product-tab-container .transfer-product-details .product-details .product-cost-details .product-cost .static-label { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; color: #5B6870; } .prop-ui .transfer-out-right-container .right-panel-body .product-tab-container .transfer-product-details .product-details .product-cost-details .product-cost .static-label .static-value { color: #000000; } .prop-ui .transfer-out-right-container .right-panel-body .product-tab-container .transfer-product-stocking-history { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch; } .prop-ui .transfer-out-right-container .right-panel-body .product-tab-container .transfer-product-stocking-history .product-header .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-out-right-container .right-panel-body .product-tab-container .transfer-product-stocking-history .requesting-store-quantity-section { border-radius: 3px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FAFAFA; display: flex; align-items: flex-start; gap: 0px; align-self: stretch; } .prop-ui .transfer-out-right-container .right-panel-body .product-tab-container .transfer-product-stocking-history .requesting-store-quantity-section .requesting-store-sugg-quantity { width: 130px; gap: 16px; align-self: stretch; background: #FFFFFF; } .prop-ui .transfer-out-right-container .right-panel-body .product-tab-container .transfer-product-stocking-history .requesting-store-quantity-section .requesting-store-sugg-quantity .sugg-qty-text-heading { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; color: #000000; } .prop-ui .transfer-out-right-container .right-panel-body .product-tab-container .transfer-product-stocking-history .requesting-store-quantity-section .requesting-store-sugg-quantity .sugg-qty-chip-blk { display: flex; align-items: center; gap: 10px; color: #FFFFFF; } .prop-ui .transfer-out-right-container .right-panel-body .product-tab-container .transfer-product-stocking-history .requesting-store-quantity-section .requesting-store-sugg-quantity .sugg-qty-chip-blk .sugg-qty-chip-value { padding: 7px 9px; border-radius: 100px; border: 1px solid #02AC43; background: #02AC43; } .prop-ui .transfer-out-right-container .right-panel-body .product-tab-container .transfer-product-stocking-history .requesting-store-quantity-section .other-quantity-section { border-left: 1px solid rgba(9, 11, 12, 0.08); padding: 8px 0px 3px 0px; } .prop-ui .transfer-out-right-container .right-panel-body .product-tab-container .transfer-product-stocking-history .requesting-store-quantity-section .other-quantity-section .transfer-right-flyout-divider { height: 1px; background: rgba(9, 11, 12, 0.08); } .prop-ui .transfer-out-add-item-transfer-wrapper { display: flex; height: 100%; } .prop-ui .transfer-out-add-item-transfer-wrapper .no-data-template { padding: 16px 0px; border-radius: 4px; border: 2px dashed rgba(9, 11, 12, 0.16); background: rgba(250, 250, 250, 0.4); margin: 15px; } .prop-ui .transfer-out-add-item-transfer-wrapper .no-data-template .nothing-to-show-text { color: #424242; text-align: center; font-feature-settings: "clig" off, "liga" off; -webkit-text-stroke-width: 2; -webkit-text-stroke-color: #FFFFFF; font-family: Source Sans Pro !important; font-size: 24px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-out-add-item-transfer-wrapper .no-data-template .perform-search-sub-text { color: #5B6870; text-align: center; font-feature-settings: "clig" off, "liga" off; -webkit-text-stroke-width: 1; -webkit-text-stroke-color: #FFFFFF; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body { padding: 0; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container { display: flex; align-items: center; align-self: stretch; border-top: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details { padding: 0px 21px 0px 1px; display: flex; align-self: center; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-img-container { width: 64px; height: 64px; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-img-container img { height: inherit; width: inherit; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-name { color: #424242; font-family: Source Sans Pro !important; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk { display: flex; align-items: center; gap: 18px; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk .product-sku-blk { display: flex; align-items: center; gap: 4px; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk .product-sku-blk .sku-text { color: #5B6870; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk .product-sku-blk .sku-value { color: #424242; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk .product-qty-blk { display: flex; align-items: center; gap: 6px; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk .product-qty-blk .qty-allocation-text { color: #000000; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk .product-qty-blk .chip-blk { display: flex; align-items: center; gap: 10px; color: #FFFFFF; min-width: 65px; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-details .product-info .product-info-allocation-sku-blk .product-qty-blk .chip-blk .qty-badge { display: flex; justify-content: center; align-items: center; flex: 1; padding: 3px 5px; border-radius: 100px; border: 1px solid var(--buttons-primary-border-primary-button-border, #0080DC); background: var(--buttons-primary-primary-button-bg, linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 99.48%, rgba(0, 0, 0, 0.04) 99.49%), #0086E7); } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-allocation-detail-blk { display: flex; align-items: flex-start; flex: 1 0 0; background: #FAFAFA; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-allocation-detail-blk .product-allocation .product-name-value { padding: 6px 0px; border-bottom: 1px solid rgba(9, 11, 12, 0.16); border-left: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-allocation-detail-blk .product-allocation .product-name-value .name { color: #5B6870; text-align: center; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-body .product-details-container .product-allocation-detail-blk .product-allocation .product-name-value .value { color: #424242; text-align: center; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-footer { height: 60px; background: #FFFFFF; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-footer .custom-footer { display: block; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-search-card .prop-card-footer .md-toast-container { padding: 0; top: 0; position: relative; } .prop-ui .transfer-out-add-item-transfer-wrapper .destination-product-blk .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item { border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; } .prop-ui .transfer-out-add-item-transfer-wrapper .destination-product-blk .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item span.k-link { padding: 8px 20px; } .prop-ui .transfer-out-add-item-transfer-wrapper .destination-product-blk .prop-tab-strip .k-tabstrip .k-tabstrip-items-wrapper { border-bottom: 1px solid #d5d5d5; padding-left: 8px; } .prop-ui .transfer-out-add-item-transfer-wrapper .destination-product-blk .prop-tab-strip { width: 100%; } .prop-ui .transfer-out-add-item-transfer-wrapper .destination-product-blk .prop-tab-strip .prop-tab-child-content { width: 100%; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; gap: 24px; align-self: stretch; position: absolute; bottom: 0; margin-left: -24px; margin-right: -24px; width: 100%; overflow-x: auto !important; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .store-info { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .po_item_header_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; font-feature-settings: "clig" off, "liga" off; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .po_item_value_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; color: #424242; font-feature-settings: "clig" off, "liga" off; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .history_section { border-left: 0px; border-right: 1px solid rgba(9, 11, 12, 0.1607843137); padding: 0 9.5px; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .history_section .border_btn_0 { border-bottom: 0px; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .to_accordion { background: #FAFAFA; border: 1px solid rgba(9, 11, 12, 0.08); height: 34px; padding: 4px 16px; align-items: center; justify-content: space-between; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .to_accordion span { font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .to_accordion_content_box { gap: 0; border: 1px solid rgba(9, 11, 12, 0.08); border-top-width: 0px; overflow: auto !important; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .to_accordion_content_box .to_accordion_item { text-align: center; border: 1px solid rgba(9, 11, 12, 0.08); border-left-width: 0px; border-top-width: 0px; height: 72px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .to_accordion_content_box .to_accordion_sales_container { padding: 14px 0; gap: 8px; background: #FAFAFA; flex-wrap: nowrap; overflow: auto !important; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .to_accordion_content_box .to_accordion_sales_container .po_accordian_sales_item { text-align: center; width: 150px; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info { display: flex; flex-direction: column; align-items: center; gap: 20px; align-self: stretch; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .base_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .transfer-from-info { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .requesting-store-quantity-section { border-radius: 3px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FAFAFA; display: flex; align-items: flex-start; gap: 0px; align-self: stretch; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .requesting-store-quantity-section .requesting-store-sugg-quantity { width: 130px; gap: 16px; align-self: stretch; background: #FFFFFF; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .requesting-store-quantity-section .requesting-store-sugg-quantity .sugg-qty-text-heading { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; color: #000000; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .requesting-store-quantity-section .requesting-store-sugg-quantity .sugg-qty-chip-blk { display: flex; align-items: center; gap: 10px; color: #FFFFFF; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .requesting-store-quantity-section .requesting-store-sugg-quantity .sugg-qty-chip-blk .sugg-qty-chip-value { padding: 7px 9px; border-radius: 100px; border: 1px solid #02AC43; background: #02AC43; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .requesting-store-quantity-section .other-quantity-section { border-left: 1px solid rgba(9, 11, 12, 0.08); gap: unset; padding: 4px 0px; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .requesting-store-quantity-section .other-quantity-section .transfer-right-flyout-divider { height: 1px; background: rgba(9, 11, 12, 0.08); } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .transfer-from-store-table { width: 100%; } .prop-ui .transfer-out-add-item-transfer-wrapper .transfer-out-source-tab .requesting-store-info .transfer-from-store-table table { width: 100% !important; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-section { display: flex; flex-direction: row; align-items: flex-start; gap: 0px; align-self: stretch; border-radius: 3px; border: 1px solid rgba(9, 11, 12, 0.08); background-color: #ffffff; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-stocking-history { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-stocking-history .product-header .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-out-add-item-transfer-wrapper .cost-text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .transfer-out-add-item-transfer-wrapper .cost-text .name { color: var(--subtle-text, #5B6870); } .prop-ui .transfer-out-add-item-transfer-wrapper .cost-text .value { color: var(--black, #000); } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container { display: flex; align-items: center; align-self: stretch; border-radius: 0px 0px 4px 4px; background-color: #FFFFFF !important; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container .product-details { display: flex; padding: 0px 21px 0px 1px; align-self: center; width: 410px; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container .product-details .product-info .product-name { color: #424242; font-family: "Source Sans Pro"; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container .product-details .product-info .product-info-allocation-sku-blk { display: flex; align-items: center; gap: 18px; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container .product-details .product-info .product-info-allocation-sku-blk .product-sku-blk { display: flex; align-items: center; gap: 4px; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container .product-details .product-info .product-info-allocation-sku-blk .product-sku-blk .sku-text { color: #5B6870; font-family: "Source Sans Pro"; font-size: 16px; font-style: normal; font-weight: 400; width: max-content !important; line-height: normal; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container .product-details .product-info .product-info-allocation-sku-blk .product-sku-blk .sku-value { color: #424242; font-family: "Source Sans Pro"; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container .product-allocation-detail-blk { display: flex; align-items: flex-start; flex: 1 0 0; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container .product-allocation-detail-blk .product-allocation { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1 0 0; } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container .product-allocation-detail-blk .product-allocation .product-name-value { display: flex; padding: 6px 0px; flex-direction: column; justify-content: center; align-items: center; align-self: stretch; border-bottom: 1px solid rgba(9, 11, 12, 0.16); border-left: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container .product-allocation-detail-blk .product-allocation .product-name-value .name { color: var(--subtle-text, #5B6870); text-align: center; font-feature-settings: "clig" off, "liga" off; font-family: "Source Sans Pro"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ } .prop-ui .transfer-out-add-item-transfer-wrapper .product-tab-container .product-allocation-detail-blk .product-allocation .product-name-value .value { color: #424242; text-align: center; font-feature-settings: "clig" off, "liga" off; font-family: "Source Sans Pro"; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; /* 142.857% */ } .prop-ui .transfer-print-email .prop-printer-outline-icon { background-image: url("/app/assets/images/printer-outline.svg"); height: 20px; width: 20px; } .prop-ui .transfer_print_preview_layer { height: 98%; } .prop-ui .transfer_receiver_drawer .custom_radio .k-radio + .k-radio-label:before { margin-top: 7px !important; } .prop-ui .transfer_receiver_drawer .custom_radio { line-height: 0 !important; } .prop-ui .transfer_receiver_drawer .custom_radio label { padding-left: 30px !important; } .prop-ui .transfer_receiver_drawer .card_custom .prop-card-body { padding: 8px !important; } .prop-ui .transfer_receiver_drawer .checkbox_selected .k-card-header { background: #0086E7 !important; } .prop-ui .transfer_receiver_drawer .checkbox_selected .k-card-header .k-card-title { color: #FFFFFF !important; } .prop-ui .transfer_receiver_drawer .custom-divider { margin-top: 20px; /* Add space above the divider */ height: 2px; /* Set the height of the divider */ background-color: rgba(0, 0, 0, 0.0705882353); /* Set the color of the divider */ width: 100%; /* Make the divider span the full width */ } .prop-ui #total_link .total-container { display: flex; flex-direction: row; align-items: center; } .prop-ui #total_link .total-container .total-label { display: flex; flex-direction: column; align-items: self-end; } .prop-ui #total_link .total-container .total-label span:first-child { color: #424242; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: 0.1px; } .prop-ui #total_link .total-container .total-label span:last-child { color: #0091EA; text-align: right; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 15px; font-style: normal; font-weight: 700; line-height: normal; } .prop-ui .total_menu_container { display: flex; flex-direction: column; border-radius: 4px; border: 1px solid #FFFFFF; background: #FFFFFF; box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.12); box-sizing: border-box; } .prop-ui .total_menu_container .total_menu_header { height: 44px; background: #FAFAFA; padding: 12px; box-sizing: inherit; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; justify-content: space-between; align-items: center; color: #424242; box-shadow: none; border-bottom: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .total_menu_container .total_menu_header .mdi { font-size: 20px; cursor: pointer; } .prop-ui .total_menu_container .total_menu_body { flex: 1; display: flex; flex-direction: column; } .prop-ui .total_menu_container .total_menu_body .total_menu_row { display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; box-sizing: border-box; } .prop-ui .total_menu_container .total_menu_body .total_menu_row .total_menu_title { padding: 8px 12px; width: 144px; height: 36px; border-right: 1px solid rgba(9, 11, 12, 0.08); box-sizing: inherit; } .prop-ui .total_menu_container .total_menu_body .total_menu_row .total_menu_title.even { background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #FFF; } .prop-ui .total_menu_container .total_menu_body .total_menu_row .total_menu_input { padding: 2px 2px 2px 3px; box-sizing: inherit; flex: 1; } .prop-ui .total_menu_container .total_menu_body .total_menu_row .total_menu_input .k-input-outline { border-radius: unset !important; } .prop-ui .total_menu_container .total_menu_body .total_menu_row .total_menu_input .k-input-outline .k-input-inner { text-align: right; } .prop-ui .total_menu_container .total_menu_body .total_menu_row .font_highlight { font-weight: 600; text-align: center; } .prop-ui .total_menu_container .total_menu_body .total_menu_row .padding_2 { padding: 2px 2px !important; } .prop-ui .total_menu_container .total_menu_body .total_menu_row .custom_text span.k-numerictextbox input.k-input-inner { text-align: end; } .prop-ui .total_menu_container .total_menu_body .total_menu_row .custom_text span.k-numerictextbox.k-input.k-expand-padding.k-input-outline { border-radius: 0px !important; } .prop-ui .total_menu_container .total_menu_body .field_class { height: 36px; } .prop-ui .total_menu_container .total_menu_body .top_row { border-bottom: 1px solid var(--checkbox-border-v2); } .prop-ui .total_menu_container .total_menu_footer { height: 44px; background: #0086E7; padding: 8px 16px; box-sizing: inherit; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; justify-content: space-between; align-items: center; color: #FFFFFF; } .prop-ui .total_menu_container .total_menu_footer .total_label { width: 35%; } .prop-ui .total_menu_container .total_menu_footer .total_req { width: 37%; } .prop-ui .total_menu_container .editable_width { width: 122px !important; } .prop-ui .total_menu_container .pr-2 { padding: 0px 2px; } .prop-ui .total_menu_container .right_align { text-align: end; } .prop-ui .transfer-right-panel { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; width: 512px; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; transform: translateX(0%); transition: transform 0.5s ease-in-out; } @media (min-width: 1199px) { .prop-ui .transfer-right-panel { flex-basis: unset !important; } } .prop-ui .transfer-right-panel .right_flout_component { display: flex; flex-direction: column; height: inherit; } .prop-ui .transfer-right-panel.right_flyout_collapsed { transform: translateX(100%); display: none; } .prop-ui .transfer-right-panel.right_flyout_expanded { transform: translateX(0%); } .prop-ui .transfer-right-panel.right_flyout_maximized { z-index: 1000; top: 54px; position: fixed; height: calc(100% - 104px) !important; right: 0px; } .prop-ui .transfer-right-panel .right-panel-header { display: flex; align-items: center; align-self: stretch; padding: 13px 12px; border-bottom: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .transfer-right-panel .right-panel-header .right-panel-header-text { flex: 1 0 0; color: var(--black, #000); text-overflow: ellipsis; overflow: hidden; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .transfer-right-panel .right-panel-header .right-arrow-button { display: flex; justify-content: center; align-items: center; height: 30px; width: 30px; } .prop-ui .transfer-right-panel .right-panel-header .right-arrow-button .prop-lib, .prop-ui .transfer-right-panel .right-panel-header .right-arrow-button .prop-btn, .prop-ui .transfer-right-panel .right-panel-header .right-arrow-button .k-button { height: inherit; width: inherit; } .prop-ui .transfer-right-panel .right-panel-body { display: flex; flex-direction: column; flex: 1 0 0; gap: 20px; align-self: stretch; padding: 0px 12px 16px 12px; overflow-y: auto; overflow-x: hidden; height: calc(100% - 57px); } .prop-ui .transfer-right-panel .right-panel-body .transfer-tab-container { /* overflow-x:hidden ;*/ } .prop-ui .transfer-right-panel .right-panel-body .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item { border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .transfer-right-panel .right-panel-body .k-tabstrip-items-wrapper .k-item { color: #424242; text-align: center; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .transfer-right-panel .right-panel-body .k-tabstrip .k-tabstrip-items-wrapper ul li.k-active { color: #000000; font-weight: 600; background-color: #FFFFFF; border-bottom: 2px solid #0086E7 !important; } .prop-ui .transfer-right-panel .right-panel-body .k-tabstrip .k-tabstrip-items-wrapper ul li.k-active:hover { background: #FFFFFF; } .prop-ui .transfer-right-panel .right-panel-body div#transfer-right-panel-tab { display: flex; padding: 0px 12px 16px 12px; flex-direction: column; gap: 20px; flex: 1 0 0; align-self: stretch; } .prop-ui .transfer-right-panel .right-panel-body div#transfer-right-panel-tab .k-tabstrip-items-wrapper { position: sticky; top: 0; z-index: 9; } .prop-ui .transfer-right-panel .right-panel-body .transfer-source-tab { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; gap: 24px; align-self: stretch; } .prop-ui .transfer-right-panel .right-panel-body .transfer-source-tab .requesting-store-info { display: flex; flex-direction: column; align-items: center; gap: 8px; align-self: stretch; } .prop-ui .transfer-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .store-info { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; align-self: stretch; } .prop-ui .transfer-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .base_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; } .prop-ui .transfer-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section { border-radius: 3px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FAFAFA; gap: 0px; display: flex; align-items: flex-start; align-self: stretch; } .prop-ui .transfer-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .requesting-store-sugg-quantity { width: 208px; gap: 16px; align-self: stretch; background: #FFFFFF; } .prop-ui .transfer-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .requesting-store-sugg-quantity .sugg-qty-text-heading { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; color: #000000; } .prop-ui .transfer-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .requesting-store-sugg-quantity .sugg-qty-chip-blk { display: flex; align-items: center; gap: 10px; color: #FFFFFF; } .prop-ui .transfer-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .requesting-store-sugg-quantity .sugg-qty-chip-blk .sugg-qty-chip-value { padding: 7px 9px; border-radius: 100px; border: 1px solid #02AC43; background: #02AC43; } .prop-ui .transfer-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .other-quantity-section { border-left: 1px solid var(--component-border, rgba(9, 11, 12, 0.08)); padding: 8px 0px 3px 0px; } .prop-ui .transfer-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .other-quantity-section .transfer-right-flyout-divider { height: 1px; background: rgba(9, 11, 12, 0.08); } .prop-ui .transfer-right-panel .right-panel-body .transfer-source-tab .transfer-from-info { display: flex; flex-direction: column; align-items: flex-start; /*gap: 8px;*/ align-self: stretch; } .prop-ui .transfer-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .base_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; } .prop-ui .transfer-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .store-info { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; align-self: stretch; } .prop-ui .transfer-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .transfer-from-store-table { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; box-sizing: border-box; } .prop-ui .transfer-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .transfer-from-store-table.other-store { overflow-y: auto; max-height: 133px; } @media only screen and (min-width: 1224px) { .prop-ui .transfer-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .transfer-from-store-table.other-store { max-height: 133px; } } @media only screen and (min-width: 1824px) { .prop-ui .transfer-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .transfer-from-store-table.other-store { max-height: 350px; } } .prop-ui .transfer-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .transfer-from-store-table .from_store_color { background-color: #D2F3DF; } .prop-ui .transfer-right-panel .right-panel-body .product-tab-container { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; align-self: stretch; } .prop-ui .transfer-right-panel .right-panel-body .product-tab-container .transfer-product-details .transfer-product-image { display: flex; width: 150px; height: 150px; flex-direction: column; align-items: flex-start; } .prop-ui .transfer-right-panel .right-panel-body .product-tab-container .transfer-product-details .product-details { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; flex: 1 0 0; } .prop-ui .transfer-right-panel .right-panel-body .product-tab-container .transfer-product-details .product-details .product-title { display: flex; align-items: flex-start; align-self: stretch; color: #000000; font-feature-settings: "clig" off, "liga" off; font-family: "Source Sans Pro"; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; /* 133.333% */ } .prop-ui .transfer-right-panel .right-panel-body .product-tab-container .transfer-product-details .product-details .product-cost-details { display: flex; align-items: center; align-content: center; gap: 8px 32px; align-self: stretch; flex-wrap: wrap; } .prop-ui .transfer-right-panel .right-panel-body .product-tab-container .transfer-product-details .product-details .product-cost-details .product-cost { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; } .prop-ui .transfer-right-panel .right-panel-body .product-tab-container .transfer-product-details .product-details .product-cost-details .product-cost .static-label { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; color: #5B6870; } .prop-ui .transfer-right-panel .right-panel-body .product-tab-container .transfer-product-details .product-details .product-cost-details .product-cost .static-label .static-value { color: #000000; } .prop-ui .transfer-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch; } .prop-ui .transfer-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .product-header .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .stocking-section { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .transfer-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .stocking-section .stocking-section-one { display: flex; align-items: center; align-self: stretch; } .prop-ui .transfer-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .stocking-section .stocking-section-two { display: flex; align-items: center; align-self: stretch; } .prop-ui .transfer-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .requesting-store-quantity-section { border-radius: 3px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FAFAFA; gap: 0px; display: flex; align-items: flex-start; align-self: stretch; } .prop-ui .transfer-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .requesting-store-quantity-section .requesting-store-sugg-quantity { width: 208px; gap: 16px; align-self: stretch; background: #FFFFFF; } .prop-ui .transfer-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .requesting-store-quantity-section .requesting-store-sugg-quantity .sugg-qty-text-heading { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; color: #000000; } .prop-ui .transfer-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .requesting-store-quantity-section .requesting-store-sugg-quantity .sugg-qty-chip-blk { display: flex; align-items: center; gap: 10px; color: #FFFFFF; } .prop-ui .transfer-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .requesting-store-quantity-section .requesting-store-sugg-quantity .sugg-qty-chip-blk .sugg-qty-chip-value { padding: 7px 9px; border-radius: 100px; border: 1px solid #02AC43; background: #02AC43; } .prop-ui .transfer-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .requesting-store-quantity-section .other-quantity-section { border-left: 1px solid var(--component-border, rgba(9, 11, 12, 0.08)); padding: 8px 0px 3px 0px; } .prop-ui .transfer-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .requesting-store-quantity-section .other-quantity-section .transfer-right-flyout-divider { height: 1px; background: rgba(9, 11, 12, 0.08); } .prop-ui .transfer-right-panel .right-panel-body .product-tab-container .transfer-product-history .product-header .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-right-panel .right-panel-body .product-tab-container .transfer-product-history .history-section { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .add-item-picker-wrapper { display: flex; height: 100%; } .prop-ui .add-item-picker-wrapper .no-data-template { padding: 16px 0px; border-radius: 4px; border: 2px dashed rgba(9, 11, 12, 0.16); background: rgba(250, 250, 250, 0.4); } .prop-ui .add-item-picker-wrapper .no-data-template .nothing-to-show-text { color: #424242; text-align: center; -webkit-text-stroke-width: 2; -webkit-text-stroke-color: #FFFFFF; font-family: Source Sans Pro !important; font-size: 24px; font-weight: 600; } .prop-ui .add-item-picker-wrapper .no-data-template .perform-search-sub-text { color: #5B6870; text-align: center; -webkit-text-stroke-width: 1; -webkit-text-stroke-color: #FFFFFF; font-family: Source Sans Pro !important; font-size: 14px; font-weight: 400; } .prop-ui .add-item-picker-wrapper .product-search-card .prop-card-body { padding: 0; } .prop-ui .add-item-picker-wrapper .custom-footer { display: block; } .prop-ui .add-item-picker-wrapper .transfer-source-tab { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; gap: 16px; align-self: stretch; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-product-stocking-history { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-product-stocking-history .product-header .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section { border-radius: 3px; border: 1px solid rgba(9, 11, 12, 0.08); display: flex; align-items: flex-start; gap: 0px; align-self: stretch; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section .other-quantity-section { border-left: 1px solid rgba(9, 11, 12, 0.08); gap: 0 !important; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section .other-quantity-section .transfer-right-flyout-divider { height: 1px; background: rgba(9, 11, 12, 0.08); } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section .other-quantity-section .data-container { height: 69px; gap: 2px !important; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section .po_item_header-text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; height: 20px; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section .po_item_value_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; color: #424242; height: 20px; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .requesting-store-info { display: flex; flex-direction: column; align-items: center; gap: 8px; align-self: stretch; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .requesting-store-info .store-info { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; align-self: stretch; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .requesting-store-info .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .requesting-store-info .base_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .requesting-store-info .requesting-store-quantity-section { border-radius: 3px; border: 1px solid rgba(9, 11, 12, 0.08); display: flex; align-items: flex-start; gap: 0px; align-self: stretch; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .other-quantity-section { border-left: 1px solid rgba(9, 11, 12, 0.08); gap: 0 !important; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .other-quantity-section .transfer-right-flyout-divider { height: 1px; background: rgba(9, 11, 12, 0.08); } .prop-ui .add-item-picker-wrapper .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .other-quantity-section .data-container { height: 69px; gap: 2px !important; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-from-info { display: flex; flex-direction: column; align-items: flex-start; /*gap: 8px;*/ align-self: stretch; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-from-info .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-from-info .base_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-from-info .store-info { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; align-self: stretch; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-from-info .transfer-from-store-table { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; box-sizing: border-box; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-from-info .transfer-from-store-table.other-store { overflow-y: auto; max-height: 133px; } @media only screen and (min-width: 1224px) { .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-from-info .transfer-from-store-table.other-store { max-height: 133px; } } @media only screen and (min-width: 1824px) { .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-from-info .transfer-from-store-table.other-store { max-height: 350px; } } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-from-info .transfer-from-store-table .from_store_color { background-color: #D2F3DF; } .prop-ui .add-item-picker-wrapper .base-details { max-height: fit-content; } .prop-ui .add-item-picker-wrapper .base-details p { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; color: #424242; margin: 0; } .prop-ui .add-item-picker-wrapper .base-details span { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; height: 20px; } .prop-ui .transfer_picking_grid_wrapper .prop-transfer-serial-view-icon { background-image: url("/app/assets/images/cube-outline-barcode.svg"); width: 20px; height: 20px; } .prop-ui .transfer-picking-right-panel { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; width: 512px; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; transform: translateX(0%); transition: transform 0.5s ease-in-out; } @media (min-width: 1199px) { .prop-ui .transfer-picking-right-panel { flex-basis: unset !important; } } .prop-ui .transfer-picking-right-panel .right_flout_component { display: flex; flex-direction: column; height: inherit; } .prop-ui .transfer-picking-right-panel.right_flyout_collapsed { transform: translateX(100%); display: none; } .prop-ui .transfer-picking-right-panel.right_flyout_expanded { transform: translateX(0%); } .prop-ui .transfer-picking-right-panel.right_flyout_maximized { z-index: 1000; top: 54px; position: fixed; height: calc(100% - 104px) !important; right: 0px; } .prop-ui .transfer-picking-right-panel .right-panel-header { display: flex; align-items: center; align-self: stretch; padding: 13px 12px; border-bottom: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .transfer-picking-right-panel .right-panel-header .right-panel-header-text { flex: 1 0 0; color: var(--black, #000); font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .transfer-picking-right-panel .right-panel-header .right-arrow-button { display: flex; justify-content: center; align-items: center; height: 30px; width: 30px; } .prop-ui .transfer-picking-right-panel .right-panel-header .right-arrow-button .prop-lib, .prop-ui .transfer-picking-right-panel .right-panel-header .right-arrow-button .prop-btn, .prop-ui .transfer-picking-right-panel .right-panel-header .right-arrow-button .k-button { height: inherit; width: inherit; } .prop-ui .transfer-picking-right-panel .right-panel-body { display: flex; flex-direction: column; flex: 1 0 0; gap: 20px; align-self: stretch; padding: 12px; overflow-y: auto; overflow-x: hidden; height: calc(100% - 57px); } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-tab-container { /* overflow-x:hidden ;*/ } .prop-ui .transfer-picking-right-panel .right-panel-body .po-product-details { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1 0 0; gap: 12px; align-self: stretch; } .prop-ui .transfer-picking-right-panel .right-panel-body .po-product-details .product-title { display: flex; align-items: flex-start; align-self: stretch; color: #000000; font-family: Source Sans Pro !important; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; font-feature-settings: "clig" off, "liga" off; } .prop-ui .transfer-picking-right-panel .right-panel-body .po-product-details .product-cost-details { display: flex; flex-direction: column; align-items: center; gap: 8px; align-self: stretch; align-content: center; flex-wrap: wrap; } .prop-ui .transfer-picking-right-panel .right-panel-body .po-product-details .product-cost-details .product-cost { max-width: 320px; display: flex; flex-direction: row; align-items: flex-start; flex: 1; gap: 6px; } .prop-ui .transfer-picking-right-panel .right-panel-body .po-product-details .product-cost-details .product-cost .static-label { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .prop-ui .transfer-picking-right-panel .right-panel-body .po-product-details .product-cost-details .product-cost .static-label .static-value { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; color: #000000; } .prop-ui .transfer-picking-right-panel .right-panel-body .po-product-details .product-cost-details .product-description { font-family: Source Sans Pro !important; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; padding-bottom: 20px; } .prop-ui .transfer-picking-right-panel .right-panel-body .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item { border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .transfer-picking-right-panel .right-panel-body .k-tabstrip-items-wrapper .k-item { color: #424242; text-align: center; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .transfer-picking-right-panel .right-panel-body .k-tabstrip .k-tabstrip-items-wrapper ul li.k-active { color: #000000; font-weight: 600; background-color: #FFFFFF; border-bottom: 2px solid #0086E7 !important; } .prop-ui .transfer-picking-right-panel .right-panel-body .k-tabstrip .k-tabstrip-items-wrapper ul li.k-active:hover { background: #FFFFFF; } .prop-ui .transfer-picking-right-panel .right-panel-body div#transfer-right-panel-tab { display: flex; flex-direction: column; gap: 20px; flex: 1 0 0; align-self: stretch; } .prop-ui .transfer-picking-right-panel .right-panel-body div#transfer-right-panel-tab .k-tabstrip-items-wrapper { position: sticky; top: 0; z-index: 9; padding-left: 0; } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; gap: 20px; align-self: stretch; } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .transfer-product-stocking-history { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch; } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .transfer-product-stocking-history .product-header .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section { border-radius: 3px; border: 1px solid rgba(9, 11, 12, 0.08); display: flex; align-items: flex-start; gap: 0px; align-self: stretch; } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section .other-quantity-section { border-left: 1px solid rgba(9, 11, 12, 0.08); gap: 0 !important; } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section .other-quantity-section .transfer-right-flyout-divider { height: 1px; background: rgba(9, 11, 12, 0.08); } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section .other-quantity-section .data-container { height: 69px; gap: 2px !important; } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section .po_item_header-text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; height: 20px; } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section .po_item_value_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; color: #424242; height: 20px; } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .requesting-store-info { display: flex; flex-direction: column; align-items: center; gap: 8px; align-self: stretch; } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .store-info { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; align-self: stretch; } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .base_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section { border-radius: 3px; border: 1px solid rgba(9, 11, 12, 0.08); display: flex; align-items: flex-start; gap: 0px; align-self: stretch; } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .other-quantity-section { border-left: 1px solid rgba(9, 11, 12, 0.08); gap: 0 !important; } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .other-quantity-section .transfer-right-flyout-divider { height: 1px; background: rgba(9, 11, 12, 0.08); } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .other-quantity-section .data-container { height: 69px; gap: 2px !important; } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .transfer-from-info { display: flex; flex-direction: column; align-items: flex-start; /*gap: 8px;*/ align-self: stretch; } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .base_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .store-info { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; align-self: stretch; } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .transfer-from-store-table { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; box-sizing: border-box; } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .transfer-from-store-table.other-store { overflow-y: auto; max-height: 133px; } @media only screen and (min-width: 1224px) { .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .transfer-from-store-table.other-store { max-height: 133px; } } @media only screen and (min-width: 1824px) { .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .transfer-from-store-table.other-store { max-height: 350px; } } .prop-ui .transfer-picking-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .transfer-from-store-table .from_store_color { background-color: #D2F3DF; } .prop-ui .transfer-picking-right-panel .right-panel-body .product-tab-container { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; align-self: stretch; } .prop-ui .transfer-picking-right-panel .right-panel-body .product-tab-container .transfer-product-details .transfer-product-image { display: flex; width: 150px; height: 150px; flex-direction: column; align-items: flex-start; } .prop-ui .transfer-picking-right-panel .right-panel-body .product-tab-container .transfer-product-details .product-details { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; flex: 1 0 0; } .prop-ui .transfer-picking-right-panel .right-panel-body .product-tab-container .transfer-product-details .product-details .product-title { display: flex; align-items: flex-start; align-self: stretch; color: #000000; font-feature-settings: "clig" off, "liga" off; font-family: "Source Sans Pro"; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; /* 133.333% */ } .prop-ui .transfer-picking-right-panel .right-panel-body .product-tab-container .transfer-product-details .product-details .product-cost-details { display: flex; align-items: center; align-content: center; gap: 8px 32px; align-self: stretch; flex-wrap: wrap; } .prop-ui .transfer-picking-right-panel .right-panel-body .product-tab-container .transfer-product-details .product-details .product-cost-details .product-cost { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; } .prop-ui .transfer-picking-right-panel .right-panel-body .product-tab-container .transfer-product-details .product-details .product-cost-details .product-cost .static-label { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; color: #5B6870; } .prop-ui .transfer-picking-right-panel .right-panel-body .product-tab-container .transfer-product-details .product-details .product-cost-details .product-cost .static-label .static-value { color: #000000; } .prop-ui .transfer-picking-right-panel .right-panel-body .product-tab-container .transfer-product-details .product-details .product-cost-details .product-description { font-family: Source Sans Pro !important; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; padding-bottom: 20px; } .prop-ui .transfer-picking-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch; } .prop-ui .transfer-picking-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .product-header .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-picking-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .stocking-section { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .transfer-picking-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .stocking-section .stocking-section-one { display: flex; align-items: center; align-self: stretch; } .prop-ui .transfer-picking-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .stocking-section .stocking-section-two { display: flex; align-items: center; align-self: stretch; } .prop-ui .transfer-picking-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .requesting-store-quantity-section { border-radius: 3px; border: 1px solid rgba(9, 11, 12, 0.08); display: flex; align-items: flex-start; gap: 0px; align-self: stretch; } .prop-ui .transfer-picking-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .requesting-store-quantity-section .other-quantity-section { border-left: 1px solid rgba(9, 11, 12, 0.08); gap: 0 !important; } .prop-ui .transfer-picking-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .requesting-store-quantity-section .other-quantity-section .transfer-right-flyout-divider { height: 1px; background: rgba(9, 11, 12, 0.08); } .prop-ui .transfer-picking-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .requesting-store-quantity-section .other-quantity-section .data-container { height: 69px; gap: 2px !important; } .prop-ui .transfer-picking-right-panel .right-panel-body .product-tab-container .transfer-product-history .product-header .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-picking-right-panel .right-panel-body .product-tab-container .transfer-product-history .history-section { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .transfer-picking-right-panel .transfer-header-text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .transfer-picking-right-panel .item-table { height: fit-content; } .prop-ui .transfer-picking-right-panel .item-table .prop-card-body { padding: 0 !important; } .prop-ui .transfer-picking-right-panel .item-table .stripped-table-head { width: 100%; color: #424242; } .prop-ui .transfer-picking-right-panel .item-table .stripped-table-head tr { height: 36px; } .prop-ui .transfer-picking-right-panel .item-table .stripped-table-head tr, .prop-ui .transfer-picking-right-panel .item-table .stripped-table-head td { box-sizing: border-box; } .prop-ui .transfer-picking-right-panel .item-table .stripped-table-head td { height: 20px; width: 50%; padding: 8px 12px; align-items: center; gap: 4px; align-self: stretch; border-left: 1px solid rgba(9, 11, 12, 0.16); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .prop-ui .transfer-picking-right-panel .item-table .stripped-table-head td.external-link { display: flex; justify-content: space-between; gap: 10px; height: inherit; } .prop-ui .transfer-picking-right-panel .item-table .stripped-table-head tr:nth-child(odd) { background-color: #f2f2f2; } .prop-ui .transfer-picking-right-panel .item-table .stripped-table-head tr:first-child { border-left: none; background: #FAFAFA; color: #424242; border-bottom: 1px solid rgba(9, 11, 12, 0.08); text-align: center; font-feature-settings: "clig" off, "liga" off; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .transfer-picking-right-panel .item-table .stripped-table-head tr td:first-child { border-left: none; } .prop-ui .transfer-picking-right-panel .item-table .stripped-table-head .text-align-right { text-align: right; } .prop-ui .trnfr-serial-items #all_serial_nums_grid .toolbar_first_block, .prop-ui .trnfr-serial-items #selected_serial_nums_grid .toolbar_first_block, .prop-ui .trnfr-serial-items #not_selected_serial_nums_grid .toolbar_first_block { position: absolute; right: 0; } .prop-ui .trnfr-serial-items .success-selected { color: #4CD180; } .prop-ui .trnfr-serial-items .error-selected { color: #FF6358; } .prop-ui .transfer_ship_request_wrapper .preview_button { width: 200px; height: 34px; } .prop-ui .transfer_ship_request_wrapper .prop-printer-outline-icon { background-image: url("/app/assets/images/printer-outline.svg"); height: 20px; width: 20px; } .prop-ui .transfer_ship_request_wrapper .picker_summary_dialog_container { width: -webkit-fill-available; } .prop-ui .transfer_ship_request_wrapper .picker_summary_dialog_container .k-card-body { padding: 0px !important; } .prop-ui .transfer_ship_request_wrapper .picker_summary_dialog_container span[ng-bind-html] { margin: 0px 0px !important; } .prop-ui .transfer_ship_request_wrapper .picker_summary_dialog_container .text_align_right { text-align: right; } .prop-ui .transfer_ship_request_wrapper .picker_summary_dialog_container .picker_summary_menu_header { text-align: center; height: 42px; border-right: 1px solid rgba(9, 11, 12, 0.08); background: #FAFAFA; padding: 12px; box-sizing: inherit; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; justify-content: space-around; align-items: center; color: #424242; box-shadow: none; border-bottom: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .transfer_ship_request_wrapper .picker_summary_dialog_container .picker_summary_menu_header .mdi { font-size: 20px; cursor: pointer; } .prop-ui .transfer_ship_request_wrapper .picker_summary_dialog_container .picker_summary_menu_body { flex: 1; display: flex; flex-direction: column; } .prop-ui .transfer_ship_request_wrapper .picker_summary_dialog_container .picker_summary_menu_body .picker_summary_menu_row { display: flex; flex-direction: column; justify-content: space-between; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; box-sizing: border-box; } .prop-ui .transfer_ship_request_wrapper .picker_summary_dialog_container .picker_summary_menu_body .picker_summary_menu_row .picker_summary_menu_title { padding: 8px 12px; width: inherit; height: 36px; border-right: 1px solid rgba(9, 11, 12, 0.08); box-sizing: inherit; } .prop-ui .transfer_ship_request_wrapper .picker_summary_dialog_container .picker_summary_menu_body .picker_summary_menu_row .picker_summary_menu_title.even { background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #FFF; } .prop-ui .transfer_ship_request_wrapper .picker_summary_dialog_container .picker_summary_menu_body .picker_summary_menu_row .picker_summary_menu_title.left_border { border-left: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .add-item-picker-wrapper { display: flex; height: 100%; } .prop-ui .add-item-picker-wrapper .no-data-template { padding: 16px 0px; border-radius: 4px; border: 2px dashed rgba(9, 11, 12, 0.16); background: rgba(250, 250, 250, 0.4); } .prop-ui .add-item-picker-wrapper .no-data-template .nothing-to-show-text { color: #424242; text-align: center; -webkit-text-stroke-width: 2; -webkit-text-stroke-color: #FFFFFF; font-family: Source Sans Pro !important; font-size: 24px; font-weight: 600; } .prop-ui .add-item-picker-wrapper .no-data-template .perform-search-sub-text { color: #5B6870; text-align: center; -webkit-text-stroke-width: 1; -webkit-text-stroke-color: #FFFFFF; font-family: Source Sans Pro !important; font-size: 14px; font-weight: 400; } .prop-ui .add-item-picker-wrapper .product-search-card .prop-card-body { padding: 0; } .prop-ui .add-item-picker-wrapper .custom-footer { display: block; } .prop-ui .add-item-picker-wrapper .transfer-source-tab { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; gap: 16px; align-self: stretch; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-product-stocking-history { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-product-stocking-history .product-header .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section { border-radius: 3px; border: 1px solid rgba(9, 11, 12, 0.08); display: flex; align-items: flex-start; gap: 0px; align-self: stretch; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section .other-quantity-section { border-left: 1px solid rgba(9, 11, 12, 0.08); gap: 0 !important; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section .other-quantity-section .transfer-right-flyout-divider { height: 1px; background: rgba(9, 11, 12, 0.08); } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section .other-quantity-section .data-container { height: 69px; gap: 2px !important; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section .po_item_header-text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; height: 20px; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section .po_item_value_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; color: #424242; height: 20px; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .requesting-store-info { display: flex; flex-direction: column; align-items: center; gap: 8px; align-self: stretch; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .requesting-store-info .store-info { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; align-self: stretch; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .requesting-store-info .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .requesting-store-info .base_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .requesting-store-info .requesting-store-quantity-section { border-radius: 3px; border: 1px solid rgba(9, 11, 12, 0.08); display: flex; align-items: flex-start; gap: 0px; align-self: stretch; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .other-quantity-section { border-left: 1px solid rgba(9, 11, 12, 0.08); gap: 0 !important; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .other-quantity-section .transfer-right-flyout-divider { height: 1px; background: rgba(9, 11, 12, 0.08); } .prop-ui .add-item-picker-wrapper .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .other-quantity-section .data-container { height: 69px; gap: 2px !important; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-from-info { display: flex; flex-direction: column; align-items: flex-start; /*gap: 8px;*/ align-self: stretch; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-from-info .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-from-info .base_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-from-info .store-info { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; align-self: stretch; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-from-info .transfer-from-store-table { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; box-sizing: border-box; } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-from-info .transfer-from-store-table.other-store { overflow-y: auto; max-height: 133px; } @media only screen and (min-width: 1224px) { .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-from-info .transfer-from-store-table.other-store { max-height: 133px; } } @media only screen and (min-width: 1824px) { .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-from-info .transfer-from-store-table.other-store { max-height: 350px; } } .prop-ui .add-item-picker-wrapper .transfer-source-tab .transfer-from-info .transfer-from-store-table .from_store_color { background-color: #D2F3DF; } .prop-ui .add-item-picker-wrapper .base-details { max-height: fit-content; } .prop-ui .add-item-picker-wrapper .base-details p { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; color: #424242; margin: 0; } .prop-ui .add-item-picker-wrapper .base-details span { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; height: 20px; } .prop-ui .transfer_picking_grid_wrapper .prop-transfer-serial-view-icon { background-image: url("/app/assets/images/cube-outline-barcode.svg"); width: 20px; height: 20px; } .prop-ui .transfer-receiving-right-panel { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; width: 512px; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; transform: translateX(0%); transition: transform 0.5s ease-in-out; } @media (min-width: 1199px) { .prop-ui .transfer-receiving-right-panel { flex-basis: unset !important; } } .prop-ui .transfer-receiving-right-panel .right_flout_component { display: flex; flex-direction: column; height: inherit; } .prop-ui .transfer-receiving-right-panel.right_flyout_collapsed { transform: translateX(100%); display: none; } .prop-ui .transfer-receiving-right-panel.right_flyout_expanded { transform: translateX(0%); } .prop-ui .transfer-receiving-right-panel.right_flyout_maximized { z-index: 1000; top: 54px; position: fixed; height: calc(100% - 104px) !important; right: 0px; } .prop-ui .transfer-receiving-right-panel .right-panel-header { display: flex; align-items: center; align-self: stretch; padding: 13px 12px; border-bottom: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .transfer-receiving-right-panel .right-panel-header .right-panel-header-text { flex: 1 0 0; color: var(--black, #000); font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .transfer-receiving-right-panel .right-panel-header .right-arrow-button { display: flex; justify-content: center; align-items: center; height: 30px; width: 30px; } .prop-ui .transfer-receiving-right-panel .right-panel-header .right-arrow-button .prop-lib, .prop-ui .transfer-receiving-right-panel .right-panel-header .right-arrow-button .prop-btn, .prop-ui .transfer-receiving-right-panel .right-panel-header .right-arrow-button .k-button { height: inherit; width: inherit; } .prop-ui .transfer-receiving-right-panel .right-panel-body { display: flex; flex-direction: column; flex: 1 0 0; gap: 20px; align-self: stretch; padding: 12px; overflow-y: auto; overflow-x: hidden; height: calc(100% - 57px); } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-tab-container { /* overflow-x:hidden ;*/ } .prop-ui .transfer-receiving-right-panel .right-panel-body .po-product-details { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1 0 0; gap: 12px; align-self: stretch; } .prop-ui .transfer-receiving-right-panel .right-panel-body .po-product-details .product-title { display: flex; align-items: flex-start; align-self: stretch; color: #000000; font-family: Source Sans Pro !important; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; font-feature-settings: "clig" off, "liga" off; } .prop-ui .transfer-receiving-right-panel .right-panel-body .po-product-details .product-cost-details { display: flex; flex-direction: column; align-items: center; gap: 8px; align-self: stretch; align-content: center; flex-wrap: wrap; } .prop-ui .transfer-receiving-right-panel .right-panel-body .po-product-details .product-cost-details .product-cost { max-width: 320px; display: flex; flex-direction: row; align-items: flex-start; flex: 1; gap: 6px; } .prop-ui .transfer-receiving-right-panel .right-panel-body .po-product-details .product-cost-details .product-cost .static-label { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .prop-ui .transfer-receiving-right-panel .right-panel-body .po-product-details .product-cost-details .product-cost .static-label .static-value { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; color: #000000; } .prop-ui .transfer-receiving-right-panel .right-panel-body .po-product-details .product-cost-details .product-description { font-family: Source Sans Pro !important; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; padding-bottom: 20px; } .prop-ui .transfer-receiving-right-panel .right-panel-body .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item { border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .transfer-receiving-right-panel .right-panel-body .k-tabstrip-items-wrapper .k-item { color: #424242; text-align: center; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .transfer-receiving-right-panel .right-panel-body .k-tabstrip .k-tabstrip-items-wrapper ul li.k-active { color: #000000; font-weight: 600; background-color: #FFFFFF; border-bottom: 2px solid #0086E7 !important; } .prop-ui .transfer-receiving-right-panel .right-panel-body .k-tabstrip .k-tabstrip-items-wrapper ul li.k-active:hover { background: #FFFFFF; } .prop-ui .transfer-receiving-right-panel .right-panel-body div#transfer-right-panel-tab { display: flex; flex-direction: column; gap: 20px; flex: 1 0 0; align-self: stretch; } .prop-ui .transfer-receiving-right-panel .right-panel-body div#transfer-right-panel-tab .k-tabstrip-items-wrapper { position: sticky; top: 0; z-index: 9; padding-left: 0; } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; gap: 20px; align-self: stretch; } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .transfer-product-stocking-history { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch; } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .transfer-product-stocking-history .product-header .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section { border-radius: 3px; border: 1px solid rgba(9, 11, 12, 0.08); display: flex; align-items: flex-start; gap: 0px; align-self: stretch; } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section .other-quantity-section { border-left: 1px solid rgba(9, 11, 12, 0.08); gap: 0 !important; } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section .other-quantity-section .transfer-right-flyout-divider { height: 1px; background: rgba(9, 11, 12, 0.08); } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section .other-quantity-section .data-container { height: 69px; gap: 2px !important; } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section .po_item_header-text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; height: 20px; } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .transfer-product-stocking-history .requesting-store-quantity-section .po_item_value_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; color: #424242; height: 20px; } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .requesting-store-info { display: flex; flex-direction: column; align-items: center; gap: 8px; align-self: stretch; } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .store-info { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; align-self: stretch; } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .base_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section { border-radius: 3px; border: 1px solid rgba(9, 11, 12, 0.08); display: flex; align-items: flex-start; gap: 0px; align-self: stretch; } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .other-quantity-section { border-left: 1px solid rgba(9, 11, 12, 0.08); gap: 0 !important; } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .other-quantity-section .transfer-right-flyout-divider { height: 1px; background: rgba(9, 11, 12, 0.08); } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .requesting-store-info .requesting-store-quantity-section .other-quantity-section .data-container { height: 69px; gap: 2px !important; } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .transfer-from-info { display: flex; flex-direction: column; align-items: flex-start; /*gap: 8px;*/ align-self: stretch; } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .base_text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .store-info { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; align-self: stretch; } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .transfer-from-store-table { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; box-sizing: border-box; } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .transfer-from-store-table.other-store { overflow-y: auto; max-height: 133px; } @media only screen and (min-width: 1224px) { .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .transfer-from-store-table.other-store { max-height: 133px; } } @media only screen and (min-width: 1824px) { .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .transfer-from-store-table.other-store { max-height: 350px; } } .prop-ui .transfer-receiving-right-panel .right-panel-body .transfer-source-tab .transfer-from-info .transfer-from-store-table .from_store_color { background-color: #D2F3DF; } .prop-ui .transfer-receiving-right-panel .right-panel-body .product-tab-container { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; align-self: stretch; } .prop-ui .transfer-receiving-right-panel .right-panel-body .product-tab-container .transfer-product-details .transfer-product-image { display: flex; width: 150px; height: 150px; flex-direction: column; align-items: flex-start; } .prop-ui .transfer-receiving-right-panel .right-panel-body .product-tab-container .transfer-product-details .product-details { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; flex: 1 0 0; } .prop-ui .transfer-receiving-right-panel .right-panel-body .product-tab-container .transfer-product-details .product-details .product-title { display: flex; align-items: flex-start; align-self: stretch; color: #000000; font-feature-settings: "clig" off, "liga" off; font-family: "Source Sans Pro"; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; /* 133.333% */ } .prop-ui .transfer-receiving-right-panel .right-panel-body .product-tab-container .transfer-product-details .product-details .product-cost-details { display: flex; align-items: center; align-content: center; gap: 8px 32px; align-self: stretch; flex-wrap: wrap; } .prop-ui .transfer-receiving-right-panel .right-panel-body .product-tab-container .transfer-product-details .product-details .product-cost-details .product-cost { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; } .prop-ui .transfer-receiving-right-panel .right-panel-body .product-tab-container .transfer-product-details .product-details .product-cost-details .product-cost .static-label { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; color: #5B6870; } .prop-ui .transfer-receiving-right-panel .right-panel-body .product-tab-container .transfer-product-details .product-details .product-cost-details .product-cost .static-label .static-value { color: #000000; } .prop-ui .transfer-receiving-right-panel .right-panel-body .product-tab-container .transfer-product-details .product-details .product-cost-details .product-description { font-family: Source Sans Pro !important; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; padding-bottom: 20px; } .prop-ui .transfer-receiving-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch; } .prop-ui .transfer-receiving-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .product-header .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-receiving-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .stocking-section { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .transfer-receiving-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .stocking-section .stocking-section-one { display: flex; align-items: center; align-self: stretch; } .prop-ui .transfer-receiving-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .stocking-section .stocking-section-two { display: flex; align-items: center; align-self: stretch; } .prop-ui .transfer-receiving-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .requesting-store-quantity-section { border-radius: 3px; border: 1px solid rgba(9, 11, 12, 0.08); display: flex; align-items: flex-start; gap: 0px; align-self: stretch; } .prop-ui .transfer-receiving-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .requesting-store-quantity-section .other-quantity-section { border-left: 1px solid rgba(9, 11, 12, 0.08); gap: 0 !important; } .prop-ui .transfer-receiving-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .requesting-store-quantity-section .other-quantity-section .transfer-right-flyout-divider { height: 1px; background: rgba(9, 11, 12, 0.08); } .prop-ui .transfer-receiving-right-panel .right-panel-body .product-tab-container .transfer-product-stocking-history .requesting-store-quantity-section .other-quantity-section .data-container { height: 69px; gap: 2px !important; } .prop-ui .transfer-receiving-right-panel .right-panel-body .product-tab-container .transfer-product-history .product-header .sub_text { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .prop-ui .transfer-receiving-right-panel .right-panel-body .product-tab-container .transfer-product-history .history-section { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .transfer-receiving-right-panel .transfer-header-text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .transfer-receiving-right-panel .item-table { height: fit-content; } .prop-ui .transfer-receiving-right-panel .item-table .prop-card-body { padding: 0 !important; } .prop-ui .transfer-receiving-right-panel .item-table .stripped-table-head { width: 100%; color: #424242; } .prop-ui .transfer-receiving-right-panel .item-table .stripped-table-head tr { height: 36px; } .prop-ui .transfer-receiving-right-panel .item-table .stripped-table-head tr, .prop-ui .transfer-receiving-right-panel .item-table .stripped-table-head td { box-sizing: border-box; } .prop-ui .transfer-receiving-right-panel .item-table .stripped-table-head td { height: 20px; width: 50%; padding: 8px 12px; align-items: center; gap: 4px; align-self: stretch; border-left: 1px solid rgba(9, 11, 12, 0.16); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .prop-ui .transfer-receiving-right-panel .item-table .stripped-table-head td.external-link { display: flex; justify-content: space-between; gap: 10px; height: inherit; } .prop-ui .transfer-receiving-right-panel .item-table .stripped-table-head tr:nth-child(odd) { background-color: #f2f2f2; } .prop-ui .transfer-receiving-right-panel .item-table .stripped-table-head tr:first-child { border-left: none; background: #FAFAFA; color: #424242; border-bottom: 1px solid rgba(9, 11, 12, 0.08); text-align: center; font-feature-settings: "clig" off, "liga" off; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .transfer-receiving-right-panel .item-table .stripped-table-head tr td:first-child { border-left: none; } .prop-ui .transfer-receiving-right-panel .item-table .stripped-table-head .text-align-right { text-align: right; } .prop-ui .trnfr-serial-items #all_serial_nums_grid .toolbar_first_block, .prop-ui .trnfr-serial-items #selected_serial_nums_grid .toolbar_first_block, .prop-ui .trnfr-serial-items #not_selected_serial_nums_grid .toolbar_first_block { position: absolute; right: 0; } .prop-ui .trnfr-serial-items .success-selected { color: #4CD180; } .prop-ui .trnfr-serial-items .error-selected { color: #FF6358; } .prop-ui .supplier-account-information-container { border-radius: 6px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; /* Card */ box-shadow: 0px 1px 12px 0px rgba(51, 51, 51, 0.14), 0px 1px 0px -1px rgba(51, 51, 51, 0.04); } .prop-ui .supplier-account-information-container .flex-01-cls { flex: 0 1 auto; } .prop-ui .supplier-account-information-container .supplier-pg-flex { flex: 2; } .prop-ui .supplier-account-information-container .order-1 { order: 1; } .prop-ui .supplier-account-information-container .order-2 { order: 2; } .prop-ui .supplier-account-information-container .order-3 { order: 3; } .prop-ui .supplier-account-information-container .icon-16px { font-size: 16px !important; } .prop-ui .supplier-account-information-container .supplier-width-0 { width: 0px; } .prop-ui .supplier-account-information-container .disable-item-text { color: #8C9397 !important; } .prop-ui .supplier-account-information-container .split_dropdown_wrapper { width: auto; display: inline-flex; } .prop-ui .supplier-account-information-container .split_dropdown_code { width: auto; display: inline-flex; overflow: hidden; text-overflow: ellipsis; float: left; font-weight: 600; } .prop-ui .supplier-account-information-container .split_dropdown_value { width: auto; display: inline-flex; vertical-align: middle; float: left; margin-left: 5px; overflow: hidden; text-overflow: ellipsis; } .prop-ui .supplier-account-information-container .prop-card-header-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/set-column-1.svg"); } .prop-ui .supplier-account-information-container .tax-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/tax.svg"); } .prop-ui .supplier-account-information-container .detail-section-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/detail-section.svg"); } .prop-ui .supplier-account-information-container .sales-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/line-stacked-markers.svg"); } .prop-ui .supplier-account-information-container .file-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/file-pdf.svg"); } .prop-ui .supplier-account-information-container .supplier-account-information-component { border-radius: 6px; padding: 12px; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container { border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.16); background: #FFFFFF; width: 256px; } @media (max-width: 899px) { .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container { width: auto; } } @media (min-width: 900px) { .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container { width: 256px; } } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-edit-button { display: flex; justify-content: center; align-items: center; height: 22px; width: 22px; padding-top: 20px !important; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-edit-button .prop-lib, .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-edit-button .prop-btn, .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-edit-button .k-button { height: inherit; width: inherit; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-open-po-button { display: flex; justify-content: center; align-items: center; width: 100%; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-open-po-button .prop-lib, .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-open-po-button .prop-btn, .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-open-po-button .k-button { height: inherit; width: inherit; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-list-item-button { display: flex; justify-content: center; align-items: center; height: 30px; width: 30px; pointer-events: none; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-list-item-button .prop-lib, .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-list-item-button .prop-btn, .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-list-item-button .k-button { height: inherit; width: inherit; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .active-dropdown-btn { min-width: 90px; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .active-dropdown-btn span { background: #F5F5F5; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .active-dropdown-btn .prop_invalid_block { display: none; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .active-dropdown-btn span.k-input-value-text { width: auto !important; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-url-textbox .prop_textbox .k-input-inner { padding-right: 32px !important; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-url-textbox .prop_textbox .text-external-link { display: flex; align-items: center; gap: 4px; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-divider-container { align-self: stretch; background-color: rgba(9, 11, 12, 0.16); } @media (min-width: 1535px) { .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-divider-container { height: 1px; width: auto; } } @media (min-width: 1199px) and (max-width: 1534px) { .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-divider-container { height: 1px; width: auto; } } @media (max-width: 599px) { .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-divider-container { height: 1px; width: auto; } } @media (min-width: 600px) and (max-width: 1198px) { .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-divider-container { display: none; } } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container { border-radius: 4px; padding: 16px 12px; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-image-container { flex: 0 1 auto; flex-direction: row !important; } @media (min-width: 600px) and (max-width: 899px) { .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-image-container { flex: 1 1 auto; } } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-image-container .chip-container .chip-set { padding: 5px 8px; font-size: 12px; border-radius: 100px; margin-right: 3px; box-sizing: border-box; height: 22px; display: flex; align-items: center; justify-content: center; border: 1px solid #02AC43; background-color: rgba(255, 255, 255, 0); flex: initial; color: #02AC43; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-image-container .chip-container { flex-direction: row-reverse; max-height: fit-content; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-profile-container { flex: 0 1 auto; flex-direction: column !important; } @media (min-width: 600px) and (max-width: 899px) { .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-profile-container { flex: 1 1 auto; } } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-profile-container .supplier-number { max-width: 100%; white-space: normal; overflow-wrap: anywhere; word-break: break-word; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-profile-container .supplier-title-container .supplier-title { color: #000000; font-size: 18px; font-weight: 700; line-height: 140%; /* 25.2px */ text-wrap: wrap; overflow-wrap: anywhere; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-profile-container .supplier-avatar-container { border-radius: 100px; width: 64px; height: 64px; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-profile-container .supplier-avatar-container .supplier-base-avatar-container { width: 64px; height: 64px; padding: 4.48px 9.6px 4.48px 14.08px; border-radius: 1000px; border: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-profile-container .supplier-avatar-container .supplier-base-avatar-container .supplier-img-container { width: 40.32px; height: 55.04px; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-profile-container .supplier-profile-content-container .supplier-contact-name { color: #000000; font-size: 18px; font-weight: 700; line-height: 140%; /* 25.2px */ text-wrap: wrap; overflow-wrap: anywhere; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-profile-container .supplier-profile-content-container .supplier-contact-loyalty { color: #5B6870; font-size: 14px; font-weight: 400; line-height: 160%; /* 22.4px */ } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-account-details-container .supplier-account-details .supplier-title-container .supplier-title { color: #000000; font-size: 18px; font-weight: 700; line-height: 140%; /* 25.2px */ text-wrap: wrap; overflow-wrap: anywhere; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-account-details-container .supplier-account-details .supplier-item-button-container { width: 30px; height: 30px; padding: 4px; border-radius: 4px; border: 1px solid rgba(9, 11, 12, 0.16); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%), #F5F5F5; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-account-details-container .supplier-account-details .supplier-item-button-container .supplier-button-img-container { width: 16px; height: 16px; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-account-details-container .supplier-account-details .supplier-item-button-container .supplier-location-img { background-image: url("/app/assets/images/location.svg"); } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-account-details-container .supplier-account-details .supplier-item-button-container .supplier-email-img { background-image: url("/app/assets/images/email-outline.svg"); } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-account-details-container .supplier-account-details .supplier-item-button-container .supplier-phone-img { background-image: url("/app/assets/images/phone.svg"); } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-account-details-container .supplier-account-details .supplier-item-text { color: #424242; font-size: 14px; font-weight: 400; line-height: 20px; /* 142.857% */ display: flex; align-items: center; word-break: break-all; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-account-details-container .supplier-account-details .supplier-item-text span[ng-bind-html] { margin: 0; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-account-details-container .supplier-account-details .supplier-item-text .supplier-phone-number-wrapper { display: flex; flex-direction: column; gap: 0; width: 100%; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-account-details-container .supplier-account-details .supplier-item-text .supplier-phone-number-wrapper .supplier-phone-type-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: nowrap; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-account-details-container .supplier-account-details .supplier-item-text .supplier-phone-number-wrapper .supplier-phone-type-row .disable-item-text { white-space: nowrap; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-account-details-container .supplier-account-details .supplier-item-text .supplier-phone-number-wrapper .supplier-phone-type-row .chip-container { flex: 0 0 auto; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-account-details-container .supplier-account-details .supplier-item-text .supplier-phone-number-wrapper .supplier-phone-number-text { display: block; overflow-wrap: break-word; word-break: break-word; word-wrap: break-word; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-account-details-container .supplier-account-details .supplier-item-email-text { color: #424242; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-account-details-container .supplier-account-details .primary-contact-text { color: #424242; font-size: 16px; font-weight: 600; padding-top: 20px; line-height: 24px; /* 150% */ overflow-wrap: anywhere; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-account-details-container .supplier-account-details .primary-contact-details-container .primary-contact-avatar-container { border-radius: 100px; border: 1px solid rgba(9, 11, 12, 0.16); width: 32px; height: 32px; padding: 6px; flex: initial; justify-content: center; align-items: center; box-sizing: border-box; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-account-details-container .supplier-account-details .primary-contact-details-container .primary-contact-avatar-container .primary-contact-avatar { width: 20px; height: 20px; flex-shrink: 0; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-account-details-container .supplier-account-details .primary-contact-details-container .primary-contact-details .primary-contact-text { color: #424242; font-size: 14px; font-weight: 400; line-height: 20px; /* 142.857% */ overflow-wrap: anywhere; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-contact-container .supplier-contact-content-container .supplier-account-details-container .supplier-account-details .chip-container .chip-set { padding: 5px 8px; font-size: 12px; border-radius: 100px; margin-right: 3px; box-sizing: border-box; height: 22px; display: flex; align-items: center; justify-content: center; border: 1px solid #3A4145; background-color: rgba(255, 255, 255, 0); flex: initial; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-overview-container { border-radius: 6px; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-overview-container prop-card-body { width: 100%; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-overview-container .sales-history .prop-lib .prop-card-body { margin: 0px; padding: 0px; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-overview-container .sales-history .external-link-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/hyperlink-open.svg"); background-repeat: no-repeat; cursor: pointer; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-overview-container .sales-history .stripped-table { width: 100%; color: #424242; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-overview-container .sales-history .stripped-table tr { height: 36px; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-overview-container .sales-history .stripped-table tr, .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-overview-container .sales-history .stripped-table td { box-sizing: border-box; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-overview-container .sales-history .stripped-table td { height: 20px; padding: 8px 12px; align-items: center; gap: 4px; align-self: stretch; border-left: 1px solid rgba(9, 11, 12, 0.16); } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-overview-container .sales-history .stripped-table td.external-link { display: flex; justify-content: space-between; gap: 10px; height: inherit; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-overview-container .sales-history .stripped-table tr:nth-child(even) { background-color: #f2f2f2; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-general-overview-container .sales-history .stripped-table tr td:first-child { border-left: none; } .prop-ui .supplier-account-information-container .supplier-account-information-component .supplier-defective-textarea .k-input textarea { height: auto !important; min-height: 34px !important; max-height: 52px !important; overflow-y: auto !important; line-height: 16px !important; } .prop-ui .add_policy { color: #0086E7; cursor: pointer; display: flex; justify-content: space-between; } .prop-ui .supplier-form { width: 100%; flex: 1 0 0; } .prop-ui .supplier-form .address_card { display: flex; flex-direction: column; align-items: flex-start; } .prop-ui .supplier-form .supplier_address.prop-flex-basis-lg-0 { flex-grow: 0; flex-shrink: 1; flex-basis: 358px !important; } .prop-ui .supplier-form .k-card { overflow: initial; } .prop-ui .supplier-form .account { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; } .prop-ui .supplier-form .address { display: flex; width: 368px; flex-direction: column; align-items: flex-start; flex: 1 0 0; } @media (max-width: 1199px) { .prop-ui .supplier-form .address { width: auto; flex-basis: 100%; } } .prop-ui .supplier-form .contact { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; align-self: stretch; } .prop-ui .supplier-form .switch-divider { width: 1px; height: 64px; background-color: #D9E0E5; margin: 0 12px; } .prop-ui .supplier-form .supplier_store .store_dropdown_new { width: 310px; } @media (max-width: 425px) { .prop-ui .supplier-form .preferences-switch-row { flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; width: 100%; } .prop-ui .supplier-form .preferences-switch-row .switch { min-width: 0; } .prop-ui .supplier-form .preferences-switch-row .switch-divider { height: 44px; margin: 0 8px; } .prop-ui .supplier-form .preferences-switch-row .padding_lt15 { padding-left: 0; } } @media (max-width: 375px) { .prop-ui .supplier-form .address-field { flex-basis: 100% !important; } } @media (max-width: 425px) { .prop-ui #supplier_add_form .prop_drawer_footer .prop_drawer_footer_buttons { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; gap: 8px; overflow-x: auto; overflow-y: hidden; } .prop-ui #supplier_add_form .prop_drawer_footer .prop_drawer_footer_buttons .left_blk, .prop-ui #supplier_add_form .prop_drawer_footer .prop_drawer_footer_buttons .right_blk { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; width: auto !important; min-width: 0; order: 0 !important; gap: 8px; } .prop-ui #supplier_add_form .prop_drawer_footer .prop_drawer_footer_buttons .right_blk { margin-left: auto; justify-content: flex-end; } .prop-ui #supplier_add_form .prop_drawer_footer .prop_drawer_footer_buttons .button_blk { display: flex; flex-wrap: nowrap; } .prop-ui #supplier_add_form .prop_drawer_footer .prop_drawer_footer_buttons prop-button { white-space: nowrap; min-width: 0; } } @media (max-width: 425px) and (max-width: 375px) { .prop-ui #supplier_add_form .prop_drawer_footer .prop_drawer_footer_buttons { gap: 4px; } .prop-ui #supplier_add_form .prop_drawer_footer .prop_drawer_footer_buttons .left_blk, .prop-ui #supplier_add_form .prop_drawer_footer .prop_drawer_footer_buttons .right_blk { gap: 4px; } .prop-ui #supplier_add_form .prop_drawer_footer .prop_drawer_footer_buttons .right_blk { margin-left: 0; } .prop-ui #supplier_add_form .prop_drawer_footer .prop_drawer_footer_buttons .button_blk prop-button { margin-left: 4px !important; } .prop-ui #supplier_add_form .prop_drawer_footer .prop_drawer_footer_buttons .button_blk:first-child prop-button { margin-left: 0 !important; } } @media (max-width: 425px) { .prop-ui .prop-dialog-wrapper .prop-dialog-header-wrapper.supplier-add-dialog ~ .prop-dialog-footer { display: flex !important; flex-wrap: nowrap !important; justify-content: flex-start; align-items: center; gap: 8px; overflow-x: auto; overflow-y: hidden; } .prop-ui .prop-dialog-wrapper .prop-dialog-header-wrapper.supplier-add-dialog ~ .prop-dialog-footer .prop-tertiary-button-section, .prop-ui .prop-dialog-wrapper .prop-dialog-header-wrapper.supplier-add-dialog ~ .prop-dialog-footer .prop-main-button-section { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; gap: 8px; min-width: 0; } .prop-ui .prop-dialog-wrapper .prop-dialog-header-wrapper.supplier-add-dialog ~ .prop-dialog-footer .prop-tertiary-button-section { flex: 0 0 auto !important; } .prop-ui .prop-dialog-wrapper .prop-dialog-header-wrapper.supplier-add-dialog ~ .prop-dialog-footer .prop-main-button-section { flex: 0 0 auto !important; } .prop-ui .prop-dialog-wrapper .prop-dialog-header-wrapper.supplier-add-dialog ~ .prop-dialog-footer .prop-main-button-section prop-button, .prop-ui .prop-dialog-wrapper .prop-dialog-header-wrapper.supplier-add-dialog ~ .prop-dialog-footer .prop-tertiary-button-section prop-button { flex: 0 0 auto; min-width: 0; white-space: nowrap; } } @media (max-width: 425px) and (max-width: 320px) { .prop-ui .prop-dialog-wrapper .prop-dialog-header-wrapper.supplier-add-dialog ~ .prop-dialog-footer { flex-wrap: wrap !important; overflow-x: hidden; gap: 6px; } .prop-ui .prop-dialog-wrapper .prop-dialog-header-wrapper.supplier-add-dialog ~ .prop-dialog-footer .prop-tertiary-button-section, .prop-ui .prop-dialog-wrapper .prop-dialog-header-wrapper.supplier-add-dialog ~ .prop-dialog-footer .prop-main-button-section { width: 100% !important; justify-content: stretch; gap: 6px; } .prop-ui .prop-dialog-wrapper .prop-dialog-header-wrapper.supplier-add-dialog ~ .prop-dialog-footer .prop-tertiary-button-section prop-button, .prop-ui .prop-dialog-wrapper .prop-dialog-header-wrapper.supplier-add-dialog ~ .prop-dialog-footer .prop-main-button-section prop-button { flex: 1 1 100% !important; width: 100%; } .prop-ui .prop-dialog-wrapper .prop-dialog-header-wrapper.supplier-add-dialog ~ .prop-dialog-footer .prop-main-button-section { padding-left: 12px; width: calc(100% - 12px) !important; } } .prop-ui .prop-contact-label { color: #0086E7; margin-top: 0; } @media (max-width: 599px) { .prop-ui .customer-contact-address prop-textbox, .prop-ui .customer-contact-address prop-dropdown { width: 100% !important; } } .prop-ui .prop_divider { display: flex; border-right: 1px solid #e5e5e5; align-self: stretch; } .prop-ui .width_128 { width: 128px; } .prop-ui .width_384 { width: 384px; } .prop-ui .danger { color: var(--informational-error-dark-20, #FF4F42); font-feature-settings: "clig" off, "liga" off; /* Hint Text */ font-family: "Source Sans Pro"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 17px; /* 141.667% */ } .prop-ui .prop-flex { width: 100%; } .prop-ui .prop-contact-label { display: block; width: 100%; padding-top: 10px; } @media (max-width: 375px) { .prop-ui .address-field { flex-basis: 100% !important; } } .prop-ui .prop-flex-container-fluid .supplier-container { background: #F3F3F3; height: 100%; } .prop-ui .prop-flex-container-fluid .supplier-nodata-container { border-radius: 6px; background: #FFFFFF; backdrop-filter: blur(3px); padding: 96px 0px; margin: 4px 10px 10px 10px; } .prop-ui .prop-flex-container-fluid .supplier-nodata-container .nodata-img-container { border-radius: 16px; background: var(--component-text-white, #FFF); padding: 32px; margin: auto; position: relative; } .prop-ui .prop-flex-container-fluid .supplier-nodata-container .nodata-text { font-size: 25px; font-weight: bold; } .prop-ui .udf-tab-container .prop-form-view-container { padding-top: 12px !important; margin-top: 0 !important; } .prop-ui .supplier-history .h-120 { height: 120px !important; } @media (max-width: 1024px) { .prop-ui .supplier-history { flex-direction: column; flex-wrap: nowrap; } .prop-ui .supplier-history .supplier_history_wrapper, .prop-ui .supplier-history .supplier-history-stats-20 { width: 100%; max-width: 100%; flex: 1 1 100% !important; } } @media (min-width: 1025px) { .prop-ui .supplier-history { flex-direction: row; flex-wrap: nowrap; } .prop-ui .supplier-history .supplier_history_wrapper { min-width: 0; } .prop-ui .supplier-history .supplier_history_wrapper .main_grid_wrapper { width: 100% !important; max-width: none; } .prop-ui .supplier-history .supplier-history-stats-20 { flex: 0 0 244px !important; width: 244px; min-width: 244px; max-width: 244px; } } .prop-ui .supplier-history #supplier_history_grid { height: 100%; box-sizing: border-box; } .prop-ui .supplier-history #supplier_history_grid .prop_supplier_history_period { overflow: hidden; color: #0086E7; font-feature-settings: "clig" off, "liga" off; text-overflow: ellipsis; white-space: nowrap; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .supplier-history #supplier_history_grid .txn_open_in_new { display: flex; justify-content: space-between; } .prop-ui .supplier-history #supplier_history_grid .txn_open_in_new .mdi { color: #0086E7; } .prop-ui .supplier-history #supplier_history_grid .supplier_history_grpbtn { height: 36px; gap: unset; } .prop-ui .supplier-history #supplier_history_grid .supplier_history_grpbtn .k-button { background-color: inherit; border-color: rgba(9, 11, 12, 0.16); border-width: 0px 0px 1px 0px; text-transform: inherit; border-radius: unset !important; margin: 0px; color: #424242; font-weight: normal; } .prop-ui .supplier-history #supplier_history_grid .supplier_history_grpbtn .k-button:hover, .prop-ui .supplier-history #supplier_history_grid .supplier_history_grpbtn .k-button.k-active { border-color: #0080DC; color: #0086E7; } .prop-ui .supplier-history #supplier_history_grid .supplier_history_grpbtn .k-button.k-selected { border-color: #026FBD; border-bottom-width: 2px; color: #0086E7; font-weight: 600; } .prop-ui .supplier-history #supplier_history_grid .supplier_history_grpbtn .k-button.k-selected:focus { border-width: 0px 0px 2px 0px !important; } .prop-ui .supplier-history #supplier_history_grid .supplier_history_grpbtn .k-button:focus { border-style: solid !important; border-color: #026FBD !important; border-width: 0px 0px 1px 0px !important; } .prop-ui .supplier-history .charts-border-cls { border-bottom: 1px rgba(9, 11, 12, 0.16) solid; padding: 12px; } .prop-ui .supplier-history .charts-alignment-cls { align-self: stretch; color: #5B6870; font-size: 14px; font-weight: 400; line-height: 20px; word-wrap: break-word; } .prop-ui .supplier-history .chart-align-cls2 { align-self: stretch; color: #424242; font-size: 16px; font-weight: 600; word-wrap: break-word; } .prop-ui .supplier-history .no-padding .prop-card-body { padding: 0px !important; } .prop-ui .supplier-store-info-section { width: 100%; border-radius: 6px; border: 1px solid rgba(9, 11, 12, 0.08); background: #FFFFFF; box-shadow: 0 1px 12px 0 rgba(51, 51, 51, 0.14), 0 1px 0 -1px rgba(51, 51, 51, 0.04); } .prop-ui .supplier-store-info-section .supplier-store-info-component { width: 100%; padding: 12px; border-radius: 6px; } .prop-ui .supplier-store-info-section .supplier-store-info-component .supplier-general-overview-container { width: 100%; display: flex; flex-direction: row; gap: 12px; flex-wrap: wrap; } @media (max-width: 1199px) { .prop-ui .supplier-store-info-section .supplier-store-info-component .supplier-general-overview-container { flex-direction: column; } } .prop-ui .supplier-store-info-section .supplier-store-info-component .store-checkbox { padding-bottom: 25px !important; } .prop-ui .supplier-store-info-section .supplier-store-card { flex: 1 1 calc(33.333% - 12px); min-width: 300px; } @media (max-width: 1199px) { .prop-ui .supplier-store-info-section .supplier-store-card { flex: 1 1 100%; } } .prop-ui .supplier-store-info-section .supplier-store-card prop-card-body { display: flex; flex-direction: column; gap: 16px; padding: 16px; } .prop-ui .supplier-store-info-section .supplier-field-row { display: flex !important; flex-direction: row !important; gap: 12px !important; width: 100%; } .prop-ui .supplier-store-info-section .info-note-box { width: 100%; background-color: #F5F5F5; border: 1px solid rgba(9, 11, 12, 0.16); border-radius: 4px; padding: 12px; color: #424242; font-size: 13px; line-height: 18px; box-sizing: border-box; } .prop-ui .supplier-store-info-section .info-note-box strong { font-weight: 600; color: #000000; } .prop-ui .supplier-store-info-section .text-align-right input { text-align: right !important; } @media (max-width: 599px) { .prop-ui .supplier-store-info-section .supplier-store-info-component { padding: 8px; } } @media (max-width: 375px) { .prop-ui .supplier-store-info-section .supplier-store-info-component .store-checkbox { flex-direction: column !important; flex-wrap: nowrap !important; align-items: flex-start; } .prop-ui .supplier-store-info-section .supplier-store-info-component .store-checkbox > .store-checkbox-item { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; } } .prop-ui .efi-header-primary { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #0086E7; text-transform: uppercase; } @media (min-width: 599px) { .prop-ui .ef-button-align { margin: 15px 0; } } .prop-ui .ap-sync-host { display: flex; width: 160px !important; } .prop-ui .efi-setup-wrapper { padding: 8px; } .prop-ui .efi-setup-wrapper .efi-card { padding: 0 16px 6px 16px; } .prop-ui .efi-setup-wrapper .efi-card .prop-card-body { padding: 0 !important; } .prop-ui .ap-setup-landing-page-box { display: flex; flex-flow: column; flex-wrap: inherit; margin: 5px; height: 168px; padding: 5px; max-width: 200px; width: 100%; } .prop-ui .supplier-updates-edit-wrapper .flex-width-40-percent { flex-basis: 20% !important; } .prop-ui .prop-ui .prop-drawer .modal-prop-drawer-md { width: 476px !important; } .prop-ui .astro-loyalty-setup-wrapper .astro-loyalty-card { padding: 0 16px 6px 16px; } .prop-ui .astro-loyalty-setup-wrapper .astro-loyalty-card .prop-card-body { padding: 0 !important; } .prop-ui .bottom_ee_card .card-wrapper { margin-top: 10px; } .prop-ui .elite-extra-store-drawer { padding: 20px; } .prop-ui .invoice-viewer-edit-wrapper .flex-width-40-percent { flex-basis: 40% !important; } .prop-ui .edi-receive-invoices-wrapper .prop-header-icon { height: 20px; width: 20px; } .prop-ui .purchasing-edit-wrapper .flex-width-40-percent { flex-basis: 40% !important; } .prop-ui .prop-po-container-fluid prop-card { display: flex; align-items: stretch; flex: 1; } .prop-ui .prop-po-container-fluid prop-card.custom-card { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; } .prop-ui .scheduling-container .listing-container { height: -webkit-fill-available; width: -webkit-fill-available; } .prop-ui .scheduling-container .listing-container .prop-card-body { padding: 0 !important; } .prop-ui .scheduling-container .listing-container .prop-card-footer { display: flex; } .prop-ui .scheduling-container .listing-container .prop-card-footer prop-card-footer { border-radius: 4px; padding: 12px 0; } .prop-ui .scheduling-container .listing-container .prop-card-footer prop-card-footer .terms-code-data { text-align: center; } .prop-ui .scheduling-container .listing-container .prop-card-footer prop-card-footer .terms-code-data .text { display: flex; justify-content: flex-end; width: 100%; padding-right: 15px; color: #5B6870; font-feature-settings: "clig" off, "liga" off; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .prop-ui .scheduling-container .listing-container .prop-card-footer prop-card-footer .terms-code-data .value { color: #424242; text-align: center; letter-spacing: -0.5px; font-family: Source Sans Pro !important; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } .prop-ui .scheduling-container .listing-container .prop-card-footer prop-card-footer .terms-code-data .value span[ng-bind-html] { margin: 0 !important; } .prop-ui .scheduling-container .listing-summary-section { width: -webkit-fill-available; } .prop-ui .scheduling-container .heading { vertical-align: bottom; } .prop-ui .scheduling-container .prop-lib, .prop-ui .scheduling-container .preference-card { width: 100%; } .prop-ui .scheduling-container .list-header { height: 45px; background: #FAFAFA; padding: 12px; box-sizing: inherit; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; justify-content: space-between; align-items: center; color: #424242; box-shadow: none; border-bottom: 1px solid rgba(9, 11, 12, 0.16); display: inline !important; } .prop-ui .scheduling-container .list-header .mdi { font-size: 20px; cursor: pointer; } .prop-ui .scheduling-container .list-body { flex: 1; padding: 0 !important; display: flex; flex-direction: column; } .prop-ui .scheduling-container .list-body .list-menu-row { display: flex; flex-direction: column; justify-content: space-between; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; box-sizing: border-box; } .prop-ui .scheduling-container .list-body .list-menu-row .list-menu-title { padding: 8px 12px; width: inherit; height: 36px; border-right: 1px solid rgba(9, 11, 12, 0.08); box-sizing: inherit; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .prop-ui .scheduling-container .list-body .list-menu-row .list-menu-title.even { background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #FFF; } .prop-ui .scheduling-container .list-body .list-menu-row .list-menu-title.left-border { border-left: 1px solid rgba(9, 11, 12, 0.08); } .prop-ui .scheduling-container .list-body .list-menu-row .list-menu-title.listing-column { width: -webkit-fill-available; border-right: none; } .prop-ui .scheduling-container .list-footer { height: 36px; width: 100%; background: rgba(0, 134, 231, 0.1215686275); text-align: right !important; padding: 8px 12px; box-sizing: inherit; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600 !important; line-height: 20px; display: flex; justify-content: space-between; align-items: right; } .prop-ui .scheduling-container .list-footer.column-2 { width: 219px; } .prop-ui .scheduling-container .scheduling-column { min-width: 100%; } .prop-ui .supplier-updates-edit-wrapper .flex-width-40-percent { flex-basis: 40% !important; } .prop-ui .gl-sub-cat-grid .prop-card-body { padding: 0 !important; } .prop-ui .gl-sub-cat-grid .prop-card-body .prop_grid_blk { border: 0 !important; } .prop-ui .wild-card-drawer { height: calc(100vh - 200px); } .prop-ui .wild-card-drawer .card { display: flex; align-self: normal; } .prop-ui .wild-card-drawer .no-data-comp { border: 1px dashed #ccc; border-radius: 4px; } .prop-ui #gl_sub_category_listbox .k-list-item-text { display: block !important; } .prop-ui #gl_sub_category_listbox .hide-check { display: none; } .prop-ui .efi-header-primary { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #0086E7; text-transform: uppercase; } @media (min-width: 599px) { .prop-ui .ef-button-align { margin: 15px 0; } } .prop-ui .ef-sync-host { width: 160px; } .prop-ui .efi-setup-wrapper { padding: 8px; } .prop-ui .efi-setup-wrapper .efi-card { padding: 0 16px 6px 16px; } .prop-ui .efi-setup-wrapper .efi-card .prop-card-body { padding: 0 !important; } .prop-ui .efi-setup-landing-page-box { display: flex; flex-flow: column; flex-wrap: inherit; margin: 5px; height: 168px; padding: 5px; max-width: 200px; width: 100%; } .prop-ui prop-card.network-auth-card.prop-item { flex: none; } .prop-ui .consolidate_check { display: flex; margin-top: 28px; } .prop-ui .consolidate_check .consolidate_info { margin-left: 4px; margin-top: 4px; cursor: pointer; } .prop-ui .input-with-info { display: flex; align-items: flex-start; } .prop-ui .input-with-info prop-textbox { flex-grow: 1; } .prop-ui .input-with-info .info-icon { margin-left: 8px; margin-top: 28px; cursor: pointer; font-size: 18px; color: #666; } .prop-ui .po-stores-drawer .prop-drawer-title { text-transform: inherit !important; } .prop-ui .po-stores-drawer .prop-drawer-subtitle { text-transform: inherit !important; } .prop-ui .po-stores-drawer .prop_prod_add_store { width: 100%; } .prop-ui .po-stores-drawer .prop_prod_add_store .stores-container { width: inherit; border: 1px solid rgba(9, 11, 12, 0.12); border-bottom: none; } .prop-ui .po-stores-drawer .prop_prod_add_store .stores-container .stores-search { width: inherit; padding: 8px 12px; border-bottom: 1px solid rgba(9, 11, 12, 0.12); } .prop-ui .po-stores-drawer .prop_prod_add_store .stores-container .stores-search .prop_textbox input { padding-right: 32px; } .prop-ui .po-stores-drawer .prop_prod_add_store .stores-container .stores-search .select-button { height: 28px; padding: 5px 9px; } .prop-ui .po-stores-drawer .prop_prod_add_store .stores-container .stores-search .store_dropdown { width: 174px; } .prop-ui .po-stores-drawer .prop_prod_add_store .stores-container .stores-checkbox { width: inherit; padding: 7px 12px; border-bottom: 1px solid rgba(9, 11, 12, 0.12); } .prop-ui .po-stores-drawer .prop_prod_add_store .stores-container .stores-checkbox .prop_checkbox { padding: 0; } .prop-ui .po-stores-drawer .custom_radio_add { flex-flow: nowrap !important; gap: 14px !important; margin-top: 4px; } .prop-ui .po-stores-drawer .view_heading { width: 12%; margin: 0px; margin-top: 6px; font-weight: 600; } .prop-ui .po-stores-drawer .child_checkbox { display: flex; padding-left: 45px !important; } .prop-ui .po-stores-drawer .parent_checkbox { display: flex; padding-left: 20px !important; } .prop-ui .po-stores-drawer .wrapper_group { position: relative; } .prop-ui .po-stores-drawer .wrapper_group .grp_icon { position: absolute; top: 6px; font-size: 20px; cursor: pointer; } .prop-ui .po-stores-drawer prop-checkbox { width: fit-content; } .prop-ui .po-stores-drawer prop-checkbox .k-checkbox:indeterminate + .k-checkbox-label:before { color: var(--primary-v2); content: "\e121"; line-height: initial !important; font-size: 14px; } .prop-ui .stores-sync-pos-drawer .prop-drawer-title { text-transform: inherit !important; } .prop-ui .stores-sync-pos-drawer .prop-drawer-subtitle { text-transform: inherit !important; } .prop-ui .stores-sync-pos-drawer .prop_sync_pos_drawer { width: 100%; } .prop-ui .stores-sync-pos-drawer .prop_sync_pos_drawer .sync-container { width: inherit; border: 1px solid rgba(9, 11, 12, 0.12); border-bottom: none; } .prop-ui .sp-container { padding: 0 16px 12px; } .prop-ui .sp-container .prop-placeholder-text { font-weight: 400 !important; } .prop-ui .general-tab-container { overflow: visible; } .prop-ui .tab-body { background: #FFFFFF; border: 1px solid rgba(9, 11, 12, 0.08); border-radius: 6px; padding: 12px; } .prop-ui .tab-container, .prop-ui .tab-body { box-shadow: 0 1px 0 -1px rgba(51, 51, 51, 0.04), 0 1px 12px 0 rgba(51, 51, 51, 0.14); } .prop-ui .hide { visibility: hidden; } .prop-ui .sync-button { width: 73px; } .prop-ui .sync-card .prop-card .prop-card-header { background: #FFFFFF; } .prop-ui .password-hint-popover .password-policy-recommendations { list-style-type: disc; padding-left: 18px; } .prop-ui .password-hint-popover .k-tooltip-content .password-policy-heading { color: #0091EA; } .prop-ui .password-hint-popover .k-tooltip-content .password-policy-invalid::before { color: #f75959 !important; font-size: 16px; } .prop-ui .password-hint-popover .k-tooltip-content .password-policy-valid::before { color: #A3D183 !important; font-size: 16px; } .prop-ui .ace-action-card--active .prop-card-header { background: #0086E7 !important; } .prop-ui .ace-action-card--active .prop-card-header .prop-card-title { color: #FFFFFF !important; } .prop-ui .ace-fee-state-loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.7); } .prop-ui .ace-state-refresh-btn { margin-top: 15px; } .prop-ui .form-view-container { height: calc(100vh - 108px); padding: 0 12px 12px; overflow-y: auto; } .prop-ui .ace-fee-radio .prop-ui .prop-radio .k-radio-label { padding-left: 26px !important; } .prop-ui .ace-key-icon { transform: rotate(30deg); } .prop-ui .ace-tooltip-nowrap .k-tooltip-content { white-space: nowrap; } .prop-ui .ace-color-primary { color: #0086E7; } .prop-ui .knowledge-agent { display: flex; flex-direction: column; height: 100%; } .prop-ui .knowledge-agent .agent-container { flex: 1; } .prop-ui .knowledge-agent .agent-container .k-autocomplete input:focus { border: 1px solid var(--component-border-v2); outline: none; } .prop-ui .knowledge-agent .agent-container .ai-container ol li p { margin-bottom: 0; } .prop-ui .knowledge-agent .agent-container .ai-container ol li ul { margin-bottom: 10px; } .prop-ui .knowledge-agent .agent-container .ai-container .default-height { height: 30vh; overflow: hidden; } .prop-ui .knowledge-agent .agent-container .ai-container .increased-height { min-height: 30vh; padding-bottom: 40px; } .prop-ui .knowledge-agent .agent-container .ai-container code { color: #000000; background: inherit; font-family: Source Sans Pro !important; } .prop-ui .knowledge-agent .agent-container .ai-container .show-more { position: absolute; bottom: 0; width: 96%; text-align: center; font-weight: 600; color: rgba(9, 11, 12, 0.8); background-color: #FAFAFA; height: 40px; line-height: 40px; opacity: 0.8; } .prop-ui .knowledge-agent .agent-container .source-container .title { font-family: Source Sans Pro !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; color: #424242; } .prop-ui .knowledge-agent .agent-container .source-container .sub-title { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; color: #5B6870; } .prop-ui .knowledge-agent .agent-container .source-container .details-container { padding: 10px 12px; } .prop-ui .knowledge-agent .agent-container .source-container .prop-card-body { padding: 0 !important; } .prop-ui .knowledge-agent .agent-container .source-container .prop-card-header-right-items { height: auto !important; } .prop-ui .knowledge-agent .agent-container .source-container .prop-card-header-left-items { flex-grow: 0 !important; } .prop-ui .knowledge-agent .agent-container .source-container prop-title-action { display: flex; flex-direction: row; align-items: center; gap: 8px; } .prop-ui .knowledge-agent .agent-container .source-container .k-button-group { border: none; display: flex; gap: 8px; background-color: inherit; } .prop-ui .knowledge-agent .agent-container .source-container .sources-button { font-family: Source Sans Pro !important; border-radius: 24px !important; height: 30px; font-size: 12px; text-align: center; background-color: #F3F3F3; border: 1px solid rgba(9, 11, 12, 0.16); color: #424242; text-transform: none; } .prop-ui .knowledge-agent .agent-container .source-container .sources-button.k-selected { background-color: #0086E7; color: white; } .prop-ui .knowledge-agent .link-container { z-index: 100; position: sticky; bottom: -25px; background: linear-gradient(0deg, rgba(117, 133, 149, 0.08) 0%, rgba(117, 133, 149, 0.08) 100%), #FFF; padding: 10px; } .prop-ui .knowledge-agent .link-container p:last-of-type { margin-bottom: 0; } .prop-ui .knowledge-agent .footer-link { display: flex; align-items: center; } .prop-ui .knowledge-agent .k-button.always-default { background-color: var(--kendo-button-hover-bg, rgba(0, 0, 0, 0.04)) !important; border-color: var(--kendo-button-hover-border, rgba(0, 0, 0, 0.08)) !important; color: inherit !important; height: 28px; } .prop-ui .knowledge-agent .position-relative { position: relative; } .prop-ui .knowledge-agent .k-selected { color: #FFFFFF; background: #0086E7; } .prop-ui .knowledge-agent .loader-container { height: 200px; } .prop-ui .knowledge-agent .text-center { display: flex; justify-content: center; align-items: center; } .prop-ui .knowledge-agent .content-end { display: flex; justify-content: end; align-items: center; } .prop-ui .knowledge-agent .ai-assist { display: inline-block; width: 20px; height: 20px; background: center/contain no-repeat url("/app/assets/images/ai-assist.svg"); } .prop-ui .ka-video-container { position: relative; padding-bottom: 56.25%; overflow: hidden; } .prop-ui .ka-video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .prop-ui .sl_header-text { font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; font-size: 16px; } .prop-ui .sl-metrics-container > div:nth-of-type(odd) { padding: 16px; } .prop-ui .sl_assign_users_drawer .k-tabstrip, .prop-ui .sl_assign_stores_drawer .k-tabstrip { border-left: 1px solid rgba(9, 11, 12, 0.08); border-top: 1px solid rgba(9, 11, 12, 0.08); border-right: 1px solid rgba(9, 11, 12, 0.08); padding-bottom: 8px; border-radius: 6px 6px 0px 0px; } .prop-ui .sl_assign_users_drawer .k-tabstrip .k-tabstrip-items-wrapper, .prop-ui .sl_assign_stores_drawer .k-tabstrip .k-tabstrip-items-wrapper { border-radius: inherit; } .prop-ui .sl_assign_users_drawer .prop_grid_blk, .prop-ui .sl_assign_stores_drawer .prop_grid_blk { border-radius: 0px 0px 6px 6px !important; } .prop-ui .sl-licenses-container { overflow-y: auto; } .prop-ui .sl-licenses-results-area { position: relative; } .prop-ui .sl-licenses-container-loader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; min-height: 220px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.7); } .prop-ui .sl-licenses-grid { column-count: 3; column-gap: 8px; } @media (max-width: 1199px) { .prop-ui .sl-licenses-grid { column-count: 2; } } @media (max-width: 599px) { .prop-ui .sl-licenses-grid { column-count: 1; } } .prop-ui .sl-licenses-grid prop-license-card { display: block; break-inside: avoid; margin-bottom: 8px; } .prop-ui .sl-licenses-state-loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.7); } .prop-ui .no-wrap-text span { white-space: normal; line-height: 1.5 !important; } .prop-ui .relative_checkbox_group { position: relative; margin: 5px 0; } .prop-ui .disp-none { display: none; } .prop-ui .settings-search .mdi-close { position: relative; top: 4px; } .prop-ui .settings-grid-thead .k-link { cursor: default !important; } .prop-ui .settings-grid-thead .k-column-title { height: 40px; display: flex; align-items: center; justify-content: center; } @media (max-width: 599px) { .prop-ui .xs-w-100 { width: 100%; } } .prop-ui .styleguide-uplift { display: flex; flex-direction: column; gap: 20px; font-family: Source Sans Pro; } .prop-ui .styleguide-uplift .ep-yellow-btn { background-color: #fdc927; color: rgba(0, 0, 0, 0.54); width: 120px; display: block; height: 32px; text-align: center; line-height: 34px; float: right; font-size: 12px; border-bottom: 3px solid #c59d1c; } .prop-ui .styleguide-uplift .ep-yellow-btn:hover { background-color: #f5c325; color: rgba(0, 0, 0, 0.54); text-decoration: none; } .prop-ui .styleguide-uplift .ep-green-btn { background-color: #9bcb65; color: rgba(0, 0, 0, 0.54); width: 120px; display: block; height: 32px; margin-right: 10px; text-align: center; line-height: 34px; float: right; font-size: 12px; border-bottom: 3px solid #7da550; } .prop-ui .styleguide-uplift .ep-green-btn:hover { background-color: #8eba5d; color: rgba(0, 0, 0, 0.54); text-decoration: none; } .prop-ui .styleguide-uplift .row-container { display: flex; justify-content: center; gap: 20px; } .prop-ui .styleguide-uplift .row-container .card { padding: 10px; background-color: #FFFFFF; border-radius: 5px; } .prop-ui .styleguide-uplift .row-container .card .title { border-bottom: 1px solid rgba(9, 11, 12, 0.2); padding-bottom: 10px; margin-bottom: 10px; font-family: Source Sans Pro !important; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .prop-ui .styleguide-uplift .row-container .item { flex-basis: 100%; } .prop-ui .styleguide-uplift .row-container-another { display: flex; flex-direction: row; gap: 20px; } .prop-ui .styleguide-uplift .row-container-another .item { flex-basis: 100%; } .prop-ui .styleguide-uplift form#myform { display: flex; flex-direction: column; gap: 20px; } .prop-ui .styleguide-uplift .prop-card-header-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/set-column-1.svg"); } .prop-ui .styleguide-uplift .tax-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/tax.svg"); } .prop-ui .styleguide-uplift .detail-section-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/detail-section.svg"); } .prop-ui .styleguide-uplift .sales-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/line-stacked-markers.svg"); } .prop-ui .styleguide-uplift .file-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/file-pdf.svg"); } .prop-ui .styleguide-uplift .ux_uplift_toolbar { width: 100%; } .prop-ui .styleguide-uplift .criteria .prop_invalid_block { display: none; } .prop-ui .styleguide-uplift .criteria1 .selection-container { height: unset; } .prop-ui .styleguide-uplift .customer_change span.k-input { height: 46px; } .prop-ui .styleguide-uplift .img-container { border: 2px dashed #ccc; padding: 20px; } .prop-ui .styleguide-uplift .img-container .tile-container { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 5px; } .prop-ui .styleguide-uplift .img-container .tile-container .tile { width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; overflow: hidden; } .prop-ui .styleguide-uplift .img-container .tile-container .tile img { max-width: 100%; max-height: 100%; } .prop-ui .prop-wrapper { box-sizing: border-box; } .prop-ui .prop-wrapper .prop-container-wrap { flex: 0 1 60% !important; } .prop-ui .prop-wrapper .prop-container-wrap .prop-sidebar { display: flex; flex-direction: column; gap: 10px; width: 200px; color: #000; box-sizing: border-box; position: relative; font-size: 16px; font-weight: 600; align-self: stretch; } .prop-ui .prop-wrapper .prop-container-wrap .prop-sidebar a { display: block; text-decoration: none; padding: 10px; } .prop-ui .prop-wrapper .prop-container-wrap .prop-sidebar a:hover { background-color: #ccf5f5; color: black; } .prop-ui .prop-wrapper .prop-container-wrap .prop-sidebar a.active { background-color: #4CAF50; color: white; } .prop-ui .prop-wrapper .prop-container-wrap .prop-sidebar .submenu a { padding-left: 20px; } .prop-ui .prop-wrapper .prop-container-wrap .prop-sidebar .arrow { margin-left: 5px; } .prop-ui .prop-wrapper .prop-container-wrap .prop-content { padding: 20px; box-sizing: border-box; align-self: stretch; background: #FAFAFA; } .prop-ui .prop-wrapper .prop-container-wrap .prop-content code { color: #000; background-color: transparent; } .prop-ui .prop-wrapper .prop-container-wrap .prop-content .widget { display: flex; flex-direction: column; flex: 1; align-self: stretch; } .prop-ui .prop-wrapper .prop-container-wrap .prop-content .widget .prop-card-header-icon { width: 20px; height: 20px; background-image: url("/app/assets/images/set-column-1.svg"); } .prop-ui .prop-wrapper .progress-bar1 { height: 20px; width: 100%; }