/* Minification failed. Returning unminified contents. (156,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (477,51): run-time error CSS1046: Expect comma, found '205' (477,58): run-time error CSS1046: Expect comma, found ')' (479,43): run-time error CSS1046: Expect comma, found '138' (479,51): run-time error CSS1046: Expect comma, found '/' (726,49): run-time error CSS1046: Expect comma, found '164' (726,57): run-time error CSS1046: Expect comma, found '/' (727,46): run-time error CSS1046: Expect comma, found '164' (727,54): run-time error CSS1046: Expect comma, found '/' (728,41): run-time error CSS1046: Expect comma, found '164' (728,49): run-time error CSS1046: Expect comma, found '/' (730,24): run-time error CSS1038: Expected hex color, found '#fff0' (2982,49): run-time error CSS1046: Expect comma, found '164' (2982,57): run-time error CSS1046: Expect comma, found '/' (2983,46): run-time error CSS1046: Expect comma, found '164' (2983,54): run-time error CSS1046: Expect comma, found '/' (2984,41): run-time error CSS1046: Expect comma, found '164' (2984,49): run-time error CSS1046: Expect comma, found '/' (2999,23): run-time error CSS1038: Expected hex color, found '#fff0' (3008,23): run-time error CSS1046: Expect comma, found '155' (3008,31): run-time error CSS1046: Expect comma, found '/' (3409,30): run-time error CSS1046: Expect comma, found '68' (3409,37): run-time error CSS1046: Expect comma, found '/' (3439,19): run-time error CSS1046: Expect comma, found '116' (3439,27): run-time error CSS1046: Expect comma, found '/' (3640,27): run-time error CSS1046: Expect comma, found '87' (3640,34): run-time error CSS1046: Expect comma, found '/' (3645,29): run-time error CSS1046: Expect comma, found '119' (3645,37): run-time error CSS1046: Expect comma, found '/' (5185,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (6500,49): run-time error CSS1046: Expect comma, found '164' (6500,57): run-time error CSS1046: Expect comma, found '/' (6501,46): run-time error CSS1046: Expect comma, found '164' (6501,54): run-time error CSS1046: Expect comma, found '/' (6502,41): run-time error CSS1046: Expect comma, found '164' (6502,49): run-time error CSS1046: Expect comma, found '/' (6880,31): run-time error CSS1046: Expect comma, found '255' (6880,38): run-time error CSS1046: Expect comma, found ')' (7456,41): run-time error CSS1046: Expect comma, found '142' (7456,49): run-time error CSS1046: Expect comma, found '/' (8305,25): run-time error CSS1046: Expect comma, found '0' (8305,29): run-time error CSS1046: Expect comma, found '/' (8560,47): run-time error CSS1046: Expect comma, found '0' (8560,51): run-time error CSS1046: Expect comma, found '/' (8561,39): run-time error CSS1046: Expect comma, found '0' (8561,43): run-time error CSS1046: Expect comma, found '/' (8574,47): run-time error CSS1046: Expect comma, found '0' (8574,51): run-time error CSS1046: Expect comma, found '/' (8575,39): run-time error CSS1046: Expect comma, found '0' (8575,43): run-time error CSS1046: Expect comma, found '/' (8858,29): run-time error CSS1046: Expect comma, found '255' (8858,37): run-time error CSS1046: Expect comma, found '/' (8987,53): run-time error CSS1046: Expect comma, found '164' (8987,61): run-time error CSS1046: Expect comma, found '/' (8988,50): run-time error CSS1046: Expect comma, found '164' (8988,58): run-time error CSS1046: Expect comma, found '/' (8989,45): run-time error CSS1046: Expect comma, found '164' (8989,53): run-time error CSS1046: Expect comma, found '/' (9945,49): run-time error CSS1046: Expect comma, found '150' (9945,56): run-time error CSS1046: Expect comma, found ')' (9946,46): run-time error CSS1046: Expect comma, found '150' (9946,53): run-time error CSS1046: Expect comma, found ')' (9947,41): run-time error CSS1046: Expect comma, found '150' (9947,48): run-time error CSS1046: Expect comma, found ')' (10195,52): run-time error CSS1046: Expect comma, found '164' (10195,60): run-time error CSS1046: Expect comma, found '/' (10196,50): run-time error CSS1046: Expect comma, found '164' (10196,58): run-time error CSS1046: Expect comma, found '/' (10553,21): run-time error CSS1036: Expected expression, found '!important' (10620,39): run-time error CSS1030: Expected identifier, found '.' (10620,55): run-time error CSS1031: Expected selector, found ')' (10620,55): run-time error CSS1025: Expected comma or open brace, found ')' (10685,49): run-time error CSS1046: Expect comma, found '164' (10685,57): run-time error CSS1046: Expect comma, found '/' (10686,46): run-time error CSS1046: Expect comma, found '164' (10686,54): run-time error CSS1046: Expect comma, found '/' (10687,41): run-time error CSS1046: Expect comma, found '164' (10687,49): run-time error CSS1046: Expect comma, found '/' (10777,53): run-time error CSS1046: Expect comma, found '164' (10777,61): run-time error CSS1046: Expect comma, found '/' (10778,50): run-time error CSS1046: Expect comma, found '164' (10778,58): run-time error CSS1046: Expect comma, found '/' (10779,45): run-time error CSS1046: Expect comma, found '164' (10779,53): run-time error CSS1046: Expect comma, found '/' (10996,49): run-time error CSS1046: Expect comma, found '114' (10996,57): run-time error CSS1046: Expect comma, found '/' (10997,46): run-time error CSS1046: Expect comma, found '164' (10997,54): run-time error CSS1046: Expect comma, found '/' (10998,41): run-time error CSS1046: Expect comma, found '104' (10998,48): run-time error CSS1046: Expect comma, found ')' (11229,23): run-time error CSS1046: Expect comma, found '0' (11229,27): run-time error CSS1046: Expect comma, found '/' (11408,23): run-time error CSS1046: Expect comma, found '0' (11408,27): run-time error CSS1046: Expect comma, found '/' (12071,25): run-time error CSS1036: Expected expression, found '!important' (13119,21): run-time error CSS1038: Expected hex color, found '#0009' (15183,49): run-time error CSS1046: Expect comma, found '164' (15183,57): run-time error CSS1046: Expect comma, found '/' (15184,46): run-time error CSS1046: Expect comma, found '164' (15184,54): run-time error CSS1046: Expect comma, found '/' (15185,41): run-time error CSS1046: Expect comma, found '164' (15185,49): run-time error CSS1046: Expect comma, found '/' (15217,31): run-time error CSS1046: Expect comma, found '0' (15217,35): run-time error CSS1046: Expect comma, found '/' (15292,1): run-time error CSS1035: Expected colon, found '}' (16148,45): run-time error CSS1046: Expect comma, found '164' (16148,53): run-time error CSS1046: Expect comma, found '/' (16149,53): run-time error CSS1046: Expect comma, found '164' (16149,61): run-time error CSS1046: Expect comma, found '/' (16150,50): run-time error CSS1046: Expect comma, found '164' (16150,58): run-time error CSS1046: Expect comma, found '/' (17254,40): run-time error CSS1030: Expected identifier, found '>' (17254,65): run-time error CSS1031: Expected selector, found ')' (17254,65): run-time error CSS1025: Expected comma or open brace, found ')' (18298,31): run-time error CSS1046: Expect comma, found '155' (18298,39): run-time error CSS1046: Expect comma, found '/' (18724,1): run-time error CSS1019: Unexpected token, found '}' (19264,30): run-time error CSS1038: Expected hex color, found '#0000' (20119,49): run-time error CSS1046: Expect comma, found '164' (20119,57): run-time error CSS1046: Expect comma, found '/' (20120,46): run-time error CSS1046: Expect comma, found '164' (20120,54): run-time error CSS1046: Expect comma, found '/' (20121,41): run-time error CSS1046: Expect comma, found '164' (20121,49): run-time error CSS1046: Expect comma, found '/' (20291,34): run-time error CSS1030: Expected identifier, found '.' (20291,68): run-time error CSS1031: Expected selector, found ')' (20291,68): run-time error CSS1025: Expected comma or open brace, found ')' (20358,38): run-time error CSS1030: Expected identifier, found '.' (20358,72): run-time error CSS1031: Expected selector, found ')' (20358,72): run-time error CSS1025: Expected comma or open brace, found ')' (20361,38): run-time error CSS1030: Expected identifier, found '.' (20361,72): run-time error CSS1031: Expected selector, found ')' (20361,72): run-time error CSS1025: Expected comma or open brace, found ')' */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; /* font: inherit;*/ font-family: 'Open Sans', sans-serif; /*vertical-align: baseline;*/ } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /*table { border-collapse: collapse; border-spacing: 0; }*/ html { height: 100%; } @font-face { font-family: "OpenSans"; src: url("font/OpenSans-Bold.eot"); src: url("font/OpenSans-Bold.woff") format("woff"), url("font/OpenSans-Bold.otf") format("opentype"), url("font/OpenSans-Bold.svg") format("svg"); src: url("font/OpenSans-BoldItalic.eot"); src: url("font/OpenSans-BoldItalic.woff") format("woff"), url("font/OpenSans-BoldItalic.otf") format("opentype"), url("font/OpenSans-BoldItalic.svg") format("svg"); src: url("font/OpenSans-ExtraBold.eot"); src: url("font/OpenSans-ExtraBold.woff") format("woff"), url("font/OpenSans-ExtraBold.otf") format("opentype"), url("font/OpenSans-ExtraBold.svg") format("svg"); src: url("font/OpenSans-ExtraBoldItalic.eot"); src: url("font/OpenSans-ExtraBoldItalic.woff") format("woff"), url("font/OpenSans-ExtraBoldItalic.otf") format("opentype"), url("font/OpenSans-ExtraBoldItalic.svg") format("svg"); src: url("font/OpenSans-Italic.eot"); src: url("font/OpenSans-Italic.woff") format("woff"), url("font/OpenSans-Italic.otf") format("opentype"), url("font/OpenSans-Italic.svg") format("svg"); src: url("font/OpenSans-Light.eot"); src: url("font/OpenSans-Light.woff") format("woff"), url("font/OpenSans-Light.otf") format("opentype"), url("font/OpenSans-Light.svg") format("svg"); src: url("font/OpenSans-LightItalic.eot"); src: url("font/OpenSans-LightItalic.woff") format("woff"), url("font/OpenSans-LightItalic.otf") format("opentype"), url("font/OpenSans-LightItalic.svg") format("svg"); src: url("font/OpenSans-Regular.eot"); src: url("font/OpenSans-Regular.woff") format("woff"), url("font/OpenSans-Regular.otf") format("opentype"), url("font/OpenSans-Regular.svg") format("svg"); src: url("font/OpenSans-SemiBold.eot"); src: url("font/OpenSans-SemiBold.woff") format("woff"), url("font/OpenSans-SemiBold.otf") format("opentype"), url("font/OpenSans-SemiBold.svg") format("svg"); src: url("font/OpenSans-SemiBoldItalic.eot"); src: url("font/OpenSans-SemiBoldItalic.woff") format("woff"), url("font/OpenSans-SemiBoldItalic.otf") format("opentype"), url("font/OpenSans-SemiBoldItalic.svg") format("svg"); } body { height: 100%; background: #fff; cursor: default; text-align: left; color: #2a1f18; text-transform: none; font-family: 'Open Sans', sans-serif; src: (url) line-height: 1; } input[type="submit"], input[type="reset"], input[type="password"], input[type="button"], input[type="text"], textarea, button { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid grey; /*-moz-appearance : none; -webkit-appearance: none; text-indent: 0.01px; text-overflow:'';*/ } select::-ms-expand { /*display: none;*/ } input[type='submit']::-moz-focus-inner { padding: 0; border: 0; } a, area, button, input[type="checkbox"], input[type="radio"], input[type="submit"], input[type="reset"], input[type="button"], input[type="file"] { cursor: pointer; } input[type="text"], input[type="password"], textarea { cursor: text; background-color: #fff; } textarea { overflow: auto; border: 1px solid grey; background-color: #fff; } h1, h2, h3, h4, h5, h6 { margin: 10px 0; } /*! jQuery UI - v1.11.2 - 2014-12-23 * http://jqueryui.com * Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:inherit;font-size:inherit}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:inherit;font-size:inherit}.ui-widget-content{border:1px solid #a6c9e2;background:#fcfdfd url("Calender/images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #4297d7;background:#5c9ccc url("Calender/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #c5dbec;background:#dfeffc url("Calender/images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#2e6e9e}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#2e6e9e;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #79b7e7;background:#d0e5f5 url("Calender/images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#1d5987}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#1d5987;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #79b7e7;background:#f5f8f9 url("Calender/images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50% 50% repeat-x;font-weight:bold;color:#e17009}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#e17009;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fad42e;background:#fbec88 url("Calender/images/ui-bg_flat_55_fbec88_40x100.png") 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("Calender/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("Calender/images/ui-icons_469bdd_256x240.png")}.ui-widget-header .ui-icon{background-image:url("Calender/images/ui-icons_d8e7f3_256x240.png")}.ui-state-default .ui-icon{background-image:url("Calender/images/ui-icons_6da8d5_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("Calender/images/ui-icons_217bc0_256x240.png")}.ui-state-active .ui-icon{background-image:url("Calender/images/ui-icons_f9bd01_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("Calender/images/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("Calender/images/ui-icons_cd0a0a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:5px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:5px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:5px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:5px}.ui-widget-overlay{background:#aaa url("Calender/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url("Calender/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} b { font-weight: bold; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div[role=debuginfo] { bottom: 7%; display: none; } .css3-anim { -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); } div[role=debuginfoPopup] { bottom: 12%; display: none; } button, input, button:focus, input:focus, select:hover, select:focus, select > option:hover { outline: 0 !important; } th.hide_me, td.hide_me { display: none; } #controlerInfo { float: right; z-index: 500; position: fixed; right: 4%; background: rgba(70, 130, 180, 0.2); height: 20px; padding: 7px 4px 0px 4px; } html { font-family: 'Open Sans', sans-serif; font-size: 11px; } form { height: 100%; } html, body { height: 100%; border: 0; margin: 0px; padding: 0px; overflow-x: auto; overflow-y: auto; } .H2LabelControl { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; padding-left: 4px; } .H2LabelDebuggerControl { font-family: 'Open Sans', sans-serif; font-size: 12px; } fieldset .H2LabelControl { padding-left: 0px; float: left; padding-top: 4px; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; } .SelectionBoxContainer option { height: 17px; } input[type="text"], input[type="time"], input[type="number"], input[type="password"], select { height: 25px !important; font-size: 11px; padding: 3px 5px; line-height: 22px; border: 1px solid #b0bec5; margin-bottom: 3px; font-family: 'Open Sans', sans-serif; } input[type="number"] { line-height: 25px; padding: 0 0 0 5px; } select { padding: 3px 3px !important; } textarea { font-size: 11px; padding: 3px 5px; line-height: 22px; border: 1px solid #b0bec5; margin-bottom: 3px; font-family: 'Open Sans', sans-serif; } select { font-family: 'Open Sans', sans-serif; margin-bottom: 4px; height: 25px; border-radius: 0; font-size: 11px; } input[type="text"]:focus, input[type="number"]:focus input[type="password"]:focus, select:focus, textarea:focus { border: #318bf3 solid 1px !important; border-radius: 0; } textarea:focus-visible { border: #318bf3 solid 1px !important; border-radius: 0; outline: none; } .R4RelationQanA_a1, .R4RelationQanA_a2, .R4RelationQanA_a3, .R4CRMQanA_a1, .R4CRMQanA_a2, .R4CRMQanA_a3 { display: none; } /* drodown styles */ .graphic-drop-down { border: 1px solid #b0bec5 !important ; cursor: pointer; position: relative; } /* .graphic-drop-down:hover { background: #f2f7fb; border: 1px #a2d6ff solid; }*/ .graphic-drop-down img { border-right: 1px solid #b0bec5; height: 65px; padding: 5px; } .graphic-drop-down-wrapper .autofill-select-list { top: 72px; max-height: 300px; } .graphic-drop-down a { display: flex; align-items: center; text-decoration: none; } .graphic-drop-down a .material-icons { color: #000; right: -4px; font-size: 21px; position: absolute; } .graphic-drop-down-desabled { pointer-events: none; background: #eee; } .drop-down-btn { overflow: visible; } .drop-down-btn .btn-down-load { width: auto !important; bottom: 76px !important; top: auto; background: #fff; left: auto; right: 0; position: absolute; border: 1px solid #ccc; border-bottom: 0; } .drop-down-btn .btn-down-load .btn-download-list { padding: 0; float: left; display: none; } .drop-down-btn .btn-down-load .btn-download-list li { float: left; width: 100%; position: relative; } .drop-down-btn .btn-down-load .btn-download-list li a .btn-download-itme { font-size: 16px !important; width: auto; float: left; width: 100%; padding-left: 40px; } .drop-down-btn .btn-down-load .btn-download-list li a .btn-download-itme .material-icons { color: #333; position: absolute; width: 40px; left: 0; top: 0; font-size: 29px; padding: 6px; } .drop-down-btn:hover { overflow: visible; } .drop-down-btn:hover .btn-down-load .btn-download-list { display: block; } .drop-down-btn:hover .btn-down-load .btn-download-list li:hover { background: #eee; } .autofill-select-wrapper { position: relative; width: 100%; float: left; } .select-angle-down { position: absolute; right: -3px; top: 5px; } .autofill-select-list { list-style: none; padding: 1px; margin: 0; overflow-y: auto; border: 1px solid #b0bec5; position: absolute; z-index: 10; background: #fff; width: 100%; max-height: 253px; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0px 18px 22px 1px rgb(205 205 205); -moz-box-shadow: 0px 18px 22px 1px rgba(138,138,138,0.52); box-shadow: 0px 18px 22px 1px rgb(138 138 138 / 42%); border-top: 0; } .autofill-select-inner-wrapper { width: 100%; float: left; } .autofill-select-list li { float: left; width: 50%; padding: 0 5px; margin-right: 3px; background: #fafdff; margin-bottom: 3px; margin-top: 3px; margin-left: 3px; width: calc(100% - 6px); width: -moz-calc(100% - 6px); width: -webkit-calc(100% - 6px); border-radius: 0; border: 1px solid #bbdefb; cursor: pointer; } .autofill-select-list li:hover { background: #e8eaf6; transform: scale(1.005) } .autofill-select-list li > span, .selected-item-wrapper { width: 100%; display: flex; height: 100%; padding: 5px; } .autofill-select-list li > span img, .selected-item-wrapper > img { width: 50px; display: flex; align-items: center; } .autofill-select-list li > span > span, .selected-item-wrapper .selected-item-description { /*font-weight: 700;*/ vertical-align: middle; padding: 0px 10px 0; width: 100%; display: flex; align-items: center; } .selected-item-wrapper { border-bottom: 1px dashed #ccc; margin-bottom: 3px; } .selected-item-wrapper .selected-item-description { font-weight: 400; color: #333; } .autofill-select-list .loading-view { width: 100%; float: left; border: 0; margin: 0; height: 335px; text-align: center; padding: 18% 0; } .autofill-select-list .loading-view > span { display: unset; } .recipe-dt-form .graphic-drop-down-wrapper .autofill-select-list { top: 63px; } .product-line-dt-form .graphic-drop-down-wrapper .autofill-select-list { top: 53px !important ; } /* end of drodown styles */ /* Line Target date selector disabled styles */ .date-select-calenderRow.disabled button { color: #b0bec5 !important ; border-color: #b0bec5 !important ; } .date-select-calenderRow.disabled .week-day { background: #b0bec5 !important ; } .date-select-calenderRow.disabled .small { color: #b0bec5 !important ; } .date-select-calenderRow.disabled .border-dark .week-day { background-color: #ffc107 !important ; } .date-select-calenderRow.disabled .border-dark .small { color: #2a1f18 !important ; } .date-select-calenderRow.disabled + .selectedDate { color: #b0bec5 !important ; } /* --- */ /*google icons*/ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(font/font/MaterialIconsOutlined-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIconsOutlined-Regular'), url(font/font/MaterialIconsOutlined-Regular.woff2) format('woff2'), url(font/font/MaterialIconsOutlined-Regular.woff) format('woff'), url(font/font/MaterialIconsOutlined-Regular.ttf) format('truetype'), url(font/font/MaterialIconsOutlined-Regular.otf) format('opentype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 20px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; width: 24px; } /* Rules for sizing the icon. */ .material-icons.md-18 { font-size: 18px; } .material-icons.md-24 { font-size: 24px; } .material-icons.md-36 { font-size: 36px; } .material-icons.md-48 { font-size: 48px; } /* Rules for using icons as black on a light background. */ .material-icons.md-dark { color: rgba(0, 0, 0, 0.54); } .material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); } /* Rules for using icons as white on a dark background. */ .material-icons.md-light { color: rgba(255, 255, 255, 1); } .material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); } /*icon colors*/ .light-blue-ico { color: #0091ea; } .white-ico { color: #fff; } /*R2 Grid*/ .dataTables_wrapper { background-color: #a1bbea; padding-top: 0px; width: 100%; } #h2r2pRelationQAnRGeneric tr th { width: 16%; } #h2gnpucR4H2RelationCouplingGeneric tr th { width: 20%; } #h2gnpR4H2RelationAdressGeneric tr th { width: 11%; } #h2r2pucR4MBTQAndRInitialGeneric tr th { width: 16%; } .dataTables_wrapper .top { padding-top: 5px; padding-bottom: 23px; padding-right: 5px; background-color: #a1bbea; } /* end R2 Grid */ /*H2 Toolstrip*/ .H2tempTollStrip { padding-top: 0px; padding-left: 7px; padding-right: 1px; display: table-cell; align-content: center; } .H2tempTollStrip a { padding-bottom: 3px; } .dynamicToolButtons { display: none; } .ham-menu img { width: 30px; } .ham-menu .material-icons { width: 36px; font-size: 33px; } /*end H2 Tool Strip*/ /* H2 React Web Controls*/ .H2Table { width: 100%; border-width: 0px; } .fade-blue-w-mg > .H2Table { background: #fff; -webkit-box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); -moz-box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); border-radius: 2px; border: 15px solid #fff0; } .H2Cell { width: 100%; vertical-align: top; } .top-btn-bar-cell { padding: 0 10px 0 0 !important; } .top-btn-bar-cell img { height: 38px; } .H2Table td { width: 25%; } .H2Row { height: 22px; } .H2Row-28 { height: 28px; } .radio-group-artwork { margin-bottom: 3px; float: left; } .H2EmptyRow { height: 22px; } .H2ComboBox select:hover { background-color: #acc3db; } .H2ComboBox select::selection { background-color: #acc3db; } /* IE 10 only */ /*.ie10 .H2Control { margin-top: 1px; padding-right: 4px; display: -ms-flexbox; padding-left: 0px; float: none; } .ie10 fieldset .H2Control { padding-right: 2px; display: -ms-flexbox; padding-left: 0px; float: none; }*/ /* End IE 10 only*/ .H2Label { padding-left: 4px; width: 147px; float: left; padding-top: 4px; } .H2Label.H2Label-longer-text { width: 220px !important; } .H2ReactTextBox input { width: 100%; min-width: 45px; padding-left: 5px; } .H2ReactTextBoxReceipeProductLine input { width: 100%; min-width: 10px; padding-left: 3px; } .chosen-location { min-width: 105px; margin-right: 5px; } .combo-small-box { min-width: 25px !important; } .H2RadioButtonList { display: block !important; max-height: 115px; overflow-y: auto; border: 1px solid #949494; background-color: #fff; margin-right: 4px; } .H2RadioButtonList label { min-width: 45px; height: 22px; padding-left: 4px; float: right; overflow: hidden; line-height: 22px; background-color: #fff; } .H2RadioButtonList input { float: right; margin-top: 4px; } /* H2CheckBoxList */ .H2CheckBoxList { display: block !important; max-height: 115px; overflow-y: auto; border: 1px solid #949494; background-color: #fff; margin-right: 4px; } /*........*/ .H2ApplicationControlCombobox { width: 50px; float: right; } .H2DateTextBox input { width: 100%; } .H2DateTextBox ul { width: 100%; display: flex; } .H2TimeBox input { width: 100%; } .H2LabelButtonTextbox_textbox { display: flex; } .H2LabelButtonTextbox_textbox_second { width: 150px; } .H2LabelButtonTextbox_button input { background-color: #6b89af; border: 1px solid #464f6d; color: #ffffff; cursor: pointer; font-family: Calibri; font-size: 11px; font-weight: bold; height: 18px; } .H2LabelButtonTextbox_button_2nd_input { background-color: #039be5; border: none !important; color: #fff; font-family: Calibri; font-size: 14px; font-weight: bold; width: 40px !important; min-width: 40px !important; padding-bottom: 5px; padding-left: 0 !important; height: 25px; } .H2Control { padding-right: 4px; display: flex; display: grid\9; display: -ms-flexbox; padding-left: 125px\9; float: none; position:relative; } .checkbox-align{ display: flex; align-items: center; } .checkbox-align input{ margin-bottom: 0; } .width-50p { width: 150px; display: flex; align-items: center; } .width-50p span{ margin-top: 3px; } .width-100p { width: 100%; } .width-100 { float: left; width: 100% !important; } .maxwidth-100{ max-width:100%; } .maxwidth-50 { max-width: 50%; } .width-100-px { width: 100px; text-align: center; } .H2LinkBox { background-color: #BCBCBC; color: black; border: 1px solid #808080; height: 19px; width: 100% !important; } .H2LinkBox a { height: 19px; font-size: 13px; padding: 0; line-height: 19px; } fieldset .H2Control { padding-right: 4px; display: flex; display: grid\9; display: -ms-flexbox; padding-left: 125px\9; float: none; } .H2LabelButtonTextbox_textbox input { width: 100%; } .H2LabelFileListListStyle { border: 0px solid #808080; display: flex; float: none; width: 100%; background-color: white; height: 25px; margin-bottom: 3px; } .H2LabelDatetimepickerImgButton { border-right: 1px solid #039be5; border-top: 1px solid #039be5; border-bottom: 1px solid #039be5; -moz-height: 15px; -webkit-height: 15px; height: 25px; padding: 3px; width: 25px; background-color: #039be5; } .H2LabelDatetimepickerImgButtonR2Search { height: 25px; padding: 5px; width: 25px; background-color: #039be5; float: left; } /* Mozilla only */ @-moz-document url-prefix() { .H2LabelButtonTextbox_button_2nd_input { background-color: #6b89af; border: 1px solid #464f6d; color: #ffffff; font-family: Calibri; font-weight: bold; height: 19px; width: 20px !important; } .H2LabelButtonTextbox_textbox_second { margin-left: 0px; width: 150px; } } /* Chrom only */ @media screen and (-webkit-min-device-pixel-ratio: 0) { .H2Control { /*Chrome needs flex*/ display: flex; } .H2LabelButtonTextbox_button_2nd_input { background-color: #039be5; border: none !important; color: #fff; font-family: Calibri; font-size: 14px; font-weight: bold; width: 40px !important; min-width: 40px !important; padding-bottom: 5px; padding-left: 0 !important; height: 25px; } .H2LabelButtonTextbox_textbox_second { margin-left: 0px; width: 150px; } } /* IE 10 only */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { fieldset .H2Control { padding-right: 2px; display: -ms-flexbox; padding-left: 0px; float: none; } table.dataTable td { padding: 3px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; } .H2Control { margin-top: 1px; padding-right: 4px; display: -ms-flexbox; padding-left: 0px; float: none; } .H2LabelButtonTextbox_textbox { display: -ms-flexbox; } .H2LabelButtonTextbox_button_2nd_input { display: -ms-flexbox; background-color: #6b89af; border: 1px solid #464f6d; color: #ffffff; font-family: Calibri; font-size: 14px; font-weight: bold; width: 20px !important; float: right; position: relative; right: 21px; top: 1px; } .H2LabelButtonTextbox_textbox input { display: -ms-flexbox; } .H2LabelButtonTextbox_textbox_second { margin-left: 0px; } .H2LabelDatetimepickerImgButton { position: relative; right: 18px; display: -ms-flexbox; border-right: 1px solid #808080; border-left: 1px solid #808080; border-top: 1px solid #808080; border-bottom: 1px solid #808080; height: 15px; padding: 1px; width: 15px; background-color: white; } .H2LabelDatetimepickerImgButtonR2Search { position: relative; right: 18px; display: -ms-flexbox; border-right: 1px solid #808080; border-left: 1px solid #808080; border-top: 1px solid #808080; border-bottom: 1px solid #808080; height: 15px; padding: 1px; width: 15px; background-color: white; } *::-ms-backdrop, .H2LabelDatetimepickerImgButton { position: relative; right: 1px; display: -ms-flexbox; border-right: 1px solid #808080; border-left: 1px solid #808080; border-top: 1px solid #808080; border-bottom: 1px solid #808080; height: 15px; padding: 1px 5px 1px 1px; width: 15px; background-color: white; } *::-ms-backdrop, .H2LabelDatetimepickerImgButtonR2Search { position: relative; right: 1px; display: -ms-flexbox; border-right: 1px solid #808080; border-left: 1px solid #808080; border-top: 1px solid #808080; border-bottom: 1px solid #808080; height: 15px; padding: 1px 5px 1px 1px; width: 15px; background-color: white; } /* IE11 */ *::-ms-backdrop, .H2LabelButtonTextbox_button_2nd_input { display: -ms-flexbox; background-color: #6b89af; border: 1px solid #464f6d; color: #ffffff; font-family: Calibri; font-size: 14px; font-weight: bold; width: 20px !important; float: right; position: relative; right: 0px; top: 0px; } *::-ms-backdrop, table.dataTable td { padding: 3px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .H2LabelFileListListStyle { border: 1px solid #808080; float: none; width: 100%; background-color: white; display: -ms-flexbox; height: 17px; } } .H2LabelButtonTextbox_inline { display: flex; display: inline-block\9; } .CkEditorWrap { float: none; height: 100%; padding-left: 4px; margin-right: -1px; } .cke_editor_TextAreaMemo { height: 100%; } .H2RadioButtonListLabel { padding-bottom: 5px; } .H2CheckBoxListLabel { padding-bottom: 5px; } /* end */ /* User Controls */ #R4H2RelationInitialPersonTableRow8, #R4H2RelationInitialPersonTableRow11, #R4H2RelationInitialPersonTableRow4 { height: 20px; } /* end User Controls */ .H2ReactContent { height: 100%; width: 100%; } .right { position: absolute; right: 0; width: 20%; height: 100%; background-color: #b0e0e6; z-index: 99; overflow: auto; } #H2ReactMainHedderSection { height: 24px; width: 100%; background: #efefef; } #H2ReactMainMenuContainer { width: 100%; background: #efefef; } #H2ReactMainToolStripContainer { min-height: 4px; height: 4px; background: rgba(70, 80, 120, 0.7); display: none; } #H2ReactSpliterContainer { height: calc(54%); height: -moz-calc(54%); height: -webkit-calc(54%); width: 100%; } #Spliter1_LeftP_Header { height: 4px; background-color: #6B89AF; width: 100%; } #Spliter1_RightP_Header { height: 4px; background-color: #6B89AF; width: 100%; } #R2Container { width: calc(100% - 200px); height: 100%; min-width: 550px; overflow: hidden; float: left; margin-left: 200px; height: 100vh; } #R4Container { /*width: 100%;*/ width: 100%; height: 100%; min-width: 550px; overflow: hidden; } #R2ToolStripContainer { min-width: 20px; width: 55px; background-color: #0277bd; height: 100%; float: right; padding-top: 0; border-top: #0d47a1 solid 40px; position: relative; z-index:1000; } #R2ContentContainer { height: 100%; overflow: hidden; } #R4ToolStripContainer { min-width: 20px; width: 24px; background-color: #6b89af; height: 100%; float: right; text-align: center; } #R4ContentContainer { padding-top: 2px; height: 100%; overflow: auto; /*min-width: 550px;*/ background-color: #d9e6ed; } .R4ContentContainerInputArea { padding-right: 6px; } #R1Containern, #R3Container { width: 95%; height: 95%; } #H2LabelComboboxCellEconomic { width: 100%; } .fogetPasswordLink { float: right; padding-right: 8px; } .minHight100 { padding-top: 0px; min-height: 100%; } .minHeight100-px { min-height: 100px; } .minHeight-auto { min-height: auto; } .minHeight-auto-i { min-height: auto !important; } .height100 { height: 100%; } .height-auto { height: auto; } .height-fitCont { height: fit-content; } .submitbtnTRPadding { padding-right: 11px; padding-top: 10px; } .borderCollapseCollapse { border-collapse: collapse; } .login td, .changePassword td { padding-top: 2px; padding-bottom: 2px; border-collapse: collapse; } .redColour { color: #ff0000; } section { clear: both; } header { border-bottom: 1px solid #6b89af; height: 105px; background-color: #464f6d; } * { padding: 0; margin: 0px; } #container { width: 896px; text-align: left; position: relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; padding: 0 4px; background: 0 107px; /*background: url(Images/backgr_cont.jpg) 0 107px;*/ border: thick; } footer { bottom: 0; clear: both; height: 25px; position: absolute; width: 896px; background-color: #464f6d; } #textContent { margin: 0 auto; line-height: 18px; padding: 30px 19px; width: 693px; } #textContentR1 { margin: 0 auto; } #textContentR3 { margin: 0 auto; } .footer-top { border-top: 1px solid #464f6d; height: 25px; padding-left: 19px; } .loginTextBox { border: 1px solid #6b89af; padding: 1px 5px; width: 500px; } .loginBtn { background: none repeat scroll 0 0; background-color: #ffffff; border: 1px solid #6b89af; cursor: pointer; font-size: 12px; font-weight: bold; height: 25px; width: 100px; } .loginBtn:hover { background-color: #fbf0cd; border-color: #dbc562; } .labelForStyle { display: block; float: left; font-weight: bold; padding-top: 3px; width: 150px; } .copyright { color: #a0a4a1; float: right; height: 18px; padding-top: 7px; text-align: center; width: 197px; } .browserInvalid { color: #ff0000; font-size: 14px; } .textContentR4 { margin: 0 auto; float: left; } /*Popup window*/ .pannel { border: 1px; border-style: solid; background-color: #c6ced5; border-bottom-color: #dadada; height: 100%; width: 100%; font-size: 10pt; font-family: 'Arial Narrow', 'Nimbus Sans L', sans-serif; } .popup-div-right { float: right; padding: 5px; margin-right: 25px; } .popup-div-right .btstyle { min-width: 80px; min-height: 30px; resize: both; overflow: auto; } .Popup .content-wide { width: 80%; } .Popup .content-wide.few-col { width: 90%; } .Popup .content-wide .col-indent:first-child { padding-left: 5%; } .Popup .content-wide .col-indent:nth-child(2) { padding-right: 18%; } .Popup .content-wide.few-col .col-indent:first-child { padding-left: 6%; } .Popup .content-wide.few-col .col-indent:nth-child(2) { min-width: 28px; padding-right: 0; text-align: left; } .H2CheckboxLabel { float: left; width: 120px; padding-left: 25px !important; } .H2CheckboxLabelForGroupScreen { float: left; width: 100%; padding-left: 25px; line-height: 12px; } .H2CheckboxLabel-Long { width: 100%; padding-left: 25px; line-height: 12px; } .H2RichTextEditorLabel { float: left; width: 125px; } .H2RichTextEditor { padding-bottom: 2px; } .H2RichTextEditorTop { height: 132px; } .H2Checkbox { float: left; padding-left: 5px; padding-bottom: 3px; } .H2RightLabelCheckBox { float: left; padding-left: 5px; position: relative; width: 100% } /*Next, Forward buttons*/ .paginate_button.first { position: relative; vertical-align: -4px; } .paginate_button.previous { position: relative; vertical-align: -4px; } .paginate_button.next { position: relative; vertical-align: -4px; } .paginate_button.last { position: relative; vertical-align: -4px; } /*END - Next, Forward buttons*/ /*Test page */ .TestContainer { width: 896px; margin: 0 auto; } .TestContainer h2 { color: #004a91; font-family: "Calibri Bold"; align-content: center; } .DetailPanel { background-color: #dadada; border: thin; border-color: #6b89af; align-content: center; } .TestContainer #Panel1 { border-color: #464f6d; border-style: solid; } .TestContainer #btnProceed { width: 100px; height: 20px; border: 1px solid #464f6d; background-color: #6b89af; cursor: pointer; font-weight: bold; font-size: 11px; padding-right: 5px; color: #ffffff; font-family: Calibri; } .TestContainer tr { align-items: stretch; align-content: center; vertical-align: top; } /*End of Test page */ /*Add image into image button, the class name can change in button property*/ .AddNewRecord { background: url(Images/AddNewRecord.png) center center no-repeat; width: 20px; height: 20px; border: 0px; } /*Add image into image button, the class name can change in button property*/ .RemoveRecord { background: url(Images/RemoveRecord.png) center center no-repeat; width: 20px; height: 20px; border: 0px; } .H2Groupbox { padding-top: 9px; padding-bottom: 14px; padding-left: 2px; /*min-width: 775px;*/ /*overflow:auto;*/ } .H2DistributionGroupbox { border: 1px solid #81d4fa; padding: 10px; height: 325px; /*min-width: 775px;*/ /*overflow:auto;*/ } .H2RHandlingGroupbox { border: 1px solid #81d4fa; padding-bottom: 14px; max-height: 340px; padding: 10px; } #divucR4MBTClientFileIndicators12Months .H2Groupbox { padding: 10px; min-width: 550px; overflow: auto; } #divucR4MBTAMClientFileIndicators6Months .H2Groupbox { padding: 10px; min-width: 550px; overflow: auto; } #divucR4MBTAMClientFileAssistance table.dataTable { clear: both; margin: 0 auto; min-width: 0px !important; width: 100%; } #divucR4MBTAMClientFileAssistanceInCoO table.dataTable { clear: both; margin: 0 auto; min-width: 0px !important; width: 100%; } #divucR4MBTAMClientFileAssistanceInCORBTP table.dataTable { clear: both; margin: 0 auto; min-width: 0px !important; width: 100%; } #divucR4MBTAMClientFileAssistanceInNL table.dataTable { clear: both; margin: 0 auto; min-width: 0px !important; width: 100%; } #divucR4MBTAMClientFileContactHistory table.dataTable { clear: both; margin: 0 auto; min-width: 0px !important; width: 100%; } #divucR4MBTAMClientFileIndicators table.dataTable { clear: both; margin: 0 auto; min-width: 0px !important; width: 100%; } #divucR4MBTAMClientFileMigrationCycle table.dataTable { clear: both; margin: 0 auto; min-width: 0px !important; width: 100%; } #divucR4MBTAMClientFileMonitoringOfAssistance table.dataTable { clear: both; margin: 0 auto; min-width: 0px !important; width: 100%; } #divucR4MBTAMClientFileMonitoringOfExperience table.dataTable { clear: both; margin: 0 auto; min-width: 0px !important; width: 100%; } #divucR4MBTAMClientFileOtherParticipants table.dataTable { clear: both; margin: 0 auto; min-width: 0px !important; width: 100%; } #divucR4MBTAMClientFilePersonalDataClient table.dataTable { clear: both; margin: 0 auto; min-width: 0px !important; width: 100%; } #divucR4MBTAMContactHistory table.dataTable { clear: both; margin: 0 auto; min-width: 0px !important; width: 100%; } #divucR4MBTAMQuestionAndResponse table.dataTable { clear: both; margin: 0 auto; min-width: 0px !important; width: 100%; } #divucR4MBTAMClientFileAssistanceInNL table.dataTable { clear: both; margin: 0 auto; min-width: 0px !important; width: 100%; } #divucR4MBTAMClientFileAssistanceInCORBTP table.dataTable { clear: both; margin: 0 auto; min-width: 0px !important; width: 100%; } #divucR4MBTAMClientFileAssistanceInCoO table.dataTable { clear: both; margin: 0 auto; min-width: 0px !important; width: 100%; } /*#divClientMBTCRMFinances { min-width: 800px; } #divucR4MBTAMContactHistory { min-width: 900px; } #divAMRelationPersonInitial { min-width: 800px; } #divMBTAMRelationAddress { min-width: 800px; } #divAMRelationCommunication { min-width: 800px; } #divMBTAMRelationContact { min-width: 800px; } #divAMRelationContactHistory { min-width: 800px; } #divAMRelationQuestionAndResponse { min-width: 800px; } #divAMQuestionAndResponse { min-width: 800px; } #divAMClientMBTCRMPersonalDataClient { min-width: 800px; } #divAMRelationOrganisationInitial { min-width: 800px; } #divAMClientMBTCRMOtherParticipants { min-width: 800px; } #divAMClientMBTCRMMigrationCycle { min-width: 800px; } #divAMClientMBTCRMAssistanceInTheNetherlands { min-width: 800px; } #divAMClientMBTCRMACRBTP { min-width: 800px; } #divAMClientMBTCRMAssistanceInCoO { min-width: 800px; } #divAMClientMBTCRMMonitoringOfAssistance { min-width: 800px; } #divMBTAMClientFileIndicators { min-width: 800px; } #divAMClientMBTCRMMonitoringOfExperience { min-width: 800px; } #divAMClientMBTCRMContactHistory { min-width: 800px; }*/ /*#Client6months .H2Groupbox { border: 1px solid gray; padding-top: 9px; padding-bottom: 14px; padding-left: 2px; } #Client12months .H2Groupbox { border: 1px solid gray; padding-top: 9px; padding-bottom: 14px; padding-left: 2px; }*/ .GroupboxDiv { padding: 10px 0; } #RepackingDiv.GroupboxDiv .table-scroll { min-height: 30px; overflow-y: hidden; } #RepackingDiv.GroupboxDiv fieldset .H2Label { width: unset !important; } fieldset { background-color: #FFF; } legend { border: solid gray 1px; background-color: #ffffff; } fieldset .H2Label { padding-left: 0px; width: 155px !important; float: left; /*-moz-width:89px;*/ /*overflow-wrap: break-word;*/ padding-top: 4px; line-height: 12px; } fieldset .H2Label.lable-reduce { width: 35% !important; } .H2GroupboxTitle { padding: 0 1px; font-size: 105%; border: solid gray 1px; } /*ToolStrip style in ucPUMBTCRMA2Generic,ucPUMBTCRMA3Generic user controls */ #R2UCToolStripContainer { background-color: #6b89af; height: 156px; min-width: 20px; width: 5%; float: right; } #R2UCContentContainer { width: 94%; height: 100%; float: left; } .H2UCtempTollStrip { display: table-cell; float: right; padding-right: 0.75px; padding-top: 13px; } .H2ImageButton { padding-left: 0px !important; } .H2LabelComboboxCellResponcetype { width: 20px !important; } table { border-spacing: 0px; border-collapse: collapse; padding: 0px; } .RowHeightone { height: 50px; } .RowHeighttwo { height: 60px; } .H2LabelFileListDiv { border: 1px solid #cacfd4; width: auto; height: 17px; padding: 1px; vertical-align: central; } .H2LabelFileListImgButton { border-right: 1px solid #cacfd4; border-top: 1px solid #cacfd4; border-bottom: 1px solid #cacfd4; width: 17px; height: 17px; padding: 1px; } .H2LabelFileListText { padding: 2px; font-size: 10px; font-weight: 200; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .H2ApplicationControl { border: 1px solid #cacece; background-color: white; } .H2ApplicationControlGrid { border-bottom: 1px solid #cacece; } .H2ApplicationControlMainDivStyle { padding-top: 3px; } .H2ApplicationControlAction { height: 44px; padding-bottom: 3px; padding-top: 6px; } /*.H2ApplicationControlCombobox { width: 50px; float: right; } .H2ApplicationControlCombo select { width: @totWidt; width: ~"100%\9"; background: url(Images/drop_down.png) no-repeat right #fff; border: 1px solid gray; height: 19px; }*/ .H2ApplicationControlCombo select:hover { background-color: #acc3db; } .H2ApplicationControlCombo select::selection { background-color: #acc3db; } .H2ApplicationControlWithTwoDivs { padding-right: 60px; } .H2ApplicationTextBoxDiv { /*padding-left: 109px;*/ } .H2ApplicationControlLable { width: 125px; float: left; } .H2ApplicationControlImgButton { height: 16px; padding-left: 3px; padding-right: 5px; padding-top: 2px; width: 16px; } .dvH2Grid { /*width: 0px;*/ height: 20px; } .H2GridWithPaging { height: 132px; background-color: white; } .H2GridWithPagingGrid { height: 100%; border: 1px solid #cacece; } .H2GridNoPaging { height: 150px; padding-bottom: 3px; padding-left: 2px; padding-right: 2px; } .H2GridNoPagingGrid { height: 100%; border: 1px solid #cacece; background-color: #ffffff; } fieldset .H2GridNoPaging { height: 150px; padding-bottom: 3px; padding-left: 0px; padding-right: 1px; } /* check-box and radio button control */ body { background: #fff; padding: 0; margin: 0; } #holder { width: 100%; } #holder > div { clear: both; padding: 2%; margin-bottom: 20px; border-bottom: 1px solid #eee; float: left; width: 96%; } label { display: inline; line-height: 21px; } .regular-checkbox { display: none; } .regular-checkbox + label { background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 6px; border-radius: 3px; display: inline-block; position: absolute; margin-top: 3px; } .regular-checkbox + label:active, .regular-checkbox:checked + label:active { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1); } .regular-checkbox:checked + label { background-color: white; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1); color: #99a1a7; position: absolute; line-height: 12px; } .regular-checkbox:checked + label:after { content: '\2714'; font-size: 11px; position: absolute; top: 0px; left: 1.5px; color: #808080; } .big-checkbox + label { padding: 18px; } .big-checkbox:checked + label:after { font-size: 28px; left: 6px; } .tag { font-family: Arial, sans-serif; width: 200px; position: relative; top: 5px; font-weight: bold; text-transform: uppercase; display: block; float: left; } .radio-1 { width: 193px; } .button-holder { float: left; } /* RADIO */ .regular-radio { display: none; } .regular-radio + label { -webkit-appearance: none; background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 9px; border-radius: 50px; display: inline-block; position: relative; } .regular-radio:checked + label:after { content: ' '; width: 12px; height: 12px; border-radius: 50px; position: absolute; top: 3px; background: #99a1a7; box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3); text-shadow: 0px; left: 3px; font-size: 32px; } .regular-radio:checked + label { background-color: #e9ecee; color: #99a1a7; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1), inset 0px 0px 10px rgba(0, 0, 0, 0.1); } .regular-radio + label:active, .regular-radio:checked + label:active { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1); } .big-radio + label { padding: 16px; } .big-radio:checked + label:after { width: 24px; height: 24px; left: 4px; top: 4px; } /* End check-box and radio button control */ fieldset .H2Checkbox { float: left; padding-left: 0px; padding-bottom: 3px; } /* H2SelectionBox control */ .SelectionBoxContainer { width: 99%; height: 902px; border: 1px solid gray; background-color: #E2E2E2; padding-left: 5px; padding-right: 5px; } .SelectionBoxContainer select { height: 230px; } .SelectionBoxLeftContainer { float: left; width: 48.5%; height: 880px; display: block; } .SelectionBoxMiddelContainer { float: left; width: 3%; height: 880px; display: block; } .SelectionBoxMiddelTopDiv { height: 18px; } .SelectionBoxButtonsContainer { margin: auto; width: 100%; display: block; margin-top: 40px; height: 835px; } .SelectionBoxButtonsContainer select { background: url(Images/drop_down1.png) no-repeat right #ffffff; height: 880px; } .SelectionBoxButtonsContainer img { margin: auto; display: block; width: 80%; width: 16px; height: 16px; padding-top: 8px; padding-bottom: 8px; } .SelectionBoxRightContainer { float: right; width: 48.5%; height: 880px; } .SelectionBoxLeftHeader { height: 18px; line-height: 18px; padding-left: 5px; } .SelectionBoxRightHeader { height: 18px; line-height: 18px; padding-left: 5px; } /*.H2ReactIndicatorGrid .ui-state-default, .H2ReactIndicatorGrid .ui-widget-content .ui-state-default, .H2ReactIndicatorGrid .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3 ; background: #465078; font-weight: normal; color: #555555 ; }*/ .H2ReactIndicatorGrid .ui-state-highlight, .H2ReactIndicatorGrid .ui-widget-content .ui-state-highlight, .H2ReactIndicatorGrid .ui-widget-header .ui-state-highlight { /*border: 1px solid #f9343a;*/ background: #ffffff; color: #363636; } .H2ReactIndicatorGrid .ui-state-error, .H2ReactIndicatorGrid .ui-widget-content .ui-state-error, .H2ReactIndicatorGrid .ui-widget-header .ui-state-error { border: 1px solid #ffffff; background: #ffffff; color: #2b2b2b; } .H2ReactIndicatorGrid .ui-state-active, .H2ReactIndicatorGrid .ui-widget-content .ui-state-active, .H2ReactIndicatorGrid .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #465078; font-weight: normal; color: #212121; } .H2ReactIndicatorGrid .ui-state-default, .H2ReactIndicatorGrid .ui-widget-content .ui-state-default, .H2ReactIndicatorGrid .ui-widget-header .ui-state-default { border: 1px solid #044099; background: #465078; font-weight: normal; color: #fff; font-size: 8px; } .H2ReactIndicatorGrid .ui-corner-all, .H2ReactIndicatorGrid .ui-corner-bottom, .H2ReactIndicatorGrid .ui-corner-right, .H2ReactIndicatorGrid .ui-corner-br { border-bottom-right-radius: 0; } .H2ReactIndicatorGrid .ui-corner-all, .H2ReactIndicatorGrid .ui-corner-top, .H2ReactIndicatorGrid .ui-corner-left, .H2ReactIndicatorGrid .ui-corner-tl { border-top-left-radius: 0; } .H2ReactIndicatorGrid .ui-corner-all, .H2ReactIndicatorGrid .ui-corner-top, .H2ReactIndicatorGrid .ui-corner-right, .H2ReactIndicatorGrid .ui-corner-tr { border-top-right-radius: 0; } .H2ReactIndicatorGrid .ui-corner-all, .H2ReactIndicatorGrid .ui-corner-bottom, .H2ReactIndicatorGrid .ui-corner-left, .H2ReactIndicatorGrid .ui-corner-bl { border-bottom-left-radius: 0; } .H2ReactIndicatorGrid .ui-widget-overlay { opacity: .3; filter: alpha(opacity=30); } .H2ReactIndicatorGrid .ui-widget-content { border: 1px solid #0e3b80; background: #ffffff; /*url(images/ui-bg_inset-soft_10_6B89AF_1x100.png) 50% bottom repeat-x;*/ color: #000000; } #ui-datepicker-div { z-index: 101 !important; } /* ToolStrip Items Base Classes */ .ToolStripIcon { /*height: 20px; width: 17px;*/ text-align: left; /*padding-top: 3px;*/ display: inline-block; border: 0 solid transparent; margin-left: 0 !important; } .ToogleBarcodeFunctionsButton { width: 24px; } .ver-cen .ToolStripIcon { margin: 0 10px !important; } .ToolStripSeperatorHorizontal { background-color: #99a1a7; border: #99a1a7; width: 1px; height: 20px; } .ToolStriptextboxHorizontal { font-family: Arial, sans-serif; /*font-size: 11px;*/ width: 150px; } .ToolStriptextboxVertical { width: 100px; } .ToolStripSeperatorVerticle { width: 104px; height: 1px; background-color: #99a1a7; border: #99a1a7; text-align: left; } .ToolStripHorizontal { font-family: Arial, sans-serif; font-size: 11px; display: flex; padding: 0 5px; } .ToolStripVertical, .ToolStripVertical > * { font-family: Arial, sans-serif; font-size: 11px; margin: 0; position: relative; width: 35px; padding: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; } .ToolStripVertical > * { margin-bottom: 0; } .ToolStripVertical img { width: 100%; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ToolStripLabel { font-family: Arial, sans-serif; font-size: 11px; /*padding-bottom: 2px;*/ font-weight: bold; padding-right: 6px; color: #ffffff; padding-top: 7px; padding-left: 6px; } .ToolStripLabelHorizontal { width: 150px; margin-top: 4px; } .ToolStripLabelVertical { margin-top: 4px; } .ToolStripDropdown select:hover { background-color: #acc3db; } .ToolStripDropdown select::selection { background-color: #acc3db; } .ToolStripDropdownHorizontal select { width: 150px; width: 150px\9; background: url(Images/drop_down.png) no-repeat right #ffffff; border: 1px solid gray; } .ToolStripDropdownVerticle select { width: 103px; background: url(Images/drop_down.png) no-repeat right #ffffff; border: 1px solid gray; } .ToolStriptextbox { /*padding-bottom: 2px;*/ padding-right: 6px; padding-top: 3px; } .MainStatusStripContainerAlignLeft { background-color: #6B89AF; font-size: 11px; text-align: left; padding-left: 8px; color: #ffffff; padding-top: 7px; } .MainStatusStripContainerAlignRight { background-color: #6B89AF; font-size: 11px; text-align: right; padding-right: 12px; color: #ffffff; padding-top: 5px; } /* End ToolStrip Items Base Classes */ .Popup { padding-top: 5px; } .PopupImage { float: left; align-content: center; } .PopupContent { padding-top: 10px; padding-left: 50px; vertical-align: middle; text-align: left; } .PopupContent_Form { padding-top: 5px; padding-left: 25px; padding-right: 25px; vertical-align: middle; padding-bottom: 5px; text-align: left; } .PopupWithoutIcon { vertical-align: middle; text-align: left; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .white { background-color: #fff; width: 55px; font-size: 9px; font-weight: bold; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; width: 100%; text-align: right; } #YesNoConfirm { height: auto !important; } /* Error page */ .errorPageFont { font-family: 'Open Sans', sans-serif; font-size: small; } .errorPageTable { width: 10px; } /* End Error Page */ .H2ComboBox select { width: 150px; height: 25px; line-height: 19px; /*border: 1px solid #29b6f6;*/ margin-bottom: 3px; font-size: 11px; } *::-ms-backdrop, .H2ComboBox select { height: 25px; line-height: 19px; font-size: 13px; } .ToolStrip { cursor: default; } .H2ReactFooter { width: 100%; height: 24px; clear: both; background-color: #fff; } .ui-widget-content-custompopup { width: auto !important; } table.fileList { margin: 0 auto; clear: both; width: 100%; min-width: 775px; table-layout: auto !important; word-wrap: normal !important; } #R1Container { height: 100vh; width: 200px; float: left; border-right: 1px solid #cfd8dc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; } /* login screen */ #FormContainer { padding: 15px; width: 340px; top: 22%; position: relative; margin: 0 auto; background: #fff; border: 1px solid #ccc; box-shadow: 2px 3px 7px rgba(0,0,0,.2); border-radius: 6px; } .version { float: right; padding-top: 25px; } p.small { font-size: 11px; padding-top: 2px; } #FormContainer form { margin: 0 auto; margin-top: 10px; } #FormContainer label { color: #555; display: inline-block; padding-top: 10px; font-size: 14px; } #FormContainer input[type=text], #FormContainer input[type=password], #FormContainer select { color: #333; padding-left: 10px; font-size: 13px; margin-top: 5px; width: 100%; height: 35px; border: 1px solid #c7d0d2; border-radius: 2px; /* box-shadow: inset 0 1.5px 3px rgba(190,190,190,.4),0 0 0 5px #f5f7f8; */ -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } #FormContainer input[type=text]:focus, #FormContainer input[type=password]:focus, #FormContainer select:focus { outline: none; } #FormContainer #lower { width: 100%; height: 36px; margin-top: 20px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } input.login-btn { padding: 10px 15px; float: right; border: none; background-color: rgb(0,82,155); color: #fff; border-radius: 4px; font-weight: bold; } .header { height: 50px; padding: 0; } .logo-h2 { background: url("images/H2Logo.png") no-repeat; max-width: 150px; max-height: 163px; float: left; background-size: 52%; height: 50px; width: 100%; } .logo { background: url("images/logiscan.svg") no-repeat; max-width: 170px; max-height: 150px; float: left; background-size: 100%; height: 35px; width: 100%; } .logo-wrapper { float: left; padding: 5px 10px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*border-bottom: 1px solid #039be5;*/ margin: -6px 15px -5px -12px; width: 200px; } #R1Container .logo-wrapper { margin: 0; width: 100%; padding: 2px 0px 2px 10px; } /*.logo.bottom { bottom: 1em; position: fixed; left: 5px; }*/ .tree ul { list-style: none outside none; } .tree li a { line-height: 25px; } .tree > ul > li > a { color: #3B4C56; display: block; font-weight: normal; position: relative; text-decoration: none; } .tree li.parent > a { padding: 0 0 0 28px; } .tree li.parent > a:before { background-image: url("../img/plus_minus_icons.png"); background-position: 25px center; content: ""; display: block; height: 21px; left: 0; position: absolute; top: 2px; vertical-align: middle; width: 23px; } .tree ul li.active > a:before { background-position: 0 center; } .tree ul li ul { border-left: 1px solid #D9DADB; display: none; margin: 0 0 0 12px; overflow: hidden; padding: 0 0 0 25px; } .tree ul li ul li { position: relative; } .tree ul li ul li:before { border-bottom: 1px dashed #E2E2E3; content: ""; left: -20px; position: absolute; top: 12px; width: 15px; } .left-nav { height: 345px; border-right: 5px solid #ccc; } .table-container { max-height: 345px; } .topmenu-header { background: #0d47a1; /* font: 400 14px/1.5 'Trebuchet MS'; */ color: #fff; height: 40px; padding: 5px 1em; z-index: 5; line-height: 30px; position: relative; cursor: pointer; } .ctrl-section { float: right; height: 100%; } .ctrl-section .navigation { position: relative; top: 0; padding: 5px 0 0; } .combobox, .combobox > label { float: left; width: 170px; position: relative; margin-right: 10px; height: 100%; line-height: 17px; } .custom-combo-txtbx { position: absolute; z-index: 999; margin-left: 78px; top: 0; left: 0; padding: 0; margin-top: -1px; width: 75px; text-align: center; } .custom-combo-drpdwn { position: absolute; top: 0; left: 0; margin-top: -1px; padding: 0; width: 93px; margin-left: 78px; height: 25px; } .topmenu-header-icon { width: 20px; height: 20px; float: left; background-repeat: no-repeat; background-position: center; border: 2px solid transparent; top: -3px; position: relative; } .pagination-txtbox { width: 75px; text-align: center; margin-top: 0px; } .bb { border-bottom: 4px solid #6b89af; margin-bottom: 1em; } .bb-seperate { border-bottom: 4px solid #039be5 } .mb { margin-bottom: 1em; } .fade-blue-w-mg { padding-top: 1em; height: 98vh; padding-top: 25px; padding: 5px 15px; overflow: auto; } .font-size-14 .height-auto { height: auto !important; } .font-size-14 .height-auto input[type="text"] { font-size: 14px; } .font-size-14 .height-auto .content-wrap { display: flex; align-items: center; height: 100%; } .fade-blue-w-mg-barcode { background-color: #fff; padding: 10px; height: 98vh; float: left; height: calc(98vh - 246px); height: -moz-calc(98vh - 246px); height: -webkit-calc(98vh - 246px); overflow: auto; background: #fff; -webkit-box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); -moz-box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); border-radius: 2px; width: 100%; float: left; } .fade-blue-w-mg-barcode.scan-cam-sec{ padding: 0 !important; } .fade-blue-w-mg-barcode-sub { height: calc(100vh - 160px); height: -moz-calc(100vh - 60px); height: -webkit-calc(100vh - 160px); } /* icons */ .topmenu-header-icon:hover { border: 2px solid #fff0; border-radius: 0; cursor: pointer; width: 28px; height: 28px; opacity: 0.7; } .ToolStripIcon:hover { background: rgb(3 155 229 / 0.30); border-radius: 90px; cursor: pointer; } .ctrl-section { float: right; height: 100%; } .icon-ctrl, .navigation, .navigation label { float: left; } .navigation label { border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0 5px; line-height: 25px; } .topmenu-header-icon { width: 28px; height: 28px; float: left; background-repeat: no-repeat; background-position: center; border: 2px solid transparent; top: -2px; position: relative; border-radius: 0; margin-bottom: 5px; } .untoggled { border: none; } .show-attr-screen { background-image: url("images/Icons/application-add-icon.png"); background-size: 88%; } .show-attr-screen.toggled { background-image: url("images/Icons/application-delete-icon.png"); } .use-filter { background-image: url("images/Icons/filter-add-icon.png"); } .use-filter.toggled { background-image: url("images/Icons/filter-delete-icon.png"); } .do-filter { background-image: url("images/Icons/filter-add-icon2.png"); border: 2px solid #ccc; border-radius: 6px; padding: 3px; } .do-filter:hover { cursor: pointer; border: 2px solid #80a6fb; border-radius: 6px; } .remove-filter { background-image: url("images/Icons/filter--icon.png"); border: 2px solid #ccc; border-radius: 6px; padding: 3px; } .remove-filter:hover { cursor: pointer; border: 2px solid #80a6fb; border-radius: 6px; } .first-ctrl { background-image: url("images/Icons/bullet-arrow-left-2-icon.png"); background-size: 100%; } .prev-ctrl { background-image: url("images/Icons/bullet-arrow-left-icon.png"); background-size: 100%; background-position: 0px -1px; } .last-ctrl { background-image: url("images/Icons/bullet-arrow-right-2-icon.png"); background-size: 100%; } .next-ctrl { background-image: url("images/Icons/bullet-arrow-right-icon.png"); background-size: 100%; } .show-filter-screen { background-image: url("images/Icons/Zoom-In-icon.png"); } .filter-icon { background-image: url("images/Icons/filter--icon.png"); } .show-save-screen { background-image: url("images/Icons/Actions-document-save-icon.png"); } .show-save-screen:hover { cursor: pointer; } .show-filter-screen.toggled { background-image: url("images/Icons/Zoom-Out-icon.png"); } .filter_container_iconpanel { float: right; margin-right: 5px; width: 25px; height: 100%; position: relative; } .search-filter { background-image: url("images/Icons/search-icon.png"); border: 2px solid #ccc !important; } .search-filter:hover { border: 2px solid #ddd !important; cursor: pointer; } .disabledToolStrip { cursor: not-allowed !important; } .topmenu-header-icon.disabledToolStrip:hover { border: 2px solid transparent !important; } .page-title { font-weight: bold; font-size: 18px; } /*.middle { top: calc(100% - 93vh); position: relative; }*/ .ToolStripVertical { min-height: 225px; background: #01579b; padding: 7px 7px 7px 10px; width: 100%; text-align: center; float: left; } body.bg { background-color: #eceff1; } .text-danger { padding: 0; float: right; top: -1px; position: relative; width: 100%; display: block; color: #e42d2d; /* text-indent: 10px; */ font-weight: bold; text-align: right; } .font-regular { font-weight: 400; } .text-error { color: #f44336; font-weight: bold; font-size:13px; } .text-danger-summary li { padding: 0 0 15px; float: right; top: -1px; position: relative; width: 100%; display: block; color: #e42d2d; /* text-indent: 10px; */ font-weight: bold; text-align: right; } .text-danger-summary li { text-align: left; position: relative; float: left; width: 100%; line-height: 14px; } .H2ReactTextBox input[type="radio"] { width: auto; min-width: 0; /* margin-right: 5px; */ margin-top: 3px; height: 13px; width: 17px; } .H2LabelButtonTextbox_button_2nd_input { background-color: #039be5; border: none !important; color: #fff; font-family: Calibri; font-size: 14px; font-weight: bold; width: 40px !important; min-width: 40px !important; padding-bottom: 5px; padding-left: 0 !important; height: 25px; } .ui-dialog { min-width: 60%; } .ui-dialog .ui-dialog-content { min-height: 2.65em !important; } .ui-dialog .ui-dialog-title { color: #333; } .ui-dialog .ui-dialog-buttonpane button:hover { border-color: #022c53; } .ui-dialog .ui-dialog-buttonpane button:focus { border-color: #0089ff !important; } .fullwidth { width: 100%; } .ui-dialog.small-dialog { min-width: 18%; width: 18%; } .ui-dialog .ui-dialog-buttonpane { padding: 0 5px; } .ui-dialog .ui-dialog-buttonpane button:last-child { margin: .5em 0 .5em 0; cursor: pointer; } .ui-dialog .ui-dialog-buttonpane button { width: 32.3% !important; } .ui-dialog .ui-dialog-titlebar { margin-bottom: 1em; } table.table-centerd { margin: 0 auto; } table.table-centerd td { padding: 2px; } table.table-bold { font-weight: bold; } .right-text { text-align: right; } .left-text { text-align: left; } .center-text { text-align: center; } .input-validation-error { border: 1px solid #EF6262 !important; } .controls { margin: 0; padding: 0; float: left; width: 97%; } .topmenu-body { font-size: 13px; background: #fff; display: none; padding: .5em 1em .5em 1em; height: auto; width: 100%; /*max-height: 210px;*/ max-height: 229px; overflow: auto; position: relative; } .controls li { width: 20%; padding: 0 0 5px 10px; display: inline-block; } .controls label { display: block; float: left; width: 100%; } .controls label.label--checkbox { position: relative; padding-left: 20px; line-height: 14px; } label.label--checkbox input { position: absolute; left: 0; } .filter-ctrl > li input, .filter-ctrl > li select { width: 100%; } #R2Content, .R2Content { min-height: 226px; height: 226px; overflow-y: auto; overflow-x: auto; } #ProductLineSelectRow { height: 52px !important; background: #e3f2fd; border: 1px solid #bbdefb; } tr#ProductLineSelectRow td { padding: 10px 10px 7px 10px; } .controls label { display: block; } .modalStyle { display: none; position: fixed; top: 0px; left: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; /* opacity: 0.67; */ z-index: 999; background-color: rgb(14 68 123 / 75%); min-height: 100%; width: 100%; text-align: center; } .loadingModelPanel { background-color: rgb(255, 255, 255); width: 288px; height: 225px; border-radius: 3px; box-shadow: none !important; margin: 16% auto; z-index: 9; } .loader { text-align: center; padding: 20px 0; background: url(Images/loading.gif) no-repeat center rgba(255, 255, 255, 0); width: 48px; height: 48px; margin: 0 auto; } .loadingPopUpHeader { font-weight: bold; text-align: center; padding: 32px; background-color: #fdfdfd; color: rgb(21 116 234 / 0.6); font-size: 27px; } .loadingModelPanel span { color: #555; text-align: center; width: 100%; float: left; font-size: 16px; padding-top: 40px; } select:disabled:hover, select:disabled, input:disabled, input:disabled:hover, input[readonly], textarea:disabled { background-color: #eee !important; color: #333; border: 1px solid #ccc !important; padding-bottom: 3px; margin-bottom: 3px; } input.btn-blue:disabled { color: #607D8B; } .add-device-btn.btn-blue.disabled { background-color: #b0bec5; } textarea:read-only { background-color: #fff; } select:disabled:focus, select:disabled:focus, input:disabled:focus, input:disabled:focus, input[readonly]:focus { border: 1px solid #ccc !important; } .wrapper-white-area select:disabled:hover, .wrapper-white-areaselect:disabled, .wrapper-white-area input:disabled, .wrapper-white-area input:disabled:hover, .wrapper-white-area input[readonly] { background-color: #e4e4e4; color: black; border: 1px solid #9a9a9a; } :disabled:hover { cursor: not-allowed; } input.error, select.error { border: 1px dotted #F44336; } label.error { color: white; font-style: italic; } /*.Ntooltip { position: relative; display: inline; visibility: visible; opacity: .9; bottom: 19px; left: calc(-100% + 20px); z-index: 999; }*/ .Ntooltip { position: absolute; display: inline; visibility: visible; opacity: .9; bottom: 19px; left: calc(-100% + 20px); z-index: 999; left: -20px; top: -25px; } .row > div > .Ntooltip { left: -5px; } .H2LabelTextboxCell{ position:relative; } .Ntooltip label { position: absolute; width: 240px; color: #f40000; background: #fff; min-height: 13px; text-align: center; border-radius: 2px; top: 0; left: calc(-100% + 20px); border: 2px solid #F44336; line-height: 1; padding: 4px 0 2px 0; /*color: white;*/ font-style: italic; /*background: #d50000; position: relative; top: -7px; border-radius: 0 0 5px 5px; padding: 0 5px 3px 5px;*/ } .Ntooltip label:after { content: ''; position: absolute; top: 102%; left: 10%; margin-left: -20px; width: 0; height: 0; border-top: 8px solid #FF0003; border-right: 8px solid transparent; border-left: 8px solid transparent; } .line-master-hourly-info-row .Ntooltip, .line-master-recipe-row .Ntooltip, .line-daily-workOrder-row .Ntooltip, .line-daily-hourly-info-row .Ntooltip { z-index: 1500; } .line-master-hourly-info-row .Ntooltip, .line-daily-hourly-info-row .Ntooltip { /* width: 98%;*/ left: 0%; width: 100%; } .line-master-hourly-info-row .Ntooltip label, .line-daily-hourly-info-row .Ntooltip label { width: 99%; left: -1%; } .line-master-hourly-info-row .Ntooltip label:after, .line-daily-hourly-info-row .Ntooltip label:after { margin-left: -12px } /*.line-master-hourly-info-row .Ntooltip label, .line-daily-hourly-info-row .Ntooltip label { width: 170px; } .line-master-hourly-info-row .Ntooltip label:after, .line-daily-hourly-info-row .Ntooltip label:after { left: 15%; }*/ table.dataTable { border-bottom: 1px solid rgb(85, 85, 85); } .customTable tbody tr:nth-child(odd) { background-color: #D4D7E6; } .customTable tbody tr:nth-child(even) { background-color: #ffffff; } .popupError { background: url(Images/Error.png) no-repeat center rgba(255, 255, 255, 0); width: 32px; height: 32px; } .PopupWarning { background: url(Images/Warning.png) no-repeat center rgba(255, 255, 255, 0); width: 32px; height: 32px; } .PopupInfo { background: url(Images/information.png) no-repeat center rgba(255, 255, 255, 0); width: 32px; height: 32px; } .PopupQuestion { background: url(Images/question.png) no-repeat center rgba(255, 255, 255, 0); width: 32px; height: 32px; } .disabled { pointer-events: none; } .disabled .del-btn-line { color: #ccc !important; } .disabled-ico-btn { pointer-events: none; color: #ccc !important; } #R2ToolStripTop .overlay { background: rgb(1 87 155 / 83%); } .overlay { position: absolute; background-color: rgb(2 119 189 / 69%); height: 100%; width: 100%; top: 0; left: 0; border-radius: 3px; cursor: not-allowed; } .topmenu-header-icon.disabledToolStrip:hover { border: 2px solid transparent; } .noBorder:hover { border: 0 solid transparent; } .navigation.noBorder { border: none !important; } .topmenu-header-icon.disabledToolStrip:after { background-color: #039be5a6; content: ''; display: block; height: 100%; position: absolute; width: 100%; border-radius: 2px; } p#SuspendOrderCommonText { text-align: center; } .PopupContent.ContentMultiLine { padding-top: 0; } .PopupContent_Form.ContentMultiLine { padding-top: 0; } .controls.filter-ctrl li select { border: 1px solid #039be5; display: table-cell; float: left; height: 25px; margin-bottom: -9px; } .datetimeEntry-control { display: none !important; } /* chrome hack */ @media screen and (-webkit-min-device-pixel-ratio:0) { .ProcessBox > div { margin: 0px 4px 0px 0px !important; } select { opacity: 1; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /*#txtGLN, #txtProductLineID { width:50%; } .processtd { width: 280px; }*/ #txtProductLineID { margin-top: 1px; } .controls.filter-ctrl li select { width: 145px !important; } .ui-dialog-buttonpane { width: 100%; float: left; padding: 0 !important; } /*#divProcessSecond_4, #divProcessSecond_5, #divProcessSecond_6 { width:101%!important; }*/ /*#divProcess3{ width:104%!important; }*/ #butBarCodeNumber { position: relative; } /*css style for IE*/ /*select[disabled='disabled']::-ms-value { color: #000; }*/ /*Specific to chrome and firefox*/ /*select[disabled='disabled'] { color: #000; }*/ } @media screen and (min-width:0\0) { /* IE9 and IE10 rule sets go here */ .toScan { float: left; } #radioCommission_1, #radioCommission_2, #radioDeactivateDestroy_1, #radioDeactivateDestroy_2 { float: left; width: 100px; margin-top: 2px; margin-left: 2px; } .H2Control.H2ReactTextBox.h2ctrl-subs input:not(:last-child) { width: 105px !important; } } .processDivable { overflow-y: initial; } .wrapper-white-area { padding: 10px 5px 5px; background: #ffffff; border-bottom: 1px solid #ccc; } .H2ReactTextBox.H2Control.h2ctrl-subs input { width: 137px; margin-right: 2px; } .H2ReactTextBox.H2Control.h2ctrl-subs input.smallInputBox { width: 5px; } .regular-checkbox[disabled="disabled"] + label, .H2LabelDatetimepickerImgButton.disabled, .H2LabelDatetimepickerImgButton.disabled > * { cursor: not-allowed; pointer-events: none !important; } .H2LabelDatetimepickerImgButton.disabled, .H2LabelDatetimepickerImgButton.disabled > * { pointer-events: none !important; cursor: not-allowed; } .H2LabelDatetimepickerImgButton.disabled { background-color: #ccc; border: 1px solid #ccc; } .H2LabelDatetimepickerImgButton.disabled > a > .material-icons { pointer-events: none; cursor: not-allowed; } td[colspan="1"] { width: 25%; } td[colspan="2"] { width: 50%; } td[colspan="3"] { width: 75%; } td[colspan="4"] { width: 100%; } .table-scroll { max-height: 135px; overflow-y: auto; overflow-x: hidden; } .div-scroll { max-height: 78vh !important; overflow-y: auto !important; overflow-x: hidden; } .H2Label-fullwidth { width: 100% !important; } .PrintPopUpLabel { padding-left: 4px; width: 180px; float: left; padding-top: 4px; } .PrintPopUpScrollBarLI { margin-right: 20px; margin-bottom: 50px; } .PrintPopUpScrollBarImg { vertical-align: middle; margin-right: 20px; } .PrintPopUpScrollBarSpan { margin-right: 50px; } .H2Table.Bordercollapse { border-collapse: collapse; } .H2Table.Bordercollapse tbody { border-top: 23px solid transparent; } .zoom-in-layout { float: left; width: 159px !important; overflow: hidden; } .zoom-in-layout-d { float: left; width: 159px !important; overflow: hidden; margin-left: 159px; margin-top: -24px; } .information-image { position: relative; margin: 0px 0px 0px 1px; width: 1.0rem; top: 2px; } .ProcessFunctions { text-align: center; } .ProcessFunctions td table tr td span { padding-left: 5px; } .HideControl { transition: 0.70s; -webkit-transition: 0.70s; -moz-transition: 0.70s; -ms-transition: 0.70s; -o-transition: 0.70s; -webkit-transform: rotate(1800deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .ShowControl { transition: 0.70s; -webkit-transition: 0.70s; -moz-transition: 0.70s; -ms-transition: 0.70s; -o-transition: 0.70s; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .printbarcode-okbtn { background: url(/images/FunctionalBarcodes/Distribution/62110003.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; /*left: -40px;*/ } .reagg-printbarcode-okbtn { background: url(/images/FunctionalBarcodes/Reaggregation/CMD60016.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; } .assign-logisticunit-barcode-okbtn { background: url(/images/FunctionalBarcodes/Reaggregation/CMD60014.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; } .printbarcode-okbtn span, .assign-logisticunit-barcode-okbtn span, .reagg-printbarcode-okbtn span { padding-left: 33px !important; } .assign-ReceiptPopup-barcode-okbtn { background: url(/images/FunctionalBarcodes/Reaggregation/CMD60014.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; } .assign-ReceiptPopup-barcode-cancelbtn { background: url(/images/FunctionalBarcodes/Receipts/CMD61114.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; } .printbarcode-cancelbtn { background: url(/images/FunctionalBarcodes/Distribution/62110004.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; } .assign-logisticunit-barcode-cancelbtn { background: url(/images/FunctionalBarcodes/Reaggregation/CMD60015.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; } .assign-ArtTemplate-barcode-okbtn { background: url(/images/FunctionalBarcodes/MasterOrderManagement/CMD800706.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; } .assign-ArtTemplate-barcode-cancelbtn { background: url(/images/FunctionalBarcodes/MasterOrderManagement/CMD800707.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; } .reagg-printbarcode-cancelbtn { background: url(/images/FunctionalBarcodes/Reaggregation/CMD60017.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; } .assign-ReturnOrderPopup-barcode-cancelbtn { background: url(/images/FunctionalBarcodes/ReturnOrder/CMD112001.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; } .assign-ReturnQAPopup-barcode-cancelbtn { background: url(/images/FunctionalBarcodes/ReturnQA/CMD117001.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; } .printbarcode-cancelbtn span, .assign-logisticunit-barcode-cancelbtn span, .assign-ReceiptPopup-barcode-cancelbtn span, .reagg-printbarcode-cancelbtn span, .assign-ReturnOrderPopup-barcode-cancelbtn span, .assign-ReturnQAPopup-barcode-cancelbtn span, .assign-delivery-order-process-barcode-cancelbtn span { padding-left: 33px !important; } .barcode-ok-button { background: url(/images/FunctionalBarcodes/CMD99101.png) no-repeat !important; width: 65px; height: 30px; width: 219px !important; text-align: right !important; } .barcode-okbtn { background: url(/images/FunctionalBarcodes/CMD99102.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; /*left: -40px;*/ } .processbarcode-okbtn { background: url(/images/FunctionalBarcodes/Process/CMD7209001.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-okbtn-autopallet { background: url(/images/FunctionalBarcodes/Process/CMD7209031.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-okbtn-autopallet_2 { background: url(/images/FunctionalBarcodes/Process/CMD7209032.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-cancel-yesno { background: url(/images/FunctionalBarcodes/Process/CMD7209002.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-pending_container { background: url(/images/FunctionalBarcodes/Process/CMD7209020.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-pending_container_2 { background: url(/images/FunctionalBarcodes/Process/CMD7209033.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-manualInputClose { background: url(/images/FunctionalBarcodes/Process/CMD7209021.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .barcode-okbtn span, .barcode-ok-button span, .processbarcode-cancel-yesno span, processbarcode-okbtn span, processbarcode-pending_container span, processbarcode-pending_container_2 span, processbarcode-manualInputClose span, processbarcode-okbtn-autopallet span, processbarcode-okbtn-autopallet_2 span { padding-left: 33px !important; } .processbarcode-removeallbtn { background: url(/images/FunctionalBarcodes/Process/CMD7209003.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-removeallbtn span { padding-left: 33px !important; } .processbarcode-SuspendOrderCommon2ok_btn { background: url(/images/FunctionalBarcodes/Process/CMD7209005.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; } .processbarcode-SuspendOrderCommon2ok_btn span { padding-left: 33px !important; } .processbarcode-SuspendOrderCommon2printToPDF_btn { background: url(/images/FunctionalBarcodes/Process/CMD7209006.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; word-break: break-word !important; } .processbarcode-SuspendOrderCommon2printToPDF_btn span { padding-left: 33px !important; } .dopbarcode-NotPrintedContainerPopupCancel { background: url(/images/FunctionalBarcodes/MasterOrderManagement/CMD800104.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .dopbarcode-NotPrintedContainerPopupCancel span { padding-left: 33px !important; } .dopbarcode-PrintContainerVerifyPopup_printAgain { background: url(/images/FunctionalBarcodes/MasterOrderManagement/CMD800105.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .dopbarcode-PrintContainerVerifyPopup_printAgain span { padding-left: 33px !important; } .dopbarcode-PrintContainerVerifyPopup_verify { background: url(/images/FunctionalBarcodes/MasterOrderManagement/CMD800106.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .dopbarcode-PrintContainerVerifyPopup_verify span { padding-left: 33px !important; } .dopbarcode-PrintContainerVerifyPopupCancel { background: url(/images/FunctionalBarcodes/MasterOrderManagement/CMD800107.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .dopbarcode-PrintContainerVerifyPopupCancel span { padding-left: 33px !important; } .processbarcode-SuspendOrderCommonOk_btn { background: url(/images/FunctionalBarcodes/WorkOrderCloseProcess/CMD5201001.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; } .processbarcode-SuspendOrderCommonOk_btn span { padding-left: 33px !important; } .processbarcode-SuspendOrderCommonPrintToPDF_btn { background: url(/images/FunctionalBarcodes/WorkOrderCloseProcess/CMD5201002.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; word-break: break-word !important; } .processbarcode-SuspendOrderCommonPrintToPDF_btn span { padding-left: 33px !important; } .processbarcode-PrintMain_print_btn { background: url(/images/FunctionalBarcodes/Process/CMD7209009.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-PrintMain_print_btn span { padding-left: 33px !important; } .processbarcode-PrintContainerVerifyPopupVerify_btn { background: url(/images/FunctionalBarcodes/Process/CMD7209010.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-PrintContainerVerifyPopupVerify_btn span { padding-left: 33px !important; } .processbarcode-DeativationWhenContainInnerItemsConfirm_Deactivate_with_inner_items_btn { background: url(/images/FunctionalBarcodes/Process/CMD7209011.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; word-break: break-word !important; } .processbarcode-DeativationWhenContainInnerItemsConfirm_Deactivate_with_inner_items_btn span { padding-left: 33px !important; } .processbarcode-DeativationWhenContainInnerItemsConfirm_Deactivate_only_the_scaned_btn { background: url(/images/FunctionalBarcodes/Process/CMD7209012.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; word-break: break-word !important; } .processbarcode-DeativationWhenContainInnerItemsConfirm_Deactivate_only_the_scaned_btn span { padding-left: 33px !important; } .processbarcode-ManualInputPopup_Ok_btn { background: url(/images/FunctionalBarcodes/Process/CMD7209013.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-ManualInputPopup_Ok_btn span { padding-left: 33px !important; } .processbarcode-QuickScanPopupOk_btn { background: url(/images/FunctionalBarcodes/Process/CMD7209014.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-QuickScanPopupOk_btn span { padding-left: 33px !important; } .processbarcode-ScanReprintsPopup_Ok_btn { background: url(/images/FunctionalBarcodes/Process/CMD7209015.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-ScanReprintsPopup_Ok_btn span { padding-left: 33px !important; } .processbarcode-AddToContainerPopup_Ok_btn { background: url(/images/FunctionalBarcodes/Process/CMD7209016.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-AddToContainerPopup_Ok_btn span { padding-left: 33px !important; } .processbarcode-DeativationWhenContainerClosedConfirm_Deactivate_and_keepcontainer_closed_btn { background: url(/images/FunctionalBarcodes/Process/CMD7209017.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-DeativationWhenContainerClosedConfirm_Deactivate_and_keepcontainer_closed_btn span { padding-left: 33px !important; } .processbarcode-PrintContainerVerifyPopup_printAgain { background: url(/images/FunctionalBarcodes/Process/CMD7209018.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-PrintContainerVerifyPopup_printAgain span { padding-left: 33px !important; } .processbarcode-PrintContainerVerifyPopup_verify { background: url(/images/FunctionalBarcodes/Process/CMD7209019.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-PrintContainerVerifyPopup_verify span { padding-left: 33px !important; } .processbarcode-PrintContainerVerifyPopup_parentprintAgain { background: url(/images/FunctionalBarcodes/Process/CMD7209034.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-PrintContainerVerifyPopup_parentprintAgain span { padding-left: 33px !important; } .processbarcode-SuspendOrderCommon2Cancel { background: url(/images/FunctionalBarcodes/Process/CMD7209022.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-SuspendOrderCommon2Cancel span { padding-left: 33px !important; } .processbarcode-SuspendOrderCommonCancel { background: url(/images/FunctionalBarcodes/Process/CMD7209023.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-SuspendOrderCommonCancel span { padding-left: 33px !important; } .processbarcode-MultipleScannerSummeryPopupCancel { background: url(/images/FunctionalBarcodes/Process/CMD7209024.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-MultipleScannerSummeryPopupCancel span { padding-left: 33px !important; } .processbarcode-PrintMainCancel { background: url(/images/FunctionalBarcodes/Process/CMD7209025.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-PrintMainCancel span { padding-left: 33px !important; } .processbarcode-PrintContainerVerifyPopupCancel { background: url(/images/FunctionalBarcodes/Process/CMD7209026.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-PrintContainerVerifyPopupCancel span { padding-left: 33px !important; } .processbarcode-NotPrintedContainerPopupCancel { background: url(/images/FunctionalBarcodes/Process/CMD7209027.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-NotPrintedContainerPopupCancel span { padding-left: 33px !important; } .processbarcode-QuickScanPopupCancel { background: url(/images/FunctionalBarcodes/Process/CMD7209028.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-QuickScanPopupCancel span { padding-left: 33px !important; } .processbarcode-ScanReprintsPopupancel { background: url(/images/FunctionalBarcodes/Process/CMD7209029.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-ScanReprintsPopupancel span { padding-left: 33px !important; } .processbarcode-AddToContainerPopupCancel { background: url(/images/FunctionalBarcodes/Process/CMD7209030.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .processbarcode-AddToContainerPopupCancel span { padding-left: 33px !important; } .barcode-cancel-yesno { background: url(/images/FunctionalBarcodes/CMD99103.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .barcode-cancel-yesno span { padding-left: 33px !important; } .barcode-cancel-yesno-PendingSubOrders { background: url(/images/FunctionalBarcodes/SubOrder/CMD40012.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .barcode-cancel-yesno-PendingSubOrders span { padding-left: 33px !important; } .barcode-cancel-yesno-verifyByConfirm { background: url(/images/FunctionalBarcodes/SubOrder/CMD40013.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .barcode-cancel-yesno-verifyByConfirm span { padding-left: 33px !important; } .barcode-cancel-yesno-scanLastPrint { background: url(/images/FunctionalBarcodes/SubOrder/CMD40014.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .barcode-cancel-yesno-scanLastPrint span { padding-left: 33px !important; } .barcode-cancel-yesno-verifyByScan { background: url(/images/FunctionalBarcodes/SubOrder/CMD40015.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .barcode-cancel-yesno-verifyByScan span { padding-left: 33px !important; } .barcode-Dock-cancel-verifyByScan { background: url(/images/FunctionalBarcodes/DockStation/CMD41004.png) no-repeat !important; width: auto; height: 30px; width: 219px !important; text-align: right !important; } .barcode-Dock-cancel-verifyByScan span { padding-left: 33px !important; } .barcode-continuebtn { background: url(/images/FunctionalBarcodes/CMD99107.png) no-repeat !important; width: auto; height: 30px; width: 150px !important; text-align: right !important; } .barcode-removebtn { background: url(/images/FunctionalBarcodes/CMD99108.png) no-repeat !important; width: auto; height: 30px; width: 150px !important; text-align: right !important; } .barcode-cancelbtn { background: url(/images/FunctionalBarcodes/CMD99109.png) no-repeat !important; width: auto; height: 30px; width: 150px !important; text-align: right !important; } .barcode-threebtnpopup-firstbtn { background: url(/images/FunctionalBarcodes/CMD99104.png) no-repeat !important; text-align: right !important; height: 30px; } .barcode-threebtnpopup-secondbtn { background: url(/images/FunctionalBarcodes/CMD99105.png) no-repeat !important; text-align: right !important; height: 30px; } .barcode-threebtnpopup-thiredbtn { background: url(/images/FunctionalBarcodes/CMD99106.png) no-repeat !important; text-align: right !important; height: 30px; } .barcode-rapidDistributionPickItems-Ok { background: url(/images/FunctionalBarcodes/Distribution/CMD62103.png) no-repeat !important; text-align: right !important; height: 30px; } .barcode-rapidDistributionPickItems-Cancel { background: url(/images/FunctionalBarcodes/Distribution/CMD62104.png) no-repeat !important; text-align: right !important; height: 30px; } .assign-DistributionOrderPopup-barcode-cancelbtn { background: url(/images/FunctionalBarcodes/Distribution/CMD62105.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; } .returnOrder-barcode-cancelbtn { background: url(/images/FunctionalBarcodes/ReturnOrder/CMD113005.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; } .assign-DistributionChangeShipmentTypePopup-barcode-cancelbtn { background: url(/images/FunctionalBarcodes/Distribution/CMD62110.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; } .assign-DistributionActiveItemButtonPopup-barcode-cancelbtn { background: url(/images/FunctionalBarcodes/Distribution/CMD62113.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; } .assign-DistributionActiveItemButtonPopup-barcode-savebtn { background: url(/images/FunctionalBarcodes/Distribution/CMD62114.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; } .assign-DistributionRemoveItemConfirmationPopup-barcode-yes { background: url(/images/FunctionalBarcodes/Distribution/CMD62116.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; } .assign-DistributionRemoveItemConfirmationPopup-barcode-no { background: url(/images/FunctionalBarcodes/Distribution/CMD62117.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; } .assign-DistributionChangeShipmentTypePopup-barcode-savebtn { background: url(/images/FunctionalBarcodes/Distribution/CMD62109.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; } .assign-ReturnPendingOrderPopup-barcode-cancelbtn { background: url(/images/FunctionalBarcodes/ReturnOrder/CMD112005.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; } .shippingOrders-barcode-cancelbtn { background: url(/images/FunctionalBarcodes/Distribution/Shipment/CMD630108.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; } .printbarcode-okbtn, .reagg-printbarcode-okbtn, .assign-logisticunit-barcode-okbtn, .printbarcode-cancelbtn, .assign-logisticunit-barcode-cancelbtn, .reagg-printbarcode-cancelbtn, .barcode-ok-button, .barcode-okbtn, .processbarcode-okbtn, .processbarcode-okbtn-autopallet, .processbarcode-okbtn-autopallet_2, .processbarcode-cancel-yesno, .processbarcode-pending_container, .processbarcode-pending_container_2, .processbarcode-manualInputClose, .processbarcode-removeallbtn, .processbarcode-SuspendOrderCommon2ok_btn, .processbarcode-SuspendOrderCommon2printToPDF_btn, .processbarcode-SuspendOrderCommonOk_btn, .processbarcode-SuspendOrderCommonPrintToPDF_btn, .processbarcode-PrintMain_print_btn, .processbarcode-PrintContainerVerifyPopupVerify_btn, .processbarcode-DeativationWhenContainInnerItemsConfirm_Deactivate_with_inner_items_btn, .processbarcode-DeativationWhenContainInnerItemsConfirm_Deactivate_only_the_scaned_btn, .processbarcode-ManualInputPopup_Ok_btn, .processbarcode-QuickScanPopupOk_btn, .processbarcode-ScanReprintsPopup_Ok_btn, .processbarcode-AddToContainerPopup_Ok_btn, .processbarcode-DeativationWhenContainerClosedConfirm_Deactivate_and_keepcontainer_closed_btn, .processbarcode-PrintContainerVerifyPopup_printAgain, .processbarcode-PrintContainerVerifyPopup_verify, .processbarcode-PrintContainerVerifyPopup_parentprintAgain, .processbarcode-PrintContainerVerifyPopup_printAgain, .processbarcode-PrintContainerVerifyPopup_verify, .assign-ArtTemplate-barcode-okbtn, .assign-ArtTemplate-barcode-cancelbtn, .processbarcode-SuspendOrderCommon2Cancel, .processbarcode-SuspendOrderCommonCancel, .processbarcode-MultipleScannerSummeryPopupCancel, .processbarcode-PrintMainCancel, .processbarcode-PrintContainerVerifyPopupCancel, .processbarcode-NotPrintedContainerPopupCancel, .dopbarcode-NotPrintedContainerPopupCancel, .dopbarcode-PrintContainerVerifyPopupCancel, .processbarcode-QuickScanPopupCancel, .processbarcode-ScanReprintsPopupancel, .processbarcode-AddToContainerPopupCancel, .dopbarcode-PrintContainerVerifyPopup_verify, .dopbarcode-PrintContainerVerifyPopup_printAgain, .barcode-cancel-yesno, .barcode-cancel-yesno-PendingSubOrders, .barcode-cancel-yesno-verifyByConfirm, .barcode-cancel-yesno-scanLastPrint, .barcode-cancel-yesno-verifyByScan, .barcode-continuebtn, .barcode-removebtn, .barcode-cancelbtn, .barcode-threebtnpopup-firstbtn, .barcode-threebtnpopup-secondbtn, .barcode-threebtnpopup-thiredbtn, .assign-ReceiptPopup-barcode-cancelbtn, .assign-ReceiptPopup-barcode-okbtn, .assign-ReturnOrderPopup-barcode-cancelbtn, .assign-ReturnQAPopup-barcode-cancelbtn, .barcode-rapidDistributionPickItems-Ok, .barcode-rapidDistributionPickItems-Cancel, .assign-DistributionOrderPopup-barcode-cancelbtn, .barcode-Dock-cancel-verifyByScan, .assign-DistributionChangeShipmentTypePopup-barcode-savebtn, .assign-DistributionChangeShipmentTypePopup-barcode-cancelbtn, .assign-DistributionActiveItemButtonPopup-barcode-cancelbtn, .assign-DistributionActiveItemButtonPopup-barcode-savebtn, .assign-DistributionRemoveItemConfirmationPopup-barcode-yes, .assign-DistributionRemoveItemConfirmationPopup-barcode-no, .assign-delivery-order-process-barcode-cancelbtn, .assign-ReturnPendingOrderPopup-barcode-cancelbtn, .shippingOrders-barcode-cancelbtn, .returnOrder-barcode-cancelbtn { background-position: 5px !important; height: 40px; } .error-too-t-align .Ntooltip label { left: 15px; } .H2ReactTextBox_H2Control_rbtn { width: 415px; } .H2rbtncell_reaggre { padding-left: 75px; } .H2rbtncell_damage { padding-left: 0px; } .H2rbtncell_sample { padding-left: 0px; } .H2rbtncell_stolen { padding-left: 0px; } .H2rbtncell_expired { padding-left: 75px; } .H2rbtncell_sampled { padding-left: 0px; } .H2rbtncell_chngedamage { padding-left: 0px; } .H2rbtncell_ExportSale { padding-left: 75px; } .H2rbtncell_ExternalCode { padding-left: 0px; } .H2rbtncell_QualityControl { padding-left: 0px; } .H2rbtncell_Archival { padding-left: 75px; } .H2rbtncell_ConformityAssessment { padding-left: 0px; } .H2rbtncell_disaggregate { padding-left: 0px; } /*#txtProductLine { width: 410px; margin-bottom: 3px; }*/ /*#btnPopUpProductLine{ margin-bottom:3px; }*/ .H2RowProduct { height: 15px; } .noMargin { margin-right: 0px !important; } /*#dvProductLineType{ margin-bottom: 15px; margin-left: 4px !important; }*/ .chart-info-meter { position: relative; width: 300px; margin: 0 auto; } .chart-common { text-align: left; } .chart-common div { height: 30px; width: 30px; display: inline-block; } .chart-common span { display: inline-block; vertical-align: middle; margin-top: -20px; font-weight: bold; padding: 0 0 25px 40px; width: 300px } .chart-info-lower div { background-color: #FF0000; } .chart-info-normal div { background-color: #007802; } .chart-info-upper div { background-color: #F5CC00; } .serial-heading { font-size: 18px; font-weight: bold; padding-bottom: 10px; } .mandatory { color: #F44336; } .radio_buttonStyle { vertical-align: middle; margin: 1.5px 3px 4px 0px; } .Reaggregation_BarcodeMsg { color: #090fad; font-size: 11px; font-style: italic; font-weight: 700; } /* Distribution Popup */ .xl-dialog { width: 90% !important; } .md-dialog { width: 60% !important; } .md-dialog-80 { width: 80% !important; } .xl-dialog .div-scroll, .md-dialog .div-scroll { max-height: none !important; overflow-y: hidden !important; } .xl-dialog #PrintersList, .xl-dialog #LogisticUnitPrinterList, .xl-dialog #ArtWorkTemplateList, .xl-dialog #DestructionList, .md-dialog #PrintersList, .md-dialog #LogisticUnitPrinterList, .md-dialog #ArtWorkTemplateList, .md-dialog #DestructionList { padding: 10px; overflow: hidden; margin: 0 !important; border: 0 !important; } .xl-dialog td, .md-dialog td { vertical-align: top; } .xl-dialog #DestructionList li, .md-dialog #LogisticUnitPrinterList li, .md-dialog #DestructionList li, .md-dialog #ArtWorkTemplateList li { width: 31.3% !important; float: left !important; margin-right: 2% !important; text-align: center; margin-bottom: 40px; margin-top: 0 !important; box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 2px 1px -1px rgba(0,0,0,0.12); padding: 40px 0; min-height: 65px; } .xl-dialog #LogisticUnitPrinterList, .xl-dialog #ArtWorkTemplateList, .md-dialog #PrintersList, .xl-dialog #PrintersList { min-height: 35vh; } .xl-dialog #LogisticUnitPrinterList li, .xl-dialog #ArtWorkTemplateList li, .md-dialog #PrintersList li, .xl-dialog #PrintersList li { width: 32.1%; text-align: center; float: left; box-shadow: none; border: 1px solid #ccc; padding: 40px 0; min-height: 65px; margin: 10px; } .xl-dialog #PrintersList span, .xl-dialog .PrintPopUpScrollBarSpan, .md-dialog #PrintersList span, .md-dialog .PrintPopUpScrollBarSpan { margin-right: 0 !important; } .xl-dialog #PrintersList li img, .xl-dialog #LogisticUnitPrinterList li img, .xl-dialog #DestructionList li img, .xl-dialog #ArtWorkTemplateList li img, .md-dialog #PrintersList li img, .md-dialog #LogisticUnitPrinterList li img, .md-dialog #DestructionList li img, .md-dialog #ArtWorkTemplateList li img { vertical-align: middle; margin-right: 20px; display: block; margin: 0 auto 10px !important; text-align: center; } /* .xl-dialog table#H2TablePrintList tr td:first-child,*/ .md-dialog table#H2TablePrintList tr td:first-child { width: 10% !important; } .xl-dialog table#H2TablePrintList tr td:last-child .md-dialog table#H2TablePrintList tr td:last-child { width: 90% !important; } .xl-dialog .row-pop, .md-dialog .row-pop { overflow-y: scroll; border: 1px solid; max-height: 170px; } .xl-dialog .row-pop { overflow-y: auto; border: 1px solid; max-height: 375px; } .summary-box-scorll-over-height { padding-top: 12px; padding-bottom: 15px; min-height: 95px; } .H2DistributionSummaryGroupbox { border: 1px solid #81d4fa; padding: 10px; position: relative; } .overlay-summary-loading { position: absolute; background-color: #9e9c9c7a; width: 100%; top: 0; bottom: 0; left: 0; } .overlay-summary-loading img { width: 40px; height: 40px; float: right; padding-right: 20px; padding-top: 20px; } .hidden-element { display: none; } .H2LabelButtonTextBox_button_2nd_input { background-color: #039be5 !important; height: 25px !important; width: 40px !important; color: #fff !important; } .H2LabelButtonTextBox_button_2nd_input_Receipe { background-color: #1976d2 !important; height: 25px !important; width: 40px !important; color: #fff !important; } /* Government Sampling page accordion title styles */ .accordion-sampling img, .accordion-sampling h3, .accordion-sampling { display: flex; } .accordion-sampling img, .accordion-sampling h3 { align-items: center; } .accordion-sampling h3 { margin-left: 10px; } /* Reagregation style updates for table columns */ /*.tbl-formated td{ width: 20% !important; padding-left: 0 !important; } .row-reason td:first-child { width: 20% !important; } .row-reason td:last-child { width: 80% !important; } .row-reason table { width: 100%; } .row-reason input#txtReason { width: 80%; } .tbl-formated td input[type="radio"], .tbl-formated td img { float: left; } .tbl-formated td input[type="radio"] { margin-left: 5px !important; margin-right: 5px !important; } .tbl-formated td span { line-height: 17px !important; max-width: 200px; }*/ /* MWI- Government sampling radio button, text wrapping changes */ .tbl-radio-wrapped td input[type="radio"], .tbl-radio-wrapped td img { float: left; } .tbl-radio-wrapped td input[type="radio"] { margin: 8px 5px 0 !important; } .tbl-radio-wrapped td span { line-height: 17px !important; } .tbl-radio-wrapped td .txt-wrap { float: left; width: 75%; margin-top: 7px !important; } .tbl-radio-wrapped td .content-wrap input[type="radio"] { margin-top: 8px !important; } .content-wrap.radio-wrap.rbtn-mobile{ height:28px; } /* MWI- Handling page column width, radio button, text wrapping adjustments */ .tbl-handling .txt-wrap { width: auto !important; } .tbl-handling .H2rbtncell_reaggre, .tbl-handling .H2rbtncell_expired { padding-left: 0 !important; } .tbl-handling .row-empty td:first-child, .tbl-handling .H2rbtncell_chngedamage, .tbl-handling .H2rbtncell_sample { width: 32.5% !important; } .tbl-handling .row-empty td:nth-child(2n), .tbl-handling .H2rbtncell_expired, .tbl-handling .H2rbtncell_reaggre { width: 17.5% !important; } .tbl-handling .row-empty td { height: 60px; } @media only screen and (max-width:990px) { .tbl-handling .H2rbtncell_chngedamage .txt-wrap, .tbl-handling .H2rbtncell_sample .txt-wrap { width: 33% !important; } } @media only screen and (max-width:1299px) { .tbl-handling .H2rbtncell_expired .txt-wrap, .tbl-handling .H2rbtncell_reaggre .txt-wrap { width: 60% !important; } .tbl-destruction-liquid.tbl-radio-wrapped td .txt-wrap, .sampling-accordion .tbl-radio-wrapped td .txt-wrap { width: 50%; } .tbl-reason-code.tbl-radio-wrapped td .txt-wrap { width: 60%; } /* ud-25.5.2021*/ #H2R2SearchPanel .filter_container_iconpanel { position: absolute; top: 10px; float: right; right: 10px; } /* ud-25.5.2021*/ } /* MWI - Sampling page radio buttons */ .tbl-destruction-liquid.tbl-radio-wrapped td { width: 100% !important; } .tbl-destruction-liquid .txt-wrap { width: 50% !important; } /* MWI - Menu adjustments for rusian long text */ #R1Tree .jstree-leaf { display: flex !important; align-items: flex-start; padding: 10px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; } #R1Tree .jstree-leaf a { white-space: normal !important; height: auto !important; margin-left: 5px !important; max-width: 175px line-height: 20px; line-height: 20px; } .main-menu .jstree-leaf a { left: -30px !important; position: relative !important; padding: 0 0px 0 30px !important; } /* MWI - Common style to verticle center */ .ver-cen { display: flex; align-items: center; } /* MWI - Popup barcode buttons */ .btn-barcode { width: 170px !important; padding-left: 30px !important; } .btn-barcode span { padding-left: 5px !important; padding-right: 5px !important; } /* MWI - Popup text buttons */ .ui-button-text-only { width: auto; min-width: 80px; } @media only screen and (min-width: 1300px) { .tbl-handling .H2rbtncell_chngedamage .txt-wrap, .tbl-handling .H2rbtncell_sample .txt-wrap { width: 40% !important; } .tbl-handling .H2rbtncell_expired .txt-wrap, .tbl-handling .H2rbtncell_reaggre .txt-wrap { width: 69% !important; } } .barcodeRaws { height: 50px !important; } /* Center the loader */ #loader { position: relative; left: 50%; top: 50%; z-index: 1; width: 150px; height: 150px; margin: -80px 0 0 -75px; border: 10px solid #bed5e0; border-radius: 50%; border-top: 10px solid #3498db; width: 60px; height: 60px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Add animation to "page content" */ .animate-bottom { position: relative; -webkit-animation-name: animatebottom; -webkit-animation-duration: 1s; animation-name: animatebottom; animation-duration: 1s } @-webkit-keyframes animatebottom { from { bottom: -100px; opacity: 0 } to { bottom: 0px; opacity: 1 } } /*Charitha*/ .padding-top-0 { padding-top: 0 !important; } .padding-0 { padding: 0 !important; } .flex{ display:flex; } .form-skin-fix .processtd { height: 17px; padding-left: 1px; } .barcode-wrapper { height: 100%; width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; } .sscc-wrapper { float: left; padding: 5px; background: #82bbe4; margin: 5px 5px 0px 0px; width: 48%; cursor: pointer; } .sscc-wrapper:hover, .sscc-wrapper:active { background: #5aa3d8; } .left-section { float: left; margin-right: 10px; } .right-section { width: 65%; float: left; } .right-section label { width: 100%; float: left; line-height: 17px; word-break: break-word } .main-lbl { font-size: 14px; font-weight: 700; } .level-lbl { font-size: 11px; font-weight: 700; } .dm-wrapper img { width: 50px; } .padding-right-0 { padding-right: 0 !important; } .margin-right-0 > div { margin-right: 0 !important; } input[type=text]:focus { border: 1px solid #000; } #btnProcessMaximize { width: 100% !important; } .display-inline-b { display:inline-block !important; } .row { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cam-row { position: absolute; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; top: 0; left: 0; } .cam-cell { height: 100%; position: absolute; width: 99.80%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: 0; top: 0; } .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 { float: left; } .col-12 { width: 100%; } .col-11 { width: 91.66666667%; } .col-10 { width: 83.33333333%; } .col-9 { width: 75%; } .col-8 { width: 66.66666667%; } .col-7 { width: 58.33333333%; } .col-6 { width: 50%; } .col-5 { width: 41.66666667%; } .col-4 { width: 33.33333333%; } .col-3 { width: 25%; } .col-2 { width: 16.66666667%; } .col-1 { width: 8.33333333%; } .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 { position: relative; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .padding-bottom-3 { padding-bottom: 1px; } .padding-bottom-2 { padding-bottom: 2px; } .scanned-tbl thead th div { display: none; } .scanned-tbl tbody .serial-cell label { max-width: 95%; } .scanned-tbl tbody .remove-cell { width: 40px; text-align: center; padding: 0; } .scanned-tbl tbody .level-cell { min-width: 60px; max-width: 80px; } .scanned-tbl tbody .status-cell label { line-height: 20px; } .scanned-tbl .serial-cell { max-width: 360px; } .scanned-tbl tbody .status-cell { padding: 0 5px 0 5px; min-width: 135px; } .scanned-tbl-wrapper, .main-tbl, .main-tbl-2, .scanned-tbl-wrapper-2 { float: left; width: 100%; min-height: 150px; max-height: 45vh; overflow: auto; } #tree_ClosedContainers { height: 25vh; } .no-hover:hover { all: unset !important ; } /* device data template page styles */ .paraAddButton { color: #fff; background-color: #039BE5; height: 38px; line-height: 38px; width: 35px; cursor: pointer; } .paraAddButton span { font-weight: bold; font-size: 13px; vertical-align: middle; } .paraAddButton:hover { background-color: #0D47A1 !important; } .paraAddButton.disabled { visibility: hidden; } .paraRemoveButton { color: #e53935; cursor: pointer; height: 25px; padding-left: 5px; } .paraRemoveButton:hover { color:#921f1f !important; } .paraRemoveButton.disabled { visibility:hidden; } .no-para-tr .no-data { width: calc(100% + 40px); } .deviceDataFunctionList { overflow-x: hidden; overflow-y: auto; position: relative; padding-right: 16px; } .deviceDataFunctionList .segment > li { position: relative; min-height: 47px; } .deviceDataFunctionList .segment > li:hover:before, .deviceDataFunctionList .segment > li.active:before { width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 15px solid #b7e3f8; content: ''; position: absolute; right: -15px; top: 50%; transform: translateY(-50%); z-index:10; } .deviceDataFunctionList .material-icons.warning-icon { color: #e53935; position: relative; top: 50%; transform: translateY(-50%); } .templateDetailLeftTable .H2Label { width: 165px; } .templateDetailRightTable .H2Label { width: 135px; } /* end of device data template page styles */ /*media query*/ @media screen and (min-width: 0px) and (max-width:767px) { .mobile-regular{ font-weight:500 !important; } .aggregation-pages .main-row-wrapper { flex-wrap: wrap; } .aggregation-pages .external-aggregation-table .display-mobile { display: block !important; } .aggregation-pages .external-aggregation-table .data-row .col { padding-top: 10px; } .aggregation-pages .external-aggregation-table .col { width: 100% !important; } .aggregation-pages .external-aggregation-table .col.last-btn, .aggregation-pages .external-aggregation-table .col.before-last { width: 100% !important; } .aggregation-pages .row.external-aggregation-table .col-xs-12 { width: calc(100vw - 20px); } .aggregation-pages .external-aggregation-table .header-row .last-btn { text-align: left !important; margin-left: unset !important; } .aggregation-pages .external-aggregation-table .img-sec { display: none; } .aggregation-pages .external-aggregation-table .col:not(:first-child) { padding-left: 0 !important; } .aggregation-pages .external-aggregation-table .proc-external-wrap { width: calc(100vw - 20px); } .aggregation-pages .external-aggregation-table .proc-external-wrap .left-wrap { overflow-y: auto; } /*for process screens start*/ .tblContainerLabel { width: 100%; } #Popup_Process_ScannedSerial_Wrapper.order-container-wrapper { height: 28vh; } .camImgWrapper { min-height: 150px; } .cam-window-wrapper{ min-height:300px; } .no-camera .material-icons { font-size: 70px !important; } .cam-ip-name { font-size: 13px !important; } .image-sec .bottom-label { font-size: 14px !important; } .messageWrapper .messDetail{ font-size:18px !important; } .messageWrapper.main-message .messDetail { font-size: 15px !important; } .level-sub-info-wrapper .cse-tot, .bulk-cam-content-right .details .one-line { font-size: 14px !important; } .level-sub-info-wrapper h2, .scan-heading.h2 { font-size: 20px !important; } .bulk-cam-header h1{ font-size: 17px !important; } .metricVal { padding: 2px 8px !important; } .dark-blue-btn .btn-detail-wrap .bg-text, .yellow-btn .btn-detail-wrap .bg-tex { font-size: 20px !important; } .bulk-cam-scan-main .sm-text { font-size: 14px !important; } .yellow-btn .btn-ico-wrapper .material-icons, .dark-blue-btn .btn-ico-wrapper .material-icons { font-size: 36px !important; } .status-header h1 { font-size: 24px !important; } /*for process screens end*/ .history-btn-wrapper { flex-wrap: wrap; } .width-change { padding: 20vh 5vw 0 5vw; } .button { font-size: medium !important; } .bigger-font-tab .text-button .main-touch-btn, .bigger-font-tab .text-button-scan .main-touch-btn { margin: 10px 0; padding: 20px 20px 20px 100px !important; font-size: 16px; } .text-button button .material-icons, .text-button-scan button .material-icons { width: 60px !important; height: 57px !important; font-size: 37px !important; display: flex; justify-content: center; align-items: center; } } @media screen and (min-width: 768px) and (max-width:991px) { .mobile-regular { font-weight: 500 !important; } .aggregation-pages .main-row-wrapper { flex-wrap: wrap; } .aggregation-pages .external-aggregation-table .display-mobile { display: block !important; } .aggregation-pages .external-aggregation-table .data-row .col { padding-top: 10px; } .aggregation-pages .external-aggregation-table .col { width: 100% !important; } .aggregation-pages .external-aggregation-table .col.last-btn, .external-aggregation-table .col.before-last { width: 100% !important; } .aggregation-pages .row.external-aggregation-table .col-xs-12 { width: calc(100vw - 20px); } .aggregation-pages .external-aggregation-table .header-row .last-btn { text-align: left !important; margin-left: unset !important; } .aggregation-pages .external-aggregation-table .img-sec { display: none; } .aggregation-pages .external-aggregation-table .col:not(:first-child) { padding-left: 0 !important; } .aggregation-pages .external-aggregation-table .proc-external-wrap { width: calc(100vw - 50px); } .aggregation-pages .external-aggregation-table .proc-external-wrap .left-wrap { overflow-y: auto; } /*for process screens start*/ .tblContainerLabel { width: 100%; } #Popup_Process_ScannedSerial_Wrapper.order-container-wrapper { height: 29vh; } .camImgWrapper { min-height: 150px; } .cam-window-wrapper { min-height: 300px; } .no-camera .material-icons { font-size: 75px !important; } .cam-ip-name { font-size: 13px !important; } .image-sec .bottom-label { font-size: 15px !important; } .messageWrapper .messDetail { font-size: 20px !important; } .messageWrapper.main-message .messDetail { font-size: 15px !important; } .level-sub-info-wrapper .cse-tot, .bulk-cam-content-right .details .one-line { font-size: 14px !important; } .level-sub-info-wrapper h2, .scan-heading.h2 { font-size: 20px !important; } .bulk-cam-header h1 { font-size: 17px !important; } .metricVal { padding: 2px 8px !important; } .dark-blue-btn .btn-detail-wrap .bg-text, .yellow-btn .btn-detail-wrap .bg-text { font-size: 20px !important; } .bulk-cam-scan-main .sm-text { font-size: 14px !important; } .yellow-btn .btn-ico-wrapper .material-icons, .dark-blue-btn .btn-ico-wrapper .material-icons { font-size: 36px !important; } .status-header h1 { font-size: 24px !important; } /*for process screens end*/ .history-btn-wrapper { flex-wrap: wrap; } .show-serial-list .serial-cell { max-width: 200px; width: 200px; } .scanned-tbl-wrapper { max-height: 20vh; } .scanned-tbl-wrapper-2 { max-height: 20vh; } .main-tbl-2 { max-height: 25vh } .main-tbl { max-height: 25vh; } .width-change { padding: 20vh 5vw 0 5vw !important; } .width-change-only { padding: 0vh 5vw !important; } .border-rgt { border-right: none !important; } .top-wrapper { padding-right: 15px !important; } } @media screen and (min-width: 992px) and (max-width: 996px) { .aggregation-pages .external-aggregation-table .data-row.main-row-wrapper .col.leftColDiv { width: 52% !important; } .aggregation-pages .external-aggregation-table .d-flex.data-row.main-row-wrapper .col.rightColDiv { width: 48% !important; } } @media screen and (min-width: 992px) and (max-width:1366px) { .mobile-regular { font-weight: 500 !important; } .aggregation-pages .main-row-wrapper{ flex-wrap: wrap; } .aggregation-pages .external-aggregation-table .display-mobile { display: block !important; } .aggregation-pages .external-aggregation-table .data-row .col { padding-top: 10px; } .aggregation-pages .external-aggregation-table .col { width: 50% !important; } .aggregation-pages .external-aggregation-table .header-row .last-btn { text-align: left !important; margin-left: unset !important; } .aggregation-pages .external-aggregation-table .img-sec { display: none; } .aggregation-pages .external-aggregation-table .col:not(:first-child) { padding-left: 0 !important; } /*for process screens start*/ .tblContainerLabel { width: 90%; } #Popup_Process_ScannedSerial_Wrapper.order-container-wrapper { height: 29vh; } .camImgWrapper { min-height: 150px; } .cam-window-wrapper { min-height: 300px; } .no-camera .material-icons { font-size: 80px !important; } .cam-ip-name { font-size: 14px !important; } .image-sec .bottom-label { font-size: 15px !important; } .messageWrapper .messDetail { font-size: 20px !important; } .messageWrapper.main-message .messDetail { font-size: 16px !important; } .level-sub-info-wrapper .cse-tot, .bulk-cam-content-right .details .one-line { font-size: 14px !important; } .level-sub-info-wrapper h2, .scan-heading.h2 { font-size: 20px !important; } .bulk-cam-header h1 { font-size: 18px !important; } .metricVal { padding: 2px 8px !important; } .dark-blue-btn .btn-detail-wrap .bg-text, .yellow-btn .btn-detail-wrap .bg-text { font-size: 20px !important; } .bulk-cam-scan-main .sm-text { font-size: 15px !important; } .yellow-btn .btn-ico-wrapper .material-icons, .dark-blue-btn .btn-ico-wrapper .material-icons { font-size: 36px !important; } .status-header h1 { font-size: 24px !important; } /*for process screens end*/ .history-btn-wrapper{ flex-wrap: wrap; } .show-serial-list .serial-cell { max-width: 250px; width: 250px; } .scanned-tbl-wrapper { max-height: 25vh; } .scanned-tbl-wrapper-2 { max-height: 26vh; } .main-tbl-2 { max-height: 25vh } .main-tbl { max-height: 38vh; } .width-change { padding: 20vh 15vw 0 15vw !important; } .col-xs-12.col-sm-12.width-change-only { padding: 1vh 25vw !important; } .line-master-hourly-info-row .Ntooltip label:after, .line-daily-hourly-info-row .Ntooltip label:after { margin-left: -17px } } @media screen and (min-width: 1366px) and (max-width:1450px) { /*for process screens start*/ .tblContainerLabel { width: 85%; } #Popup_Process_ScannedSerial_Wrapper.order-container-wrapper { height: 28vh; } .camImgWrapper { min-height: 206px; } .cam-window-wrapper { min-height: 300px; } .no-camera .material-icons { font-size: 90px !important; } .cam-ip-name { font-size: 14px !important; } .image-sec .bottom-label { font-size: 15px !important; } .messageWrapper .messDetail { font-size: 20px !important; } .messageWrapper.main-message .messDetail { font-size: 16px !important; } .level-sub-info-wrapper .cse-tot, .bulk-cam-content-right .details .one-line { font-size: 14px !important; } .level-sub-info-wrapper h2, .scan-heading.h2 { font-size: 20px !important; } .bulk-cam-header h1 { font-size: 18px !important; } .metricVal { padding: 2px 8px !important; } .dark-blue-btn .btn-detail-wrap .bg-text, .yellow-btn .btn-detail-wrap .bg-text { font-size: 22px !important; } .bulk-cam-scan-main .sm-text { font-size: 15px !important; } .yellow-btn .btn-ico-wrapper .material-icons, .dark-blue-btn .btn-ico-wrapper .material-icons { font-size: 36px !important; } .status-header h1 { font-size: 24px !important; } /*for process screens end*/ .main-plain-table .prod-name-th { width: 24.3% !important; padding-left: 0px !important; } .show-serial-list .serial-cell { max-width: 230px; width: 230px; } .max-btn-class { height: 248px !important; } .scanned-tbl-wrapper { max-height: 27vh; } .scanned-tbl-wrapper-2 { max-height: 26vh; } .main-tbl-2 { max-height: 60vh; } .main-tbl { max-height: 38vh; } .width-change { padding: 20vh 25vw 0 25vw !important; } .col-xs-12.col-sm-12.width-change-only { padding: 1vh 25vw !important; } /* .radio-wrap .txt-wrap { max-width: 120px !important; }*/ } @media screen and (min-width: 1451px) and (max-width:1650px) { /*for process screens start*/ .tblContainerLabel { width: 85%; } #Popup_Process_ScannedSerial_Wrapper.order-container-wrapper { height: 28vh; } .camImgWrapper { /*min-height: 200px;*/ /*min-height: 168x;*/ min-height: 197px; } .cam-window-wrapper { min-height: 300px; } .no-camera .material-icons { font-size: 100px !important; } .cam-ip-name { font-size: 15px !important; } .image-sec .bottom-label { font-size: 16px !important; } .messageWrapper .messDetail { font-size: 20px !important; } .messageWrapper.main-message .messDetail { font-size: 16px !important; } .level-sub-info-wrapper .cse-tot, .bulk-cam-content-right .details .one-line { font-size: 14px !important; } .level-sub-info-wrapper h2, .scan-heading.h2 { font-size: 20px !important; } .bulk-cam-header h1 { font-size: 20px !important; } .metricVal { padding: 2px 8px !important; } .dark-blue-btn .btn-detail-wrap .bg-text, .yellow-btn .btn-detail-wrap .bg-text { font-size: 22px !important; } .bulk-cam-scan-main .sm-text { font-size: 18px !important; } .yellow-btn .btn-ico-wrapper .material-icons, .dark-blue-btn .btn-ico-wrapper .material-icons { font-size: 36px !important; } .status-header h1 { font-size: 24px !important; } /*for process screens end*/ .scanned-tbl .serial-cell { max-width: 310px; width: 310px; } .max-btn-class { height: 248px !important; } .scanned-tbl-wrapper { max-height: 27vh; } .scanned-tbl-wrapper-2 { max-height: 48vh; } .main-tbl-2 { max-height: 60vh; } .main-tbl { max-height: 45vh; } .width-change { padding: 20vh 25vw 0 25vw !important; } .col-xs-12.col-sm-12.width-change-only { padding: 1vh 25vw !important; } } @media screen and (min-width: 1651px) and (max-width:1920px) { /*for process screens start*/ .tblContainerLabel { width: 80%; } #Popup_Process_ScannedSerial_Wrapper.order-container-wrapper { height:42vh; } .camImgWrapper { /*min-height: 300px;*/ /*min-height: 216px;*/ min-height: 252px; } .cam-window-wrapper { /*min-height: 400px;*/ min-height: 371px; } .no-camera .material-icons { font-size: 140px !important; } .cam-ip-name { font-size: 15px !important; } .image-sec .bottom-label { font-size: 18px !important; } .messageWrapper .messDetail { font-size: 22px !important; } .messageWrapper.main-message .messDetail { font-size: 16px !important; } .level-sub-info-wrapper .cse-tot, .bulk-cam-content-right .details .one-line { font-size: 18px !important; } .level-sub-info-wrapper h2, .scan-heading.h2 { font-size: 22px !important; } .bulk-cam-header h1 { font-size: 22px !important; } .metricVal { padding: 5px 10px !important; } .dark-blue-btn .btn-detail-wrap .bg-text, .yellow-btn .btn-detail-wrap .bg-tex { font-size: 28px !important; } .bulk-cam-scan-main .sm-text { font-size: 18px !important; } .yellow-btn .btn-ico-wrapper .material-icons, .dark-blue-btn .btn-ico-wrapper .material-icons { font-size: 48px !important; } .status-header h1 { font-size: 30px !important; } /*for process screens end*/ .scanned-tbl .serial-cell { max-width: 420px; width: 420px; } .max-btn-class { height: 400px !important; } .scanned-tbl-wrapper { max-height: 33vh; } .scanned-tbl-wrapper-2 { max-height: 48vh; } .main-tbl-2 { max-height: 72vh; } .main-tbl { max-height: 57vh; } .width-change { padding: 20vh 25vw 0 25vw !important; } .col-xs-12.col-sm-12.width-change-only { padding: 1vh 25vw !important; } } @media screen and (min-width: 1921px) and (max-width:2500px) { .tblContainerLabel { width: 80%; } /*for process screens start*/ #Popup_Process_ScannedSerial_Wrapper.order-container-wrapper { height: 42vh; } .camImgWrapper { min-height: 350px; } .cam-window-wrapper { min-height: 500px; } .no-camera .material-icons { font-size: 140px !important; } .cam-ip-name { font-size: 16px !important; } .image-sec .bottom-label { font-size: 18px !important; } .messageWrapper .messDetail { font-size: 22px !important; } .messageWrapper.main-message .messDetail { font-size: 16px !important; } .level-sub-info-wrapper .cse-tot, .bulk-cam-content-right .details .one-line { font-size: 20px !important; } .level-sub-info-wrapper h2, .scan-heading.h2 { font-size: 25px !important; } .bulk-cam-header h1 { font-size: 22px !important; } .dark-blue-btn .btn-detail-wrap .bg-text, .yellow-btn .btn-detail-wrap .bg-tex { font-size: 30px !important; } .bulk-cam-scan-main .sm-text { font-size: 20px !important; } .yellow-btn .btn-ico-wrapper .material-icons, .dark-blue-btn .btn-ico-wrapper .material-icons { font-size: 48px !important; } .status-header h1 { font-size: 30px !important; } /*for process screens end*/ .scanned-tbl .serial-cell { max-width: 600px; width: 600px; } .scanned-tbl-wrapper { max-height: 33vh; } .scanned-tbl-wrapper-2 { max-height: 48vh; } .max-btn-class { height: 548px !important; } .width-change { padding: 20vh 25vw 0 25vw !important; } .col-xs-12.col-sm-12.width-change-only { padding: 1vh 25vw !important; } } @media screen and (min-width: 2500px) and (max-width:3500px) { .tblContainerLabel { width: 80%; } /*for process screens start*/ #Popup_Process_ScannedSerial_Wrapper.order-container-wrapper { height: 42vh; } .camImgWrapper { min-height: 400px; } .cam-window-wrapper { min-height: 500px; } .no-camera .material-icons { font-size: 150px !important; } .cam-ip-name { font-size: 16px !important; } .image-sec .bottom-label { font-size: 18px !important; } .messageWrapper .messDetail { font-size: 16px !important; } .messageWrapper.main-message .messDetail { font-size: 22px !important; } .level-sub-info-wrapper .cse-tot, .bulk-cam-content-right .details .one-line { font-size: 20px !important; } .level-sub-info-wrapper h2, .scan-heading.h2 { font-size: 25px !important; } .bulk-cam-header h1 { font-size: 22px !important; } .dark-blue-btn .btn-detail-wrap .bg-text, .yellow-btn .btn-detail-wrap .bg-tex { font-size: 30px !important; } .bulk-cam-scan-main .sm-text { font-size: 20px !important; } .yellow-btn .btn-ico-wrapper .material-icons { font-size: 48px !important; } .status-header h1 { font-size: 30px !important; } /*for process screens end*/ .scanned-tbl .serial-cell { max-width: 900px; width: 900px; } .scanned-tbl-wrapper { max-height: 33vh; } .scanned-tbl-wrapper-2 { max-height: 33vh; } .max-btn-class { height: 700px !important; } .width-change { padding: 20vh 25vw 0 25vw !important; } .col-xs-12.col-sm-12.width-change-only { padding: 1vh 25vw !important; } } .summary-sect div { font-weight: bold; padding: 10px 10px; float: left; background: #fff; border: #009aff solid 1px; margin-bottom: 5px; position: relative; border-radius: 0px; cursor: default; } .summary-sect .sammary-descript { float: left; cursor: default; } .summary-sect .sammary-value { padding: 0; position: absolute; top: 1px; right: 1px; background: #00a1ff; color: #fff; width: 35px; height: 33px; text-align: center; line-height: 33px; cursor: default; } .sum-val { height: 95% !important; display: flex; justify-content: center; align-items: center; } .summary-sect .errorListBtn { background: #f94f4f; padding: 5px 5px 5px 5px; position: relative; font-size: 12px; border-radius: 2px; border: 0; border-bottom: 3px solid rgba(0,0,0,.47); color: #fff; width: 100%; float: left; } .summary-sect .errorListBtn a { line-height: 27px; padding-left: 5px; } .summary-sect .errorListBtn a img { padding-left: 5px; } .summary-sect .errorListBtn:hover { background: #921f1f; } .H2proccessGroupBox { padding: 10px; } .scanned-tbl-wrapper { float: left; width: 100%; min-height: 150px; max-height: 45vh; overflow: auto; } .shadow { -webkit-box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); -moz-box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); border-radius: 2px; } .scanned-tbl thead tr { border-bottom: 2px solid #ccc; } .scanned-tbl thead tr th { font-weight: bold; } .scanned-tbl th, .scanned-tbl tbody td { padding: 5px; border-right: 1px solid #ccc; vertical-align: middle; } .scanned-tbl th:last-child, .scanned-tbl tbody td:last-child { padding: 0; border-right: 0; } .error-pop td { padding: 2px 5px !important; border-right: 0 !important; vertical-align: middle; } .error-pop td.border-r { width: 100%; text-align: left; border: 1px solid #bbdefb !important; } .blue-border-bottom { border-bottom: 1px solid #b0cefd; } .scanned-tbl tbody tr { border-bottom: 1px solid #ccc; } .yellow-bar, .green-before, .red-before, .pink-before, .black-before, .blue-before, .lightblue-before, .brown-before { position: relative; } .yellow-bar input[type="text"], .green-before input[type="text"], .red-before input[type="text"], .pink-before input[type="text"], .black-before input[type="text"], .lightblue-before input[type="text"], .brown-before input[type="text"] { padding-left: 14px; padding: 3px 10px 2px 15px; } .yellow-bar:before, .green-before:before, .red-before:before, .pink-before:before, .black-before:before, .blue-before:before, .lightblue-before:before, .brown-before:before { content: ''; top: 1px; left: 1px; position: absolute; float: left; z-index: 10; /*height: 13px;*/ height: 23px; } .yellow-bar:before { border: 5px solid #ffcf00; background: #ffcf00; } .green-before:before { border: 5px solid #50b100; background: #50b100; } .red-before:before { border: 5px solid #f94f4f; background: #f94f4f; } .pink-before:before { border: 5px solid #ff5cc9; background: #ff5cc9; } .black-before:before { border: 5px solid #005496; background: #005496; } .blue-before:before { border: 5px solid #3fb3ff; background: #3fb3ff; } .lightblue-before:before { border: 5px solid #75e8ff; background: #75e8ff; } .brown-before:before { border: 5px solid #ca873c; background: #ca873c; } .show-serial-list h2 { font-weight: bold; font-size: 13px; float: left; margin: 10px 0 0 0; padding: 5px 5px; background: #333; color: #fff; } .show-serial-pool > td { padding: 0; } .status-td { position: relative; } .status-td img { width: 20px; position: absolute; top: 1px; right: 5px; } .scanned-tbl tbody .status-cell img { width: 20px; float: right; position: relative; top: unset; right: unset; } .remove-td { position: relative; } .remove-td img { width: 20px; position: absolute; top: 1px; right: 5px; } .dm-btn { float: left; position: absolute; top: 0px; left: 0; padding: 5px; border: 1px solid #102c71; border-radius: 3px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer !important; min-height: 40px; } .dm-btn a { cursor: pointer; line-height: 27px; } .dm-btn:hover { background: rgba(137, 160, 169, 0.32) !important; } .dm-btn:active { background: rgba(0, 184, 255, 0.40) !important; } .dm-btn img { width: 28px; float: left; } .dm-btn > div { float: left; padding-left: 5px; padding-top: 0; width: auto; max-width: 100%; } .action-icon { width: 25px; cursor: pointer; } @keyframes animatebottom { from { bottom: -100px; opacity: 0 } to { bottom: 0; opacity: 1 } } .set-inline-style { float: left; width: 117px; } fieldset .textbox-label { padding-top: 0; line-height: 19px; font-size: 12px; color: black; } .ProcessBox .textbox-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100% !important; float: left; line-height: 25px; font-size: 11px; } .dialog-break-Word > .ui-button-text { word-break: break-word !important; } .main-menu ul { background: #eceff1; border-bottom: 1px solid #cfd8dc; max-height: calc(100vh - 175px);/*change 220 to 175*/ overflow-y: auto; overflow-x: hidden; } .main-menu .jstree-clicked { background: none !important; border: 0px solid blue !important; padding: 0 2px 0 1px; color: #0277bd !important; font-weight: 700; } table.dataTable th { background-color: #1976d2 !important; color: #fff !important; padding: 0 10px 0 10px !important; border-width: 0px !important; } table.dataTable thead th { position: relative; text-align: left !important; position: relative; } table.dataTable thead th span::after { content: '|'; position: absolute; right: -1px; color: #fff; bottom: 32%; } #columnExpand { position: absolute; right: -7px !important; top: 8px; } table.dataTable tr { height: 30px !important; border-bottom: 1px solid #dbeff9; } table.dataTable td { border-right: 0 !important; } table.dataTable tr.odd { background-color: #f1f9fd !important; } .row_selected { background-color: #caedff !important; } .icon-ctrl { padding-top: 5px !important; } .main-menu li, .main-menu ins { background-image: none !important; } .main-menu ul.jstree-no-icons li ins { display: none !important; } .main-menu .jstree-closed > a { position: absolute; top: 0; text-align: left; height: 45px; line-height: 37px; left: 0; padding-left: 38px !important; width: 100%; } .main-menu .jstree-no-icons li > img { width: 20px; } .main-menu > ul > li { padding: 10px 10px 10px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .main-menu > ul > li:hover, .main-menu > ul > li:focus { background: #dfe4e8; } .menu-active { background: #ffffff !important; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } .main-menu ul > li > ul > .jstree-leaf { border-radius: 4px; padding: 5px 10px 5px 10px !important; border-left: 9px solid #ffffff; } .main-menu .jstree-open:hover { background: #fff; } .main-menu .jstree-open > a { height: 30px; position: absolute; left: 34px; } .main-menu .jstree-open > a span { padding-top: 2px; padding-right: 14px; right: 8px; top: -1px; } .main-menu > ul > li > ul { background: none; border: 0; border-top: 1px solid #ccc; } .main-menu > ul > li > ul .jstree-leaf:hover { border-radius: 0; border-left: 9px solid #1976d2; } .main-menu ul > li > ul { background: none; } .main-menu > ul > .jstree-closed img { margin-right: 5px !important; } .main-menu .jstree-open { background-color: rgb(255 255 255); border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .main-menu li { margin-left: 0 !important; } .main-menu .jstree-hovered { background: none !important; border: 0 !important; } #R2ToolStripBottom { background: #0277bd !important; } .main-menu a { padding: 2px 2px 0px 2px !important; width: 90%; } .main-menu a span { position: absolute; right: 0px; top: 6px; } .main-menu a span img { width: 60%; } .main-menu ul, .jstree li { width: 100% !important; } .ui-button-text-only .ui-button-text { line-height: 25px; } /*.scanner { position: absolute; top: 0; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }*/ .scanner { top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 50%; border-bottom: 5px solid #bed5e0; } .scandit.scandit-container { float: left; width: 100%; } /*.cam-wrapp { position: absolute; height: 83%; width: 98%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }*/ .cam-wrapp { position: absolute; height: 98%; width: 98%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cam-wrapp > div:last-child { top: 50%; } /* LOADER FOR FTP BUTTONS START */ .loader-spinner { border: 3px solid #b2d9ef; border-radius: 50%; border-top: 3px solid #3498db; width: 10px; height: 10px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; margin-left: 10px; display: none; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* LOADER FOR FTP BUTTONS END */ .ftp-icons { width: 20px; height: 20px; margin-left: 10px; display: none; } .img-wrap img { width: 30px !important; padding: 5px; } .img-wrap img:last-child { float: right } .img-wrap img:first-child { float: left } img#imgPackLevelArrow { padding: 0px 5px 20px 5px; width: 25px !important; border: 0; position: relative; top: 2vh; } .img-wrap { padding: 0px 10px !important; text-align: center; } @media screen and (min-width: 700px) and (max-width: 989px) { .img-wrap img#imgPackLevelArrow { padding: 11px 0px 5px 0px; width: 17px !important; top: 0vh; } .summary-sect .img-wrap img { width: 20px !important; } .bigger-font-tab .text-button .main-touch-btn, .bigger-font-tab .text-button-scan .main-touch-btn { margin: 5px 0 !important; padding: 0 20px 0 100px; font-size: 19px !important; min-height:80px; } .text-button button .material-icons, .text-button-scan button .material-icons { width: 80px !important; font-size: 46px !important; height: 80px !important; padding: 17px !important; } .label-status .btn { height: 37px; } .label-status { padding-top: 2px; } } @media screen and (min-width: 990px) and (max-width: 1199px) { .form-control { font-size: 15px !important; } .img-wrap img#imgPackLevelArrow { padding: 11px 0px 5px 0px; width: 17px !important; top: 0vh; } .summary-sect .img-wrap img { width: 20px !important; } .fade-blue-w-mg-barcode .tbl-one #tbPendingContainerMultiple { display: grid; } .tbl-one #TrPendingContainerHeader_2 { border-bottom: 3px solid #ccc; position: sticky; top: -1px !important; } .tbl-one #TrPendingContainerHeader_3 { position: sticky; top: -1px !important; } .tbl-one tr { display: inline-table; } .bigger-font-tab .text-button .main-touch-btn, .bigger-font-tab .text-button-scan .main-touch-btn { margin: 5px 0 !important; padding: 29px 10px 29px 98px !important; font-size: 19px !important; } .text-button button .material-icons, .text-button-scan button .material-icons { width: 80px !important; font-size: 46px !important; height: 80px !important; padding: 17px !important; } /*rapid distribution*/ .label-status .btn { height: 37px; } .label-status{ padding-top: 2px; } } @media screen and (min-width: 1200px) and (max-width: 1290px) { .img-wrap img#imgPackLevelArrow { padding: 8px 0px 5px 0px; width: 20px !important; top: 0vh; } .summary-sect .img-wrap img { width: 22px !important; } .fade-blue-w-mg-barcode .tbl-one #tbPendingContainerMultiple { display: grid; } .tbl-one #TrPendingContainerHeader_2 { border-bottom: 3px solid #ccc; position: sticky; top: -1px !important; } .tbl-one #TrPendingContainerHeader_3 { position: sticky; top: -1px !important; } .tbl-one tr { display: inline-table; } .bigger-font-tab .text-button .main-touch-btn, .bigger-font-tab .text-button-scan .main-touch-btn { margin: 5px 0 !important; padding: 29px 10px 29px 98px; font-size: 19px !important; } .text-button button .material-icons, .text-button-scan button .material-icons { width: 80px !important; font-size: 46px !important; height: 80px !important; padding: 17px !important; } } @media screen and (min-width: 1290px) and (max-width: 1439px) { .img-wrap img#imgPackLevelArrow { padding: 11px 0px 5px 0px; width: 20px !important; top: 0vh; } .summary-sect .img-wrap img { width: 28px !important; } .fade-blue-w-mg-barcode .tbl-one #tbPendingContainerMultiple { display: grid; } .tbl-one #TrPendingContainerHeader_2 { border-bottom: 3px solid #ccc; position: sticky; top: -1px !important; } .tbl-one #TrPendingContainerHeader_3 { position: sticky; top: -1px !important; } .tbl-one tr { display: inline-table; } .tbl-one #diliveryNumberMultipleNoData, .tbl-one #diliveryNumberMultipleSelectedNoData { display: table-row; } .tbl-one #diliveryNumberMultipleNoData .H2ReactLabel.H2Label { width: 151px; float: inherit; position: relative; left: 64% !important; } #tbPendingContainer_11 div#btnSearchDelNumbers { margin-right: 4px; } .tbl-radio-wrapped #rbtByDeliveryNumberDiv { width: 22.95% !important; } .fade-blue-w-mg-barcode.GroupboxDiv { height: calc(100vh - 25px) !important; } .bigger-font-tab .text-button .main-touch-btn, .bigger-font-tab .text-button-scan .main-touch-btn { margin: 5px 0 !important; padding: 29px 20px 29px 100px; font-size: 19px !important; } .text-button button .material-icons, .text-button-scan button .material-icons { width: 80px !important; font-size: 46px !important; height: 80px !important; padding: 17px !important; } } @media screen and (min-width: 1440px) and (max-width: 1920px) { .form-control { font-size: 15px !important; } .diliveryNumberMultiple.two-col-height-full.rapid-dis-right { /*height: 64.1vh;*/ height:66.1vh; } .diliveryNumberMultiple.two-col-height-full.distri-right { height: 77vh; } .img-wrap img#imgPackLevelArrow { padding: 15px 0px 5px 0px; width: 20px !important; top: 0vh; } .summary-sect .img-wrap img { width: 40px !important; } .tbl-one #TrPendingContainerHeader_2 { position: sticky; top: -1px !important; } .tbl-one #TrPendingContainerHeader_3 { position: sticky; top: -1px !important; } .fade-blue-w-mg-barcode.GroupboxDiv { height: calc(100vh - 134px) !important; } .bigger-font-tab .text-button .main-touch-btn, .bigger-font-tab .text-button-scan .main-touch-btn { margin: 5px 0 !important; padding: 29px 10px 29px 98px; font-size: 19px !important; } .text-button button .material-icons, .text-button-scan button .material-icons { width: 94px !important; font-size: 52px !important; height: 98px !important; padding: 21px !important; } } img#imgPackLevelArrow { padding: 0px 5px 20px 5px; width: 25px !important; border: 0; position: relative; top: 2vh; } .img-wrap { padding: 0px 10px !important; text-align: center; } .top-split-div { width: 100%; position: absolute; z-index: 19; min-height: 20vh !important; max-height: 70vh !important; border-bottom: 4px solid #039be5; background: #fff; overflow-y: auto; } .bottom-split-div { position: absolute; z-index: 19; top: 33vh; height: 67vh; width: 100%; overflow-y: auto; overflow-x: hidden; } .splitter { position: absolute; cursor: ns-resize; top: -300px; z-index: 20; width: 50px; height: 11px; background: #039be5; left: 48%; border-radius: 0 0 5px 5px; } .splitter:before { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position: relative; top: 8px; display: block; left: 42%; } .splitter:after { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; position: relative; top: -3px; display: block; left: 42%; } .splitter, .top-split-div { webkit-box-sizing: unset; -moz-box-sizing: unset; box-sizing: unset; } #R2ContentContainer { background: #ECEFF1; } #R4Content { background: #ECEFF1; position: relative; } #removeTxtGtinIcon:hover { cursor: pointer } .cam-cell > div > a > img { width: 115%; margin: -7px 0px 0 -3px; } *::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } *::-webkit-scrollbar { width: 8px; height: 8px; background-color: #F5F5F5; } *::-webkit-scrollbar-thumb { background-color: #7f9db7; } * { scrollbar-color: auto; } * { scrollbar-color: dark; } * { scrollbar-color: light; } * { scrollbar-color: #7f9db7 #F5F5F5; scrollbar-width: thin; } /*date picker*/ div#ui-datepicker-div { border-radius: 0; } .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { border-radius: 0; } .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { background: #0d47a1; border: 0; padding: 20px 0; } div#ui-datepicker-div { padding: 0; } table.ui-datepicker-calendar tbody tr { } table.ui-datepicker-calendar > thead > tr { background: #1976d2; color: #fff; font-size: 13px; font-weight: 200; border-bottom: 5px solid #1e88e5; } a.ui-datepicker-prev.ui-corner-all, a.ui-datepicker-next.ui-corner-all { padding: 28px 15px; border-radius: 0; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #78909c !important; background: #ffffff00; text-align: center; height: 25px; width: 25px; padding: 7px 0; border: 0 !important; } ui-datepicker-calendar { } div#ui-datepicker-div { -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 3px 0px rgb(142 142 142 / 75%); padding: 5px; float: left; width: auto; border: 0; } .ui-state-default:hover { background: #e6e6e6; color: #6da8d5 !important; border: 0; } .ui-datepicker-calendar tbody td { padding: 4px; border: #eee solid 1px; } table.ui-datepicker-calendar tbody { border: 0px solid #fff; } table.ui-datepicker-calendar { } table.ui-datepicker-calendar { } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #1976d2; border: 2px solid #0d47a1 !important; color: #fff !important; border-radius: 2px; padding-top: 5px; } table .ui-datepicker-calendar tbody tr:first-child td { padding-top: 5px; } table.ui-datepicker-calendar tbody tr:last-child td { padding-bottom: 3px; } table.ui-datepicker-calendar tbody tr td:last-child { border-right: 0; } table.ui-datepicker-calendar tbody tr td:first-child { border-left: 0; } /*dialogbox*/ .ui-draggable .ui-dialog-titlebar { padding: 15px !important; border-radius: 0; background: #3c65a4; border: 0; } .ui-dialog { border: 0 !important; padding: 0 !important; border-radius: 0 !important; } .ui-dialog .ui-dialog-title { color: #fff; font-size: 14px; } .ui-button-text-only .ui-button-text { color: #333; } .ui-dialog .ui-dialog-buttonpane button { border-radius: 0; border: 1px solid #0089ff !important; padding: 5px; height: 42px; width: auto; } /* --- medium ui dialog popup --- */ .ui-dialog.md-dialog .Popup .PopupContent { max-height: 520px; } /*chosen select start*/ .real-chosen-select { width: 100%; } /*.chosen-select .chosen-search-input { width: 100%; }*/ .real-chosen-select > div > div { position: relative; top: -2px; } .chosen-container-multi .chosen-choices li.search-choice span { font-weight: 400; font-size: 11px; } .chosen-container-multi .chosen-results { font-size: 11px; font-weight: 400; } .chosen-container.chosen-container-multi.chosen-with-drop, .chosen-container.chosen-container-single, .chosen-container.chosen-container-multi { width: 100% !important; } .add-device-btn.btn-blue { min-width: 160px !important; } .chosen-container-active .chosen-choices { -webkit-box-shadow: none !important; box-shadow: none !important; } .orientation-change .chosen-container.chosen-with-drop .chosen-drop { clip: auto; -webkit-clip-path: none; clip-path: none; bottom: 30px; top: unset; border-top: 1px solid #ddd; } .event-chosen { position: relative; } .event-chosen .arrow-drop { position: absolute; right: -2px; top: 5px; font-size: 18px !important; } .event-chosen .chosen-disabled { opacity: 1 !important; } .chosen-disabled .chosen-choices li.search-choice { border: 0; background-color: none !important; margin-right: 10px !important; background-image: none !important; } #trEventNotificationNotFoundExternal:hover, #trEventNotificationNotFoundInternal:hover, #trScheduleNotificationNotFoundInternal:hover { background:none; } /*view only mode add display only class*/ .event-chosen.display-only .chosen-choices { border: none; pointer-events: none; } .chosen-container-multi .chosen-choices { background-image: unset !important; } .chosen-container-multi .chosen-choices { background-color: transparent !important; background-image: none !important; } .event-chosen.display-only .search-choice .search-choice-close { display: none !important; } .event-chosen.display-only .search-choice{ border: none !important; } .event-chosen.display-only .material-icons { display: none; } /*chosen select end*/ .timepicker .wickedpicker{ height: 150px; } .wickedpicker{ height: auto !important; } .wickedpicker .wickedpicker__controls__control-up, .wickedpicker .wickedpicker__controls__control-down { font-size: 16px; background: #64b2f7; border-radius: 7px; display: flex; align-items: center; justify-content: center; height: 28px; width: 25px; color: #fff; } .wickedpicker .wickedpicker__controls__control-up.hover-state, .wickedpicker .wickedpicker__controls__control-down.hover-state { background: #145da0; } .wickedpicker .wickedpicker__close { top: 35% !important; } .wickedpicker .wickedpicker__close.hover-status { color: #64b2f7 !important; } .wickedpicker .wickedpicker__title { padding: 10px !important; } .PopupImage.addEvent table { overflow: auto !important; } .schedule-sec .timepicker.H2DateTextBox.H2Control { width: 100px !important; } .no-hover input:disabled, .no-hover input:disabled:hover, .no-hover input[readonly] { font-size: 12px; } .schedule-sec { background: aliceblue; padding: 10px; border: 1px solid #e7e7e7; margin: 0 0 10px 0; display: flex; flex-wrap: wrap; } .schedule-sec .H2DateLabel.H2Label1 { min-width: 100px; display: block; } .schedule-sec .w50{ width: 45%; padding-right: 10px; } .schedule-sec .H2DateTextBox.H2Control { width: 170px !important; } .internal-material-tbl .level-heading { padding: 5px 0 !important; } .H2Row.blue-background { background: #1976d2 !important; color: white; position: sticky; top: 0; z-index: 1; } .underline-header { text-align: left; width: 70%; color: #333; background: #b0cefd; border-bottom: 4px solid #0089ff; padding: 6px 0 !important; } .btn-wrapper { text-align: left; font-weight: 700; width: 60%; } .uderline-border { text-align: right; color: #333; width: 5%; background: #b0cefd; border-bottom: 4px solid #0089ff; padding: 6px 5px !important; } .SheduleInfo-popup .radio-align-wrapper input { position: relative; top: 2px; } .SheduleInfo-popup .H2DateTextBox.H2Control { width:225px; } .txticon { width: 25px !important; font-size: 18px; height: 100%; display: flex; align-items: center; justify-content: center; color: #2196F3; } .H2LabelDatetimepickerImgButton.txticon { height: 25px !important; } .txticon:hover { cursor: pointer; opacity: 0.7; } .txticon span { padding: 0 3px; } .event-chosen .event-input { width: 100%; } .event-chosen .event-btn { width: 25px; } .event-chosen .event-btn.disabled .txticon, .event-btn .txticon.disabled { color: gray; } .event-box { border: 1px solid #9E9E9E; } .tfont-bold { font-weight: 700 !important; width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; } .l-label { /*width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left;*/ } .td-left { text-align: left; font-weight: bold; width: 40% !important; } .td-right { font-weight: bold; width: 60% !important; } .pop-table .td-left { text-align: left; font-weight: bold; width: 65% !important; } .pop-table .td-right { font-weight: bold; width: 35% !important; } .dashboard-suspend button { padding: 5px !important; width: auto !important; } .dashboard-suspend button span { text-align: center; } /*progress-bar*/ .meter { height: 30px; position: relative; background: #ccc; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 7px; padding: 10px 5px; box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3); position: relative; } .meter > span { display: block; height: 141%; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; background-image: linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% ); overflow: hidden; } .orange > span { background: #23a209; top: -2px; position: relative; left: 0; } .blue-progess-bar { border-radius: 7px 7px 0px 0; } .blue-progess-bar > span { background: #42a5f5; top: 0; position: relative; left: 0; } /*Dashboard*/ .process-dashoard { overflow: auto !important; } .process-dashoard body { overflow: initial !important; } .process-dashoard #R2Container { overflow: auto !important; } .process-dashoard-new #R2Container { height: auto; } .process-dashoard #R2ContentContainer { overflow: auto !important; } .process-dashoard { overflow: auto !important; } .work-order-label { font-size: 25px; font-weight: bold; float: left; line-height: 50px; padding-right: 15px; border-right: 1px solid #ccc; } .work-order-label-doc { font-size: 25px; font-weight: bold; float: left; line-height: 50px; padding-right: 50px; border-right: 0; color: #263238; background: #9ccc65; margin-top: 0px; } .work-order-label img { float: left; padding: 0px 10px 0px 0; } .det-label, .det-val{ word-break:break-all; } .det-label { font-weight: 700; } .green-grouping { border: 2px solid #689F38; border-radius: 5px; margin: 5px 0; } .green-grouping .det-label, .green-grouping .det-val { margin-bottom: 20px; } .db-work-order-list { float: left; width: 60%; overflow-x: auto; overflow-y: hidden; } .prod-name { border-bottom: 1px solid #ccc; } .prod-name label { font-size: 25px; line-height: 40px; font-weight: bold; color: #333; } .prod-name label:last-child { color: #0545a2; } .db-work-order-list ul li { display: inline-block; height: 50px; background: #ebebeb; margin: 0px; border-right: 1px solid #ccc; color: #0d47a1; font-size: 20px; line-height: 50px; padding: 0 15px; font-weight: bold; float: left; } .db-work-order-list ul li.active-wo { background: #027ee2; color: #fff; position: relative; } .db-work-order-list ul li.active-wo:before { width: 0px; height: 0px; content: ""; border-left: 15px solid transparent; border-right: 14px solid transparent; border-bottom: 10px solid #ffffff; position: absolute; bottom: 0px; left: 33%; z-index: 1; } .db-row-1, .db-row-2 { border-bottom: 1px solid #ccc; } .status { float: right; font-size: 25px; line-height: 50px; font-weight: bold; } .processing { color: orange; } .main-info-section ul li { display: inline-block; line-height: 40px; padding: 0 5px; font-size: 14px; border-right: 1px solid #ccc; float: left; } .main-info-section ul li span:first-child { padding-right: 10px; border-right: 1px solid #ccc; margin-right: 10px; font-weight: bold; } label.workorderlbl { float: left; line-height: 50px; font-size: 17px; margin: 10px 0; } label.workorderlbl img { float: left; margin-right: 15px; } .work-order-values { font-size: 20px; text-align: center; float: left; display: block; padding: 20px 0 10px 0; } .work-order-values label { padding: 5px; line-height: 20px; } .work-order-values .col-sm-12:first-child label { font-weight: bold; font-size: 30px; } .blue-text { color: #0d47a1; } .green-text { color: #23a209; } .orange-text { color: orange; } .light-blue { color: #00c4ff; } .purple-text { color: #7c0fb3; } .red-text { color: #F44336; } .small-texts { font-size: 17px; } .btn-dboard { padding: 6px 15px; color: #fff; background: #0277bd; border: 0; font-weight: bold; border-radius: 2px; } .btn-dboard:disabled { background: #ccc; } .btn-wrapper-db { text-align: right; line-height: 40px; } .work-order-values .bigger-text .col-sm-12 label { font-size: 40px; line-height: 35px; } .work-order-values .bigger-text .col-sm-12:last-child label { font-weight: normal !important; } .padding-10 { padding: 15px } .padding-top-10 { padding-top: 10px; } .padding-top-5 { padding-top: 5px; } .border-bottom { border-bottom: 1px solid #ccc; } .border-right { border-right: 1px solid #ccc; } .border-left { border-left: 1px solid #ccc; } .row.dash-heading > div > img { float: left; margin-right: 15px; } .back-light-blue { background: #f2fbff; } .caret { width: 0px; height: 0px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #42a5f5; position: absolute; bottom: -25px; left: 45%; } .dash-heading > div > label { float: left; line-height: 50px; font-size: 20px; margin: 0px; } .print-buffer-lbl { font-size: 20px; } .dash-heading { padding-top: 15px; padding-bottom: 15px; float: left; } .messure-progressbar { height: 5px; padding: 3px; background: #ffe000; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 2px; box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3); position: relative; border-right: 3px solid #000; } .messure-progressbar span { background: #ff0000; top: 0px; position: absolute; left: 0px; display: block; height: 100%; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 2px; border-bottom-left-radius: 2px; background-image: linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% ); overflow: hidden; border-right: 3px solid #000; border-left: 3px solid #000; } .indicator-backdrop { padding: 5px; background: #bbb; } .serial-table { width: 100%; } .serial-table thead tr { border-bottom: 2px solid #0d47a1; } .serial-table thead tr th input { float: right; border-radius: 90px; border: 1px solid #ccc; } .serial-table tbody tr td { padding: 8px; } .serial-table tbody tr { border-bottom: 1px solid #ccc; } .serial-table thead tr th { padding: 5px; color: #0d47a1; font-weight: bold; } .productlbl { width: 100%; float: left; padding-left: 65px; font-size: 15px; font-weight: bold; margin-top: -17px; } span.thres-max { width: 70px; display: block; text-align: right; float: right; padding-right: 4px; font-size: 10px; padding-top: 5px; font-weight: bold; } span.thres-low { position: absolute; left: 25.3%; width: 70px; text-align: center; font-size: 10px; padding-top: 5px; font-weight: bold; } span.thres-low span { width: 100%; float: left; } span.thres-max span { width: 100%; display: block; text-align: right; } span.thres-0 { float: left; padding-left: 3px; font-size: 10px; padding-top: 5px; font-weight: bold; } .cam-connection-state { width: 20px; height: 20px; border-radius: 20px; display: inline-flex; float: right; } .cam-connection-sucess { background-color: green } .cam-connection-error { background-color: #F44336 } #SingleScanPopup table { width: 100%; } #SingleScanPopup ol { padding-left: 4px; border-top: 2px solid #ccc; margin-top: 10px; padding-top: 10px; } #SingleScanPopup ol li { padding: 5px 0; border-bottom: 1px solid #ccc; } .dash-heading p { position: absolute; right: 50px; top: -3px; font-size: 17px; line-height: 60px; } .printer-connection-state { width: 20px; height: 20px; border-radius: 20px; display: inline-flex; float: right; background: #ccc; } .printer-connection-sucess { background-color: green } .printer-connection-error { background-color: #F44336 } .error-wrapper { position: absolute; background: rgb(255 0 0 / 85%); height: 100%; width: 100%; z-index: 1; padding: 70px 15px; text-align: center; left: 0; } .dash-heading .print-serial-para { font-size: 10px; top: 23px; text-align: right; right: 15px; line-height: initial; } .error-wrapper h2 { font-size: 30px; color: #fff; text-transform: uppercase; line-height: 35px; } .error-wrapper span { color: #fff; font-size: 14px; } .db-responsive-padding { padding: 35px 0; } .serial-table-wrapper { height: 230px; overflow: auto; } .pronter-padding { padding: 20px 0 } .switch { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; cursor: pointer; float: right; margin-top: 8px !important; } .switch:focus { outline: 0; } .toggle { height: 32px; width: 52px; border-radius: 16px; display: inline-block; position: relative; margin: 0; border: 2px solid #474755; background: #194fa2; transition: all 0.2s ease; } .toggle:after { content: ""; position: absolute; top: 2px; left: 2px; width: 24px; height: 24px; border-radius: 50%; background: white; box-shadow: 0 1px 2px rgba(44, 44, 44, 0.2); transition: all 0.2s cubic-bezier(0.5, 0.1, 0.75, 1.35); } .toggle:checked { border-color: #0277bd; } .toggle:checked:after { transform: translatex(20px); } /*new login*/ .login-wrapper { float: left; width: 100%; padding: 9vh 4vw; } .new-logo-wrapper { float: left; width: 100%; padding: 7px 0 25px 0; } .login-content { background: #fff; float: left; width: 100%; padding: 10px 25px; border-radius: 10px; -webkit-box-shadow: 0px 0px 8px 2px #dcd7d7; box-shadow: 0px 0px 8px 2px #dcd7d7; } .login-content input[type="text"], .login-content input[type="password"] { width: 100%; height: 40px !important; margin-bottom: 10px; border-radius: 3px; } .login-content select { width: 100%; margin-bottom: 25px; height: 40px !important; } .login-content h1 { font-size: 27px; } .login-content label { font-size: 13px; padding-bottom: 5px; float: left; } .login-content .login-btn { width: 100%; border-radius: 3px; padding: 13px; background: #1976d2; } .sys-information { float: right; width: 100%; padding: 15px 15px; text-align: center; } .muted { font-size: 10px !important; } .sys-information .muted { /* float: right; */ width: 100%; float: none; display: block; } .login-logo-wrapper-top { float: left; width: 100%; padding: 7px 0 25px 0; } .login-logo-wrapper-top img { width: 100%; } .new-logo-wrapper:last-child img { width: 90px; text-align: center; } .new-logo-wrapper:last-child { text-align: center; padding: 5px 0 5px 0; } .small-texts { font-size: 15px; } .error-list { max-height: 140px; overflow: auto; } .error-list li { float: left; width: 47%; text-align: left; padding: 4px 5px 4px 25px; color: #fff; font-size: 14px; font-weight: 500; border-bottom: 1px solid #fff; margin: 0 1%; line-height: 19px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; } .error-list li img { width: 19px; float: left; background: #fff; border-radius: 90px; margin-right: 10px; position: absolute; left: 0; } .error-wrapper button { margin-top: 20px; background: none; color: #fff; border: 1px solid #fff; padding: 5px 25px; } .error-wrapper button:hover { background: #ffffff29; } .dash-board-menu-wrapper { float: left; position: absolute; top: 1px; right: 15px; background: #1976d2; padding: 3px 10px; color: #fff; border-radius: 100%; z-index: 11; -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.50); box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.50); } .iframe-div { height: 100vh; width: 100%; position: absolute; left: 0; top: -3px; margin-top: -3px; } ul.dash-list-menu { position: absolute; left: -200px; top: 20px; min-width: 200px; background: #fff; -webkit-box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 50%); box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 50%); border-radius: 5px; overflow: auto; max-height: 250px; } .dash-list-menu-line { position: absolute; left: 102px; top: 45px; z-index: 10; width: 400px; background: #fff; -webkit-box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 50%); box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 50%); border-radius: 5px; } .empty-dash { position: absolute; left: 0px; top: 45px; bottom: 0; height: 86vh; text-align: center; padding-top: 4%; font-size: 60px; color: #bbb; } .empty-dash .material-icons { width: 100%; font-size: 150px; color: #bbb; } .current-line label { border: 2px solid #0d47a1; padding: 5px 48px 5px 10px; font-size: 17px; color: #0d47a1; font-weight: 700; border-radius: 5px; cursor: pointer; } .current-line label:hover { background: #0d47a140; } .current-line .material-icons { margin-left: -30px; font-size: 26px; position: absolute; color: #0d47a1; border-left: 2px solid #0d47a1; cursor: pointer; pointer-events: none; } .current-line { width: 100%; float: left; left: 0; top: -3px; line-height: 25px; z-index: 10; border-bottom: 1px solid #ccc; background: #fff; padding: 10px; } ul.dash-list-menu li, .dash-list-menu-line li { float: left; width: 100%; color: #333; padding: 10px; border-bottom: 1px solid #bbb; } ul.dash-list-menu li:hover, .dash-list-menu-line li:hover { background: #eee; } .dash-board-menu-wrapper .material-icons { font-size: 28px; margin-left: -4px; margin-top: 2px; } .text-align-new { position: absolute; left: 60px; width: auto; line-height: 12px !important; height: auto; width: auto !important; padding-top: 8px; } @media screen and (min-width: 1439px) { .work-order-values .bigger-text .col-sm-12 label { font-size: 75px; line-height: 75px; } .work-order-values { font-size: 20px; } .work-order-values .col-sm-12:first-child label { font-weight: bold; font-size: 35px; } .db-responsive-padding { padding: 85px 0; } .pronter-padding { padding: 50px; } .dash-heading > div > label { font-size: 28px; } label.workorderlbl { line-height: 55px; font-size: 25px; } .work-order-values label { font-size: 20px; line-height: 30px; } .caret { bottom: -30px; left: 46%; } .login-wrapper { padding: 13vh 7vw; } .login-content { padding: 5px 30px; } .login-content input[type="text"] { height: 40px !important; } .login-content select { height: 40px; } .serial-table-wrapper { height: 425px; overflow: auto; } .small-texts { font-size: 17px; } .error-list { max-height: 315px; overflow: auto; height: 315px; } } @media screen and (min-width: 1499px) { .small-texts { font-size: 15px; } label.workorderlbl { font-size: 17px; } } @media screen and (min-width: 990px) and (max-width: 1199px) { .form-control { font-size: 15px !important; } .login-wrapper { padding: 9vh 0; } .error-list { max-height: 140px; overflow: auto; } .bigger-font-tab .text-button .main-touch-btn, .bigger-font-tab .text-button-scan .main-touch-btn { margin: 5px 0 !important; padding: 29px 10px 29px 98px !important; font-size: 19px !important; } .text-button button .material-icons, .text-button-scan button .material-icons { width: 80px !important; font-size: 46px !important; height: 80px !important; padding: 17px !important; } } /*Radio button text wrap content screen sizes*/ @media (max-width: 1500px) { .content-wrap.radio-wrap .txt-wrap { max-width: 100%; word-break: break-word; line-height: 1; margin-top: 7px } .content-wrap.radio-wrap .text-align-new { width: auto; line-height: 12px !important; height: 30px; padding-top: 0; } #R4ContentBottomDiv .master-d-line-tbl td { width: 35%; } .rbtn-mobile .content-wrap.radio-wrap .txt-wrap { margin-left: -6px; min-width: 74px; } } .master-d-line-tbl #txtLineSetupID, .master-d-line-tbl #cmbStatus { margin-right: 4px; } #DeactivateProductLine .PopupContent textarea#ProductLineDeactReason { min-height: 4vh; max-height: 50vh; width: 100% !important; padding-top: 0px; } #divERPMaterialCodes input#btnAddERPMaterialCodes, #divERPMaterialCodes input#btnCancelERPMaterialCodes { border-radius: 0; border: 1px solid #0089ff; width: auto; color: #333; background: #ffffff00; text-align: center; font-size: 1em; font-weight: bold; margin-bottom: 7px; margin-top: 7px; margin-right: 10px; padding: 5px 20px; position: relative; right: -9px; height: 30px; width: 100px; } #divERPMaterialCodes input#btnAddERPMaterialCodes:hover, #divERPMaterialCodes input#btnCancelERPMaterialCodes:hover { border: #0089ff solid 3px; background: #e6e6e6; height: 30px; width: auto; padding: 4px 20px; text-align: center; width: 100px; } @media screen and (min-width: 1439px) and (max-width: 1496px) { .diliveryNumberMultiple.two-col-height-full.rapid-dis-right { /*height: 64vh;*/ height:56vh; } .diliveryNumberMultiple.two-col-height-full.distri-right { height: 77vh; } } /*Radio button text wrap content screen sizes*/ @media screen and (min-width: 1439px) and (max-width: 1600px) { .login-wrapper { padding: 9vh 3vw; } } /*loading*/ .lds-roller { display: inline-block; position: absolute; width: 100px; height: 100px; top: 45%; background: rgb(255 255 255 / 0%); border-radius: 100%; padding: 5px; border: 5px dotted #ffffff59; margin-left: -50px } .lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 40px 40px; } .lds-roller div:after { content: " "; display: block; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #ffffff; margin: -4px 0 0 -4px; } .lds-roller div:nth-child(1) { animation-delay: -0.036s; } .lds-roller div:nth-child(1):after { top: 63px; left: 63px; } .lds-roller div:nth-child(2) { animation-delay: -0.072s; } .lds-roller div:nth-child(2):after { top: 68px; left: 56px; } .lds-roller div:nth-child(3) { animation-delay: -0.108s; } .lds-roller div:nth-child(3):after { top: 71px; left: 48px; } .lds-roller div:nth-child(4) { animation-delay: -0.144s; } .lds-roller div:nth-child(4):after { top: 72px; left: 40px; } .lds-roller div:nth-child(5) { animation-delay: -0.18s; } .lds-roller div:nth-child(5):after { top: 71px; left: 32px; } .lds-roller div:nth-child(6) { animation-delay: -0.216s; } .lds-roller div:nth-child(6):after { top: 68px; left: 24px; } .lds-roller div:nth-child(7) { animation-delay: -0.252s; } .lds-roller div:nth-child(7):after { top: 63px; left: 17px; } .lds-roller div:nth-child(8) { animation-delay: -0.288s; } .lds-roller div:nth-child(8):after { top: 56px; left: 12px; } @keyframes lds-roller { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .version-div { float: left; width: 100%; padding: 8px 10px; border-bottom: 1px solid #ccc; } .menu-open { left: 0 !important; opacity: 1; } .menu-closed { left: -200px !important; opacity: 0; } /*Message-popup*/ .message-wrapper { background: #1e88e5eb; width: 400px; position: absolute; right: 15px; bottom: 50px; border-radius: 2px; -webkit-box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); -moz-box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); opacity: 0; } .message-icon-wrapper { float: left; padding: 15px; background: #00000069; border-radius: 2px 0 0 2px; } .message-content { color: #fff; font-size: 13px; padding: 10px; float: left; width: 78%; text-align: justify; } .move-down { bottom: 15px; opacity: 1; } div#R2ToolStripBottom { background: #0277bd; } div#R2ToolStripTop { background: #01579b; } .ui-widget-overlay { background: #000; } .user-name { width: 100%; float: left; padding: 4px 0; font-weight: 700; font-size: 13px; color: #0d47a1; border-top: 1px solid #ccc; margin-top: 10px; line-height: 35px; position: relative; height: 46px; width: 100%; } .user-name > span.user { float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 117px; } .username-span { position: relative; bottom: 10px; font-size: 9px; FONT-WEIGHT: 400; color: #0d47a1; width: 60px; float: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .user-name .material-icons { top: 4px; position: relative; } .version-div a { font-size: 12px; text-decoration: none; font-weight: 700; color: #379cff; float: right; line-height: 23px; position: relative; text-align: center; display: block; top: -1px; width: 60px; } .version-div a img { width: 25px; padding: 0; -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); } .version-div a:hover img { padding: 2px; } .ftp-btn { height: auto; padding: 5px; } #WorkorderAlertPopUp .ftp-btn { margin-bottom: 8px; margin-top: 8px; } .ftp-btn span { line-height: 17px; } .ftp-btn:focus { border: 2px solid #333; } .remove-ico-text { cursor: pointer; border: 1px solid #F44336; padding: 2px 5px; color: #F44336; } .remove-ico { width: 16px; vertical-align: middle; position: relative; top: -2px; left: -4px; padding: 0; border-right: 0; } .remove-ico-text:hover { background: #ff00002e; } .button-wrapper-destribute { float: left; padding: 1px 5px; border-radius: 0px; width: 100%; cursor: pointer; background: none; color: #022c53; font-weight: 700; border: 1px solid #022c53; min-width: 18vw; } .button-wrapper-destribute:hover { background: #d9ecff; } #tree_ClosedContainers { padding-bottom: 10px; display: block; float: left; background: none; margin-top: 0px; padding-left: 6px; width: 100%; border-top: 1px solid #ccc; padding-top: 10px; } .ui-accordion .ui-accordion-header { width: 100%; float: left; height: 45px; } .accordion-sampling img { width: 28px; height: 28px; } .segment > li { padding: 11px; border-bottom: 1px solid #9fd4f4; background: #f3faff; float: left; width: 100%; } .segment-child li { padding: 5px 10px; color: #333; float: left; width: 100%; margin-bottom: 5px; font-size: 12px; } .segment-child li.seg-val { font-size: 14px; font-weight: bold; padding-left: 0; border-bottom: 3px solid #9fd4f4; color: #0277bd; } .segment-child > li > span { padding: 5px; font-weight: bold; min-width: 100px; float: right; margin-top: -8px; margin-right: -10px; border-left: 1px solid #ccc; } ul.segment { border-top: 1px solid #9fd4f4; border-right: 1px solid #9fd4f4; border-left: 1px solid #9fd4f4; float: left; width: 100%; } .segment > li:hover { background: #b7e3f8; position: relative; cursor: pointer; } .segment > li:hover:before, .segment > li.active:before { width: 0; height: 0; border-top: 40px solid transparent; border-bottom: 40px solid transparent; border-left: 15px solid #b7e3f8; content: ''; position: absolute; right: -15px; top: 50%; transform: translateY(-50%); } ul.sub-segment { margin-left: 15px; border: 1px solid #dbdbdb; } ul.sub-segment li { padding: 15px; border-bottom: 1px solid #dbdbdb; font-weight: 400; font-size: 12px; width: 100%; position: relative; float: left; } ul.sub-segment li:last-child { border: 0; } ul.sub-segment li span { float: right; min-width: 100px; border-left: 1px solid #9fd4f4; padding-left: 10px; color: #0277bd; font-weight: bold; } ul.summary-serial-list { margin: 0; border: 0; /*max-height: calc(100vh - 519px);*/ overflow: auto; } #serialnumberChildList { max-height: 200px; margin: -8px 0px 0px -12px; } ul.summary-serial-list .material-icons { float: left; min-width: 36px; padding-left: 0; font-weight: 400; border: 0; } .summary-detail { padding: 0px; } .summary-detail h2, .sum-head { font-size: 16px; font-weight: 700; width: 100%; /* padding: 10px;*/ padding: 30px 10px 10px 10px; margin: 0; color: #0277bd; border-bottom: 4px solid #039be5; margin-bottom: 10px; } .sum-head { padding: 0 0 2px 5px; margin-bottom: 10px; } .sum-head-sub { font-size: 13px; margin: 5px 0; } /*.summary-detail label { width: 100%; float: left; padding: 10px; font-size: 14px; font-weight: 700; color: #666; }*/ .summary-detail label { width: 100%; float: left; padding: 10px; font-size: 14px; font-weight: bold; padding-left: 0; color: #0277bd; } .summary-detail label > span { width: 100%; float: left; border-top: 3px solid #9fd4f4; color: #0c7cc0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 4px; padding-top: 3px; } .summary-detail ul li { padding: 5px; } .summary-detail ul:first-child li { padding: 10px 5px; border-bottom: 1px solid #d3ebfa; font-size: 12px; position: relative; } .summary-detail ul:last-child { max-height: 300px; } .summary-detail ul { padding: 7px; float: left; width: 100%; border-top: 1px solid #ffffff; overflow: auto; } ul.summary-detail ul li { padding: 10px 5px; border-bottom: 1px solid #d3ebfa; font-size: 12px; position: relative; } .summary-detail ul li:hover { background: #eee; cursor: pointer; } .summary-detail ul li:hover span, .summary-detail ul li.active span { display: block } ul.summary-serial-list li:hover, li.active { background: #b7e3f8; position: relative; border-right: 0; cursor: pointer; } ul.summary-serial-list li:hover span, ul.summary-serial-list li.active span { display: block; } .summary-detail ul:last-child li { padding: 5px 10px; border-bottom: 1px solid #eee; } .summary-detail li span { float: right; font-size: 15px; display: none; } ul.summary-serial-list li span:last-child { display: none; } ul.summary-serial-list li:hover > span:last-child, .summary-serial-list li.active > span:last-child { display: block; float: right; min-width: initial; } ul.no-hover-right-angle li span:last-child { display: block; } ul.no-hover-right-angle li:hover > span:last-child, .no-hover-right-angle li.active > span:last-child { display: block; } ul.summary-serial-list li { border-bottom: 1px solid #9fd4f4; } @media screen and (min-width: 990px) and (max-width: 1199px) { img #imgPackLevelArrow { padding: 7px 0px 5px 0px; width: 20px !important; top: 0vh; } .img-wrap img { width: 35px !important; } } #closePLdiv { float: left; width: 100%; padding: 10px; border-top: 1px solid #ccc; background: #fff; } #btnCloseContainer3 { margin-top: 10px; display: block; float: left; position: relative; height: 56px; } .wo-disabled-btn { opacity: 0.6; } .btn-disabled{ opacity:0.5; pointer-events:none; } /*9.6.2021-ud*/ #R4Content span#aggregated_True, #R4Content span#aggregated_False { margin-right: 15px; } /*9.6.2021-ud*/ /*10.6.2021-ud*/ #txtProductLevelFilterCount { margin-bottom: 10px; } /*10.6.2021-ud*/ /*11.6.2021-ud*/ button#ProductLevelFilterBtn:hover { background: #d9ecff; } button#ProductLevelFilterBtn { background: white; } span#serialNumberName, span#selectedserialNumber, span#serialNumberStatus { font-weight: 100; font-size: 12px; color: #2a1f18; } #serialnumberChildList li { font-size: 12px; } #productLevelParentId, #serialNumberChildId { padding-bottom: 3px; border-bottom: 3px solid #9fd4f4; } #serialNumberParent li { font-size: 12px; /* padding:5px !important;*/ margin: -9px 0px 0px -17px; } /*11.6.2021-ud*/ .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; } /*14.6.2021-ud*/ .H2ReactTextBox .radio-no, .H2ReactTextBox .radio-yes { margin-right: 21px !important; } .radio-no-input, .radio-yes-input { height: 14px !important; width: 14px !important; } /*14.6.2021-ud*/ .summary-serial-list label { width: 68%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; margin: 0; } .summary-serial-list .expiry-label { float: right; width: auto; color: #F44336; font-weight: 700; } .serials-label { font-size: 16px; font-weight: 700; width: 100%; padding: 30px 10px 10px 10px; margin: 0; color: #0277bd; border-bottom: 4px solid #039be5; margin-bottom: 10px; } #divProductLine, #ArtWorkTemplateTable, .ui-dialog-content table { width: 100%; overflow: hidden !important; } #DivHowWillYouTravelAbroad { min-width: 100% !important; } #DivHowWillYouTravelAbroad .H2CheckBoxListLabel { width: 100%; } #AlertPopUp { width: 100%; } #AlertPopUp .PopupContent > b { float: left; } #AlertPopUp .PopupContent > div { width: 100%; float: left; padding-top: 10px; } .printer-connection-state { width: 20px; height: 20px; border-radius: 20px; display: inline-flex; float: right; background: #ccc; } .printer-connection-sucess { background-color: green } .printer-connection-error { background-color: #F44336; } .printer-connection-pause { background-color: yellow } .cam-connection-state { width: 20px; height: 20px; border-radius: 20px; display: inline-flex; float: right; background: #ccc; } .cam-connection-sucess { background-color: green } .cam-connection-error { background-color: #F44336; } .cam-connection-pause { background-color: yellow } .uc-icon { float: left; font-size: 48px; width: 48px; color: #0545a2; margin-right: 15px; line-height: 29px; } .uc-connection-state { width: 20px; height: 20px; border-radius: 20px; display: inline-flex; float: right; background: #ccc; margin-top: 17px; } .uc-connection-sucess { background-color: green } .uc-connection-error { background-color: #F44336; } .scanLightMain-connection-state { width: 20px; height: 20px; border-radius: 20px; display: inline-flex; float: right; background: #ccc; margin-top: 17px; } .scanLightMain-connection-sucess { background-color: green } .scanLightMain-connection-error { background-color: #F44336; } .db-work-order-list > p { line-height: 50px; margin-left: 10px; font-size: 14px; color: #0045ff; font-weight: 700; } #iframeDivId { overflow: auto; height: 86vh; float: left; } .remove-select { padding-left: 0px; position: absolute; top: 3px; height: 20px; float: right; right: 5px; display: block; background: white; } .drop-arrow { position: relative; } .drop-arrow .arrow-down { background-color: white; } .down-arrow-line-list { height: 18px !important; background: none !important; } #txtWO_IDCode:hover { padding-right: 0px; } .ui-dialog .ui-dialog-buttonpane button { border: 1px solid #0089ff; } .ui-dialog .ui-dialog-buttonpane button span { width: 100%; text-align: left; } .ui-dialog .ui-dialog-buttonpane button.ui-button-text-only span { text-align:center; } .ui-dialog .ui-dialog-buttonpane button.barcode-ok-button span { line-height: 25px; top: 0; right: 0; width: calc(100% - 40px); } .ui-dialog .ui-dialog-buttonpane .barcode-ok-button:focus span { /*width: calc(100% - 40px);*/ } .ui-dialog .ui-dialog-buttonpane button:focus { border: #0089ff solid 3px !important; } .ui-dialog .ui-dialog-buttonpane button:focus span { /*line-height: 33px;*/ /*line-height: 30px; position: absolute; top: 0; right: 0; width: 100%;*/ padding: 0; } .ui-dialog .ui-dialog-buttonpane button:hover { border: #022c53 solid 1px !important; } @media screen and (max-width:1919px) { .ui-dialog { min-width: 70%; } .sm-ui-dialog { min-width: 50%; } .sm-ui-dialog .ui-dialog-buttonpane button { width: 40% !important; } .md-ui-dialog { min-width: 55%; } } @media screen and (min-width: 1920px) { .two-col-height-full.distri-right { height: 63vh !important; } .ui-dialog { min-width: 60%; } .sm-ui-dialog { min-width: 40%; } .sm-ui-dialog .ui-dialog-buttonpane button { width: 40% !important; } .md-ui-dialog { min-width: 45%; } } /*@keyframes pulse { from { opacity: 1; transform: scale(1); } to { opacity: .25; transform: scale(.75); } } .pulse-container { width: 30px; display: flex; justify-content: space-between; align-items: center; float: right; } .pulse-bubble { width: 7px; height: 7px; border-radius: 50%; background-color: #0277bd; } .pulse-bubble-1 { animation: pulse .4s ease 0s infinite alternate; } .pulse-bubble-2 { animation: pulse .4s ease .2s infinite alternate; } .pulse-bubble-3 { animation: pulse .4s ease .4s infinite alternate; }*/ /*Receipts page-9.17.21 */ .GroupboxDiv table .dataTable th { background: #1976d2 !important; text-align: left; font-weight: bold; width: 90%; text-align: left; color: white !important; position: sticky; top: 0; } .GroupboxDiv table .dataTable th span::after { color: white; float: right; } .GroupboxDiv #divBarcodeList1 #childTable tbody tr { border-bottom: 1px solid rgb(0, 137, 255) !important; background-color: white !important; } .GroupboxDiv #divBarcodeList1 #childTable tbody tr#trChildEmptyRow { text-align: center; background-color: #f1f9fd !important; } .GroupboxDiv #divBarcodeList1 #childTable tbody tr img { float: right; } /*Receipts page-9.17.21 */ /*Government Sampling*/ #accordion-resizer #accordion .ui-accordion-header { background: #e6e6e6; } #accordion-resizer #accordion .ui-accordion-header:hover { background-color: #f1f9fd } /*Government Sampling Ends*/ .over-x { overflow-x: hidden !important; } #AlertPopUp .GroupboxDiv { padding: 10px 0; } #AlertPopUp .H2RHandlingGroupbox > div > .AutomaticSubmitDiv { width: 48%; line-height: 34px; margin-top: -10px; margin-bottom: 10px; float: right; text-align: right; } .AutomaticSubmitDiv label { margin-left: 10px; position: relative; top: -2px; } div#StatusUpdateXmlFtpStatus, #AggregateXmlFtpStatus, #AggregatedXmlFtpStatus, #OTHERXmlFtpStatus, #DecommisionXmlFtpStatus, #CommisionXmlFtpStatus, #DAMAGEDXmlFtpStatus, #EXPIRYXmlFtpStatus, #RECALLXmlFtpStatus, #SAMPLEDXmlFtpStatus { padding-left: 10px; display: inline-block; line-height: 20px; } #AggregateXmlFtpStatus { position: relative; display: inline-block; } #AlertPopUp .ftp-icons { float: left; } #StatusUpdateXmlFtpStatus { float: left; } .xml-link { line-height: 40px; } .text-group-btn { padding-bottom: 0; margin-right: 5px; width: auto !important; padding-left: 10px !important; padding-right: 10px !important; } .padding-left-0 { padding-left: 0; } .touch-btn { margin-right: 0; height: 40px; font-size: 16px; width: 75px !important; } .text-wrapper .touch-replace-txt, .text-wrapper-scan .touch-replace-txt { padding: 25px 10px; z-index: 1; position: relative; display: table-cell; border-radius: 4px; margin: 0; width: 100%; } .scan-textbox-wrapper .touch-replace-txt { border-radius: 4px 0 0 4px; } .text-wrapper .touch-btn, .text-wrapper-scan .touch-btn { width: 65px !important; position: relative; top: 1px; padding: 10px 10px 40px 10px; border-radius: 0 4px 4px 0; -webkit-box-shadow: 0px 0px 15px 0px rgb(33 150 243); -moz-box-shadow: 0px 0px 15px 0px rgb(33 150 243); box-shadow: 0px 0px 15px 0px rgb(33 150 243); } .progress-outer-wrapper { padding: 8px 50px 7px 50px; width: 100%; float: left; position: relative; width:50% } .progress-wrapper { /* width: 89% !important;*/ width: 93%; float: left; position: relative; height: 5px; background: #ccc; } .progress-track { position: absolute; height: 5px; background: #f9a825; top: 0px; } .sub-order-grid .progress-wrapper, .sub-order-grid .progress-track { height: 15px; } .prog-end { /*position: absolute; right: 28px !important; top: 4px;*/ font-weight: 700; /*font-style: italic; width: 36px;*/ } .only-pick .prog-end { /*right: 10px !important;*/ } .prog-start { /*position: absolute; left: 32px !important; top: 4px;*/ font-weight: 700; padding-right: 3px; font-size: 11px; } .prog-messure { position: relative; top: 0px !important; right: 3px !important; padding: 0; border-radius: 0px; color: #fff; font-weight: 700; font-size: 14px; border-bottom: 0px solid #0277bd !important; } /* .prog-messure:before, .prog-messure:after { content: ''; position: absolute; top: 100%; left: 8px; border: 5px solid transparent; border-top-color: #bbdefb; }*/ /*Return order*/ @media (min-width: 1300px) and (max-width: 1469px) { .disable-width:disabled { width: 99px !important; font-size: 12px; } } @media (max-width: 1469px) { #ScanContainerDataRowSpan_1.prod-err .ret-prod-name { white-space: nowrap; overflow-x: scroll; width: 47%; white-space: nowrap; text-overflow: clip; } } .prod-list-return-order, .scanned-list { list-style: none; float: left; width: 100%; } .park-pallet-height { overflow: auto; max-height: 40vh; } .prod-list-return-order li { width: 100%; float: left; padding: 0px 0px 5px 0; position: relative; } .prod-list-return-order.two-col li { width: 50%; } .scanned-list li { float: left; padding: 5px !important; } .prod-list-return-order.two-col .ret-prod-name { padding: 5px !important; } .prod-list-return-order .summary-wrapper, .scanned-list .summary-wrapper { width: 100%; float: left; margin: 0px; background: #fff; padding: 5px; border: 1px solid #bbdefb; /*border-bottom: 2px solid #bbdefb;*/ border-radius: 2px; } #Process_ScannedSerial_Popup .prod-list-return-order .summary-wrapper, .scanned-list .summary-wrapper { min-height: 35px; } .prod-list-return-order .summary-wrapper .prod-detail { width: 100%; float: left; padding-top: 0px; /*padding-left: 0px;*/ border-bottom: 1px solid #bbdefb; } .prod-list-return-order li.disabled input[type="text"] { background-color: #eee ; } /* class for read-only text box */ .read-only-text-box { background-color: #eee !important ; } .prod-list-return-order.handling-serial-list.multiple-items-row { position: relative; } .prod-list-return-order.handling-serial-list.multiple-items-row #fixed-header-row-list { top: 0; position: sticky; z-index:999; } .prod-list-return-order.handling-serial-list.multiple-items-row .H2CloneRow { /*height: 150px;*/ } label.prod-num { font-size: 18px; font-weight: 700; padding: 10px !important; } .ret-prod-name { width: auto; float: left; font-weight: 500; padding-left: 10px; color: #0d47a1; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ } .ret-prod-label { width: auto; float: left; font-weight: 600; padding-left: 10px; color: #0d47a1; font-size: 13px; } .return-qty, .ret-prod-scan-qty { float: right; padding: 2px 5px !important; background: #ccc; font-size: 12px; font-weight: 700; margin-top: 0px !important; margin-bottom: 0px !important; /*margin-right:10px;*/ } .ret-prod-scan-qty { margin-right: 5px !important; background: #2e7d32; color: #fff; } .ret-prod-progress-bar { width: 50%; float: right; padding: 0; } .return-qty { background: #ff8f00; color: #000; width:38%; } .green-back { background: #558b2f; } .summary-wrapper:hover { background: #e8eaf6; } .prod-detail .material-icons { float: left; padding: 3px; background: #29b6f6; width: 26px; color: #fff; margin-bottom: 1px; cursor: pointer; } .main-grid-sub-menu { float: right; margin: 0 5px 0 10px; } .prod-detail .main-grid-sub-menu .material-icons { background: none; color: #78909c; } .sub-list { position: absolute; right: 22px; background: #eceff1; text-align: right; top: 27px; overflow: visible; z-index: 1; padding: 5px 5px; border-radius: 2px; width: 115px; webkit-box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); -moz-box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); box-shadow: 0px 0px 3px 0px; margin-bottom: 2px; } .sub-list > span { padding: 5px 10px; width: 100%; float: right; color: #607d8b; border-bottom: 1px solid #cfd8dc; font-size: 15px; } .sub-list > span:last-child { border-bottom: 0; } .sub-list > span:hover { background: #cfd8dc } .ret-order-other-info { width: 100%; float: left; margin-top: 4px; padding: 5px 10px 5px 35px; border-top: 0px solid #90caf9; margin-left: 0px; } .ret-order-other-info label{ width:33.33%; float:left; font-weight:700; } .lbl-ea, .lbl-pl, .lbl-ca, .lbl-ea, .lbl-tot, .lbl-req { padding: 2px 10px; font-size: 14px; font-weight: 400; color: #546e7a; margin-right: 10px; width: 25%; float: left; } .lbl-noitems { padding: 2px 10px; font-size: 14px; font-weight: 400; color: #546e7a; margin-right: 10px; width: 35%; float: left; } .scanned-list .summary-wrapper { padding: 0; } .scanned-list .ret-prod-name { width: 47%; line-height: 65px; } .scanned-list .ret-item-qty { padding: 3px 0px; font-size: 15px; background: #2196f3; color: #fff; float: right; width: 105px; position: relative; } .scanned-list .prod-detail { position: relative; } .scanned-list .ret-item-qty span:nth-child(3) { width: 100%; float: left; border-bottom: 1px solid #fff; padding: 5px; text-align: center; font-weight: 500; } .scanned-list .ret-item-qty > span:last-child { width: 100%; float: left; padding: 5px; text-align: center; } .itm-type { position: absolute; top: 0; left: 0; width: auto; padding: 2px 5px; font-size: 12px; } .ret-item-status { float: right; padding-right: 5px; line-height: 65px; } .prod-detail .ret-item-status .material-icons { float: right; background: none; font-size: 28px; width: 34px; line-height: 60px; margin-left: 4px; } .scanned-list .prod-inp { background: #fff; border-bottom: 1px solid #b3e5fc; } .scanned-list .prod-comp { background: #fff; border: 1px solid #dcedc8; border-bottom: 1px solid #dcedc8; } .scanned-list .prod-err { background: #fff; border: 1px solid #f8bbd0; border-bottom: 1px solid #f8bbd0; } .prod-detail .material-icons-plus { color: #1976d2; background: #e3f2fd; border: 1px solid #bbdefb; padding: 1px 2px; border-radius: 2px; height: 24px; width:25px !important; } .handling-serial-list .summary-wrapper .prod-detail, .single-line-list .summary-wrapper .prod-detail { border-bottom: 0px solid #bbdefb !important; padding-bottom: 0; } .prod-inp .ret-item-status .lbl-inp .material-icons, .prod-inp .ret-item-status .lbl-inp, .prod-inp .ret-prod-name { color: #1976d2; } .prod-comp .ret-item-status .lbl-comp .material-icons, .prod-comp .ret-item-status .lbl-comp, .prod-comp .ret-prod-name { color: #388e3c; } .prod-err .ret-item-status .lbl-err .material-icons, .prod-detail .ret-item-status .lbl-err, .prod-err .ret-prod-name { color: #e53935; } .prod-inp .remove-item, .prod-comp .remove-item { display: none; } .prod-inp .ret-item-qty { background: #bbdefb; color: #0d47a1; } .prod-comp .ret-item-qty { background: #c5e1a5; color: #003d00; } .prod-err .ret-item-qty { background: #ffcdd2; color: #b71c1c; } .main-plain-table thead tr th { background: #e3f2fd; color: #0d47a1; height: 27px; } .main-plain-table { width: 100%; } .main-plain-table tbody tr td { padding: 2px; word-break: break-all; } .dock-station-main tbody tr td, .dock-station-main thead tr th { padding: 10px; } .plain-teble { width: 100%; } .plain-teble thead tr th { padding: 10px; border-bottom: 2px solid #b0bec5; color: #2a1f18; } .plain-teble tbody tr td { padding: 10px; border-bottom: 1px solid #ccc; color: #2a1f18; } .remove-item { position: absolute; top: 0; right: 0; } .remove-item .material-icons { background: none; color: #ef5350; font-size: 18px; font-weight: 700; } .prod-err .itm-type { color: #fff; background: #f44336; font-weight: 700; } .prod-comp .itm-type { background: #387002; color: #fff; font-weight: 700; } .prod-inp .itm-type { background: #1976d2; color: #fff; font-weight: 700; } .ret-lot-no { float: left; width: auto; line-height: 1; color: #333; font-weight: 400; margin-top: 0px; /*padding: 2px 0;*/ } .sub-lot-no { padding: 0; width: 100%; margin-top: 0; } .ret-item-status label { font-size: 15px; font-weight: 500; } .prod-detail .close-l-item { float: right; background: none; color: #ef5350; } .prod-list-return-order.two-col .prod-detail { border-bottom: none; padding-bottom: 0; } /*Query Workorder Details CSS*/ .add-icon-row { background: #fdfdfd; width: 100%; margin: 5px 0px; padding: 5px; box-shadow: 0px 0px 4px 0px #afccdb; } .card-level { height: 455px; overflow: auto; background-color: #fff; border-radius: 2px; padding: 15px; margin: 0 0 15px 0; box-shadow: 0px 0px 4px 0px #afccdb; } .card-level.change-set .H2Control { padding-right: 0 !important; } .del-btn-line { color: #e53935 !important; float: right; border: 0 !important; padding: 5px; width: auto !important; margin-top: -10px; margin-right: -10px; background: none !important; font-size: 25px !important; cursor: pointer !important; } .del-btn-line:hover { background: #eeb7b6 !important; color: #e53935 !important; border-radius: 100% !important; } .del-btn-line-small { color: #e53935; width: auto !important; font-size: 21px !important; cursor: pointer !important; border: none !important; padding: 3px; background: none !important; display: flex; } .add-btn-line-small, .refresh-btn-line-small { border: none !important; float: left !important; padding: 3px; color: #2196F3; display: flex; justify-content: center; border-radius: 90px; background: unset; } #tblAddNewCamera tbody tr:last-child td .add-btn-line-small { display:flex; } .del-btn-line-small:hover { background: #edd0cf !important; border-radius: 100% !important; border: none; padding: 3px; } .del-btn-line-small:focus, .del-btn-line-small:active, .del-btn-line-small:hover { background: #1976d259; } .add-btn-line-small:focus, .add-btn-line-small:active, .add-btn-line-small:hover, .refresh-btn-line-small:focus, .refresh-btn-line-small:active, .refresh-btn-line-small:hover { background: #1976d259; } .del-btn-line-small.disabled, .del-btn-line-small.disabled:hover { color: #a0a0a0; border: 1px solid #a0a0a0; font-size: 12px; pointer-events: !important; cursor: not-allowed !important; background: #ececec; } .add-btn-line-small.disabled, .add-btn-line-small.disabled:hover, .refresh-btn-line-small.disabled, .refresh-btn-line-small.disabled:hover { color: #a0a0a0; pointer-events: none !important; cursor: not-allowed !important; } .icon-btn { color: #0277bd; font-size: 24px !important; cursor: pointer !important; border: none !important; padding: 3px!important; background: none !important; width:auto!important; } .icon-btn.disabled { color: #a0a0a0; pointer-events:none !important; cursor: not-allowed !important; } .icon-btn:hover { background: #bae5f9 !important; border-radius: 100% !important; border: none; padding: 3px; } .big-btn { font-size: 60px !important; padding: 20px !important; } .add-device-wrapper { width: 100%; display: flex; justify-content: center; padding: 40px; } .cat-items { overflow: auto; max-height: 305px; } .add-more svg { float: inherit; height: 319px; width: 157px; margin-left: 61px; color: #9fd4f4; } .disabled-button-color { background-color: #b0bec5 !important; pointer-events: none !important; } .hover-row { margin-bottom: 5px; margin-left: auto !important; margin-right: auto !important; white-space: nowrap; border-bottom: 1px solid #cfd8dc; padding: 0; } .card-level label:not(.card-level .hover-row label) { font-size: 10.5px; } .add-device-btn { float: right; padding: 5px 10px; border-radius: 0px; background-color: #039be5; border: none !important; color: #fff; font-family: Calibri; font-size: 14px; font-weight: bold; } .add-device-btn:hover { background: #1565c0; } /*.dlt-btn-wrap{ padding-left: 10px !important; float: right !important; background: #d6edfbc7; width: 40px !important; }*/ .level-heading { font-size: 14px; font-weight: 700; width: 100%; padding: 10px 10px 10px 10px !important; margin: 0; color: #0277bd; border-bottom: 2px solid #039be5 !important; margin-bottom: 10px; } span.material-icons.css3-anim:hover { color: #ef9a9a !important; } /*.card-level label { color: #2a1f18; }*/ .card-level h3 { font-size: 14px; font-weight: 400; } .add-more .plus-card { font-size: 35px; padding: 9px; width: auto; background: #039be5; color: #fff; } .add-more .plus-card:hover { background: #007eff; } .bottom-rgt-item, .bottom-left-item { background-color: #fff; padding: 10px; overflow: auto; background: #fff; -webkit-box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); -moz-box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); border-radius: 2px; width: 100%; float: left; } @media (max-width: 767px) { .row.hover-row span { line-height: 30px; } } /*Query Workorder Details CSS Ends*/ /*Handling*/ .radio-wrap { width: 100%; float: left; padding: 0; } .radio-wrap img { float: left; padding: 0px; } .radio-wrap input[type="radio"], .radio-wrap input[type="checkbox"] { float: left; margin: 7px 10px 8px 10px; position: relative; z-index: 10; } .radio-wrap .txt-wrap { float: left; line-height: 27px; } /*Query Workorder Details CSS Ends*/ .printer-popup-select { border: 1px solid #808080; } .hover-row .del-btn-line { padding: 5px; margin-top: 0px; margin-right: 0px; } .hover-row label { line-height: 40px; } .hover-row > div { padding: 0; } .wrap-up { width: 100%; float: left; padding: 15px; } .wrap-up .center-content { width: 100%; float: left; text-align: center; padding-top: 8%; } .wrap-up .center-content p { font-family: 'Open Sans', sans-serif; font-size: 11px; font-weight: 700; } .wrap-up .center-content button { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; color: white; background-color: #00a2e8; border: 1px solid #00a2e8; padding: 13px 44px; margin-top: 1%; } /*Procss page - Popup*/ .wrap-up-two .single-list-item:hover, .wrap-up-two .single-list-item:active { background: #e3f2fd; } .wrap-up-two .single-list-item:active { -webkit-box-shadow: 0px 0px 7px 0px rgb(169 164 164 / 75%); -moz-box-shadow: 0px 0px 7px 0px rgb(169 164 164 / 75%); box-shadow: 0px 0px 7px 0px rgb(169 164 164 / 75%); } .wrap-up-two .single-list-item { margin: 5px 0px 5px 0px; } .wrap-up-two .lbl-ea { /*width: 36% ;*/ } .wrap-up-two .lbl-ea:first-child { /*width:13%;*/ } .wrap-up-two .lbl-ea:last-child { /* float: right; text-align: right;*/ } .H2DateTextBox .wrap-up-two ul { width: 100%; display: block; } .wrap-up-two span.ret-order-other-info { border-top: 0px; } .wrap-up-two label.lbl-ea img { height: 37px; } .wrap-up-two .prod-detail .material-icons { float: unset; padding: 3px; background: none; width: unset; color: inherit; margin-bottom: 0px; cursor: default; } .wrap-up-two .prod-detail { border-bottom: 0px solid #bbdefb !important; } .wrap-up-two .prod-detail label:not(:first-child) { padding: 2px 10px; font-size: 14px; font-weight: 400; color: #546e7a; margin-right: 10px; width: 25%; float: left; } #ProductlineDialog { display: none; } /*Messaging section*/ .messaging-snippet { margin-bottom: 15px; width: 100% !important; float: left; padding: 7px 30px 7px 50px; position: relative; left: 15px; } .messaging-snippet .material-icons { font-size: 300%; width: auto; margin-left: -40px; float: left; } .messaging-snippet-message { float: left; width: 100%; padding-top: 4px; font-weight: 700; } .messaging-snippet .remove-message { font-size: 60%; position: absolute; right: -30px; top: -5px; color: #1565c0; } .mess_img_wrapper > img { width: 100%; float: left; } .warn-message { background: #fff8e4; border: 2px solid #ff9800; color: #ff9800; } .messaging-snippet.error-message { background: #FFCDD2; border: 2px solid #B71C1C; color: #B71C1C; } .messaging-snippet.success-message { background: #e8f5e9; border: 2px solid #558B2F; color: #558B2F; } .error-message { background: #FFCDD2; border: 2px solid #B71C1C; color: #B71C1C; } .info-message { background: #e3f2fd; border: 2px solid #bbdefb; color: #1565c0; } .sub-order-grid .summary-wrapper .prod-detail { border-bottom: 0 !important; padding-top: 5px; } /*/ /*masterdata-product*/ span.H2CheckboxLabel.H2Label.default { width: auto; padding-top: 0px; margin-top: -2px; padding-left: 2px !important; } .error-pop.internal-material-tbl .H2Row td label { color: #222222; font-family: 'Open Sans', sans-serif; font-size: 11px; font-weight: 400; } /*masterdata-product*/ /*Return Quality Control*/ .order-info-left .H2LabelTextboxTop { padding-left: 0px !important; margin-top: -41px; float: right; line-height: 9px; } .order-info-left { margin-top: 8px; } /* #radio-btn-section .radio-wrap .txt-wrap { width: 100%; line-height: 16px; margin-top: 8px; }*/ /*Return Quality Control*/ .scan-btn-pan { width: 100%; float: left; background: #fff; z-index: 999; height: 80px; position: -webkit-sticky; position: sticky; bottom: 2px; padding: 12px 45px; border-top: 1px solid #ccc; } .sticky-top { position: sticky !important; top: 0; z-index:10; } .res-item-name { padding: 0 27px; } .fixed-min-width-tbl li { } .custom-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; } .prod-list-return-order .active-info-row { border: #1976d2 solid 2px; } .prod-list-return-order .active-info-row .prod-detail { background: #e8eaf6; } .prod-list-return-order .active-info-row .ret-order-other-info { background: #fff; } .radio-wrap .text-align-new { width: auto !important; /*line-height: 12px !important;*/ line-height: 10px !important; } .main-touch-btn { width: 44%; padding: 7.3vh 0; font-size: 25px; margin-bottom: 15px; border: 0; background: #2196f3; font-weight: 700; color: #fff; -webkit-box-shadow: 0px 0px 3px 0px rgb(131 114 114 / 97%); -moz-box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); box-shadow: 0px 0px 3px 0px rgb(120 104 104); margin: 5px; border-radius: 2px; position:relative; } .text-button, .text-button-scan { position: relative; } .text-button .main-touch-btn, .text-button-scan .main-touch-btn { margin: 0; padding: 2vh 10px } .text-button .custom-padding-l-80 { padding-left: 80px; } .main-touch-btn:hover { background: #1565c0; } .sub-lbl { padding: 0; margin-bottom: 0; font-weight: 700; width: 180px; float: left; } .sub-lbl-block { display:inline-block; margin-left:15px; } .sub-val-lbl { padding: 5px 20px 10px 10px; font-size: 20px; position: relative; float: left; } .sub-val-lbl-block { display: inline-block; margin-right: 15px; } .ico-btn { position: absolute; right: -15px; height: 60px; width: 60px; font-size: 16px; top: -19px; padding: 11px; border-radius: 90px; } .ico-btn span { font-size: 37px; color: #64b5f6; width:auto; } .ico-btn:hover { background: #e3f2fd; transform: scale(0.8) } .ico-btn:hover span { color: #0d47a1; } .sub-order-info-lbl { width: 100%; float: left; padding: 10px 0; } select:disabled:hover, select:disabled, input:disabled, input:disabled:hover, input[readonly] { background-color: #eee !important; } .login-name { position: absolute; z-index: 100; top: -35px; left: 14px; cursor: pointer; } .init-name { width: 30px; float: left; background: #3baaef; text-align: center; /*margin-right: 10px;*/ border-radius: 90px; height: 30px; position: relative; /*padding-top: 9px;*/ color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; } .full-name { font-size: 15px; overflow: visible; position: absolute; right: 46px; top: 1px; background: #000; padding: 6px; border-radius: 3px; color: #fff; display: none; transform: scale(0); transform-origin:right; } .last-serial-lbl { position: absolute; top: -33px; right: 110px; display: none; } /*.cbx { -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; cursor: pointer; } .cbx span { display: inline-block; vertical-align: middle; transform: translate3d(0, 0, 0); } .cbx span:first-child { position: relative; width: 24px; height: 24px; border-radius: 50%; transform: scale(1); vertical-align: middle; border: 1px solid #B9B8C3; transition: all 0.2s ease; } .cbx span:first-child svg { position: absolute; z-index: 1; top: 8px; left: 6px; fill: none; stroke: white; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16px; stroke-dashoffset: 16px; transition: all 0.3s ease; transition-delay: 0.1s; transform: translate3d(0, 0, 0); } .cbx span:first-child:before { content: ""; width: 100%; height: 100%; background: #506EEC; display: block; transform: scale(0); opacity: 1; border-radius: 50%; transition-delay: 0.2s; } .cbx span:last-child { margin-left: 8px; } .cbx span:last-child:after { content: ""; position: absolute; top: 8px; left: 0; height: 1px; width: 100%; background: #B9B8C3; transform-origin: 0 0; transform: scaleX(0); } .cbx:hover span:first-child { border-color: #3c53c7; } .inp-cbx:checked + .cbx span:first-child { border-color: #3c53c7; background: #3c53c7; animation: check 0.6s ease; } .inp-cbx:checked + .cbx span:first-child svg { stroke-dashoffset: 0; } .inp-cbx:checked + .cbx span:first-child:before { transform: scale(2.2); opacity: 0; transition: all 0.6s ease; } .inp-cbx:checked + .cbx span:last-child { color: #B9B8C3; transition: all 0.3s ease; } .inp-cbx:checked + .cbx span:last-child:after { transform: scaleX(1); transition: all 0.3s ease; } @keyframes check { 50% { transform: scale(1.2); } }*/ .custom-modal-wrapper { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 10; background: rgb(0 0 0 / 18%); text-align: center; padding-top: 20vh; } .custom-modal { background: #fff; display: inline-grid; border-radius: 3px; } .modal-sm { width: 33%; } .modal-md { width: 50%; } .modal-lg { width: 90%; } .modal-sm .custom-modal-content { max-height: 46vh; } .custom-modal-header { float: left; padding: 15px 10px 10px 10px; width: 100%; text-align: left; background: #3c65a4; color: #fff; border-radius: 3px 3px 0 0; } .custom-modal-header h2 { float: left; width: 100%; margin: 0; font-size: 20px; } .custom-modal-header h2 a { float: right; color: #a5a5a5; } .custom-modal-content, .custom-modal-footer { float: left; width: 100%; padding: 10px; text-align: right; border-top: 1px solid #ccc; } .custom-modal-content { text-align:left; } .custom-modal-footer { height: 75px; } .verify-btn { background: none; font-size: 20px; border: 0; display: inline-block; padding: 0; border: #2e7d32 solid 2px; color: #2e7d32 !important; border-radius: 3px; position: relative; margin-top:0px; } .verify-btn img { height: 75px; position:absolute; top: 12px; left: 13px; } .verify-btn:hover { background: #2e7d32; color: #fff !important; } .modal-primary-btns { padding: 16px 30px; font-size: 15px; } .modal-primary-btns { background: none; color: #333; border: 0px solid #0089ff; width: 32%; font-weight: 700; position: relative; -webkit-box-shadow: 0px 0px 0px 1px #0089ff; box-shadow: 0px 0px 0px 1px #0089ff; } .modal-primary-btns:hover, .modal-primary-btns:focus { -webkit-box-shadow: 0px 0px 0px 2px #0089ff; box-shadow: 0px 0px 0px 2px #0089ff; } .modal-primary-btns img { position: absolute; left: 7px; top: 7px; width:40px; } .verified-check { width: auto; font-size: 65px; transform: scale(1); padding: 0; position: absolute; left: 95px; top: 17px; } .verified-lbl { margin: 18px 0; display: inherit; font-weight: 400; width: 100%; padding-left: 170px; text-align: left; font-size: 55px; padding-right: 20px; } .lbl-so-val { float: left; padding: 5px 0; } .gen-label{ line-height:30px; } .icon-btn > .material-icons { width: auto; position: absolute; right: 10px; top: 28%; font-size: 70px; } .touch-replace-txt { width: 100%; padding: 4.5vh 10px; height: 148px !important; font-size: 20px; border-radius: 4px; margin-bottom: 0; } .active-btn{ background:#0d47a1; } .text-wrapper, .text-wrapper-scan { margin: 5px 0px; float: left; width: 100%; padding: 20px; border: 2px solid #b5deff; border-radius: 4px; border-style: dashed; } .text-wrapper label, .text-wrapper-scan label { text-align: left; float: left; position: absolute; top: -5px; left: 37px; background: #fff; padding: 0px 5px 0px 5px; font-size: 12px; color: #a2d3fa; z-index: 0; } .text-button button .material-icons, .text-button-scan button .material-icons { width: 103px; font-size: 60px; position: absolute; top: 0; height: 103px; left: 0; padding: 22px; background: rgb(0 0 0 / 50%); border-radius: 2px 0 0 2px; transform: scale(1); border-radius: 0; } .print-select-btn-wrapper .text-button button .material-icons, .print-select-btn-wrapper .text-button-scan button .material-icons { width: 40px; font-size: 30px; height: 40px; padding: 5px; border-radius: 0; } .text-button button:hover .material-icons, .text-button-scan button:hover .material-icons { transform: scale(0.9); border-radius: 0px 90px 90px 90px; } .bigger-font-tab .text-button .main-touch-btn, .bigger-font-tab .text-button-scan .main-touch-btn { margin: 5px 0; padding: 38.5px 10px 38.5px 115px; } .scan-label { font-weight: 700; } .ip-label { width: 100%; float: left; font-size: 18px; color: #000; margin-top: 10px; font-weight: 400; } .indicator-text { text-align: left; width: 96%; margin-bottom: 30px; position: relative; padding-right: 50px; font-size: 15px; padding-top: 10px; } .scan-textbox-wrapper{ float:left; display:table; width:100%; } .touch-replace-txt, .scan-enter-btn { display: table-cell; } .scan-enter-btn { z-index: 12; background: #2196f3; color: #fff; display: table-cell; text-align: center; vertical-align: middle; border-radius: 0 4px 4px 0; } .scan-enter-btn span { font-size: 30px; width: auto; padding:0 10px; } .scan-enter-btn:hover { background: #0d47a1; } .bigger-font-tab .text-button-scan .touch-replace-txt { padding: 25px 10px !important; } .level-two-h1 { font-size: 15px; padding-top: 5px; margin-bottom: 0; padding-bottom: 0px; } .doc-card-wrapper { width: 100%; float: left; background: #fff; cursor: pointer; transform: scale(1); margin-bottom: 15px; } .colored-section { background: #1976d2; color: #fff; float: left; width: 100%; border: 1px solid #2f88bf00; border-radius: 3px 3px 0 0; position: relative; } .doc-card-wrapper:hover .colored-section { background: #0d47a1; } .colored-section:before { content: ''; width: 0px; height: 0px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 10px solid #1976d2; left: 106px; bottom: -10px; position: absolute; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); } .inactive-delivery:before { border-top: 10px solid #ff9800; } .inactive-delivery { background: #ff9800; } .inactive-delivery .colored-sub-section-heading, .inactive-delivery .colored-sub-section-value, .inactive-delivery .material-icons { color: #333; } .doc-card-wrapper:hover .inactive-delivery { background: #c66900; } .doc-card-wrapper:hover .colored-section:before { border-top: 15px solid #0d47a1; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); border-top: 10px solid #0d47a1; } .doc-card-wrapper:hover .inactive-delivery:before { border-top: 10px solid #c66900; } .colored-sub-section { width: 100%; float: left; padding: 5px 10px 5px 90px; position: relative; } .colored-sub-section-heading, .colored-sub-section-value { width: 100%; float: left; padding: 5px; font-size: 21px; min-width: 200px; text-align: left; } .colored-sub-section-value { font-weight: 400; } .colored-sub-section-heading { font-weight: 700; color: #fff; } .card-white-section { float: left; width: 100%; background: #fff; border: 1px solid #cfd8dc; border-top: 0; border-radius: 0 0 3px 3px; } .white-sub-section { width: 100%; float: left; font-size: 21px; padding: 0px 10px 0px 90px; position: relative; } .sub-items { padding-left: 130px; color: #546e7a; } .sub-items:before { content: ''; width: 20px; height: 30px; border-left: 3px dashed #bbdefb; border-bottom: 3px dashed #bbdefb; left: 105px; top: 12px; position: absolute; } .white-sub-section-heading { float: left; width: 100%; font-weight: 700; padding: 10px 5px; } .white-sub-section-value { float: left; width: 100%; padding: 5px; word-break:break-all; } .colored-sub-section .material-icons, .white-sub-section .material-icons { font-size: 35px; position: absolute; width: 80px; top: 0; left: 0; padding: 22px; } .colored-sub-section .material-icons { background: no-repeat; border: 1px solid #00000038; border-left: 0; border-top: 0; border-bottom: 0; border-radius: 0 0 4px 0; } .white-sub-section .material-icons { background: none; color: #0f4982; border-radius: 0 0 3px 0; border: 1px solid #ccc; border-left: 0; border-top: 0; } .colored-sub-section:last-child, .white-sub-section:last-child { border-bottom: 0px; padding-left: 90px; font-size: 18px; } .white-sub-section-footer { float: left; width: 100%; font-size: 20px; text-align: left; background: #eceff1; padding: 10px 10px 10px 95px; color: #37474f; } .white-sub-section-footer-head{ font-weight:700; } .tab-version .del-details li span:first-child { border-right: none; } .active-pallet-value { font-size: 21px; padding: 15px 10px 14px 10px; float: left; } .pallet-icon { width: auto; font-size: 42px; position: absolute; left: 0px; top: -1px; padding: 5px; background: #689f38; color: #fff; } .r4content-wrapper { padding: 15px; width: 100%; float: left; height: calc(100vh - 125px); height: -moz-calc(100vh - 125px); height: -webkit-calc(100vh - 125px); } .r4content-wrapper.query-sub-r4 { height: calc(100vh - 43px); height: -moz-calc(100vh - 43px); height: -webkit-calc(100vh - 43px); } .r4content-wrapper.query-sub-r4 .bottom-left-item { height: unset; /*height: -moz-calc(100vh - 202px); height: -webkit-calc(100vh - 202px);*/ } .serial-detail-lbl { float: left; padding: 0 !important; } .page-content-wrapper-height-no-btn-bar { height: calc(100vh - 45px); height: -moz-calc(100vh - 45px); height: -webkit-calc(100vh - 45px); } .bigger-text-box { background: #fff; margin: 0; padding: 5px; } .ws-printer-btn { text-align: center; padding: 40px 0; width: 100%; margin: 15px 0 15px 0 } .ws-packaging-level { padding-left: 5px; margin-left: 2px; position: absolute; right: -8px; top: 0; } .ws-packaging-level img { width: 50px; position: relative; right: -27px; top: 0px; float: right; float: right; } .modal-txt-box { width: 100%; height: 30px !important; padding: 5px; } .btn-bar-button { display: flex; align-items: center; } .btn-bar-button img { vertical-align: middle; padding: 5px; width: 55px; } .btn-bar-button .material-icons { font-size: 25px; color: #022c53; width: auto; margin-right: 5px; } .touch-replace-txt:-webkit-autofill, .touch-replace-txt:-webkit-autofill:hover, .touch-replace-txt:-webkit-autofill:focus, .touch-replace-txt:-webkit-autofill:active { transition: background-color 1000s ease-in-out 0s; -webkit-box-shadow: 0 0 0px 1000px #fff inset; } .no-of-items-pallet { font-size: 21px; float: right; padding: 5px 10px; font-weight: 700; width: 100%; text-align: right; position: relative; background: #dcedc8; } .section-wrapper { float: left; width: 100%; padding: 10px; border-radius: 5px; border: 2px solid #2196f3; } .section-wrapper:before, .section-wrapper:after { content: ''; position: absolute; width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 15px solid #2196f3; z-index: 10; } .section-wrapper:before { left: 0px; top: 22%; } .section-wrapper:after { left: 2px; top: 22%; border-right: 15px solid #fff; z-index: 11; } .level-3-header { font-size: 13px; font-weight: 700; width: 50%; float: left; } .gen-button { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; color: white; background-color: #00a2e8; border: 1px solid #00a2e8; padding: 13px 44px; margin-top: 1%; } .gen-button:hover { background: #d9ecff; color: #333; } .note-section { padding: 10px 15px; background: #ffe0b2; width: 100%; border-left: 10px solid #e65100; color: #333; position: absolute; left: -1px; bottom: 0; border-right: 10px solid #fff; } .note-section p { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; width:100%; font-size:16px !important; } .bottom-left-stationed, .bottom-right-stationed { position: absolute; bottom: 70px; } .workstation-icon { font-size: 37px !important; font-size: 37px !important; color: #64b5f6; margin-top: -7px; display: inline-block; } .workstation-icon:hover { color: #1976d2; } .workstation-icon.ico-btn { top:-10px; } .workstation-wrap { /*margin-right: 15%;*/ position: relative; display:flex; } .workstation-wrap .workstationLabel { /*width: 100%;*/ white-space: pre-wrap; float: left; flex:5; } .workstation-wrap #editWSBtn { flex: 1; margin-left: 10px; } .sub-detail #editWSBtnTxt { /*padding-right: 60px;*/ } .sub-detail #editWSTxt { position: absolute; right: 0; top: -20px; width: 100%; float: left; } .workstationLabel:hover { color: #64b5f6; } .bigger-font-tab .text-button .radio-no-text { width: 100px; height: 100px; } /*SubOrderQueryDetails styles*/ .main-info-heading-label { float: left !important; width: 100% !important; margin: 0 !important; } .query-details-lbl{ min-height:48px; } .main-ifo-sub-lbl, .main-ifo-sub-val { font-size: 21px; position: relative; } .main-ifo-sub-lbl .material-icons { font-size: 30px; width: auto; padding: 20px; position: absolute; left: 0; top: 0; background: #0d47a1; color:#fff; } .main-ifo-sub-lbl { padding: 7px 5px 7px 85px; background: #2196f3; color: #fff; font-weight: 700; width: 100%; color: #fff; z-index:10; } .main-ifo-sub-val { padding: 10px 5px 11px 85px; font-weight: 400; width: 100%; float: left; color: #fff; overflow:auto; } .main-ifo-sub-val label { float: left; line-height: 11px; } .sub-info-lbl, .sub-info-val { width: auto; float: left; padding: 5px 5px; } .sub-info-lbl { font-weight: 700; padding-left: 10px; } .sub-info-lbl-muted, .sub-info-val-muted { padding: 3px 5px; float: left; font-size: 6px; } span.sub-info-lbl-muted { padding-left: 25px; font-weight: 700; } .sub-info-val-muted { padding: 3px 0px; } .sub-info-lbl-muted, .sub-info-val-muted { padding: 0px 0 10px; } /*End-styles*/ /*no data style*/ .no-data-artwork img { width: 200px; } span.no-data-artwork { width: 100%; float: left; text-align: center; } .no-data-artwork .muted-text { width: 100%; float: left; padding: 10px 0; color: #b0bec5; } /*end styles*/ /*responsive grid*/ .lbl-head, .lbl-indicator { margin-bottom: 1px; float: left; width: 100%; background: #0d47a1; padding: 10px; font-size: 21px; color: #fff; } .lbl-value { border-bottom: 1px solid #0d47a1; width: 100%; float: left; margin-bottom: 5px; padding: 10px; font-size: 21px; min-height: 42px; } .lbl-indicator { background: #e3f2fd; color: #0d47a1; border-bottom: 1px solid #0d47a1; } .connection-status .material-icons { font-size: 29px; width: auto; float: left; padding: 0px 10px; } .divCameraStatus .connection-status .material-icons, .cameraConfig .connection-status .material-icons { font-size: 20px; padding-top: 5px; align-items: center; } .connection-status .md-18 { font-size: 18px !important; } .connection-status .conn-label { float: left; padding-top: 5px; font-weight: 600; } .connection-status-connected { color: green; } .connection-status-notconnected { color: red; } /* config page connection status */ .config-connection-status.connection-status { display: flex; align-items: center; } .config-connection-status .material-icons { font-size: 24px; padding-right: 5px; } .config-connection-status .conn-label { line-height: 24px; padding: 0; } /*---*/ .legend-txt { font-size: 25px; float: left; width: 100%; padding: 10px 0; font-weight: 400; color: #0d47a1; } .small-btn { margin-bottom: 7px; padding: 5px; border-radius: 3px; border: 1px solid #002b52; color: #2a1f18; font-size: 12px; cursor:pointer; } .small-btn:focus, .small-btn:active, .small-btn:hover { background: #1976d259; } .small-btn.disabled, .small-btn.disabled:hover { color: #a0a0a0; border: 1px solid #a0a0a0; font-size: 12px; pointer-events: !important; cursor: not-allowed !important; background: #ececec; } /*.query-sub-error { padding: 10px 10px 10px 45px; float: left; width: 100%; border: 1px solid red; font-size: 21px; color: red; border-radius: 3px; position: relative; margin-bottom: 10px; } .query-sub-error .material-icons { font-size: 30px; position: absolute; left: 0; top: 0; padding: 7px; width: auto; }*/ .hover-icon { cursor: pointer; font-size: 25px; } .hover-icon-message{ display:none; } .hover-icon-message .hover-message { width: 100%; float: left; white-space: initial; z-index:100; } .hover-icon:hover .hover-icon-message { border-radius: 2px; padding: 5px 10px; display: block; position: absolute; right: 45px; top: 4px; color: #fff; font-size: 16px; z-index:1000; max-width:250px; } .hover-icon:hover .hover-icon-message:before { content: ''; width: 0px; height: 0px; right: -5px; width: 0px; height: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #f44336; top: 7px; position: absolute; } /*.hover-icon-error { color: #f44336; }*/ .hover-icon-error .hover-icon-message { background: #f44336; } .hover-icon-error:hover .hover-icon-message:before { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #f44336; } /*.hover-icon-info { color: #2196f3; }*/ .hover-icon-info .hover-icon-message { background: #2196f3; } .hover-icon-info:hover .hover-icon-message:before { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #2196f3; } .hover-icon-success { color: #689f38; } .hover-icon-success .hover-icon-message { background: #689f38; } .hover-icon-success:hover .hover-icon-message:before { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #689f38; } .hover-icon-cancel { color: #4a4949; } .hover-icon-cancel .hover-icon-message { background: #4a4949; } .hover-icon-cancel:hover .hover-icon-message:before { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #4a4949; } .colored-sub-section .hov-icon { font-size: 22px; position: absolute; right: -15px; top: 19px; float: none; left: unset; padding: 2px; width: auto; border-radius: 90px; color: #fff; } .colored-sub-section .hov-icon-error { background: #ffffff; color: #e83535; border: 2px solid #ff9800; } .colored-sub-section .hov-icon-info { color: #2196f3; background: #fff; border: 2px solid #1976d2; } .ico-wrapper .material-icons { margin: 0 10px; } .ico-wrapper .hover-icon-info, .ico-wrapper .hover-icon-error { font-size: 25px; } .main-plain-table-body tbody td .hover-icon { position: relative; } .error-msg-td .hover-icon-error .hover-icon-message { min-width: 350px; } .error-msg-td .hover-icon-info .hover-icon-message { min-width: 200px; } .level-two-h1 .ico-wrapper .hover-icon-message, .main-plain-table tbody tr td .hover-icon .hover-icon-message { width: auto; word-break: initial; } .main-plain-table tbody tr td .hover-icon .hover-icon-message { right: 30px; top: 2px; } .level-two-h1 .ico-wrapper .hover-icon-message { right: 40px; top: 10px; } .text-button .text-wrapper, .text-button .text-wrapper-scan { border: 2px solid rgb(13, 71, 161); } .text-button .text-wrapper label, .text-button .text-wrapper-scan label { color: rgb(13, 71, 161); } .text-button .text-wrapper .touch-replace-txt, .ui-dialog .text-button .text-wrapper-scan .touch-replace-txt { opacity: 1; pointer-events: all; } .text-button .text-wrapper .scan-enter-btn, .text-button .text-wrapper-scan .scan-enter-btn { background: #2196f3; pointer-events: all; color:#fff; } .text-button-disabled .text-wrapper, .text-button-disabled .text-wrapper-scan { border: 2px dashed rgb(181, 222, 255); } .text-button-disabled .text-wrapper label, .text-button-disabled .text-wrapper-scan label { color: rgb(162, 211, 250); } .text-button-disabled .touch-replace-txt, .text-button-disabled .text-wrapper-scan .touch-replace-txt { width: 100%; opacity: 0.4; pointer-events: none; } .text-button-disabled .text-wrapper .scan-enter-btn, .text-button-disabled .text-wrapper-scan .scan-enter-btn { background: rgb(204, 204, 204); pointer-events: none; } body .ui-tooltip{ word-break:break-all; } .main-error-msg { padding: 10px 10px 10px 55px; width: 100%; float: left; position: relative; font-size: 21px; color: #f44336; border: 2px solid #f44336; border-radius: 3px; margin-bottom:10px; min-height:48px; } .main-error-msg .material-icons { position: absolute; left: 0; top: 0; padding: 10px; width: auto; background: #f44336; color: #fff; } .main-info-msg .material-icons { position: absolute; left: 0; top: 0; padding: 10px; width: auto; background: #0277bd; color: #fff; } .main-info-msg { padding: 10px 10px 10px 55px; width: 100%; float: left; position: relative; font-size: 21px; color: #0277bd; border: 2px solid #0277bd; border-radius: 3px; margin-bottom: 10px; min-height: 48px; } .prod-detail .mat-arrow { color: green; font-size: 25px; width: auto; background: none; padding: 0; } .popup-padding-fix .Popup, .popup-padding-fix .PopupContent, .popup-padding-fix .PopupContent > div { width: 100%; float: left; } .popup-padding-fix .Popup, .work-pop .Popup, .work-pop .Popup .PopupContent { padding-top: 0; } .popup-padding-fix .PopupContent { padding: 0; } .popup-padding-fix .PopupContent > div { padding-top: 0 !important; padding-left: 45px; } .popup-padding-fix .ui-dialog .ui-dialog-titlebar { margin-bottom: 5px !important; } .chart-l { float: left; min-width: 180px; font-weight: 700; } .chart-label { line-height: 27px; } .return-wo-lbl { color: #0d47a1; padding:5px 10px; } .return-wo-detail-container { width: 100%; float: left; padding: 5px 10px; } .return-wo-detail-container > span { padding-right: 40px; float: left; } /*wizard*/ .wizzard-wrapper { display: flex; position: relative; } .wizzard-step { flex: 1; justify-content: center; display: flex; position: relative; } .wizzard-step:before { content: ""; border-top: 2px solid #ccc; position: absolute; width: 100%; top: 48%; z-index: 0; left: -50%; z-index: 9; } .wizzard-step:first-child:before { width: 50%; left: 50%; display: none; } .wizzard-step:last-child:before { width: 100%; left: -50%; } span.wizzard-step-point { width: 40px; display: flex; align-items: center; height: 40px; justify-content: center; padding: 5px; border: 2px solid #eee; border-radius: 90px; font-size: 18px; font-weight: 700; color: #ccc; background: #fff; z-index: 1; } .outer-ring { display: flex; align-items: center; z-index: 10; } .completed-step { align-items: center; } .completed-step .outer-ring { background: #558B2F; border: 0; border-radius: 90px; z-index: 10; height: 40px; } .completed-step .outer-ring > span { border: 0; border-radius: 90px; background: none; color: #fff; } .next-step:before, .completed-step:before { border-top: 2px solid #558B2F !important; } .next-step .outer-ring { z-index: 10; border: 3px solid #558B2F; border-radius: 90px; padding: 4px; background: #fff; } .next-step .outer-ring > span { background: #fff; border: 2px solid #558B2F; padding: 5px; } .next-step .outer-ring > span { background: #fff; border: 1px solid #558B2F; color: #558B2F; } .whzzard-header-wrapper h1 { font-size: 30px; font-weight: 700; } .sub-head-wizzard { font-size: 23px; } .whzzard-header-wrapper { width: calc(100%); margin-left: 0; border-bottom: 1px solid #ccc; margin-bottom: 15px; } .bold-16 { font-size: 16px; font-weight: 700; } .custom-list-modern { display: flex; background: #BBDEFB; } .list-content-modern { display: flex; flex: 1; position: relative; } .list-content-modern a { width: 100%; display: flex; justify-content: space-between; align-items: center; font-weight: 700; text-decoration: none; color: #000; } .list-icon-modern { padding: 15px; background: #0D47A1; color: #fff; } .list-icon-modern .material-icons { width: auto; font-size: 28px; } span.selected_list_item_modern { padding: 10px; } .down-ico-mod-select { font-size: 37px; margin-right: 10px; width: auto; } .list-content-modern ul { position: absolute; width: 100%; top: 100%; background: #fff; border: 1px solid #2196f3; max-height:25vh; overflow:auto; z-index:1; } .list-content-modern li { font-size: 16px; } .list-content-modern li:hover { background: #BBDEFB; } .list-content-modern li a { text-decoration: none; color: #000; width: 100%; padding: 10px; } .barcode_code_image_mod { max-height: 340px; margin-top: 15px; } .best-before-lbl, .quantity-lbl { float: left; width: 100%; border-radius: 5px; margin-bottom: 10px; } .best-before-lbl { border: 1px solid #2E7D32; background: #C8E6C9; color: #2E7D32; } .quantity-lbl { background: #BBDEFB; border: 1px solid #1565C0; color: #1565C0; } .green-grouping .best-before-lbl label, .green-grouping .quantity-lbl label { padding: 10px 15px; margin-bottom: 0; } .moderna-msg{ left:0 !important; } .popup-message { font-size: 20px; display: flex; margin-bottom: 30px; margin-top: 30px; align-items:center; } .popup-message .material-icons { width: auto; font-size: 40px; display: flex; color: #2E7D32; margin-right: 15px; align-items: start; margin-top: 0px; } .popup-message label { display: inline-block; } .popup-message label span{ font-weight:700; } .verify-msg { max-width: 100%; border: 2px solid #ef6c00; padding: 15px; border-radius: 5px; background: #fff8e1; } .verify-msg .material-icons { font-size: 75px; margin-top: 3px; color: #ef6c00; margin-right: 0; font-weight: 400; margin-right:10px; } .verify-msg label { color: #ef6c00; display: flex; align-items: center; font-style: italic; } .blue-border-text-wrapper.disabled{ opacity:0.5; pointer-events:none; } .userPassPop .text-button .text-wrapper label, .userPassPop .text-button .text-wrapper-scan label, .userPassPop .text-wrapper-scan .touch-replace-txt{ font-size: 20px; } .userPassPop { min-width: auto !important; } .bigger-font .det-label{ font-weight:700; } .verify-default .det-label{ padding-left: 15px; } .verify-default .det-label:before { content: 'adjust'; color: #039be5; font-family: 'Material Icons'; display: inline-block; vertical-align: middle; margin-right: 8px; font-size: 20px; margin-top: -4px; } .verified-item-yes .det-label:before { content: 'check_circle'; color: green; } .verified-item-no .det-label:before { content: 'report'; color: #F44336; } .empty-form-section { display: inline-block; width: 100%; text-align: center; padding-top: 50px; } .empty-form-section span { font-size: 150px; width: auto; opacity: 0.15; } .empty-form-section h1{ opacity:0.3; } @media (min-width:1440px) { .userPassPop { width: 45% !important; } .bigger-font-tab .list-icon-modern { font-size: 21px; display:flex; } .bigger-font .det-val, .bigger-font .det-label, .bigger-font-tab .list-content-modern .selected_list_item_modern, .bigger-font-tab .blue-border-text-wrapper label { font-size: 20px; line-height: 18px; } } @media (max-width:1440px) { .bigger-font .det-val, .bigger-font .det-label, .bigger-font-tab .list-content-modern .selected_list_item_modern, .bigger-font-tab .blue-border-text-wrapper label { font-size: 20px; line-height: 18px; } .bigger-font .det-val, .bigger-font .det-label { margin-bottom: 15px; } .userPassPop { width: 45% !important; } } @media (max-width:1368px) { .bigger-font .det-val, .bigger-font .det-label, .bigger-font-tab .list-content-modern .selected_list_item_modern, .bigger-font-tab .blue-border-text-wrapper label { font-size: 18px; line-height: 18px; } .bigger-font .det-val, .bigger-font .det-label { margin-bottom: 10px; } .userPassPop { width: 40% !important; } } @media (max-width:1200px) { .bigger-font .det-val, .bigger-font .det-label, .bigger-font-tab .list-content-modern .selected_list_item_modern, .bigger-font-tab .blue-border-text-wrapper label { font-size: 16px; line-height: 18px; } .bigger-font .det-val, .bigger-font .det-label{ margin-bottom:10px; } .bigger-font .det-val, .bigger-font .det-label { margin-bottom: 10px; } .userPassPop { width: 40% !important; } /* device data template */ .function-mapping-details-div .H2EmptyCell.H2Cell { display: none !important; } } @media (max-width:992px) { .bigger-font .det-val, .bigger-font .det-label, .bigger-font-tab .list-content-modern .selected_list_item_modern, .bigger-font-tab .blue-border-text-wrapper label { font-size: 16px; line-height: 16px; } .bigger-font .det-val, .bigger-font .det-label { margin-bottom: 10px; } .green-grouping { margin: 5px 0 15px 0; } .userPassPop { width: 40% !important; } /* device data template styles */ .templateDetailLeftTable .H2Label { width: 147px !important; } .templateDetailRightTable .H2Label { width: 147px !important; } .function-mapping-details-div .H2Label { width: 85px; } } @media (max-width:768px) { .bigger-font .det-val, .bigger-font .det-label, .bigger-font-tab .list-content-modern .selected_list_item_modern, .bigger-font-tab .blue-border-text-wrapper label { font-size: 16px; line-height: 16px; } .bigger-font .det-val, .bigger-font .det-label{ margin-bottom:10px; } .green-grouping{ margin:5px 0 15px 0; } .userPassPop { width: 90% !important; } } @media (min-width: 1600px) { .bigger-font input[type="text"], .bigger-font input[type="password"], .bigger-font select, .bigger-font .H2ReactLabel, .bigger-font .button-wrapper-destribute, .bigger-font textarea, .bigger-font .radio-label { font-size: 15px; width: 100%; padding-top: 2px; } .bigger-font .last-serial-lbl, .bigger-font .lbl-so-val, .bigger-font .ret-prod-name, .bigger-font .ret-lot-no, .bigger-font .return-qty, .bigger-font .ret-prod-scan-qty, .bigger-font .res-item-name, .bigger-font .txt-wrap, .bigger-font .Reaggregation_BarcodeMsg, .bigger-font .lbl-pl, .bigger-font .plain-teble, .bigger-font .messaging-snippet-message, .bigger-font .top-btn-bar-cell, .bigger-font .summary-wrapper, .bigger-font ul.sub-segment li .summary-serial-list-amount, .bigger-font .scan-serial-lbl, .bigger-font-tab select, .notification-label, .bigger-font .chart-label, .bigger-font .H2Label, .bigger-font ul.sub-segment li { font-size: 15px; } .bigger-font .prog-start, .bigger-font .prog-end { font-size: 12px; } .bigger-font #orderContainerWrapper { /*height: 48vh*/ } .bigger-font .H2ReactLabel { line-height: 26px; } #orderContainerWrapper{ /*min-height:calc(100vh - 48vh) !important;*/ } } @media (min-width: 768px) { .bigger-font-tab input[type="text"], .bigger-font-tab input[type="password"], .bigger-font-tab select, .bigger-font-tab .H2ReactLabel, .bigger-font-tab .button-wrapper-destribute, .bigger-font-tab .custom-modal-content { font-size: 18px !important; width: 100%; padding-top: 2px; line-height: 26px; } .pending-sub-order-row thead tr th, .pending-sub-order-row table tr td { height: auto; padding: 10px; } .bigger-font-tab .level-two-h1, .bigger-font-tab .gen-label { font-size: 21px; } .bigger-font-tab .main-plain-table tbody tr td, .bigger-font-tab .ui-widget input, .bigger-font-tab .ui-widget select, .bigger-font-tab .ui-widget textarea, .ui-widget button, .bigger-font-tab .sub-info-lbl, .bigger-font-tab .sub-info-val, .bigger-font-tab.ui-dialog .ui-dialog-title, .bigger-font-tab .PopupContent, .bigger-font-tab .ui-button-text-only .ui-button-text, .bigger-font-tab .barcode-cancel-yesno, .barcode-cancel-yesno-PendingSubOrders, .barcode-cancel-yesno-verifyByConfirm, .barcode-cancel-yesno-scanLastPrint, .barcode-cancel-yesno-verifyByScan, .barcode-Dock-cancel-verifyByScan, .bigger-font-tab .pending-sub-order-row li .no-data, .bigger-font-tab .info-para, .bigger-font-tab .tab-version ul li, .bigger-font-tab .indicator-text, .bigger-font-tab .last-serial-lbl, .bigger-font-tab .scan-label, .bigger-font-tab .pending-sub-order-row li table th, .bigger-font-tab .pending-sub-order-row li table td, .bigger-font-tab .ret-prod-name, .bigger-font-tab .ret-lot-no, .bigger-font-tab .lbl-so-val, .bigger-font-tab .return-qty, .bigger-font-tab .ret-prod-scan-qty, .bigger-font-tab .res-item-name, .bigger-font-tab .txt-wrap, .bigger-font-tab .Reaggregation_BarcodeMsg, .bigger-font-tab .lbl-pl, .bigger-font-tab .plain-teble, .bigger-font-tab .messaging-snippet-message, .bigger-font-tab .top-btn-bar-cell, .bigger-font-tab .summary-wrapper, .bigger-font-tab ul.sub-segment li .summary-serial-list-amount, .bigger-font-tab .scan-serial-lbl, .bigger-font-tab .button-wrapper-destribute, .bigger-font-tab .sub-btn, .bigger-font-tab .Reaggregation_BarcodeMsg, .bigger-font-tab select, .notification-label, .bigger-font-tab .bold-16 { font-size: 21px; } .bigger-font-tab .sub-info-lbl-muted, .bigger-font-tab .sub-info-val-muted { font-size: 17px; } .bigger-font-tab .PopupContent { padding-top: 5px; } .bigger-font-tab .Popup { padding: 10px 5px 15px 5px; } .bigger-font-tab .ui-button-text-only .ui-button-text{ text-align: left !important; padding-left: 60px !important; } .bigger-font-tab .ui-dialog-buttonpane .barcode-ok-button span { text-align: left !important; padding-top: 14px; text-align:left; } .bigger-font-tab.ui-dialog .ui-dialog-buttonpane .ui-button-text-only { height: 60px; background-size: 48px !important; } .bigger-font-tab.ui-dialog .ui-dialog-titlebar-close { top: 27px; } .bigger-font-tab.ui-dialog .ui-dialog-buttonpane { padding: 0 15px; } .bigger-font-tab .ui-button-text-only .ui-button-text { position: relative !important; padding:0 0 0 60px !important; } .bigger-font-tab .sub-center-heading { font-size: 25px; padding: 20px 0; } .bigger-font-tab .sub-lbl, .bigger-font-tab .sub-val-lbl { font-size: 18px; padding: 0px; } .bigger-font-tab .modal-primary-btns { font-size: 19px; } .bigger-font-tab .main-touch-btn { padding: 7.5vh 0; font-size: 25px; } .bigger-font-tab .text-button .main-touch-btn, .bigger-font-tab .text-button-scan .main-touch-btn { margin: 5px 0; text-align: left; font-size: 22px; width: 100%; } .bigger-font-tab .text-wrapper label, .bigger-font-tab .text-wrapper-scan label { top: -3px; left: 21px; font-size: 19px; } .bigger-font .text-wrapper label, .bigger-font .text-wrapper-scan label{ font-size:20px; } .bigger-font-tab .section-wrapper .text-wrapper-scan label { left: 33px; top: 12px; } .bigger-font-tab .summary-wrapper { padding: 1px; } .bigger-font-tab .ret-lot-no { margin-top: 0px; } .bigger-font-tab input[type="text"], .bigger-font-tab input[type="password"], .bigger-font-tab select { height: 30px !important; padding: 0 5px; } .bigger-font-tab .text-button .touch-replace-txt, .bigger-font-tab .text-button-scan .touch-replace-txt { padding: 49px 10px; } .bigger-font-tab .sum-head { padding: 0; margin-bottom: 10px; font-size: 25px; } .bigger-font-tab .prod-list-return-order li { padding: 0px 0px 2px 0; } .bigger-font-tab .H2LabelDatetimepickerImgButton { border-right: 1px solid #039be5; border-top: 1px solid #039be5; border-bottom: 1px solid #039be5; -moz-height: 15px; -webkit-height: 15px; height: 30px; padding: 6px; width: 30px; background-color: #039be5; } .modal-sm { width: 90%; } .modal-md { width: 90%; } .modal-lg { width: 90%; } .modal-sm .custom-modal-content { max-height: auto; } .userPassPop .det-label, .userPassPop .det-val{ font-size: 16px; margin-bottom: 0px; } } @media screen and (min-width:1439px ) { .two-col-height.rapidd-lefr-two { height: 31.4vh; } .two-col-height.distri-lefr-two { height: 31.4vh; } .two-col-height { height: auto; } .two-col-height.rapidd-lefr-one { min-height: 30.5vh; } .two-col-height.rapidd-lefr-one .dest-list-wrapper { max-height: 20vh; } .two-col-height.distri-lefr-one .dest-list-wrapper { max-height: 14vh; } .two-col-height.rapidd-lefr-two #tree_ClosedContainers { height: 18vh; } .two-col-height.distri-lefr-two #tree_ClosedContainers { height: 27vh; } } @media screen and (min-width:1440px ) and (max-width:1919px) { .two-col-height.rapidd-lefr-two { height: 31.4vh; } .two-col-height.distri-lefr-two { height: 35.5vh; } .two-col-height.distri-lefr-one { height: 39.5vh; } .two-col-height.distri-lefr-one #closedContainerChildTable { max-height: 7vh; overflow: auto; } .two-col-height.rapidd-lefr-one { height: 31vh; } .two-col-height-full { height: calc(61vh + 15px); } .radio-wrap .text-align-new { line-height: 15px !important; } .modal-sm { width: 40%; } .modal-md { width: 50%; } .modal-lg { width: 90%; } } /*@media screen and (min-width:1368px ) and (max-width:1600px) { .dock-serial-list { height: 210px !important; } .active-pallet-height { height: 315px !important; } .doc-main-section { min-height: 505px !important; } }*/ @media screen and (min-width:1920px) { .modal-sm { width: 35%; } .modal-md { width: 50%; } .modal-lg { width: 90%; } } /*Government Sampling page styles*/ @media (min-width: 576px) { .more-rbtn-row-two { margin-top: -33px !important; } } .header-more a span { position: relative; padding-left: 1em; } .header-more a span::before { content: '\e409'; display: block; position: absolute; transition: transform .2s ease; transform: rotate(0); left: 0; } .rotate.header-more a span::before { transform: rotate(90deg); } .more-border { font-size: 16px; font-weight: 700; width: 100%; margin: 0; color: #0277bd; } .active-mat-row, .internal-material-tbl tr:hover { background: #bbdefb; } .internal-material-tbl tr.headingtr:hover { background: none; } .internal-material-tbl tr.no-hover:hover { background: none; } /*Government Sampling page styles*/ /*No data tag style*/ .no-data { width: 100%; float: left; margin: 0px; background: #fff; padding: 5px !important; border: 1px solid #bbdefb; border-radius: 2px; line-height: 20px; font-size: 15px; font-weight: 700; } .pack-level-card .pack-head { padding: 15px; float: left; font-size: 18px; position: absolute; background: #0009; font-weight: 700; color: #fff; min-width: 55px; } .pack-level-card { float: left; width: 100%; position: relative; box-shadow: 0px 0px 1px 0px; background: #fff; height: auto; margin-bottom: 15px; width: 100%; border: #fff solid 2px; } /*Destroy styles*/ @media screen and (max-width: 900px) { #divProcessEmpty7.change-prod-l-btn { margin-top: 0px !important; position: initial !important; } } .ret-prod-name-full-w .lbl-align-right { float: right; width: 35%; } .lbl-align-right .ret-prod-name.level-value { width: 25% !important; } .prod-detail .warning-mgs { width: 100%; padding-left: 0; padding-bottom: 3px; } .lbl-align-right { float: right; padding-right: 20px; } .prod-detail.ret-prod-name-full-w label { float: left; width: auto !important; padding-right: 0; padding-left: 3px; } .warning-mgs .material-icons { background: none !important; color: inherit !important; margin-top: -2px; padding-left: 0px !important; } .warning-mgs .lbl-warning { font-size: 14px; } .lbl-align-right .success-icon { color: #388e3c !important; background: none !important; line-height: 12px; padding-top: 3px; } .lbl-warning, lbl-warning .material-icons { color: #ed6c02 } .lbl-err, .lbl-err .material-icons { color: #e53935; } .lbl-comp, .lbl-comp .material-icons { color: #388e3c; } /*Destroy page - Scan items message status container color styles*/ .prod-inp-wrapper { background: #fff; border-bottom: 1px solid #b3e5fc; } .prod-inp-wrapper .ret-prod-name { color: #b3e5fc; } .prod-comp-wrapper { background: #fff; border: 1px solid #dcedc8; border-bottom: 1px solid #dcedc8; } .handling-serial-list .summary-wrapper .prod-err-wrapper { background: #fff; border: 1px solid red; border-bottom: 1px solid #F44336 !important; } .handling-serial-list .active-serial-row .prod-detail { background: #e1f5fe; } .handling-serial-list .summary-wrapper .prod-warrning-wrapper { background: #fff; border: 1px solid #ed6c02; border-bottom: 1px solid #ed6c02 !important; } /*Destroy page - Scan items message status container color styles*/ .pack-level-card .pack-val { width: 100%; float: left; padding: 15px; font-size: 18px; padding-left: 70px; color: #546e7a; font-weight: 500; } ul.sub-segment li .summary-serial-list-amount { min-width: auto; border-left: 0; position: absolute; right: 0px; top: 0; padding: 0px 5px; border: 1px solid #9fd4f4; border-top: 0; border-right: 0; } .search-icon-warehouse { position: relative; float: left; width: 100%; } .search-icon-warehouse .search-ico { position: absolute; right: 15px; top: 3px; font-size: 20px; color: #90a4ae; } .multiple-items-row { display: table; } .two-col-height.rapidd-lefr-one .dest-list-wrapper { float: left; width: 100%; overflow: auto; } .two-col-height.rapidd-lefr-two .dest-list-wrapper { float: left; width: 100%; overflow: auto; max-height: 52vh; } .two-col-height.distri-lefr-two .dest-list-wrapper { float: left; width: 100%; overflow: auto; max-height: 52vh; } #tree_ClosedContainers { height: 25vh; } .order-container-wrapper { float: left; width: 100%; overflow: auto; height: 58vh; } #PopupOrderContainerWrapper.order-container-wrapper { height: 56vh; } /*#Popup_Process_ScannedSerial_Wrapper.order-container-wrapper { height: 42vh; }*/ .multiple-items-row .serlial-number, .multiple-items-row .lbl-align-right { display: table-cell; } .multiple-items-row .serlial-number { max-width: 65%; word-break: break-all; overflow: unset; text-overflow: unset; white-space: unset; } .multiple-items-row .lbl-align-right .level-value { width: 30% !important; } .multiple-items-row .lbl-align-right .level-value.return { width: 20% !important; } .receipt-grids { overflow: auto; width: 100%; } .label-img-wrapper { margin-top: 15px; text-align: center; } .label-img-wrapper img { max-width: 100%; } /*-----------------------*/ .btn-bar-item { width: auto; float: left; } .btn-bar-item .button-wrapper-destribute { padding: 0 10px 0 0px; } .button-wrapper-destribute .material-icons { font-size: 30px; width: auto; padding: 5px; } .pending-sub-order-row { width: 100%; overflow: auto; } .sub-detail { text-align: left; padding: 0 15px; } .sub-main-head { padding-top: 15px; padding-bottom: 0px; padding-left: 0px; } /* Global styles */ .read-more { color: #2196F3; font-size: 15px; padding-right: 10px; font-weight: 400; float:left; } .block{ display:block; } .overflow-auto{ overflow:auto; } .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .d-flex { display: flex; } .flex-1 { flex:1; } .d-flow{ display:flow; } .f-wrap{ flex-wrap: wrap; } .fx-valign-bottom { display: flex; justify-content: end; flex-direction: column; } .flex-1{ flex:1; } .fx-valign-middle { display: flex; /*justify-content: center;*/ width: 100%; align-items: center; /*flex-direction: column;*/ } .fx-just-space-between { justify-content: space-between; display: flex; } .fx-just-center{ justify-content: center !important; } .fx-row{ flex-direction: row; } .fx-column{ flex-direction:column; } .fx-column-re { flex-direction: column-reverse; } .fx-align-left{ align-items: flex-start; } .text-center { text-align:center; } .vcenter{ align-items:center; } .vbottom { align-items: end; } .align-right{ justify-content:right; } .ver-align-middle { vertical-align: middle; } .ver-align-middle-i { vertical-align: middle !important; } input[type="checkbox"] { margin-right: 5px; } .text-right { text-align: right; } .text-left { text-align: left; } .border-radius-5{ border-radius:5px; } .border-none { border: none; } .mb-10{ margin-bottom:10px; } .mt-100{ margin-top:100px; } .mt-10 { margin-top: 10px; } .m-0{ margin:0; } .p-15{ padding:15px; } .p-25 { padding: 25px; } .width-auto{ width:auto } .width-maxCon { width: max-content; } textarea.unpick { border: 1px solid #ff9800; } .cursor-pointer { cursor: pointer; } .font-regular { font-weight: 400; } .font-bold { font-weight:600; } .font-bold-800{ font-weight:800; } .color-red { color: #F44336; } .color-red.disabled { color: #9f9b9b; } .mb-5 { margin-bottom: 5px; } .m-b-15 { margin-bottom: 15px; } .m-b-20 { margin-bottom: 20px; } .m-b-30 { margin-bottom: 30px; } .m-t-10 { margin-top: 10px; } .m-t-15 { margin-top: 15px; } .m-t-20 { margin-top: 20px; } .m-t-auto { margin-top: auto; } .m-r-5 { margin-right: 5px; } .m-r-10{ margin-right: 10px; } .m-l-10 { margin-left: 10px; } .m-l-15 { margin-left: 15px; } .mb-15{ margin-bottom:15px; } .p-0 { padding:0 !important; } .p-10{ padding: 10px; } .p-15 { padding: 15px; } .p-20 { padding: 20px; } .p-10-20 { padding: 10px 20px; } .p-20-10 { padding: 20px 10px; } .p-l-0 { padding-left: 0; } .p-l-0i { padding-left: 0 !important; } .p-l-5{ padding-left:5px; } .p-l-10{ padding-left: 10px; } .p-l-10i { padding-left: 10px !important; } .p-l-15 { padding-left: 15px ; } .p-r-0 { padding-right: 0; } .p-r-5 { padding-right: 5px; } .p-r-10 { padding-right: 10px; } .p-r-10i { padding-right: 10px !important; } .p-r-15{ padding-right:15px; } .p-b-5 { padding-bottom: 5px; } .p-l-r-0{ padding-left:0; padding-right:0; } .p-b-0 { padding-bottom: 0; } .p-b-10 { padding-bottom: 10px; } .p-b-15 { padding-bottom: 15px; } .p-t-5 { padding-top: 5px; } .p-t-0 { padding-top: 0; } .pl-25 { padding-left: 25px; } .pl-50{ padding-left:50px; } .wo-pl-60 { padding-left: 60px !important; } .p-50 { padding: 50px 50px; } .p-t-10 { padding-top: 10px; } .p-t-15 { padding-top: 15px; } .border-bottom { border-bottom: 1px solid #eee; } .pos-rel{ position: relative; } .pos-ab { position: absolute; } .mandatory-info { padding-left: 3px; display: inline-flex; } @media (max-width:992px) { .sm-stack { display: inline-block; } } /*Global styles End */ .btn-h-53{ height:53px; } /* Receipt Item Summery */ .rapid-error-wrapper { width: 100%; position: absolute; background: #fff; z-index: 100; height: 100%; left: 0; top: 0; border: 2px solid #d32f2f; text-align: center; } .rapid-error-wrapper.rpt-dis { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; /*padding: 30px;*/ color: #d32f2f; flex-direction: column; font-size: 15px; word-break:break-all; white-space:normal; } .word-break { word-break: normal; } .rapid-error-wrapper.rpt-dis >div{ padding-bottom: 15px; } .rapid-error-wrapper > .material-icons { color: #d32f2f; font-size: 60px; width: 100%; text-align: center; /*padding: 30px 15px 15px 15px;*/ } .rapid-error-wrapper p { color: #d32f2f; font-size: 17px; padding: 15px; } .error-confirm-btn { font-size: 17px; padding: 15px 90px; background: #fff; color: #d32f2f; border: 2px solid #F44336; border-radius: 3px; } .error-confirm-btn:hover { color: #c62828; border: #c62828 2px solid; background: #ffcdd2 } .dash-b-item-sum-head, .dash-b-item-sum-data { font-weight: 600; font-size: 16px; text-align: left; margin-bottom: 7px; color: #55524f; } .dash-b-item-sum-data { font-size: 14px !important; font-weight:normal !important; } .dash-b-item-sum-btn { color: #022c53; font-weight: 700; box-sizing: border-box; font-size: 14px; padding: 7px 10px; border: 1px solid #022c53; } .dash-b-item-sum-btn span { position: relative; top: 2px; font-size: 15px; } .dash-b-item-sum-btn.disabled { border: 1px solid #aeb1b5; color: #8a8c8e; cursor: not-allowed !important; } .dash-b-item-sum-footer-lbl { font-weight: 700; font-size: 16px; color: #55524f; } .dash-b-item-sum-footer-wrap { margin-top:12px; } .download-btn { padding: 1px; position: relative; top: -5px; float: right; } .download-btn .material-icons { width: auto; font-size: 30px; color: #0d47a1; } .tot-recieve-item-cha { width: 41px; height: 37px; text-align: center; font-weight:500; font-size: 18px; color: #fff; background:#3d83c4; } .ware-spool-wrap { border:1px solid #ccc; } .ware-spool-wrap.active { background: #b0d0ee; } .serial-pool-color-num { width: 56%; font-size: 16px; cursor:pointer; } .serial-pool-total-receive { font-weight:600; font-size:15px; } .destroy-serial-text { font-size:12px; } .form-group { margin-bottom:7px; } .item-summery-dropdown { /*font-size: 13px !important;*/ padding: 0; } .item-summery-label-radio { /*font-size:13px;*/ position:relative; top:2px; } .item-summery-radio-wrap { height:32px; } .item-summery-lbl { font-size: 15px; } .item-summery-main-search-lbl { line-height: 30px; font-size: 15px; font-weight: 700; } .item-summery-label-small { font-size: 12px; color: #a8a6a6; } .item-summery-popup { min-height:219px !important; } .search-wrapper { position: relative; } .search-wrapper::before { content: "\e8b6"; font-family: "Material Icons"; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); font-size: 1.25rem; color: #888; background-color: white; } /* Receipt ItemSummery End */ .pallet-details { height: 65%; } /*new KPI*/ .new-kpi-wrapper { display: flex; padding: 15px; border-radius: 5px; border-top: 1px solid #ccc; border-right: 1px solid#ccc; border-bottom: 1px solid #ccc; border-left: 3px solid #ccc; margin-bottom: 15px; } .kpi-ico { display: flex; align-items: start; padding: 0; } .kpi-ico span { width: 48px; height: 48px; border-radius: 90px; display: flex; align-items: center; justify-content: center; } .kpi-content-wrapper { padding: 0 10px; display: flex; flex-direction: column; flex:1; } .kpi-content-wrapper h1 { color: #2196F3; font-size: 20px; margin-top: 0; } span.kpi-main-data label { font-size: 18px; font-weight: 600; margin-bottom: 5px; float: left; } span.kpi-secondary-data { font-size: 18px; float: left; } span.kpi-secondary-item { padding-right: 15px; float: left; margin-bottom: 5px; } span.kpi-secondary-item .kpisecond-lbl { font-weight: 700; } /*---------------*/ .kpi-error { border-top: 1px solid #D32F2F; border-right: 1px solid #D32F2F; border-bottom: 1px solid #D32F2F; border-left: 3px solid #D32F2F; } .kpi-error .kpi-ico span { background: #FFCDD2; } .kpi-error .kpi-ico span svg { fill: #D32F2F; } .kpi-error .kpi-stat-label { color: #D32F2F; } /*---------------*/ /*---------------*/ .kpi-success { border-top: 1px solid #2E7D32; border-right: 1px solid #2E7D32; border-bottom: 1px solid #2E7D32; border-left: 3px solid #2E7D32; } .kpi-success .kpi-ico span { background: #C8E6C9; } .kpi-success .kpi-ico span svg { fill: #2E7D32; } .kpi-success .kpi-stat-label { color: #2E7D32; } /*---------------*/ /*---------------*/ .kpi-info { border-top: 1px solid #0D47A1; border-right: 1px solid #0D47A1; border-bottom: 1px solid #0D47A1; border-left: 3px solid #0D47A1; } .kpi-info .kpi-ico span { background: #BBDEFB; } .kpi-info .kpi-ico span svg { fill: #0D47A1; } .kpi-info .kpi-stat-label { color: #0D47A1; } /*---------------*/ /*new KPI end*/ /*tag button*/ .tag-btn { background: #ccc; padding: 5px 10px; border-radius: 90px; text-decoration: none; font-weight: 700; margin-right: 5px; font-size:17px; } .l-blue-back { background: #fff; border: 2px solid #039be5; color: #039be5; } .l-blue-back:hover, .l-blue-back.active { background: #039be5; border: 2px solid #039be5; color: #fff; } .green-back { background: #fff; color: #43a047 !important; border: 2px solid #43a047; } .green-back:hover, .green-back.active { background: #1b5e20; color: #fff !important; } .red-back { background: #fff; color: #e57373 !important; border: 2px solid #e57373; } .red-back:hover, .red-back.active { background: #b71c1c; color: #fff !important; } .blue-back { background: #fff; color: #1976d2 !important; border: 2px solid #1976d2; } .blue-back:hover, .blue-back.active { background: #0d47a1; color: #fff !important; } /*tag button*/ @media screen and (min-width: 320px) and (max-width:768px) { .two-col-height.distri-lefr-one #closedContainerChildTable { max-height: 21vh; overflow: auto; } .two-col-height.rapidd-lefr-one .dest-list-wrapper { height: 45vh; } .two-col-height.distri-lefr-one .dest-list-wrapper { height: 45vh; } .rbtn-mobile img { display: none; } .two-col-height.distri-lefr-one { height: 71vh; } two-col-height.distri-lefr-two { height: 33vh; } .rbtn-mobile .content-wrap.radio-wrap .txt-wrap { margin-left: -10px; } .rbtn-mobile .content-wrap.radio-wrap .txt-wrap.text-margin-none { margin-left: 0px; } .gov-scanitems { float: left; width: 100%; overflow-x: clip; max-height: calc(100vh - 700px ) !important; } .txt-wrap.text-align-new { padding-left: 0px !important; } .more-border { margin-top: 20px; } .more-radiobtn-area.btn-toggle .content-wrap.radio-wrap { margin-bottom: 0px !important; } .multiple-items-row .serlial-number { max-width: 65%; } .multiple-items-row .lbl-align-right { max-width: 30%; } .ware-house-mdl .button-wrapper-destribute > div img:first-child { display: none; } #tree_ClosedContainers { height: 25vh; } .two-col-height { min-height: 25vh; } .two-col-height-full { min-height: calc(50vh + 15px); } .disaggr-fade-blue { height: 50vh; float: left; } .destroy-scanitem { height: 70vh; } .receipt-grids > ul { width: 1597px; } /* .recipe-dt-form .receipt-grids > ul, .product-line-dt-form .receipt-grids > ul { width: auto !important ; }*/ .select-prod-list-btn #divAssignPrint, .pending-orders-btn #divAssignPrint { margin-top: 5px; } .d-picknpack-right { overflow: auto; max-height: 56vh; } #PendingOrderItemSummaryBody .main-plain-table tr th:last-child { width: 9.2vw !important; } /*#PendingOrderItemSummaryBody .main-plain-table tr th:nth-child(6) { width: 18.5vw !important; }*/ /*#PendingOrderItemSummaryBody .main-plain-table tr th:nth-child(7) { width: 17.5vw !important; }*/ #SelectedOrderItemSummaryBody .main-plain-table tr th:last-child { width: 9.2vw !important; } #SelectedOrderItemSummaryBody .main-plain-table tr th:nth-child(6) { width: 18.5vw !important; } #SelectedOrderItemSummaryBody .main-plain-table tr th:nth-child(7) { width: 17.5vw !important; } /*newly added for sub order*/ .sub-detail-rw { width: 100%; flex-wrap: wrap !important; } .sub-detail { width: 100%; justify-content: flex-start; flex-wrap: wrap; } .sub-detail .ico-btn { right: -30px; } .sub-val-lbl { padding: 0 !important; font-size: 13px; } .sub-detail-rw .ico-btn span { font-size: 24px; } .bigger-font-tab .sub-lbl { font-size: 13px; white-space: normal; } .fst { width: 100%; flex-wrap: wrap; } .lst { width: 100%; justify-content: flex-start !important; } #BarcodeFunctionsPannel row { display: flex; } .return-wo-detail-container > span { width: 100%; } } /*@media (max-width: 768px) { .sub-detail.ws-indicator, .sub-detail.sub-type-indicator, .sub-detail { width: 100% !important; } }*/ @media (max-width:990px) { .receipts-tbl-one ul#PendingOrderItemSummaryBody, .receipts-tbl-two ul#SelectedOrderItemSummaryBody { max-height: calc(25vh / 2); } .rapidd-lefr-two #tree_ClosedContainers { height: 55vh; } #rbtImmediateLevelDiv img, #rbtScannedItemsDiv img, #rbtAllLevelsInContainerDiv img, #rbtAllBatchItemsDiv img { display: none; } .gov-scanitems { float: left; width: 100%; overflow-x: clip; max-height: calc(100vh - 600px ) !important; } .multiple-items-row .serlial-number { max-width: 90%; } .multiple-items-row .lbl-align-right { max-width: 100%; } #tree_ClosedContainers { height: 25vh; } .destroy-scanitem { height: 50vh; } .receipt-grids > ul { width: 1597px; } .modal-sm { width: 50%; } .modal-md { width: 70%; } .modal-lg { width: 90%; } .modal-sm .custom-modal-content { max-height: auto; } .bigger-font-tab .sub-lbl, .bigger-font-tab .sub-val-lbl, .bigger-font-tab .lbl-so-val, .bigger-font-tab .H2ReactLabel { font-size: 15px; } /*.sub-detail { width: 50%; float: right; }*/ .pending-sub-order-row { width: 1370px; } .border-rgt { border-right: none !important; } .top-wrapper { padding-right: 15px !important; } } @media screen and (min-width: 769px) and (max-width:990px){ .multiple-items-row .serlial-number { max-width: 90%; } .multiple-items-row .lbl-align-right { max-width: 100%; padding-right: 20px; } #tree_ClosedContainers { height: 25vh; } .two-col-height { height: auto; min-height: 34.5vh; } .two-col-height-full { min-height: calc(69vh + 15px); } .disaggr-fade-blue { height: 50vh !important; } .destroy-scanitem { height: 70vh; } .d-picknpack-right { overflow: auto; max-height: 56vh; } .rbtn-mobile .content-wrap.radio-wrap { margin-bottom: 37px; } .text-wrapper .touch-replace-txt, .text-wrapper-scan .touch-replace-txt { padding: 17px 10px !important; } /*.sub-detail { width: 50%; float: right; }*/ .bigger-font-tab .sub-lbl, .bigger-font-tab .sub-val-lbl, .bigger-font-tab .lbl-so-val, .bigger-font-tab .H2ReactLabel { font-size: 15px; } } @media screen and (min-width: 769px) and (max-width:1199px) { .form-control { font-size: 15px !important; } .two-col-height.distri-lefr-one { height: 46vh; } .two-col-height-full.distri-right { height: 79.4vh; } .distri-right .d-picknpack-right { overflow: auto; height: 72.2vh; } #PendingOrderItemSummaryBody .main-plain-table tr th:last-child { width: 9.2vw !important; } /*#PendingOrderItemSummaryBody .main-plain-table tr th:nth-child(6) { width: 17.5vw !important; }*/ /*#PendingOrderItemSummaryBody .main-plain-table tr th:nth-child(7) { width: 16.5vw !important; }*/ #SelectedOrderItemSummaryBody .main-plain-table tr th:last-child { width: 9.2vw !important; } #SelectedOrderItemSummaryBody .main-plain-table tr th:nth-child(6) { width: 17.5vw !important; } #SelectedOrderItemSummaryBody .main-plain-table tr th:nth-child(7) { width: 16.5vw !important; } .receipts-tbl-one ul#PendingOrderItemSummaryBody, .receipts-tbl-two ul#SelectedOrderItemSummaryBody { max-height: calc(42vh / 2); } span.H2ReactLabel.H2Label.padding-left-0 { width: inherit !important; } .reagregate-list { max-height: 27vh; } .reagregate-list > ul { max-height: 27vh; } #scannedItemPannel .re-agg-sect { min-height: 42vh; max-height: 42vh; } .destroy-scanitem { height: 45.5vh; } .gov-scanitems { float: left; width: 100%; overflow-x: clip; max-height: calc(100vh - 533px ) !important; } .multiple-items-row .serlial-number { max-width: 90%; } #divSatusChangedRbt .content-wrap.radio-wrap { margin-bottom: 37px; } .rbtn-mobile .content-wrap.radio-wrap { margin-bottom: 37px; } .multiple-items-row .lbl-align-right { max-width: 100% !important; padding-right: 20px; } #tree_ClosedContainers { height: 25vh; } .two-col-height { height: auto; min-height: 25vh; } .two-col-height-full { min-height: calc(50vh + 15px); } .disaggr-fade-blue { height: 46vh !important; } .receipt-grids > ul { width: 1597px; } /* .recipe-dt-form .receipt-grids > ul, .product-line-dt-form .receipt-grids > ul { width: auto !important ; }*/ .d-picknpack-right { overflow: auto; height: 54vh; } .modal-sm { width: 95%; } .modal-md { width: 95%; } .modal-lg { width: 95%; } .modal-sm .custom-modal-content { max-height: auto; } .bigger-font-tab .text-button .main-touch-btn, .bigger-font-tab .text-button-scan .main-touch-btn { margin: 5px 0 !important; padding: 0px 10px 0px 98px !important; font-size: 19px !important; min-height: 80px; } .text-button button .material-icons, .text-button-scan button .material-icons { width: 80px !important; font-size: 45px !important; height: 80px !important; padding: 17px !important; } .bigger-font-tab .text-button .touch-replace-txt, .bigger-font-tab .text-button-scan .touch-replace-txt { padding: 15px 10px; } .text-wrapper, .text-wrapper-scan { padding: 10px; } .bigger-font-tab .indicator-text, .bigger-font-tab .sub-lbl, .bigger-font-tab .sub-val-lbl, .bigger-font-tab .lbl-so-val, .bigger-font-tab .H2ReactLabel, .bigger-font-tab .ret-prod-name, .bigger-font-tab .ret-lot-no, .bigger-font-tab .scan-label, .bigger-font-tab .Reaggregation_BarcodeMsg, .bigger-font-tab .button-wrapper-destribute, .bigger-font-tab .return-qty, .bigger-font-tab .txt-wrap, .bigger-font-tab .pending-sub-order-row li table td, .bigger-font-tab .pending-sub-order-row li table th, .bigger-font-tab .last-serial-lbl, .bigger-font-tab input[type="text"], .bigger-font-tab input[type="password"], .bigger-font-tab select, .bigger-font-tab .H2ReactLabel, .bigger-font-tab .button-wrapper-destribute, .bigger-font-tab select, .notification-label, .bigger-font-tab .chart-label, .bigger-font-tab tag-btn { font-size: 15px; } .bigger-font-tab .sub-center-heading, .bigger-font-tab .sum-head{ font-size: 19px; } /*.sub-detail { width: 25% !important; float: right; }*/ /*.ws-indicator { float: right; }*/ .pending-sub-order-row { width: 1150px; overflow: auto; } .dock-serial-list{ /*min-height:30vh;*/ } } @media screen and (min-width: 1200px) and (max-width:1366px) { /* .summary-section, .detailed-section { width: 100% !important; }*/ .dock-serial-list { /*min-height: 30vh;*/ } } @media screen and (min-width: 1200px) and (max-width:1439px) { .receipts-tbl-one ul#PendingOrderItemSummaryBody, .receipts-tbl-two ul#SelectedOrderItemSummaryBody { max-height: calc(55vh / 2); } .two-col-height.distri-lefr-one #closedContainerChildTable { max-height: 10vh; overflow: auto; } .two-col-height.rapidd-lefr-one { min-height: 30.5vh; height: auto } .two-col-height.rapidd-lefr-two { height: 25vh; } .two-col-height.distri-lefr-two { height: 25vh; } .two-col-height.distri-lefr-one { height: 41vh; } .two-col-height.rapidd-lefr-one .dest-list-wrapper { max-height: 29vh; } .two-col-height.rapidd-lefr-two .dest-list-wrapper { max-height: 14vh; } .diliveryNumberMultiple.two-col-height-full.rapid-dis-right { height: 61.6vh; } .diliveryNumberMultiple.two-col-height-full.distri-right { height: 68vh; } #PendingOrderItemSummaryBody .main-plain-table tr th:last-child { width: 9.5vw !important; } /*#PendingOrderItemSummaryBody .main-plain-table tr th:nth-child(6) { width: 17.7vw !important; }*/ /* #PendingOrderItemSummaryBody .main-plain-table tr th:nth-child(7) { width: 16.3vw !important; }*/ #SelectedOrderItemSummaryBody .main-plain-table tr th:last-child { width: 9.5vw !important; } #SelectedOrderItemSummaryBody .main-plain-table tr th:nth-child(6) { width: 17.7vw !important; } #SelectedOrderItemSummaryBody .main-plain-table tr th:nth-child(7) { width: 16.3vw !important; } .reagregate-list { max-height: 39vh; } .reagregate-list > ul { max-height: 39vh; } #scannedItemPannel .re-agg-sect { min-height: 54vh; max-height: 54vh; } .destroy-scanitem { height: 46vh; } .gov-scanitems { float: left; width: 100%; overflow-x: clip; max-height: calc(100vh - 533px ); } #divSatusChangedRbt .content-wrap.radio-wrap { margin-bottom: 37px; } .multiple-items-row .serlial-number { /*max-width: 90%;*/ max-width: 70%; } .multiple-items-row .lbl-align-right { max-width: 100%; } .distri-lefr-two #tree_ClosedContainers { height: 18vh; } .two-col-height { min-height: 26.5vh; } .diliveryNumberMultiple .receipts-tbl-one, .diliveryNumberMultiple .receipts-tbl-two { min-height: auto !important; height: auto; } /**/ .two-col-height-full { min-height: calc(53vh + 15px); } .disaggr-fade-blue { height: 44vh !important; } .receipt-grids > ul { width: 1597px; } /* .recipe-dt-form .receipt-grids > ul, .product-line-dt-form .receipt-grids > ul { width: auto !important; }*/ .d-picknpack-right { overflow: auto; height: 60vh; } .artwork-radio-group { width: 100%; margin-bottom: 3px; /*float: left;*/ } .modal-sm { width: 90%; } .modal-md { width: 90%; } .modal-lg { width: 98%; } .modal-sm .custom-modal-content { max-height: auto; } .bigger-font-tab .text-button .main-touch-btn, .bigger-font-tab .text-button-scan .main-touch-btn { margin: 5px 0; padding: 22px 10px 21px 73px; font-size: 17px; } .text-button button .material-icons, .text-button-scan button .material-icons { width: 63px; font-size: 36px; height: 63px; padding: 14px; } .bigger-font-tab .text-button .touch-replace-txt, .bigger-font-tab .text-button-scan .touch-replace-txt { padding: 15px 10px; } .text-wrapper, .text-wrapper-scan { padding: 13.5px; } /*.sub-detail { width: 25% !important; float: right; }*/ /*.ws-indicator { float: right; }*/ .sub-type-indicator { float: right; } .bigger-font-tab .text-wrapper label, .bigger-font-tab .text-wrapper-scan label { left: 22px; } .bigger-font-tab .section-wrapper .text-wrapper-scan label { left: 35px; top: 12px; } .pending-sub-order-row { /*width: 1450px;*/ } .main-info-heading-label { display: block; } .main-ifo-sub-lbl { width: 100%; float: left; display: block; } .main-ifo-sub-val { float: left; width: 100%; display: block; padding-left: 85px; overflow: auto; } .bigger-font-tab input[type="text"], .bigger-font-tab input[type="password"], .bigger-font-tab select, .bigger-font-tab .H2ReactLabel, .bigger-font-tab .button-wrapper-destribute, .bigger-font-tab .custom-modal-content { font-size: 17px; width: 100%; padding-top: 3px; line-height: 21px; } .bigger-font-tab .button-wrapper-destribute { padding-top: 0; } .bigger-font-tab .level-two-h1, .bigger-font-tab .gen-label { font-size: 17px; } .bigger-font-tab .main-plain-table tbody tr td, .bigger-font-tab .ui-widget input, .bigger-font-tab .ui-widget select, .bigger-font-tab .ui-widget textarea, .ui-widget button, .bigger-font-tab .sub-info-lbl, .bigger-font-tab .sub-info-val, .bigger-font-tab.ui-dialog .ui-dialog-title, .bigger-font-tab .PopupContent, .bigger-font-tab .ui-button-text-only .ui-button-text, .bigger-font-tab .barcode-cancel-yesno, .barcode-cancel-yesno-PendingSubOrders, .barcode-cancel-yesno-verifyByConfirm, .barcode-cancel-yesno-scanLastPrint, .barcode-cancel-yesno-verifyByScan, .barcode-Dock-cancel-verifyByScan, .bigger-font-tab .pending-sub-order-row li .no-data, .bigger-font-tab .info-para, .bigger-font-tab .tab-version ul li, .bigger-font-tab .indicator-text, .bigger-font-tab .last-serial-lbl, .bigger-font-tab .scan-label, .bigger-font-tab .pending-sub-order-row li table th, .bigger-font-tab .pending-sub-order-row li table td, .bigger-font-tab .ret-prod-name, .bigger-font-tab .ret-lot-no, .bigger-font-tab .lbl-so-val, .bigger-font-tab .return-qty, .bigger-font-tab .ret-prod-scan-qty, .bigger-font-tab .res-item-name, .bigger-font-tab .txt-wrap, .bigger-font-tab .Reaggregation_BarcodeMsg, .bigger-font-tab .lbl-pl, .bigger-font-tab .plain-teble, .bigger-font-tab .messaging-snippet-message, .bigger-font-tab .top-btn-bar-cell, .bigger-font-tab .summary-wrapper, .bigger-font-tab ul.sub-segment li .summary-serial-list-amount, .bigger-font-tab .scan-serial-lbl, .bigger-font-tab .button-wrapper-destribute, .bigger-font-tab .sub-btn, .bigger-font-tab .Reaggregation_BarcodeMsg, .bigger-font-tab select, .notification-label, .bigger-font-tab ul.summary-serial-list li, .bigger-font-tab tag-btn{ font-size: 17px; } .bigger-font-tab .sub-info-lbl-muted, .bigger-font-tab .sub-info-val-muted { font-size: 14px; } /*.doc-main-section { min-height: 600px !important; } .doc-main-section .active-pallet-height { min-height: 293px !important; max-height: 293px !important; } .doc-main-section .dock-serial-list { min-height: 242px !important; max-height: 242px !important; }*/ .main-menu > ul { height: calc(100vh - 179px); } } @media screen and (min-width: 1190px) and (max-width: 1281px) { #scannedItemPannel .re-agg-sect { min-height: auto; max-height: unset; } .reagregate-list > ul { height: 49vh; max-height: unset; } .destroy-list > ul { height: 54vh; max-height: unset; } .reagregate-list { max-height: unset; } .destroy-scanitem { height: 41vh; } .gov-sample-list { height: 49vh; } #V2closedContainerChildTable { height: 46.7vh !important; /*height: 37vh !important;*/ } #SipmentOrderItemSummaryBody { /*height: 62vh !important;*/ height: 66vh !important; } .disaggr-fade-blue { height: calc(100vh - 160px) !important; } .return-quality-list { height: 36vh; } .bigger-font .last-serial-lbl, .bigger-font .lbl-so-val, .bigger-font .ret-prod-name, .bigger-font .ret-lot-no, .bigger-font .return-qty, .bigger-font .ret-prod-scan-qty, .bigger-font .res-item-name, .bigger-font .txt-wrap, .bigger-font .Reaggregation_BarcodeMsg, .bigger-font .lbl-pl, .bigger-font .plain-teble, .bigger-font .messaging-snippet-message, .bigger-font .top-btn-bar-cell, .bigger-font .summary-wrapper, .bigger-font ul.sub-segment li .summary-serial-list-amount, .bigger-font .scan-serial-lbl, .bigger-font-tab select, .notification-label, .bigger-font .chart-label, .bigger-font .H2Label, .bigger-font ul.sub-segment li, .bigger-font .H2ReactLabel { font-size: 15px; } /*repid distribution grid*/ .order-sum-label { width: 100% !important; } .ret-prod-progress-bar.rp-distribution { width: 100% !important; } .rapid-dis-right .rp-distribution .progress-outer-wrapper, .rp-distribution .progress-outer-wrapper { width: 75% !important; } .bigger-font .prog-start, .bigger-font .prog-end { font-size: 12px; } .bigger-font .rp-distribution .return-qty { font-size: 12px; } .bigger-font input, .bigger-font select { font-size: 15px; } .bigger-font .H2ReactTextBox.H2Control.button-wrapper-destribute span { font-size: 15px; } .bigger-font .button-wrapper-destribute .material-icons { font-size: 30px !important; } .rtn-order-progress .ret-prod-progress-bar.rp-distribution { width: 50% !important; } } @media screen and (min-width: 1440px) { .internal-material-tbl .td-right { width: 50% !important; } .internal-material-tbl .td-left { width: 50% !important; } .diliveryNumberMultiple .receipts-tbl-one, .diliveryNumberMultiple .receipts-tbl-two { min-height: auto !important; height:auto; } .receipts-tbl-one ul#PendingOrderItemSummaryBody, .receipts-tbl-two ul#SelectedOrderItemSummaryBody { max-height: calc(55vh / 2); } .two-col-height.rapidd-lefr-one .dest-list-wrapper { max-height: 20vh; } .two-col-height.distri-lefr-one .dest-list-wrapper { max-height: 14vh; } .two-col-height.rapidd-lefr-two .dest-list-wrapper { max-height: 18vh; } .two-col-height.distri-lefr-two .dest-list-wrapper { max-height: 18vh; } .reagregate-list { max-height: 42.5vh; } .reagregate-list > ul { max-height: 50vh; } #scannedItemPannel .re-agg-sect { min-height: 56vh; max-height: 56vh; } .gov-scanitems { float: left; width: 100%; overflow-x: clip; max-height: calc(100vh - 573px ); } #divSatusChangedRbt .content-wrap.radio-wrap { margin-bottom: 37px; } .multiple-items-row .serlial-number { /*max-width: 40%;*/ max-width: 65%; } .multiple-items-row .lbl-align-right { float: right; width: 35%; } #tree_ClosedContainers { height: 25.5vh; } .two-col-height { min-height: 30vh; } .two-col-height-full { min-height: calc(60.8vh + 15px); } .disaggr-fade-blue { height: 64vh !important; float: left; } .d-picknpack-right { float: left; width: 100%; overflow: auto; max-height: 66vh; } .text-wrapper, .text-wrapper-scan { padding: 14px; } .bigger-font-tab .text-button .main-touch-btn, .bigger-font-tab .text-button-scan .main-touch-btn { /*padding: 29px 10px 29px 98px;*/ padding: 0 10px 0 98px; font-size: 19px; min-height: 80px; } .bigger-font-tab .text-wrapper label, .bigger-font-tab .text-wrapper-scan { left: 27px; } .bigger-font-tab .section-wrapper .text-wrapper-scan label { left: 39px; top: 12px; } .text-button button .material-icons, .text-button-scan button .material-icons { width: 80px; font-size: 46px; height: 80px; padding: 17px; } .bigger-font-tab .text-button .touch-replace-txt, .bigger-font-tab .text-button-scan .touch-replace-txt { padding: 23px 10px; } /*.sub-detail { width: 25%; float: right; }*/ /*.ws-indicator { float: right; }*/ .sub-type-indicator { float: right; } .pending-sub-order-row { /*width: 1400px;*/ overflow: auto; } } @media screen and (min-width: 1600px) { .internal-material-tbl .td-right { width: 50% !important; } .internal-material-tbl .td-left { width: 50% !important; } #tree_ClosedContainers { height: 22.5vh !important; } .multiple-items-row .serlial-number { max-width: 65%; } .multiple-items-row .lbl-align-right { max-width: 50% !important; } #tree_ClosedContainers { height: 25vh; } .d-picknpack-right { float: left; width: 100%; overflow: auto; max-height: 56vh; } #PendingOrderItemSummaryBody .main-plain-table tr th:last-child { width: 9.2vw !important; } /*#PendingOrderItemSummaryBody .main-plain-table tr th:nth-child(6) { width: 18.2vw !important; }*/ /* #PendingOrderItemSummaryBody .main-plain-table tr th:nth-child(7) { width: 17vw !important; }*/ #SelectedOrderItemSummaryBody .main-plain-table tr th:last-child { width: 9.2vw !important; } #SelectedOrderItemSummaryBody .main-plain-table tr th:nth-child(6) { width: 18.2vw !important; } #SelectedOrderItemSummaryBody .main-plain-table tr th:nth-child(7) { width: 17vw !important; } .destroy-scanitem { height: 46vh; } .bigger-font-tab .text-button .main-touch-btn { padding: 19px 10px 19px 76px; } .bigger-font-tab .text-button .radio-no-text { padding: 0; } .bigger-font-tab .text-wrapper label { left: 24px; } .bigger-font-tab .section-wrapper .text-wrapper-scan label { left: 42px; top: 12px; } .text-button button .material-icons{ width: 60px; font-size: 46px; height: 60px; padding: 7px; } .text-wrapper, .text-wrapper-scan { padding: 20px; } .bigger-font-tab .text-button .touch-replace-txt, .bigger-font-tab .text-button-scan .touch-replace-txt { padding: 15px 10px; } /*.sub-detail { width: 25%; float: right; }*/ /*.ws-indicator { float: right; }*/ .sub-type-indicator { float: right; } .pending-sub-order-row { width: 100%; } .bigger-font-tab .text-wrapper label, .bigger-font-tab .text-wrapper-scan label { top: -3px; left: 32px; font-size: 19px; } } @media screen and (min-width:1600px) and (max-width:1800px) { /*.sub-detail { width: 25%; float: right; }*/ .internal-material-tbl .td-right { width: 50% !important; } .internal-material-tbl .td-left { width: 50% !important; } } @media screen and (min-width: 1920px) { .internal-material-tbl .td-right { width: 50% !important; } .internal-material-tbl .td-left { width: 50% !important; } .bigger-font-tab .text-wrapper label, .bigger-font-tab .text-button .main-touch-btn, .bigger-font-tab .text-button-scan .main-touch-btn { font-size: 25px; } .text-button button .material-icons, .text-button-scan button .material-icons { width: 99px; height: 99px; padding: 27px } .bigger-font-tab .text-button .main-touch-btn, .bigger-font-tab .text-button-scan .main-touch-btn { /*padding: 35px 10px 35px 122px;*/ padding: 0 10px 0 122px; min-height:98px; } .bigger-font-tab .text-button .radio-no-text { padding: 0; } .text-wrapper, .text-wrapper-scan { padding: 22px; } .bigger-font-tab .text-wrapper label, .bigger-font-tab .text-wrapper-scan label { left: 33px; } .bigger-font-tab .section-wrapper .text-wrapper-scan label { left: 45px; top: 12px; } .bigger-font-tab .text-button .touch-replace-txt, .bigger-font-tab .text-button-scan .touch-replace-txt { padding: 25px 10px; } /*.ws-indicator { float: right; }*/ .sub-lbl, .sub-val-lbl { font-size: 21px !important; } } .hide-ocs-button { display: none; } .internal-material-tbl .td-right{ width: 50%; } .internal-material-tbl .td-left { width: 50%; } /*----------------------- */ .artwork-radio-group > span { float: left; } .childtbl-wrapdiv-two.eaches { max-height: 495px; overflow-y: auto; overflow-x: hidden; } .H2LabelTextboxCell .childtbl-wrapdiv-one, .H2LabelTextboxCell .childtbl-wrapdiv-two { overflow-y: auto; overflow-x: hidden; width: 100%; float: left; max-height: 37.5vh; } .summary-sect.pro-summary-sect .sammary-descript { float: left; cursor: default; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 35px; } .cms-boxes-items { width: 100%; float: left; padding: 0; background: #2196f3; border-radius: 4px; -webkit-box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); -moz-box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); height: 410px; cursor:pointer; } .cms-boxes-items:hover { background: #1565c0; } .small-box { float: left; width: 100%; padding: 50px 10px; text-align: center; } .small-box h3 { font-size: 28px; text-transform: uppercase; color: #fff; word-break: break-all; } .small-box p { font-size: 21px; color: #fff; } .small-box img { width: 150px; border: 2px solid #fff; border-radius: 100px; margin-bottom: 20px; background: rgb(0 0 0 / 42%); } /*Sub Order Page */ .scan-button-icon { position: relative; } .scan-button-icon span.material-icons { position: absolute; z-index: 12; background: #2196f3; color: #fff; display: table-cell; text-align: center; vertical-align: middle; border-radius: 0 4px 4px 0; top: 15%; right: 37%; font-size: 28px; } .printer-popup-suborder { flex-grow: 1; /*width: 33%;*/ height: 100px; padding: 0 5px 0 5px; } /*Sub Order Page */ /*.container-nw { display:flex; justify-content:center; align-items:center; height:100%; } .height100{ height:100%; } .overflow{ overflow:hidden; }*/ /*.fl-con { display: flex; height: 454px; flex-wrap: wrap; justify-content: center; align-items: flex-start; }*/ .bigger-font-tab .text-button .touch-replace-txt { padding: 25px 10px !important; } .bigger-font-tab .text-button .touch-replace-txt:hover{ margin:0; } /* Global */ .flex-wrap{ display:flex; flex-wrap: wrap; } .float-none { float:none !important; } .float-right { float: right; } .float-left { float: left; } .overflow-hid{ overflow: hidden; } .wordbreak-menu { } .workstation-print-list { height } .sub-val-lbl { white-space: pre-wrap; word-break:break-all; } .word-wrap { white-space: pre-wrap; float: left; } .radio-btn-align { height: 25px; align-items: center; /*position:relative; top:-5px;*/ } .radio-btn-align input[type="radio"] { margin: 7px 3px 0 0; } .radio-align-wrapper { padding: 3px 0px 10px 0; } .radio-btn-align .mar-top { /*position: relative; top: 2px;*/ display:flex; } .radio-align { display: flex; align-items: center; } .radio-wrapper{ position:relative; top:-2px; } .form-control { font-size: 21px !important; } .print-btn { height: 120px; display: flex; flex-wrap: wrap; align-items: center; padding: 0 0 0 105px !important; } .width-unset { width: 100% !important; } .word-break-all { word-break: break-all; } .group-label { width: 25px; float: left; } .input-section { display: flex; width: calc(100% - 25px); } .day { cursor: pointer; } .day.selected { background-color: #007bff; color: white; } #selected-date { margin-top: 20px; font-size: 18px; } .day .weekday { font-weight: bold; } .day .date { font-size: 0.9rem; } .week-btn{ height:50px; width:50px; } /* Global End */ /* (1440x900) WXGA+ Display */ @media screen and (max-width: 1440px) { /*.sub-detail { display: flex; width: 40% !important; justify-content: flex-end; margin-right: 45px; }*/ .form-control { font-size: 21px !important; } .recipe-info-th { width: auto !important; } } /*.td-left, .td-right{ width: 100% !important; }*/ .sub-lbl, .serial-detail-lbl { /*width: auto !important;*/ } /*.radio-btn1 { margin-top:-5%; } .radio-btn1 .mar-top { margin-top: 5px !important; }*/ .topmenu-body > ul.controls { display:flex; flex-wrap:wrap; } @media (max-width: 768px) { /*.sub-detail.ws-indicator, .sub-detail.sub-type-indicator, .sub-detail { width: 100% !important; float:left; }*/ .bigger-font-tab .text-button .main-touch-btn, .bigger-font-tab .text-button-scan .main-touch-btn { width:100%; } #BarcodeFunctionsPannel row { display: flex; } /* Recipe Daily Target table content */ /*.hourly-info-table-div .time-th, .hourly-info-table-div .time-td { width: 40vw !important; } .hourly-info-table-div .pro-time-th, .hourly-info-table-div .pro-time-td, .hourly-info-table-div .fte-th, .hourly-info-table-div .fte-td { width: 30vw !important; } .hourly-info-table-div input { width: 10vw !important }*/ } @media screen and (max-width: 1400px) { /* date selector in Product Line Daily Target */ .week-btn { width: 40px !important; height: 40px !important; } .week-day { font-size: 14px !important; } .main-btn-div.main-btn { flex-direction: column; } /* common */ .maxwidth-50 { max-width: 100%; } } .sub-detail-rw { display:flex; width:100%; } .sub-detail-rw .sub-lbl, .sub-detail-rw .sub-val-lbl { display: flex; flex-wrap: nowrap; width: auto !important; padding-right: 50px; } .sub-detail-rw .sub-lbl { padding-right: 10px !important; } .sub-detail { display: flex; justify-content: flex-start; /*min-width: 25%;*/ flex-wrap: nowrap; } /*.sub-detail-rw { display: flex; flex-wrap: wrap; justify-content: space-between; } .sub-detail { display: flex; flex-wrap: nowrap; min-width: 25%; }*/ .barcode { border: thin solid #ddd; width: 250px; border-radius: 15px; padding: 10px; margin-bottom: 10px; } #params > table > tr > th:first-child { padding-bottom: 10px; } .text-mod{ width: 100%; } .sub-modal { width: 100% !important; } .custom-modal-content { border-top: none !important; } .ui-dialog .ui-dialog-titlebar-close { right: 1.3em !important; } .email-checkbox{ display:flex !important; } .checkbox-set{ width:auto!important; } .dataTable thead { position: sticky; top: 0; } .remove-space { padding-left: 10px !important; padding-top: 0 !important; } .sub-detail { margin-right: unset !important; } /*.ws-indicator span:last child { margin-right: 10%; }*/ .fst { width: 75%; } .lst { width: 25%; justify-content: flex-end !important; margin-right: 4%; } .fst .sub-detail { width: calc(100% / 3) !important; width: 100% !important; } /*.sub-val-lbl { white-space: nowrap; }*/ .sub-lbl { white-space: normal; } .detail-msg.Reaggregation_BarcodeMsg { display:inline-block; margin-top: 5px; } .material-icons.suborder-selection-btn, .grid-row-print-btn { display: flex; justify-content: center; font-size: 30px; background: none !important; color: #3c65a4 !important; width: auto !important; height: 100%; align-items: center; } .material-icons.suborder-selection-btn:hover, .grid-row-print-btn:hover { color: #6ab76a !important; } @media only screen and (min-width: 960px) { /* styles for browsers larger than 960px; */ .sub-detail-rw { display: flex; justify-content: space-between; flex-wrap: nowrap; width: 100%; } .bigger-font-tab .text-button .main-touch-btn, .bigger-font-tab .text-button-scan .main-touch-btn { margin: 5px 0 !important; padding: 0 20px 0 100px; font-size: 19px !important; min-height: 80px; } .sub-detail-rw { width: 100%; flex-wrap: nowrap; } .fst { width: 75%; flex-wrap: nowrap; } .lst { width: 25%; justify-content: flex-end !important; } .sub-detail-rw .sub-lbl, .sub-detail-rw .lbl-so-val { font-size: 13px !important; } /*.sub-detail-rw .sub-val-lbl, .sub-detail-rw .H2ReactLabel { font-size: 13px !important; }*/ } @media only screen and (min-width: 1440px) { /* styles for browsers larger than 1440px; */ .sub-detail-rw { display: flex; justify-content: space-between; flex-wrap: nowrap !important; width: 100%; } /*.bigger-font-tab .text-button .touch-replace-txt { padding: 49px 10px !important; }*/ .bigger-font-tab .text-button .main-touch-btn, .bigger-font-tab .text-button-scan .main-touch-btn { margin: 5px 0 !important; /*padding: 37px 10px 37px 122px !important;*/ padding: 0 20px 0 110px; font-size: 21px !important; min-height: 98px; } .sub-detail-rw { width: 100%; flex-wrap: nowrap; } .fst { width: 75%; flex-wrap: nowrap; } .sub-lbl, .sub-val-lbl { font-size: 16px; } .sub-detail-rw .sub-val-lbl, .sub-detail-rw .H2ReactLabel { font-size: 16px !important; } .lst { width: 25%; justify-content: flex-end !important; } } @media only screen and (min-width: 2000px) { /* for sumo sized (mac) screens */ .sub-detail-rw { display: flex; justify-content: space-between; flex-wrap: nowrap; width: 100%; } .bigger-font-tab .text-wrapper label, .bigger-font-tab .text-wrapper-scan label { top: -3px; left: 32px; font-size: 19px; } .bigger-font-tab .section-wrapper .text-wrapper-scan label { left: 45px; top: 12px; } .bigger-font-tab .text-button .touch-replace-txt { padding: 49px 10px !important; } .bigger-font-tab .sub-lbl, .bigger-font-tab .sub-val-lbl { font-size: 21px; } .bigger-font-tab .text-button .main-touch-btn, .bigger-font-tab .text-button-scan .main-touch-btn { margin: 5px 0 !important; padding: 33px 10px 33px 120px !important; font-size: 30px !important; } /*.bigger-font-tab .text-button .main-touch-btn, .bigger-font-tab .text-button-scan .main-touch-btn { margin: 5px 0 !important; padding: 29px 10px 29px 98px !important; font-size: 19px !important; }*/ .bigger-font-tab .text-button .main-touch-btn, .bigger-font-tab .text-button-scan .main-touch-btn { /*padding: 35px 10px 35px 122px;*/ padding: 0 10px 0 122px; min-height: 98px; } /*newly added*/ .bigger-font-tab .text-button .main-touch-btn{ margin: 5px 0 !important; padding: 61px 10px 61px 175px !important; font-size: 30px !important; } /*end*/ .text-button button .material-icons { width: 156px; height: 156px; font-size: 75px; padding: 40px; } .switch-present .main-touch-btn { font-size: 21px !important; } .switch-present .text-button button .material-icons { padding: 32px; } .sub-detail-rw { width: 100%; flex-wrap: nowrap; } .fst { width: 75%; flex-wrap: nowrap; } .lst { width: 25%; justify-content: flex-end !important; } } @media only screen and (max-device-width: 480px) { /* styles for mobile browsers smaller than 480px; (iPhone) */ .form-control { font-size: 11px !important; } .sub-detail { width: 100%; /*justify-content: flex-start; flex-wrap: nowrap;*/ } .sub-val-lbl { padding: 0 !important; } .bigger-font-tab .sub-lbl, .bigger-font-tab .sub-val-lbl { font-size: 21px; } .sub-detail-rw { width: 100%; flex-wrap: wrap; } .fst { width: 100%; flex-wrap: wrap; } .lst { width: 100%; justify-content: flex-start !important; } .sub-detail-rw .sub-lbl, .sub-detail-rw .lbl-so-val { font-size: 13px !important; } .sub-detail-rw .sub-val-lbl, .sub-detail-rw .H2ReactLabel { font-size: 13px !important; } .material-icons.suborder-selection-btn { font-size: 22px !important; } } @media only screen and (device-width: 768px) { /* default iPad screens */ .form-control { font-size: 21px !important; } .sub-detail-rw { width: 100%; flex-wrap: wrap !important; } .sub-detail { width: 100%; justify-content: flex-start; flex-wrap: wrap; } .sub-detail .ico-btn { right: -30px; } .sub-val-lbl { padding: 0 !important; font-size:15px; } .sub-detail-rw .ico-btn span { font-size: 24px; } .bigger-font-tab .sub-lbl { font-size: 15px; } .fst { width: 100%; flex-wrap: wrap; } .lst { width: 100%; justify-content: flex-start !important; } #BarcodeFunctionsPannel row { display:flex; } .material-icons.suborder-selection-btn { font-size: 22px !important; } } /* different techniques for iPad screening */ @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { /* For portrait layouts only */ .sub-detail { width: 100%; justify-content: flex-start; flex-wrap: nowrap; } .sub-detail-rw .ico-btn span { font-size: 24px; } .sub-val-lbl { padding: 0 !important; } .sub-detail-rw { width: 100%; flex-wrap: wrap; } .sub-val-lbl { font-size: 15px !important; } .fst { width: 100%; flex-wrap: wrap; } .lst { width: 100%; justify-content:flex-start !important; } } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { /* For landscape layouts only */ .form-control { font-size: 15px !important; } .sub-detail-rw { display: flex; justify-content: space-between; flex-wrap:nowrap; width: 100%; } .sub-detail-rw { width: 100%; flex-wrap: nowrap; } .fst { width: 75%; flex-wrap: nowrap; } .lst { width: 25%; justify-content: flex-end !important; } .sub-val-lbl { font-size: 15px !important; } } .inner-sub{ display:flex; justify-content:space-between; } /*Only for tab screen*/ /* ----------- Galaxy Tab 2 ----------- */ /* Portrait and Landscape */ @media (min-device-width: 800px) and (max-device-width: 1280px) { .login-content input[type="text"], .login-content input[type="password"] { font-size: 18px; } .login-content select { font-size: 18px; } .login-content label { font-size: 18px; } .login-content .login-btn { font-size: 18px; } } /* Portrait */ @media (max-device-width: 800px) and (orientation: portrait) { .login-content input[type="text"], .login-content input[type="password"] { font-size: 18px; } .login-content select { font-size: 18px; } .login-content label { font-size: 18px; } .login-content .login-btn { font-size: 18px; } .sub-lbl { margin-bottom: 10px; } .sub-lbl, .sub-val-lbl { font-size: 18px !important; } .text-wrapper-scan label { font-size: 19px; } } /* Landscape */ @media (max-device-width: 1280px) and (orientation: landscape) { .login-content input[type="text"], .login-content input[type="password"] { font-size: 18px; } .login-content select { font-size: 18px; } .login-content label { font-size: 18px; } .login-content .login-btn { font-size: 18px; } } /* ----------- Galaxy Tab S ----------- */ /* Portrait and Landscape */ @media (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) { .login-content input[type="text"], .login-content input[type="password"] { font-size: 18px; } .login-content select { font-size: 18px; } .login-content label { font-size: 18px; } .login-content .login-btn { font-size: 18px; } .rp-distribution .return-qty { font-size: 10px !important; } .prog-start, .prog-end { font-size: 10px !important; } } /* Portrait */ @media (max-device-width: 800px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .login-content input[type="text"], .login-content input[type="password"] { font-size: 18px; } .login-content select { font-size: 18px; } .login-content label { font-size: 18px; } .login-content .login-btn { font-size: 18px; } .sub-lbl { margin-bottom: 10px; } .sub-lbl, .sub-val-lbl { font-size: 18px !important; } .text-wrapper-scan label { font-size: 19px; } .rp-distribution .return-qty { font-size: 10px !important; } } /* Landscape */ @media (max-device-width: 1280px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .login-content input[type="text"], .login-content input[type="password"] { font-size: 18px; } .login-content select { font-size: 18px; } .login-content label { font-size: 18px; } .login-content .login-btn { font-size: 18px; } .rp-distribution .return-qty { font-size: 10px !important; } } /*end*/ /*@media only screen and (min-width: 700px) and (max-width: 900px) { .login-content input[type="text"], .login-content input[type="password"] { font-size: 18px; } .login-content select { font-size: 18px; } .login-content label { font-size: 18px; } .login-content .login-btn { font-size: 18px; } .sub-lbl{ margin-bottom:10px; } .sub-lbl, .sub-val-lbl { font-size: 18px !important; } .text-wrapper-scan label{ font-size:19px; } } @media only screen and (min-width: 1080px) and (max-width: 1300px) { .login-content input[type="text"], .login-content input[type="password"] { font-size: 18px; } .login-content select { font-size: 18px; } .login-content label { font-size: 18px; } .login-content .login-btn { font-size: 18px; } }*/ @media only screen and (min-width: 1200px) and (max-width: 1400px) { .sub-lbl, .sub-val-lbl { font-size: 15px !important; } .rp-distribution .return-qty{ font-size:10px !important; } .line-master-hourly-info-row .Ntooltip label:after, .line-daily-hourly-info-row .Ntooltip label:after { margin-left: -20px } } /*Sub order workflow*/ .lbl-design { background: #e3f2fd7a; border: 1px dashed #999; padding: 0 10px 10px 10px; text-align: justify; } .border-rgt:not(:last-child) { border-right: 1px solid #ddd; min-height: 42px; } .top-wrapper { padding: 5px 0 5px 15px; } .bottom-wrapper { padding: 10px 0 5px 15px; } .printer-list-wraper .ip-label { display: flex; justify-content: flex-start; align-items: center; padding-left: 70px; } /*.printer-list-wraper{ display:inline-block; }*/ .switch-present .text-button .main-touch-btn .material-icons { width: 64px !important; font-size: 37px !important; height: 64px !important; display: flex; justify-content: center; align-items: center; } .bigger-font-tab .switch-present .text-button .main-touch-btn { height: 64px; display: flex; justify-content: flex-start; padding: 0 0 0 96px !important; align-items: center; min-height: unset; } .switch-present { padding-bottom: 15px; } /*logout modal*/ .user-logout { padding: 0 !important; background: #fff; min-width: 200px; min-height: 75px; border-radius: 3px; box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ -webkit-box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); /* Firefox 3.5 - 3.6 */ font-size: 13px !important; color: black !important; cursor: default; } .user-logout::before { content: ' '; width: 0; height: 0; border-top: 7px solid transparent; border-left: 7px solid #fff; border-bottom: 7px solid transparent; z-index: 200; position: absolute; right: -7px; top: 6px; } .user-logout .ico-btn { font-size: 16px; /*color: #ef9a9a;*/ display: flex; justify-content: center; align-items: center; top: unset; right: unset; position: unset; height: 40px; width: 40px; padding: 0; } .user-logout .ico-btn:hover { /*height: 60px; width: 60px; padding: 11px; border-radius: 90px; color: #ef9a9a;*/ transform: none !important; background: none !important; transition: unset; pointer-events:none; } .user-logout .logout-ico { display: flex; justify-content: center; align-items: center; flex-direction:column; /*background: #eee; color: white;*/ /*height: 60px;*/ padding: 10px; width: 100%; box-sizing: border-box; border: 5px solid #ccc; cursor: pointer; } .user-logout .logout-ico:hover .ico-btn .light-blue-ico { color: #fff !important; } .user-logout .logout-ico:hover { background: #104b79 !important; } .user-logout .qus { font-size: 12px; font-weight: 600; display: flex; justify-content: center; padding-bottom: 10px; } .logout-ico:hover .qus{ color: #fff; } .user-logout .sug { display: flex; justify-content: center; font-size: 12px; color: #333; font-weight: 700; } .logout-ico a { text-decoration: none; } /*.user-logout a:hover { background: #ef9a9a29; padding: 10px; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); box-sizing: border-box; color: #ef9a9a; border-radius:3px; }*/ .user-logout .light-blue-ico { font-size: 22px; color: #333; } .user-logout .name-user { padding: 20px 10px 30px 10px; display: flex; justify-content: center; width: 100%; font-weight: 600; font-size: 18px; } .gradient-wrapper { background: linear-gradient(90deg, rgba(0,100,183,1) 0%, rgba(0,145,234,1) 33%, rgba(100,193,255,1) 100%); color: white; } /*Sub order reprint*/ .text-button button .material-icons.reprint-btn-ico { width: 76px !important; height: 76px !important; font-size: 37px !important; padding: 0 !important; display: flex; justify-content: center; align-items: center; } .reprint-btn { width: 100%; height: 76px; display: flex; align-items: center; flex-wrap: wrap; } .sub-modal-padding { padding: 0 5px !important; } .reprint-btn .printerLbl { display: flex; justify-content: flex-start; padding-left: 90px; } .reprint-btn .ip-label { justify-content: flex-start !important; padding-left: 90px !important; font-size: 15px !important; } .sub-reprint.main-touch-btn { height: 50px; } .reprint-lbl { padding-left: 50px; display: flex; } /*home*/ .cms-boxes-outer { padding: 10px 0; } .commonTable thead tr { border-bottom: 3px solid #ccc; } .commonTable tr th { background: #b0cefd; border-bottom: 4px solid #0089ff; text-align: left; font-weight: bold; word-break: break-all; padding-left: 5px; } .commonTableRow { height: 30px; } .commonTableRow td { padding: 2px 5px !important; vertical-align: middle; } .commonTable table { width: 100%; background: #fff; min-width: 463px; margin-left: auto; margin-right: auto; } .completedWorkOrder .popupFull{ width:100%; } .completedWorkOrder .ui-dialog-content{ display:flex; } .completedWorkOrder .ui-dialog-content.PopupImage { padding-right:10px; } #ProductReleasePopup .PopupImage { width: 5%; } #ProductReleasePopup .PopupContent { width: 92%; padding-left:0 !important; } #ProductReleasePopup { display: flex; justify-content: space-between; width: 100% !important; } .ui-dialog-buttonpane{ float:left; width:100%; } #SuspendOrderCommon2.Popup { width: 100% !important; } /*input[type="text"], input[type="password"], select, textarea { border: #29b6f6 solid 1px; }*/ input[type="text"], input[type="password"], input[type="number"], select, textarea { border: 1px solid #b0bec5; } input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, select:focus, textarea:focus { border: #29b6f6 solid 1px; } .controls.filter-ctrl, .topmenu-body .controls { font-size: 11px; } .right-bottom-btn { display: flex; align-items: flex-end; justify-content: end; } .AlertPopUp .Popup, #AlertPopUp .Popup, #ArchivedWorkOrderConfirm.Popup, #WorkorderAlertPopUp .Popup { display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; } .PopupImage { padding-right:45px; } .PopupContent{ width:100%; } .AlertPopUp .Popup .PopupContent, #ArchivedWorkOrderConfirm.Popup .PopupContent, #ProductReleasePopup.Popup .PopupContent, #AlertPopUp .Popup .PopupContent, #WorkorderAlertPopUp .Popup .PopupContent { padding-left: unset !important; padding-top: 5px !important; } #AlertPopUp .PopupContent > div:nth-child(n+1) { padding-left:0; margin-bottom:15px; } #AlertPopUp .PopupContent > div:last-child { padding-bottom: 10px; } #WorkorderAlertPopUp .Popup .PopupContent { padding-left: 5px !important; } /*Rapid Distribution*/ .expand-section { color: #607d8b; } .plain-teble tbody tr.expand-section td { padding: 5px 2px; } .table-error { color: #ef5350; font-size: 12px; position: relative; width: 100%; top: -8px; } .table-error .remove-item { padding: 0 !important; width: 15px; display: block; } .table-error .error-label{ display:block; width: 95%; } .order-sum-label{ width: 50%; align-items:flex-end; } /*.order-sum-label .ret-lot-no, .order-sum-label .unit-price, .order-sum-label .itm-loc { width: 33.3%; }*/ .order-sum-label .ret-lot-no { width: 60%; } .order-sum-label .unit-price { width: 40%; } #PopupOrderContainerWrapper .order-sum-label .ret-lot-no { /*width: 57.5%;*/ } #PopupOrderContainerWrapper .order-sum-label .unit-price { /*width: 42.5%;*/ } .miner-label .imn { color: #607d8b; font-weight: 700; } .ret-prod-progress-bar.rp-distribution { /*width: 30%;*/ justify-content: space-between; align-items: flex-end; } .rtn-order .ret-prod-progress-bar.rp-distribution { width: 40%;/*50*/ justify-content: flex-end !important; } .rp-distribution .prog-messure { display: flex; justify-content: center; font-size: 11px; color: #fff; position: relative; /*top: 0 !important; right: 2px !important;*/ z-index:99; align-items: center; } .rp-distribution .progress-track, .rp-distribution .progress-wrapper { height: 15px !important; } .rp-distribution .return-qty { display: flex; align-items: center; justify-content: center; height: 30px; width: auto; margin-left: 2px; font-size: 11px; min-width: 80px; } .rtn-order-progress{ padding-top:1px; } .prog-end { padding-left: 10px; font-size: 11px; } .active-distribution-btn { padding: 0 5px; height: 23px; width: 50px; border-radius: 2px; left: 10px; background: #4caf50; color: #fff; display:flex; align-content:center; justify-content:center; } .active-distribution-btn.not-active { background: #9575cd; } .active-distribution-btn img { height: 18px !important; } .active-distribution-btn input { background: none; border: none !important; font-size: 12px; color: #fff; font-family: 'Open Sans', sans-serif; } .summary-wrapper.active-order { border: 1px solid #4caf50 !important; background: #4caf501a !important; } .summary-wrapper.serialized { border-left: 3px solid #4caf50 !important; } .summary-wrapper.non-serialized { border-left: 3px solid #ff9800 !important; } .status-icon .lbl-err, .status-icon .lbl-err .material-icons { color: #e53935; display: flex; align-items: center; } .status-icon .lbl-cancle, .status-icon .lbl-cancle .material-icons { color: #9e9e9e; display: flex; align-items: center; } .status-icon .lbl-inpro, .status-icon .lbl-inpro .material-icons { color: #039be5; display: flex; align-items: center; } .status-icon .lbl-comp, .status-icon .lbl-comp .material-icons { color: #388e3c; display: flex; align-items: center; } .status-icon .material-icons { background: none !important; } .plain-teble .expand-section tbody tr td { padding-left: 3px; } .label-status { display: flex; justify-content: flex-end; } .label-status .btn { width: 220px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 300; color: #fff; } .label-status .notcompleted.btn { background: #ff9800; } .label-status .completed.btn { background: #4caf50; } .label-status .pendingVerification.btn { background: #039be5; } .label-status .btn .material-icons { font-size: 24px; margin-right:10px; } .reset-zero { cursor: pointer; display: flex; width: 30px; height: 30px; border: 1px solid #ee6e65; border-radius: 3px; align-items: center; justify-content: center; margin-left: 5px; } .reset-zero:hover { background: #d9ecff; } .reset-zero .material-icons { color: #ee6e65 !important; height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; font-size: 18px; } .reset-zero.disabled { border: 1px solid #ccc !important; } .reset-zero.disabled .material-icons { color: #ccc !important; } .rapid-dis-right .order-container-wrapper .order-sum-label .ret-lot-no, .rapid-dis-right .order-container-wrapper .order-sum-label .unit-price { /*width: 50%;*/ } .miner-label{ width:100%; } .miner-label > span{ display: inline-block; /*width:40%;*/ } .order-itm-sum{ display:flex; justify-content:space-between } .order-itm-sum .top-btn { /*padding-left: 5px;*/ position: relative; top: -2px; } .order-itm-sum .top-btn .text-group-btn { padding: 0; margin: 0; border-radius: 2px; } .rapid-dis-right .rp-distribution .progress-outer-wrapper, .rp-distribution .progress-outer-wrapper { display: flex; align-items: center; padding-right: 15px; padding: 0; justify-content: center; width: 60%; } .rtn-order .rp-distribution .progress-outer-wrapper{ margin-top: 4px; } .rapid-dis-right .rp-distribution .prog-start { /*position: absolute; left: -8px !important;*/ width: 30%; text-align: right; } .rapid-dis-right .rp-distribution .prog-end { /*position: absolute; right: -2px !important; padding-left: 13px;*/ width: 30%; padding-left: 3px; } .rapid-dis-right .rp-distribution .progress-wrapper { width: 40%; max-width: 135px; } .sum-head .count-serial { width: 50%; } .ui-dialog-content .prod-list-return-order li { display: flex; } .ui-dialog-content .prod-list-return-order li .radio_buttonStyle { margin-right:10px; } #DistributionActiveItemButtonPopup { font-size: 15px; } .ui-dialog-titlebar .diliveryNumberMultiple .H2RightLabelCheckBox.H2Control { padding-top:20px; } .minner-title { color: #607d8b; font-weight: 700; padding-bottom: 15px; font-size: 13px; } .prod-list-return-order li.disabled .summary-wrapper { background: #eceff1; } .scan { height: 30px; width: 30px; position: absolute; right: 15px; top: -35px; background: none; border: 1px solid #2196f3; } .scan .material-icons { color: #2196f3 !important; font-size: 25px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; cursor: pointer; } .scan.disabled { border: 1px solid #ccc; } .scan.disabled .material-icons { color: #ccc !important; } .scan:hover { box-shadow: 1px 2px 3px #ccc; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #1976d2; background: #cce7ff91; opacity: 1; } .pie-pack-level-card-wrap { float: left; width: 100%; padding:0 15px; } .pie-pack-level-card { width: 25%; float: left; padding-right: 10px; } .pie-pack-level-card:last-child { padding-right: 0; } .pie-pack-level-card span { padding: 5px; width: 100%; float: left; text-align: center; font-size: 15px; font-weight: 600; background: #fff; color: #022c53; border-radius: 3px; border: 1px solid #022c53; cursor: pointer; } .pie-pack-level-card span.active { background: #fff; border: 1px solid #bc5100; color: #bc5100; } .pie-pack-level-card:hover span { background: #fff; border: 1px solid #42a5f5; color: #002171; } /* Ripple effect */ .ripple { background-position: center; transition: background 0.8s; cursor: pointer; display:flex; align-items:center; justify-content:center; } .ripple:hover { background: #47a7f53d radial-gradient(circle, transparent 1%, #47a7f5 1%) center/15000%; border-radius: 50%; } .ripple:active { background-color: #47a7f53d; background-size: 100%; } .light-blue-ico { width: 22px !important; height: 22px; border-radius: 50%; } .light-blue-ico:hover { background: #47a7f53d; transition: 0.3s; } .expand.light-blue-ico.material-icons, .collapsed.light-blue-ico.material-icons { font-size: 22px; cursor: pointer; } .switch-txt { font-size: 13px; font-weight: 700; display: flex; align-items: center; padding-left: 5px; } /* TOGGLE BUTTON */ .squre-switch { position: relative; display: inline-block; width: 40px; height: 26px; margin-left: 3px; } .squre-switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #4caf50; } input:focus + .slider { box-shadow: 0 0 1px #4caf50; } input:checked + .slider:before { -webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px); } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } #AlertPopUp .PopupContent #btnNewWorkOrder { padding-left: 7px; } #AlertPopUp .PopupContent .ui-button.ui-widget { height: auto; } .PopupContent .rbtn-mobile { margin-bottom: 30px; } .rtn-order-progress .ret-lot-no{ width: 40%;/*50*/ } .rtn-order-progress .unit-price { width: 40%; } .rtn-order-label .return-qty { height: 25px; } .rtn-order .progress-wrapper { width: 70%; } .rtn-order .prog-end { width: 60px; } .rtn-order .order-itm-sum { padding-bottom: 1px; } .rtn-order .progress-outer-wrapper { width: 100%; } /*header fix*/ #DistributionPendingOrderPopupForm .header-fix{ width: 100%; background: #fff; overflow: auto !important; height: 300px; display: block; } #ReturnOrderPopup .header-fix { width: 100%; background: #fff; overflow: auto !important; max-height: 300px; } .ui-dialog #DistributionPendingOrderPopup .ui-dialog-content { overflow: unset; } #DistributionPendingOrderPopup .scanned-tbl-wrapper { overflow: unset; } .header-fix thead { position: sticky; top: 0; } /*header fix end*/ .serialize-nonserialized-img { padding-left: 5px; display:flex; align-items: center; } .rtn-order-page .progress-outer-wrapper .prog-start, .rtn-order .progress-outer-wrapper .prog-end { width: 30%; } .rtn-order-page .progress-outer-wrapper .prog-start { text-align: end; padding-right: 5px; } .rtn-order-page .progress-outer-wrapper .prog-start { text-align: right; padding-right: 5px; } .rtn-order-page .rtn-order .ret-prod-progress-bar.rp-distribution { align-items: center; } .include-complete-order { display: flex; align-items: center; padding: 0 0 10px 10px; } /*ellips*/ .truncate { width: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #RemoveConfirmationPopupOrderContainerWrapper .ret-prod-name { padding-left: 0; } #RemoveConfirmationPopupOrderContainerWrapper { font-size: 14px; } #RemoveConfirmationPopupOrderContainerWrapper.order-container-wrapper { min-height: 20vh; height: unset !important; } #RemoveConfirmationPopupOrderContainerWrapper .prod-list-return-order .summary-wrapper .prod-detail{ border-bottom:none; } #DistributionRemoveItemConfirmationPopup .diliveryNumberMultiple.two-col-height-full.rapid-dis-right { height: 35vh !important; } .single-scan .row.vcenter{ display: flex; align-items:center; } /*bulk cam*/ .main-bulk-wrapper { height: calc(100vh - 40px); position: absolute; width: 100%; z-index: 100; background: #ECEFF1; padding: 15px; } .bulk-cam-header { border-bottom: 1px solid #ccc; padding: 0px 0 10px 0; /*margin: 0 -10px;*/ } .bulk-cam-header h1 { font-size: 22px; font-weight: 400; margin: 5px 15px; height: 8%; } .wheading-span { float: left; width: 80%; } .h90{ height:90%; } .h20 { height: 20%; } .h80 { height: 80%; } .h50 { height: 50%; overflow-y: auto; } .h65 { height: 65%; overflow-y: auto; } .h68 { height: 68%; overflow-y: auto; } .h15 { height: 15%; } .h10 { height: 10%; } .h100 { height: 100%; } .totlbl { float: right; font-weight: 700; } .font10 { font-size: 10px; } .font12 { font-size: 12px; } .font14 { font-size: 14px; } .font16 { font-size: 16px; } .font18{ font-size:18px; } .font20 { font-size: 20px; } .font25 { font-size: 25px; } .font35 { font-size: 35px; } .bulk-cam-scan-main{ height: 99%; } .bulk-cam-content { display: flex; flex-direction: column; justify-content: space-between; width: 100%; } .bulk-cam-content .h15 { display: flex; align-items: flex-end; } .bulk-cam-content .h15 .barcode{ margin-bottom: 0; } .bulk-cam-content.page-initial { justify-content: center; align-items: center; height: 95%; } .bulk-cam-content .text-button.text-button-scan.scan-btn-scan{ width:100%; padding:0 15px; } .bulk-cam-content .text-button.text-button-scan.scan-btn-scan label{ z-index:99; } .bulk-cam-content p { /*padding-top: 150px;*/ padding-bottom: 15px; } .dark-blue-btn { border-radius: 4px; background: #0D47A1; border: 0; margin-bottom: 15px; } .yellow-btn { background: #FFA000; color: #000; border-radius: 4px; border: 0; margin-bottom: 15px; } .yellow-btn:hover { background: #FFC107; } .dark-blue-btn:hover { background: #1565c0; } .yellow-btn .btn-ico-wrapper .material-icons { font-size: 45px; width: auto; color: #000; } .yellow-btn .btn-ico-wrapper { padding: 8px 20px 8px 10px; float: left; border-right: 2px solid #000; } .btn-ico-wrapper .material-icons { font-size: 45px; width: auto; color: #fff; color: #fff; } .yellow-btn .btn-detail-wrap { color: #000; } span.btn-ico-wrapper { padding: 8px 20px 8px 0px; float: left; border-right: 2px solid #fff; } .button-text-wrapper { padding: 10px; float: left; width: 100%; display: flex; align-items: center; } .btn-detail-wrap .bg-text { font-size: 30px; font-weight: 700; padding: 0 10px; float: left; text-align: left; } .btn-detail-wrap .sm-text { display: inline-block; } span.btn-detail-wrap { float: left; display: flex; flex-direction: column; color: #fff; } span.sm-text { font-size: 20px; text-align: left; width: 100%; float: left; padding: 0 10px; font-weight: 500; } .skip-btn { margin-left: 27px; font-size: 30px; padding: 10px 15px; color: #0D47A1; } .skip-btn:hover { color: #1565c0; background: #e3f2fd; } .status-header { /*position: absolute;*/ width: 100%; /*top: 0;*/ padding: 5px 0; } .status-header h1 { /*font-size: 30px !important;*/ font-weight: 700; color: #607D8B; } .bulk-cam-content-right { padding: 10px; /*float: left;*/ width: 100%; /*position: relative;*/ /*top: 60px;*/ /*top: 95px;*/ } .bulk-cam-content-right .details .one-line { display: flex; justify-content: space-between; font-size: 20px; font-weight: 500; line-height: 160%; } .bulk-cam-content-right .details .one-line span{ word-break:break-all } .gray-header { background: #C7D2D7; } .blue-header { background: #42A5F5; } .blue-header.status-header h1 { color: #fff; } /*layest-section*/ .layer-wrapper { width: 100%; display: flex; flex-direction: row; flex-grow: 1; align-items: center; padding: 10px; border: 3px dashed #607D8B; border-radius: 5px; /*opacity: 0.5;*/ position: relative; z-index: 0; } .layer-wrapper:not(last-child){ /*margin-bottom: 15px;*/ } /*deactive state*/ /*.layer-wrapper.deactive{ opacity:0.4 !important; }*/ .layer-outer-wrapper { display: flex; flex-direction: column; position: relative; margin-bottom: 15px; width: 100%; } .layer-outer-wrapper.cam .cam-outer { display:block !important; } .layer-outer-wrapper:hover { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px -2px, rgba(0, 0, 0, 0.12) 0px 3px 6px 0px, rgba(0, 0, 0, 0.09) 0px 5px 12px 4px; cursor: pointer; } .layer-outer-wrapper:hover:has(> .layer-wrapper.deactive) { box-shadow: none !important; } .layer-left { display: flex; flex-direction: column; width: 100%; } .layer-right { display: flex; flex-direction: row; align-items: center; height: 100%; } .layer-right .cam-outer{ width:60px; } .layer-name { font-size: 22px; font-weight: 700; color: #607D8B; margin-bottom: 10px; } .layer-state { color: #607D8B; font-size: 18px; font-weight: 700; } .layer-item-qty { color: #3F96C0; font-size: 25px; font-weight: 700; } a.cam-btn { width: 40px; height: 40px; position: absolute; right: 15px; top: 19px; background: #039BE5; border-radius: 90px; z-index: 2; display: flex; align-items: center; justify-content: center; text-decoration: none; } .cam-indicator { width: 17px; height: 17px; position: absolute; right: 0; background: #E53935; border-radius: 90px; top: -5px; } .cam-indicator.success { background: #558B2F; } .cam-indicator.success .check { display: block !important; } .cam-indicator.success .error { display: none !important; } .cam-indicator.error { background: #E53935; } .cam-indicator.error .check { display: none !important; } .cam-indicator.error .error { display: block !important; font-size: 21px; top: -3px; position: relative; left: -3px; } .cam-window-wrapper { display: flex; width: 100%; background: #eceff1; border: 1px solid #ccc; border-radius: 5px; flex-direction: column; max-height: 500px; /*min-height: 300px;*/ /*min-height: 390px;*/ height: auto; /*height: 100%;*/ /*max-height: 400px;*/ } .cam-window-header { width: 100%; padding: 8px 10px; /*float: left;*/ display: flex; flex-direction: column; flex-wrap: wrap; position: relative; border-bottom: 4px solid #ccc; } .image-sec{ flex-direction: column; justify-content:space-between; height: 100%; } .zm_btn { position: absolute; padding: 9px 10px; background: #333; color: #fff; border-radius: 90px; right: 10px; top: 10px; z-index:100; } .zm_btn .material-icons { font-size: 22px; width: auto; padding-right: 0; } .image-sec .bottom-label { background: #F57C00; font-size: 18px; font-weight: 700; padding: 5px 10px; } .camImgWrapper { display: flex; justify-content: left; justify-content: center; padding: 10px; flex-wrap: wrap; height: 100%; width: 100%; /*min-height: 180px;*/ align-items: center; } .camImgWrapper-with-scan { display: flex; /*justify-content: flex-start;*/ justify-content: space-between; padding: 10px 10px 6px 10px; flex-direction: column; height: 100%; } .camImgWrapper-with-scan .scan-image { width: auto; position: relative; display: flex; overflow: hidden; margin: 0; margin-bottom: 2px; height: 26vh;/*22.2vh*/ justify-content: center; } .camImgWrapper-with-scan .scan-image img{ height:100%; } .camImgWrapper-with-scan .scan-image .rotate-ico { position: absolute; top: -1px; left: 0; z-index: 999; background: #fff; display: flex; width: auto; cursor: pointer; align-items: center; padding: 0 5px; border-bottom-right-radius:3px; } .rotate-ico:hover { background: #f5f5f5; } /*rotate camera image*/ .camImgWrapper-with-scan .scan-image img.d90 { transform: rotate(-90deg); transition: transform 0.5s; height:24vh; } .camImgWrapper-with-scan .scan-image img.d180 { transform: rotate(-180deg); transition: transform 0.5s; height: 24vh; } .camImgWrapper-with-scan .scan-image img.d270 { transform: rotate(-270deg); transition: transform 0.5s; height: 24vh; } /*.camImgWrapper-with-scan .scan-image img.cam01,*/ /*.mfp-with-zoom .mfp-container .mfp-img { transform: rotate(-90deg); transition: transform 0.5s; height: 46vh; scale: 83%; }*/ .mfp-with-zoom .mfp-container img.cam01 { transform: rotate(-90deg); transition: transform 0.5s; height: 46vh; scale: 83%; } .camImgWrapper-with-scan .scan-image img.cam01 { transform: rotate(-90deg); transition: transform 0.5s; height: 24vh; scale: 83%; } /*.camImgWrapper-with-scan .scan-image img.cam02, .*/ .mfp-with-zoom .mfp-container img.cam02 { transform: rotate(90deg); transition: transform 0.5s; height: 46vh; scale: 83%; } .camImgWrapper-with-scan .scan-image img.cam02 { transform: rotate(90deg); transition: transform 0.5s; height: 24vh; scale: 83%; } /*End Rotate camera*/ .zoom-plus-icon { display: flex; align-items: end; cursor: pointer; position: absolute; right: 0px; bottom: -3px; width: 25px; } .zoom-plus-icon .material-icons { background: #78909C; padding: 2px; border-radius: 0 3px 3px 0; margin-bottom: 26%; } .no-camera { height: 100%; display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; } .no-camera .material-icons { color: #78909C; font-size: 140px; display: flex; align-items: center; justify-content: center; } .imgWrap { display: flex; width: 60%; } .camInfo { display: flex; width: 40%; } .imgWrap img { width: 100%; } .cam-ip-name { float: left; width: 100%; font-size: 16px; padding-right: 63px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cam-status { position: absolute; display: inline-block; right: 0; padding: 5px; /*border: #33691E 3px solid;*/ background: #558B2F; color: #fff; font-weight: 700; /*border-radius: 5px;*/ font-size: 12px; top: 0; } .cam-status.offline { background: #F44336 !important; } .cam-status.checking-label { background: #6b89af !important; } .cam-indicator .material-icons { font-size: 14px; display: flex; align-items: center; padding: 1.47px 1.4px; color: #fff; } a.cam-btn > .material-icons { display: flex; font-size: 23px; color: #fff; } /*scan cam inside */ .camera-behaviour { font-size: 12px; font-weight: 700; min-width: 71px; /*94px*/ } .camera-behaviour:not(:last-child) { margin-bottom: 6px; } .camera-details .camera-behaviour .name { background: #039BE5; border-radius: 3px 3px 0 0; padding: 2px 5px; } .camera-details .camera-behaviour .val { background: #4FC3F7; border-radius: 0 0 3px 3px; padding: 2px 5px; } .device-count-wrapper .device-count { display: flex; width: 100%; justify-content: space-between; align-items: center; } .device-count-wrapper .device-count input[type=text] { box-shadow: 1px 1px 2px 2px #bbdefb; } .camera-details { /*width:70px;*/ width: 100%; justify-content: space-between; display: flex; flex-wrap: wrap; } .case-pallet-info-wrapper { float: left; width: 100%; padding: 10px 0; } .level-info-wrapper { width: 100%; float: left; margin-bottom: 0px; } .level-img-wrapper { width: 40%; float: left; position: relative; padding-bottom: 10px; } .cam-content .level-img-wrapper:before, .outer-level-printer:first-child .level-img-wrapper:before { content: "Case/Bundle"; font-size: 14px; font-weight: 700; position: absolute; bottom: 0; } .cam-content .level-img-wrapper:before, .outer-level-printer:last-child .level-img-wrapper:before { content: "Pallet/Case"; font-size: 14px; font-weight: 700; position: absolute; bottom: 0; } .level-img-wrapper { width: 40%; float: left; } .level-img-wrapper::before { content:"Case/Bundle"; } .level-sub-info-wrapper { width: 60%; float: left; padding-left:20px; } .level-sub-info-wrapper h2 { font-size: 25px; margin-top: 0; /*border-bottom: 3px solid #ccc;*/ } .level-sub-info-wrapper .cse-tot { font-size: 20px; font-weight: 700; } .level-img-wrapper img { width: 100%; } .arrow-wrap img { width: 120px; padding: 8px 48px; } .arrow-wrap { float: left; position: relative; left: 23px; } .outer-level-printer { display: flex; flex-direction: column; } /*bottom-btn*/ .bottom-btn-right-side .button-wrapper-destribute:not(first-child){ margin-left: 10px; } .bottom-btn{ font-size: 14px; } /*auto palletizing*/ .auto-palletizing { margin: 10px 0; border-radius: 3px; } .auto-palletizing.on { color: #33691E; background: #C8E6C9; border: 2px solid #33691E; padding: 5px 10px; } .auto-palletizing.off { color: #B71C1C; background: #FFCDD2; border: 2px solid #B71C1C; padding: 5px 10px; } /*printer wrapper*/ .bold{ font-weight:700; } .b12{ font-size:12px; font-weight:700; } .printer-wrapper{ padding-bottom: 20px; } .printer-wrapper .material-icons { font-size: 24px !important; } .printer-wrapper .online-label { color: #fff; background: #558B2F; border: 2px solid #33691E; border-radius: 3px; padding: 5px 10px; } .printer-wrapper .checking-label { color: #fff; background: #6b89af; border: 2px solid #344458; border-radius: 3px; padding: 5px 10px; } .printer-wrapper .offline-label { color: #fff; background: #F44336; border: 2px solid #B71C1C; border-radius: 3px; padding: 5px 10px; } /*blue solid*/ .blue-solid-hollow-test .layer-wrapper { border: 3px solid #0D47A1; opacity: 1; } .blue-solid-hollow-test .layer-name, .blue-solid-hollow-test .layer-state, .blue-solid-hollow-test .layer-right, .blue-solid-hollow-test .layer-item-qty { color: #0D47A1; padding-right: 0; } /*.blue-solid-hollow-test:hover .layer-wrapper { background: #1976D2; border: 3px solid #0D47A1; opacity: 1; cursor: pointer; } .blue-solid-hollow-test:hover .layer-state, .blue-solid-hollow-test:hover .layer-name, .blue-solid-hollow-test:hover .layer-item-qty { color: #fff; }*/ /*blue solid fill*/ .blue-solid-test .layer-wrapper { background: #1976D2; border: 3px solid #0D47A1; opacity: 1; } .blue-solid-test .layer-name, .blue-solid-test .layer-state, .blue-solid-test .layer-right, .blue-solid-test .layer-item-qty { color: #fff; padding-right: 0; } /*blue-dashed l1*/ .blue-dash { border: 3px dashed #0D47A1; opacity: 1; } .geen-solid-hollow-test .layer-wrapper { border: 3px solid #558B2F; opacity: 1; } .geen-solid-hollow-test .layer-name, .geen-solid-hollow-test .layer-state, .geen-solid-hollow-test .layer-right, .geen-solid-hollow-test .layer-item-qty { color: #558B2F; padding-right: 0; } .green-solid-test .icon-indicate .done { display: block !important; font-size: 36px; } .green-solid-test .icon-indicate { display: flex; justify-content: center; } .green-solid-hollow-test .icon-indicate .done { font-size: 36px; color: #fff; } .icon-indicate{ width: 60px; display:none; } .geen-solid-hollow-test.cam .icon-indicate, .red-solid-test.cam .icon-indicate, .orange-solid-test.cam .icon-indicate { display: none !important; } .geen-solid-hollow-test.cam .cam-outer, .red-solid-test.cam .cam-outer, .orange-solid-test.cam .cam-outer { display: block !important; } .green-solid-test .icon-indicate, .red-solid-test .icon-indicate { display: flex; align-items: center; justify-content: center; } .green-solid-test .layer-wrapper { background: #558B2F; border: 3px solid #2C5211; opacity: 1; } .green-solid-test .layer-name, .green-solid-test .layer-state, .green-solid-test .layer-right, .green-solid-test .layer-item-qty { color: #fff; padding-right: 0; } /*.geen-solid-hollow-test:hover .layer-wrapper{ background: #558B2F; border: 3px solid #2C5211; opacity: 1; cursor:pointer; } .geen-solid-hollow-test:hover .layer-state, .geen-solid-hollow-test:hover .layer-name, .geen-solid-hollow-test:hover .layer-item-qty { color: #fff; }*/ /*red solid fill*/ .red-solid-test .layer-wrapper { background: #F44336; border: 3px solid #B71C1C; opacity: 1; } .red-solid-test .layer-name, .red-solid-test .layer-state, .red-solid-test .layer-right, .red-solid-test .layer-item-qty { color: #fff; padding-right: 0; } .red-solid-test .icon-indicate .close { display: block !important; /*margin-left: 55px;*/ } .red-solid-test .icon-indicate .close { font-size: 36px; color: #fff; } .red-solid-hollow-test .layer-wrapper { border: 3px solid #B71C1C; opacity: 1; } .red-solid-hollow-test .layer-name, .red-solid-hollow-test .layer-state, .red-solid-hollow-test .layer-right, .red-solid-hollow-test .layer-item-qty { color: #B71C1C; padding-right: 0; } /*.red-solid-hollow-test:hover .layer-wrapper { background: #F44336; border: 3px solid #B71C1C; opacity: 1; cursor: pointer; } .red-solid-hollow-test:hover .layer-state, .red-solid-hollow-test:hover .layer-name, .red-solid-hollow-test:hover .layer-item-qty { color: #fff; }*/ .red-solid-test .layer-wrapper, .error-message .bulk-cam-message-icon-wrapper { background: #F44336; border: 3px solid #B71C1C; opacity: 1; } .red-solid-test .layer-name, .red-solid-test .layer-state, .red-solid-test .layer-right, .red-solid-test .layer-item-qty { color: #fff; padding-right: 0; } .blue-dash .layer-name, .blue-dash .layer-state, .blue-dash .layer-item-qty { color: #0D47A1; } /*green solid fill*/ .green-solid-test .layer-wrapper { background: #558B2F; border: 3px solid #2C5211; opacity: 1; } .green-solid-test .layer-name, .green-solid-test .layer-state, .green-solid-test .layer-right, .green-solid-test .layer-item-qty { color: #fff; padding-right: 0; } /*green-solid l1*/ .green-solid { border: 3px solid #558B2F; opacity: 1; } .green-solid .layer-name, .green-solid .layer-state, .green-solid .layer-item-qty { color: #558B2F; } .green-solid-done { border: 3px solid #558B2F; opacity: 0.5; } .green-solid-done .layer-name, .green-solid-done .layer-state, .green-solid-done .layer-item-qty { color: #558B2F; } /*orange solid fill*/ .orange-solid-test .layer-wrapper { background: #EF6C00; border: 3px solid #E65100; opacity: 1; } .orange-solid-test .layer-name, .orange-solid-test .layer-state, .orange-solid-test .layer-right, .orange-solid-test .layer-item-qty { color: #fff; padding-right: 0; } .orange-solid-hollow-test .layer-wrapper { border: 3px solid #E65100; opacity: 1; } .orange-solid-hollow-test .layer-name, .orange-solid-hollow-test .layer-state, .orange-solid-hollow-test .layer-right, .orange-solid-hollow-test .layer-item-qty { color: #E65100; padding-right: 0; } .orange-solid-hollow-test .icon-indicate .done { font-size: 36px; color: #E65100; } /*orange-solid l1*/ .orange-solid { border: 3px solid #EF6C00; opacity: 1; } .orange-solid .layer-name, .orange-solid .layer-state, .orange-solid .layer-item-qty { color: #EF6C00; } .orange-solid-done { border: 3px solid #EF6C00; opacity: 0.5; } /*red-solid l1*/ .red-solid { border: 3px solid #F44336; opacity: 1; } .red-solid .layer-name, .red-solid .layer-state, .red-solid .layer-item-qty { color: #F44336; } .messageWrapper { float: left; width: 100%; padding: 0 15px; display: flex; position: relative; align-items: center; } .messageWrapper.main-message .bulk-cam-message-icon-wrapper .info-ico{ display: block !important; } .bulk-cam-message-icon-wrapper { border: #bbb 4px solid; background: #ccc; float: left; width: 65px; height: 60px; display: flex; justify-content: center; align-items: center; border-radius: 3px; } .bulk-cam-message-icon-wrapper .material-icons { font-size: 36px; width: auto; color: #fff; } .messDetail { align-items: center; padding: 10px; width: 100%; font-weight: 700; font-size: 22px; color: #ccc; } .messDetail { display: block; } .main-message .messDetail { min-height: 70px; display: flex; } .success-message .bulk-cam-message-icon-wrapper { border: #33691E 4px solid; background: #558B2F; } .success-message .messDetail { color: #33691E; /*font-size: 22px;*/ } .error-message .messDetail { color: #B71C1C; /*font-size: 22px;*/ } .main-message .bulk-cam-message-icon-wrapper { width: 70px; height: 70px; border-radius: 3px 0 0 3px; } .main-message .messDetail { border-radius: 0 3px 3px 0; font-size: 18px; padding-right: 210px; } .warnn-message .bulk-cam-message-icon-wrapper { border: #F57C00 4px solid; background: #ffa217 } .warnn-message .messDetail { color: #F57C00; } /*error*/ .main-message.error-message .messDetail { background: #FFCDD2; border: #F44336 1px solid; border-radius: 0 3px 3px 0; color: #000; } .main-message.error-message .bulk-cam-message-icon-wrapper { border: #F44336 0px solid; background: #F44336; } /*warn*/ .main-message.warnn-message .messDetail { background: #FFCC80; border: #F57C00 1px solid; border-radius: 0 3px 3px 0; color: #000; } .main-message.warnn-message .bulk-cam-message-icon-wrapper { border: #F57C00 0px solid; background: #FF6D00; } /*info*/ .main-message.inform-message .messDetail { background: #e3f2fd; border: #1976D2 1px solid; border-radius: 0 3px 3px 0; color: #000; } .main-message.inform-message .bulk-cam-message-icon-wrapper { border: #33691E 0px solid; background: #1976D2; } /*sucess*/ .main-message.success-message .messDetail { background: #e8f5e9; border: #33691E 1px solid; border-radius: 0 3px 3px 0; color: #000; } .main-message.success-message .bulk-cam-message-icon-wrapper { border: #33691E 0px solid; background: #558B2F; } .messageWrapper.main-message.barcode{ border: none!important; } .messageWrapper.main-message .messDetail { font-weight: 500; } /*.main-message.success-message .bulk-cam-message-icon-wrapper .done-ico { display: block !important; } .main-message.error-message .bulk-cam-message-icon-wrapper .error-ico { display: block !important; } .main-message.inform-message .bulk-cam-message-icon-wrapper .info-ico { display: block !important; } .main-message.warnn-message .bulk-cam-message-icon-wrapper .info-ico { display: block !important; }*/ /*with gray background btn*/ /*.main-message.warnn-message.with-gray-btn-tab .msg-btn-wrap .tab_close_right { display: block !important; }*/ .main-message.inform-message.with-gray-btn-print .msg-btn-wrap .print { display: block !important; } .main-message.inform-message.with-gray-btn-save .msg-btn-wrap .save { display: block !important; } .main-message.inform-message.with-gray-btn-tab .msg-btn-wrap .tab_close_right { display: block !important; } .main-message.inform-message.with-gray-btn-case .msg-btn-wrap .case { display: block !important; } .main-message.success-message.with-gray-btn-qr .msg-btn-wrap .qr_code_scanner { display: block !important; } .main-message.success-message.with-gray-btn-qr .msg-btn-wrap .save { display: none !important; } .main-message.inform-message.with-gray-btn-case .msg-btn-wrap .tab_close_right, .main-message.inform-message.with-gray-btn-case .msg-btn-wrap .print, .main-message.inform-message.with-gray-btn-case .msg-btn-wrap .save, .main-message.inform-message.with-gray-btn-tab .msg-btn-wrap .save, .main-message.inform-message.with-gray-btn-tab .msg-btn-wrap .print, .main-message.inform-message.with-gray-btn-print .msg-btn-wrap .save, .main-message.inform-message.with-gray-btn-print .msg-btn-wrap .tab_close_right, .main-message.inform-message.with-gray-btn-save .msg-btn-wrap .tab_close_right, .main-message.inform-message.with-gray-btn-save .msg-btn-wrap .print { display: none !important; } /*normal background btn*/ .main-message.warnn-message.barcode .msg-btn-wrap .qr_code_scanner { display: block !important; } .main-message.error-message .msg-btn-wrap .qr_code_scanner { display: block !important; } .main-message.warnn-message.save .msg-btn-wrap .save { display: block !important; } .main-message.inform-message.save .msg-btn-wrap .save { display: block !important; }.main-message.inform-message.case .msg-btn-wrap .case { display: block !important; } /*.main-message.warnn-message .msg-btn-wrap .save { display: block !important; }*/ .main-message.success-message .msg-btn-wrap .save { display: block !important; } .main-message.error-message .messDetail { background: #FFCDD2; border: #D32F2F 1px solid; border-radius: 0 3px 3px 0; color: #000; } /*.main-message.error-message .bulk-cam-message-icon-wrapper { border: #D32F2F 0px solid; background: #D32F2F; }*/ /*.main-message.error-message .bulk-cam-message-icon-wrapper .error-ico { display: block !important; }*/ .main-message.warning-message .messDetail { background: #FFCC80; border: #F57C00 1px solid; border-radius: 0 3px 3px 0; color:#000; } .main-message.warning-message .bulk-cam-message-icon-wrapper { border: #F57C00 0px solid; background: #F57C00; } .main-message.warning-message .bulk-cam-message-icon-wrapper .info-ico { display: block !important; } .messageWrapper.warning-message .bulk-cam-message-icon-wrapper { background: #EF6C00; border: #E65100 4px solid; } .messageWrapper.warning-message .messDetail { color: #E65100; } .messageWrapper.warning-message .bulk-cam-message-icon-wrapper .warn-ico { display: block !important; } .messageWrapper.warning-message .bulk-cam-message-icon-wrapper .error-ico { display: none !important; } .messageWrapper.inform-message{ background: unset; border:unset; }.messageWrapper.inform-message .bulk-cam-message-icon-wrapper { border: #0D47A1 3px solid; background: #039BE5; } .messageWrapper.inform-message .messDetail { color: #0D47A1; } /*main message action btn color*/ .main-message button { border-radius: 4px; /*background: #546E7A;*/ border: 0; padding: 10px 10px; font-size: 16px; font-weight: 700; display: flex; align-items: center; color: #fff; position: relative; } .main-message.warning-message button { background: #ef6c00; } .main-message.success-message button { background: #558B2F; } .main-message.error-message button { background: #F44336; } .main-message.inform-message button { background: #1976D2; } .main-message.warnn-message button { background: #FF6D00; } .success-message.with-gray-btn button, .success-message.with-gray-btn-qr button, .error-message.with-gray-btn button, .inform-message.with-gray-btn button, .inform-message.with-gray-btn-save button, .inform-message.with-gray-btn-print button, .inform-message.with-gray-btn-tab button, .warnn-message.with-gray-btn button { background: #546E7A; } .main-message button.error-message button { background: #F44336; } .msg-btn-wrap { position: absolute; /*right: 33px; top: 33px;*/ right: 26px; top: 10px; } .main-message button .material-icons { font-size: 30px; width: auto; display: flex; padding-right: 10px; border-right: 2px solid #fff; margin-right: 10px; } .main-message button svg{ color:#fff; border-right:2px solid #fff; } .metriclbl { font-size: 14px; font-weight: 700; padding: 5px 10px; background: #2196f3; margin-top: 10px; float: left; } .metricVal { /*float: left;*/ display: flex; /*margin-top: 10px;*/ padding: 5px 10px; font-size: 14px; font-weight: 700; background: #FFA000; border-radius: 3px; width: fit-content; height: fit-content; } .wickedpicker{ z-index:9999 !important; } .view-history .H2ReactLabel.H2Label { width: auto !important; } .main-plain-table.new th { background: #e3f2fd; color: #0d47a1; height: 27px; width: 25%; padding: 0 5px; } .scan-list-btn { border: 2px solid #0D47A1; border-radius: 3px; padding: 5px; height: fit-content; font-size: 18px; color: #0D47A1; font-weight: 700; display: flex; align-items: center; min-width: 140px; position: relative; margin-right: 12px; } .scan-list-btn:hover { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px -2px, rgba(0, 0, 0, 0.12) 0px 3px 6px 0px, rgba(0, 0, 0, 0.09) 0px 5px 12px 4px; cursor:pointer; } .scan-list-btn .material-icons { font-size: 30px; height: 35px; width: 35px; margin-right: 10px; display: flex; align-items: center; } .scan-list-status { position: absolute; top: -12px; right: -12px; height: 25px; width: 25px; border-radius: 50%; } .scan-list-status .icon-wrap { display: flex; align-items: center; justify-content: center; width: 100%; position: absolute; top: 2px; } .scan-list-status .material-icons{ display:none !important; color:#fff; font-size: 20px !important; } .scan-list-status.warn { background: #F57C00; } .scan-list-status.success { background: #558B2F; } .scan-list-status.error { background: #E53935; } .scan-list-status.warn .material-icons.warn-ico { display: contents !important; } .scan-list-status.success .material-icons.success-ico { display: contents !important; } .scan-list-status.error .material-icons.error-ico { display: contents !important; } /*zoom image style*/ #zoomImg { border-radius: 5px; cursor: pointer; transition: 0.3s; } #zoomImg:hover { opacity: 0.7; } /* The Modal (background) */ .zoom-modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.9); /* Black w/ opacity */ z-index:999; } /* Modal Content (image) */ .zoom-modal-content { margin: auto; display: block; width: 80%; max-width: 700px; } /* Caption of Modal Image */ #caption { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; height: 150px; } /* Add Animation */ .modal-content, #caption { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s; } @-webkit-keyframes zoom { from { -webkit-transform: scale(0) } to { -webkit-transform: scale(1) } } @keyframes zoom { from { transform: scale(0) } to { transform: scale(1) } } /* The Close Button */ .close { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; } .close:focus { color: #bbb; text-decoration: none; cursor: pointer; } /* 100% Image Width on Smaller Screens */ @media only screen and (max-width: 700px) { .modal-content { width: 100%; } } #R2ToolStripContainer.scan-menu{ width:100px; } #R2ToolStripContainer.scan-menu .ToolStripVertical { display: none; } #R2ToolStripContainer.scan-menu .login-name { left: 60px; } #R2ContentContainer .topmenu.scan-menu-with .ctrl-section { display: none; } .scan-menu-item { font-size: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .scan-menu-item .item { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 10px 5px; color: #fff; height: 100px; width: 100px; } .scan-menu-item .item:hover { cursor: pointer; background: rgb(3 155 229 / 0.30); } .scan-menu-item .item:not(:last-child) { border-bottom: 1px solid #000; } .scan-menu-item .item .material-icons { font-size: 35px; font-weight:400 !important; } .scan-menu-item .item .label { font-size: 15px; text-align: center; } .active-status { display: flex; color: #43A047; } .active-status .active-status-ico .material-icons{ font-size:35px; width:35px; } .show-status .active-status-ico{ visibility: hidden; } .show-status.active-status .active-status-ico { visibility: visible; } /*text btn scan override*/ .text-button.text-button-scan.scan-btn-scan{ padding: 15px; } .text-button.text-button-scan.scan-btn-scan .text-wrapper-scan { border: 2px solid #42A5F5; } .text-button.text-button-scan.scan-btn-scan .text-wrapper-scan label { color: #0D47A1; font-weight: 700; font-size: 22px; background: #fff; position: absolute; top: 10px; } .text-button.text-button-scan.scan-btn-scan .text-wrapper-scan .touch-replace-txt { font-size: 18px; } h2 .green-heading { color: #558B2F; } .scan-heading.h2 { font-size: 25px; } .scan-btn-pan .button-wrapper-destribute { /*right: 30px;*/ } /*sec-popup for sm*/ .sec-popup.small .text-button.text-button-scan.scan-btn-scan .text-wrapper-scan label { font-size: 15px !important; } .sec-pop.small .text-wrapper-scan .touch-replace-txt { padding: 18px 10px !important; } .sec-pop.small .scan-enter-btn span.material-icons { font-size: 22px !important; } .sec-pop.small .text-wrapper, .text-wrapper-scan { padding: 10px !important; } .sec-pop.small .text-button.text-button-scan.scan-btn-scan .text-wrapper-scan .touch-replace-txt { font-size: 14px !important; } .sec-pop.small .text-wrapper-scan .touch-replace-txt { padding: 20px 10px !important; } /*sec-popup for sm end*/ .scan-list-pop { height: 50vh; overflow: auto; padding: 0 10px 10px 10px; } .sec-popup { padding-bottom: 15px; } /*.scan-btn-pan.with-change { width: 80vw !important; }*/ .scanned-serial-list-pop td { vertical-align: middle; } .pointer-events-none { pointer-events:none; } /*zoom image*/ /*.image-link { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }*/ /* This block of CSS adds opacity transition to background */ .mfp-with-zoom { height: 100vh; display: flex; width: 100%; align-items: center; justify-content: center; scale: 2; opacity: 1; background: black; overflow: auto; } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 1; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } .mfp-with-zoom .mfp-container img { max-width: 100%; max-height: 100%; object-fit: cover; } .zoom-close { color: #fff; position: relative; top: -23%; right: -2%; } .zoom-close.btn-close{ width:30px; height:30px; cursor: pointer; display:flex; align-items:center; justify-content:center; } .zoom-close.btn-close .material-icons { color: #fff; width: unset; } .zoom-close.btn-close:hover { background: #eee; border-radius: 50%; opacity: 0.5; } .zoom-close.btn-close:hover .material-icons{ color: #333; } /* padding-bottom and top for image */ img .mfp-img { padding: 0; } /* position of shadow behind the image */ .mfp-figure:after { top: 0; bottom: 0; } /* padding for main container */ .mfp-container { padding: 0; height: 50vh; } .system-mon { width: 100%; float: left; padding: 5px; /*background: #e3f2fd;*/ border-bottom: 1px solid #ccc; } .monitoring-heading { padding: 0px 6px 5px 6px; float: left; width: 100%; font-size: 12px; font-weight: 500; } /*.t4-wrapper .types-list { display: none; } .t4-wrapper.clicked .types-list { display: block !important; }*/ .t4-wrapper { width: 100%; padding: 1px 5px; /*position: relative;*/ display: flex; border-bottom: 0; flex-direction: column; background: #fff; border-radius: 3px; justify-content: space-between; align-items: center; } .t4-wrapper .link-wrap span{ word-break: break-all; } .t4-wrapper .loader-spinner { width: 16px; height: 16px; margin: 2px; } .t4-wrapper .refresh-ico { color: #2196f3; } /*.t4-wrapper:hover { background: #d2e9fb; }*/ .t4-wrapper .left-l, #tracelinkLbel { /*border-bottom: 1px solid #ccc;*/ font-size: 10px !important; } .t4-wrapper > div { width: 100%; display: flex; align-items: center; padding: 1px 1px; font-weight: 400; justify-content: space-between; } .t4-wrapper div .material-icons { margin-left: 10px; } .t4-wrapper div .green { color: #00c853; } .t4-wrapper div .orange { color: #f57c00; } .t4-wrapper div .red { color: #e53935; } ul.types-list { list-style: none; border-bottom: 0; margin-bottom: 3px; border: 1px solid #f0f0f0; border-radius: 5px; padding: 2px 9px 2px 6px; width: 100%; } ul.types-list .left-l { display: flex; flex-grow: 1; align-items: center; } ul.types-list .right-r { height: 10px; width: 10px; border-radius: 50%; } ul.types-list li { padding: 3px 0px; /*position: relative;*/ display: flex; align-items: center; font-size: 12px; } ul.types-list li .indic { width: 10px; height: 10px; /*position: absolute;*/ border-radius: 90px; right: 14px; top: 13px; } ul.types-list .right-r.indic.green { background: #00c853; } ul.types-list .right-r.indic.orange { background: #f57c00; } ul.types-list .right-r.indic.red { background: #e53935; } ul.types-list li:last-child { border-bottom: 0; } ul.types-list li a { color: #1e88e5; display:flex; } .link-open .types-list { display: block; } .link-close .types-list { display: none; } #tracelinkLbel, .ham-menu { cursor: pointer; } /*deactive state*/ .orange-solid-hollow-test .layer-wrapper.deactive { border: 3px solid rgba(230, 81, 0, .4); } .orange-solid-hollow-test .layer-wrapper.deactive .layer-left, .orange-solid-hollow-test .layer-wrapper.deactive .layer-right .layer-item-qty { opacity: 0.4; } .geen-solid-hollow-test .layer-wrapper.deactive { border: 3px solid rgba(85, 139, 47, .4); } .geen-solid-hollow-test .layer-wrapper.deactive .layer-left, .geen-solid-hollow-test .layer-wrapper.deactive .layer-right .layer-item-qty { opacity: 0.4; } .red-solid-hollow-test .layer-wrapper.deactive { border: 3px solid rgba(183, 28, 28, .4); } .red-solid-hollow-test .layer-wrapper.deactive .layer-left, .red-solid-hollow-test .layer-wrapper.deactive .layer-right .layer-item-qty { opacity: 0.4; } .layer-wrapper.deactive { border: 3px dashed rgba(96, 125, 139, .4); } .layer-wrapper.deactive .layer-left, .layer-wrapper.deactive .layer-right .layer-item-qty, .layer-wrapper.deactive .layer-right .icon-indicate { opacity: 0.4; } .type-list { width: 900px; margin: 30px auto 0; list-style-type: none; } .type-list >li{ width: 100%; background-color: #f5f5f5; margin-bottom: 3px; overflow: hidden; } .system-mon.open .monitoring-heading:after { transform: rotate(180deg); } .system-mon .t4-wrapper { display: none !important; } .system-mon.open .t4-wrapper { display: block !important; } .t4-wrapper { max-height: 1000px; -webkit-transition: max-height 0.5s ease-in; -moz-transition: max-height 0.5s ease-in; -ms-transition: max-height 0.5s ease-in; -o-transition: max-height 0.5s ease-in; transition: max-height 0.5s ease-in; } .monitoring-heading { position: relative; line-height: 30px; cursor: pointer; } .monitoring-heading:after { content: ""; width: 0; height: 0; position: absolute; top: 12px; right: 15px; border-style: solid; border-width: 7px 5px 0 5px; border-color: #757575 transparent transparent transparent; -webkit-transition: transform 0.5s ease-in; -moz-transition: transform 0.5s ease-in; -ms-transition: transform 0.5s ease-in; -o-transition: transform 0.5s ease-in; transition: transform 0.5s ease-in; } .t4-wrapper { /*max-height: 0; overflow: hidden;*/ /*defined an animation speed that -webkit-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);*/ /*-moz-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1); -ms-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1); -o-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1); transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);*/ } .error-row-table { display: flex; width: 100%; align-items: center; } .error-row-table .lbl-msg { color: #e53935; } .error-border { border: 1px solid #e53935 !important; border-radius: 3px; } .ta-header { min-height: 24px; padding: 3px 5px; font-weight: 700; background: #f1f1f1; } .Popup.scan-list-popup { overflow-y: hidden !important; } .lblText { padding-left: 5px; padding-right: 5px; } .tblScan { border-collapse: collapse; width: 100%; } /*.scanLabelWrapper { padding-top: 30px; padding-left: 30px; padding-bottom: 150px; }*/ .scanLabelWrapper th { /*text-align: left; font-size: larger; padding-top: 10px; padding-left: 10px;*/ /*padding-right: 40px;*/ } /*.scanLabelWrapper td { text-align: left; border-bottom: 1px solid #808080; font-size: small; padding-bottom: 10px; padding-left: 10px; }*/ .scanLabelCell { /*border-left: 1px solid #808080;*/ } .tblContainerLabel tr.bottomLine { border-bottom: 1px solid #808080; } .tblContainerLabel td.rightLine { border-right: 1px solid #808080; } .tblContainerLabel { border: 1px solid black; } /*process page hight*/ /*.bottom-added{ overflow-y: auto; overflow-x: hidden; } .processDivable .H2Groupbox.H2proccessGroupBox.process-scroll.zoom-height { min-height: unset; }*/ /*.process-serial-popup { height: 100%; } .process-serial-popup .summary-wrapper.disabled { border: 1px solid #eee; color: #b0b0b0; pointer-events: none; } .process-serial-popup .summary-wrapper.disabled .lbl-err.text-right .material-icons { color: #b0b0b0; } .process-serial-popup .scan-list-pop { height: auto; } */ .process-screen .Popup, .process-screen .ui-dialog-buttonset { font-size: 14px; } .process-screen .button-wrapper-destribute{ min-width:14vw; } .sm.messageWrapper.main-message .messDetail { min-height: 50px !important; } .sm.messageWrapper.main-message .messDetail { font-size: 12px !important; } .sm.messageWrapper.main-message .bulk-cam-message-icon-wrapper { width: 50px !important; height: 50px !important; } .sm.messageWrapper.main-message .bulk-cam-message-icon-wrapper .material-icons { font-size: 28px !important; } } .summary-wrapper.disabled { border: 1px solid #eee; color: #b0b0b0; pointer-events: none; } .summary-wrapper.disabled .lbl-err.text-right .material-icons { color: #b0b0b0; } /*scan label strat*/ .text-button.text-button-scan.scan-btn-scan .text-wrapper-scan.disabled { border: 2px solid #9E9E9E; } .text-button.text-button-scan.scan-btn-scan .text-wrapper-scan.disabled label { color: #607D8B; } .text-button .text-wrapper-scan.disabled .scan-enter-btn { background: #9E9E9E; pointer-events: none; } .text-button.text-button-scan.scan-btn-scan .text-wrapper-scan.disabled .touch-replace-txt { border: 1px solid #9E9E9E; pointer-events: none; } .text-wrapper-scan .touch-replace-txt:read-only + .scan-enter-btn{ background:#ccc; pointer-events:none; } .cam-message { font-size: 20px; padding: 0 100px; text-align: center; font-weight: 700; } .scn-ico-wrap { display: inline-flex; align-items: center; } .scn-ico-wrap label { font-size: 15px; padding-left: 15px; font-weight: 700; padding-right: 20px; } .scan-list-det-wrapper { float: left; width: 100%; padding: 10px 0; border-radius: 0; font-size: 15px; border-bottom: 1px solid #ccc; } .scan-list-det-wrapper:last-child{ border:none; } .scn-list-filter-wrapper { float: right; margin-bottom: 5px; } .scan-list-det-wrapper .scn-res-lbl { font-weight: 700; float: left; min-width: 150px; } .layer-list-wrapper { display: flex; width: 100%; margin-bottom:10px; } .layer-inner { display: inline-block; width: 50%; border-radius: 2px } .lay-one { background: #90caf9; } .lay-two { background: #80cbc4 } .lay-val { padding: 10px; float: left; } .lay-one .lay-label { padding: 12px; float: left; font-weight: 700; background: #0d47a1; color: #fff; border-radius: 2px 0 0 2px; } .lay-val label { font-weight: 700; } .lay-two .lay-label { padding: 12px; float: left; font-size: 15px; font-weight: 700; background: #00695c; color: #fff; border-radius: 2px 0 0 2px; } .scn-res-val { margin: 0 10px; float:right; } .prod-list-return-order .lay-two, .scanned-list .lay-two { background: #fff; border-radius: 3px; padding: 5px; color: #00695c; border: 1px solid #00695c; } .prod-list-return-order .lay-one, .scanned-list .lay-one { background: #fff; border-radius: 3px; padding: 5px; color: #0d47a1; border: 1px solid #0d47a1; } .lbl-det-summary { width: 100%; padding: 14px 0; border-bottom: 2px solid #42A5F5; margin-bottom: 0; } .empty-label { font-size: 24px; margin-right: 20px; } .assign-delivery-order-process-barcode-cancelbtn { background: url(/images/FunctionalBarcodes/MasterOrderManagement/CMD800101.png) no-repeat !important; width: auto; width: 219px !important; height: 30px; text-align: right !important; padding-left: 33px !important; background-position: 5px !important; height: 40px; } .btn-new-pallets { display: flex; align-items: center; justify-content: center; min-height: 200px; height: 100%; /*height: 404px;*/ border-right: 1px solid gray; } .proc-external-wrap > div:first-child{ border-right:1px solid #ccc; } table.gray-table { width: 100%; font-size: 15px; } table.gray-table thead tr { border-bottom: 2px solid #ccc; } table.gray-table thead th, table.gray-table tbody td { padding: 10px 10px; } table.gray-table tbody tr { border-bottom: 1px solid #ccc; } table.gray-table tbody tr:last-child{ border-bottom:0; } table.gray-table tbody tr.proccess-wo.cloneRow:last-child { border-bottom: 1px solid #ccc; } .proccess-active-wo { background: #e2e6ff; border-bottom: 1px solid #66bb6a; padding-bottom: 20px; height: 80px; position: relative; } .active-prccess-lbl { font-size: 14px; font-weight: 700; position: absolute; bottom: -1px; left: 75px; padding: 1px 10px 1px 10px; background: #edfbed; color: #fff; } @media only screen and (max-width: 1366px) { .layer-wrapper { padding: 5px; } a.cam-btn { top: 9px; } .layer-name { font-size: 18px; } .layer-state { font-size: 15px; } .level-sub-info-wrapper h2{ font-size:18px !important; margin-bottom:0; } .level-img-wrapper { width:35%; } } @media screen and (max-width: 1200px) { /* date selector in Product Line Daily Target */ #prev-week { margin-left: 15px !important; } #next-week { margin-right: 15px !important; } } /*Process external aggregation*/ .td-top { vertical-align:top; } .td-text{ line-height:18px; margin-bottom:4px; } .blue-font { font-size: 17px; font-weight: 700; color: #0D47A1; } .gray-text-b { color: #607D8B; font-size: 14px; font-weight: 700; padding-right:5px; } .gray-text-r { color: #607D8B; font-size: 14px; font-weight: 500; } .blue-text-b { color: #0D47A1; font-size: 14px; font-weight: 700; padding-right: 5px; } .blue-text-r { color: #0D47A1; font-size: 14px; font-weight: 500; } .lblue-text-b { color: #1976d2; font-size: 14px; font-weight: 700; padding-right: 5px; } .lblue-text-r { color: #1976d2; font-size: 14px; font-weight: 500; } .black-text-r { font-size: 17px; font-weight: 500; word-break: break-all; } .black-text-b { font-size: 17px; font-weight: 700; padding-right: 5px; word-break: break-all; } .dblue-text-r { color: #0D47A1; font-size: 17px; font-weight: 500; } .dblue-text-b { color: #0D47A1; font-size: 17px; font-weight: 700; } .coding-rule { background: #ebebeb; padding: 4px 5px 0 5px; border-radius: 5px; text-align: center; width: fit-content; } .status-text { font-size: 17px; font-weight: 700; color: #000 !important; padding: 2px 5px; border-radius: 5px; min-width:100px; display: flex; align-items: center; justify-content: center; line-height: unset !important; height:108px; } .status-text.planned { background: #fff29896; } .status-text.staged { background: #bbdefb; } .status-text.processing { background: #c3f9c5; } .status-text.paused { background: #ffbd79; } .status-text.stopped { background: #ffbd79; } .status-text.closed { background: #ffbd79; } .status-text.defective { background: #ff989896; } .td-top .dark-blue-btn{ min-width:180px; width: 100%; } .dark-blue-btn.start .material-icons.start, .dark-blue-btn.start .btn-detail-wrap.start { display: block !important; } .dark-blue-btn.resume .material-icons.resume, .dark-blue-btn.resume .btn-detail-wrap.resume { display: block !important; } .dark-blue-btn.select .material-icons.select, .dark-blue-btn.select .btn-detail-wrap.select { display: block !important; } .dark-blue-btn.pause .material-icons.pause, .dark-blue-btn.pause .btn-detail-wrap.pause { display: block !important; } .dark-blue-btn.load .material-icons.load, .dark-blue-btn.load .btn-detail-wrap.load { display: block !important; } .dark-blue-btn.process .material-icons.process, .dark-blue-btn.process .btn-detail-wrap.process { display: block !important; } .external-aggregation-table .header-row .fm { font-size: 16px; position: relative; top: 0px; align-items: center; } .aggregation-pages .aggregation-page2 .external-aggregation-table-height::-webkit-scrollbar, .aggregation-pages .page-one .aggreation-table-height::-webkit-scrollbar { width: 20px !important; } .aggregation-page2 .external-aggregation-table .data-row, .aggregation-page2 .external-aggregation-table .header-row { padding-top: 10px; border-bottom: 1px solid #ccc; display: flex; flex-wrap: wrap; } .aggregation-page2 .external-aggregation-table .before-last { display:flex; justify-content: flex-end; } .page-one .external-aggregation-table thead tr{ position: sticky; top: 0px; width: 100%; background: #fff; z-index: 99; } .page-one .external-aggregation-table tbody.aggreation-table-height { overflow-y: scroll; overflow-x: hidden; vertical-align: top; display: block; /*height: 80vh;*/ } .page-one .external-aggregation-table tbody.aggreation-table-height.wo-queue-height { height: calc(100vh - 208px) !important; } .page-one .external-aggregation-table tbody.aggreation-table-height .proccess-wo { display:table; width: 100%; } .page-one .dark-blue-btn { margin-bottom: 0; position: relative; bottom: -3px; } .page-one .external-aggregation-table .proccess-active-wo, .page-one .external-aggregation-table .proccess-not-active-wo { border-bottom: 1px solid #ccc; } .aggregation-pages .external-aggregation-table .col:not(:first-child) { padding-left: 15px; } .external-aggregation-table .col.last-btn { text-align: right; flex: 1; } .external-aggregation-table .header-row .last-btn { text-align: right; } .external-aggregation-table .button-text-wrapper { padding: 5px; } .external-aggregation-table span.btn-ico-wrapper { padding: 5px 15px 8px 10px; } .external-aggregation-table .fm input[type="text"] { border: none; font-size: 16px !important; font-weight: 700; min-width: 85px; width: 100%; height: 33px !important; margin-left: -4px; margin-bottom: 0; } .external-aggregation-table .fm select { font-size: 16px !important; font-weight: 700; min-width: 100px; width: 100%; } .status-wrap { width: 10%; display: flex; /*border: 1px solid #ccc;*/ width: 100%; align-items: center; /*border-radius: 3px;*/ margin-bottom: 5px; } .aggregation-page2 .external-aggregation-table table.gray-table tbody tr { border-bottom: none; } .blue-border-text-wrapper { border: 2px solid rgb(13, 71, 161); padding: 20px !important; } .blue-border-text-wrapper label { color: rgb(13, 71, 161); top: -5px !important; } .line-status{ height:20px; width:20px; border-radius:50%; } .line-status.connected { background: green; margin-right: 10px; } .line-status.not-connected { background: #F44336; margin-right: 10px; } .line-status.pending-connection { background: #F57C00; margin-right: 10px; } .connected-text { color: green; float: right; line-height: 20px; font-size: 17px; font-weight: bold; } .not-connected-text { color: #F44336; float: right; line-height: 20px; font-size: 17px; font-weight: bold; } .pending-connection-text { color: #F57C00; float: right; line-height: 20px; font-size: 17px; font-weight: bold; } .last-update .time { border-left: 1px solid #ccc; padding-left: 5px; } .last-update .date { padding-right: 5px; } .last-update .td-text { line-height: 14px; } .external-aggregation-table .gray-text-r.small{ font-size: 10px; } .page-one .aggregation-page2 .detail-wrapper { height: calc(95vh - 85px); overflow-y: auto; overflow-x: hidden; } .proc-external-wrap .yellow-btn { color: white; } .proc-external-wrap .yellow-btn .material-icons { font-size:28px !important; } .proc-external-wrap .yellow-btn .btn-detail-wrap, .proc-external-wrap .yellow-btn .material-icons { color: #fff !important; } .proc-external-wrap .yellow-btn .btn-ico-wrapper{ border-right: 2px solid #fff !important; } .body-stat td{ border-bottom: 1px solid #ccc; } .body-stat td.no-border { border-bottom: 1px solid #0000; } .dark-blue-btn.second-page .btn-detail-wrap .bg-text { font-size: 30px !important; padding: 15px 20px; } .external-aggregation-table table.gray-table thead th, table.gray-table tbody td { font-size: 16px; padding: 6px 10px; } .aggregation-page2 .external-aggregation-table .data-row { padding-bottom: 10px; } .external-aggregation-table .header-row { padding-bottom: 0px; } .page-one .external-aggregation-table .header-row { padding-right: 20px; } .aggregation-page2 .main-btn { border-bottom: 1px solid #ccc; margin-top: 12%; width: 100%; text-align: center; padding: 3%; padding-bottom: 13.5%; } .aggregation-page2 .main-btn .dark-blue-btn { padding: 10px; } .main-btn-div.main-btn { display: flex; gap: 6px; } .aggregation-page2 .table-top-line-wrapper { display: flex; justify-content: space-between; align-items: center; font-size: 14px; } .notification-log { /*display: flex; flex-direction: column; flex: 1;*/ overflow: auto; /*position:relative;*/ padding: 0 15px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .notification-log .header { font-size: 11px; font-weight: 600; height:20px; } .notification-log .noti-body .record { /*font-size: 11px; font-weight: 600;*/ border-radius: 5px; padding: 5px; display: flex; align-items: center; margin-bottom: 5px; } .notification-log .noti-body .record.error { background: #ffe1e1; } .notification-log .noti-body .record.warn { background: #fff1d7; } .notification-log .noti-body .record.info { background: #e3f2fd; } .notification-log .noti-body .record.success { background: #c9e7c9; } .notification-log .noti-body .record.error .ico .material-icons, .notification-log .noti-body .record.error .log { color: #F44336; } .notification-log .noti-body .record.warn .ico .material-icons, .notification-log .noti-body .record.warn .log { color: orange; } .notification-log .noti-body .record.info .ico .material-icons, .notification-log .noti-body .record.info .log { color: blue; } .notification-log .noti-body .record.success .ico .material-icons, .notification-log .noti-body .record.success .log { color: green; } .noti-body .record .log{ flex-grow: 1; } .noti-body .record .log .material-icons.ico{ width:unset; } .notification-log .noti-body .record .ico .material-icons { font-size: 16px; } .aggregation-page2 .left-wrap { display: flex; justify-content: flex-start; height: 100%; flex-direction: column; } .Popup.bigger-font-popup, .bigger-btn-sec.ui-widget .ui-button-text { font-size: 15px !important; } .process-agg-pop{ min-height: 100px; display:flex; align-items:center; } .back-btn-sec { } .line-text { background: #e3f2fd; width: fit-content; padding: 6px 7px 1px 7px; border-radius: 5px; margin-bottom: 5px; /*width: 103% !important;*/ } .line-text-not-selected { background: #ffd7d4; width: fit-content; padding: 6px 10px; border-radius: 5px; margin-bottom: 4px; /*width: 100%;*/ text-align: left; margin-top: 0px; width: 103% !important; } .last-line-separation { margin-top: 18px; margin-left:-5px; } .more-accordien { color: #039be5; font-size: 17px; padding-bottom: 0; font-weight: 700; text-decoration: none; } .more-info-expand .material-icons { font-size: 27px !important; } .pros-aggr-header { font-size: 17px; font-weight: 700; margin-bottom: 10px; margin-top: 10px; } .pros-aggr-note { /*flex: 1;*/ /*max-height: calc(100% - 35px);*/ /*position: absolute;*/ /*margin-top: 35px;*/ display: flex; flex-direction: column; width: 100%; overflow-y: auto; padding-bottom:75px; } .pros-aggr-note .record { display: flex; align-items: start; font-size: 14px; margin-bottom: 10px; } .pros-aggr-note .error { color: #ff0000; } .pros-aggr-note .info { color: #0D47A1; } .pros-aggr-note .warn { color: #fb8c00; } .pros-aggr-note .success { color: #388e3c; } .dark-blue-btn.disabled { background: #ccc; } .multiple-select-drop-down { height: auto; width: auto; min-width: 150px; background: #fff; float: left; top: 30px; position: absolute; font-size: 17px; padding: 20px; border-radius: 5px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .multiple-select-drop-down .irregular-checkbox { margin-right:15px; transform: scale(2); } .multiple-select-drop-down .check-box-wrapper { margin-bottom: 40px; } .main-row-wrapper .material-icons { font-size: 26px !important; width: auto !important; } .light-border { width: fit-content; border: 1px solid #c7e6ff; padding: 2px 5px 0 5px !important; } /*.aggregation-pages .col.before-last { align-items: center; display: flex; }*/ .more-info-expand { background: #bbdefb; width: 100%; height: 40px; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; color: #039be5; cursor: pointer; } tr.ver-top{ vertical-align:top; } /*.label-separation { background: #bbdefb; } .label-separation span:not(:last-child) { border-right: 1px solid #fff; }*/ .m-t-4{ margin-top: 4px; } .aggregation-page2 .lblue-text-r, .aggregation-page2 .lblue-text-b{ font-size: 17px !important; } .label-separation span, .label-separation-all span { margin-right: 10px; background: #bbdefb; font-weight: 700; border-radius: 2px; padding: 3px 0; padding-right: 5px; position: relative; } .label-separation span::before { width: 0; height: 0; border-top: 12.5px solid transparent; border-bottom: 12.5px solid transparent; border-left: 7px solid #bbdefb; position: absolute; content: ""; right: -7px; top: 0; } .label-separation span:last-child::before{ display: none; } .label-separation span label, .label-separation-all span label { padding: 3px 5px; background: #1976d2; color: #fff; border-radius: 2px 0 0 2px; margin-right: 5px; } .label-separation-all span { background: #c8e6c9; } .label-separation-all span label { background: #1b5e20; position: relative; margin-right:10px; } .label-separation-all span label::before { width: 0; height: 0; border-top: 12.5px solid transparent; border-bottom: 12.5px solid transparent; border-left: 7px solid #1b5e20; position: absolute; content: ""; right: -6px; top: 0; } .main-btn .disabled { background: #aeacac !important; } .large-font-popup.ui-dialog.ui-widget .PopupImage { margin-right: 10px; } .large-font-popup.ui-dialog.ui-widget .PopupContent, .large-font-popup.ui-dialog.ui-widget .ui-dialog-title, .large-font-popup.ui-dialog.ui-widget .ui-button { font-size: 16px; } .error-text { color: #ff0000; } .dark-blue-btn:disabled, .dark-blue-btn[disabled] { background-color: #cccccc; } .error-msg-wrap { border-left: 3px solid #F44336; background: #ffefef; font-size: 13px; } .mixed-pallet-wrapper{ margin-left: 5px; float: right; } .mixed-pallet-label { color: darkblue; background: #bbdefb; padding: 2px 5px; height: 100%; display: flex; justify-content: center; align-items: center; } .serial-section { width: 100%; display: inline-block; } .serial-section .prod-list-return-order .serial-unverified { opacity: 0.6; } .serial-section .prod-list-return-order .serial-unverified > div { border: dashed 1px #607d8b; background: #e3e3e3; } .serial-section .prod-list-return-order .serial-unverified > div .ret-prod-name{ color: #313131; } .type-lbl { margin-right: 10px; font-size: 10px; border: 1px solid #039be5; border-radius: 4px; padding: 0 5px !important; font-weight: 400; color: #0d47a1; min-width: 50px; text-align: center; line-height: 15px; } .prod-detail .verify2-btn { background: none; color: #039be5; padding: 0; margin-top: 0px; margin-left: 5px; float: right; } .prod-detail .verify2-btn:hover { color: blue; } .connected-indicator { border-radius: 90px; color: #fff; padding: 5px; } /* Shipment page */ .H2Label.shp-label { width: 160px; } .no-icon-button-wrapper { height: 40px; } .no-icon-button-wrapper.shp-btns span { padding-left: 3px; } .button-wrapper-destribute.shp-btns { width: 100%; min-width: 100%; } .label-status.shp-label-status .btn { line-height: 15px; padding: 10px; width: 100%; } .verify-status-div .verify-status { font-size: 28px; height: 30px; align-content: center; margin-left: 15px; } .verify-status.verify { color: #4caf50; } .verify-status.not-verify { color: #ff9800; } .shp-select-provider { margin-left: 7px; } .shp-button-wrapper-destribute { margin-right: 20px; } .order-sum-label.shp-order-sum-label { width: 100%; align-items: flex-start; } /* Shipment page - FTP popup */ .shp-ftp-popup-content .ftp-download-div { float: left; width: 78%; word-break: break-all; padding-right: 15px; } .shp-ftp-popup-content .fx-valign-middle.fx-just-space-between .ftp-submit-btn { background: #eaf1f5; display: flex; align-items: center; height: auto; width: auto; min-width: 119px; } .shp-ftp-popup-content .ftp-submit-btn img { float: left; padding-left: 11px; } .shp-ftp-popup-content .ftp-table-div table { border: 1px solid #bbdefb; } .shp-ftp-popup-content .ftp-table-div th { background: #e3f2fd; border-bottom: 2px solid rgb(0, 137, 255); color: #0d47a1; padding: 3px 7px; } .shp-ftp-popup-content .ftp-table-div tbody tr { border-bottom: 1px solid #bbdefb; height: 30px; } .shp-ftp-popup-content .ftp-table-div tbody tr td { padding: 3px 7px; } .ftp-submit-status.ftp-icons { margin: 0; } .ftp-submit-status.submitted-status { margin-right: 1px; } .ftp-submit-status.error-status { color: #F44336; margin-right: 1px; width: 20px; } .ftp-submit-status.not-submit-status { width: 17px; height: 17px; margin-right: 2px; margin-left: 2px; } .ftp-submit-status-icon-div { /* width: 26px; margin-left: 12px;*/ margin-right: 3px; display: flex; justify-content: center; align-items: center; } .ftp-action-div div { width: 24px; padding: 0; } @media (max-width: 991px) { .shp-select-provider { margin-left: 0 !important; } } @media (max-width: 1199px) { .shp-delivery-row .col-md-12.col-lg-5 { margin-bottom: 8px; } .label-status.shp-label-status .btn { margin-top: -2px; } .button-wrapper-destribute.shp-btns { height: 40px; } .shp-select-provider { margin-left: -13px; } .verify-status-div .verify-status { font-size: 24px; height: auto; } } @media (max-width: 1250px) { .button-wrapper-destribute.shp-button-wrapper-destribute { min-width: 16vw; } } @media (max-width: 1300px) { .H2Label.shp-label { width: auto; line-height: normal; } } @media (min-width: 1190px) { select.shp-select, select.shp-select-provider { height: 30px !important; } .verify-status-div { height: 30px; } } @media (min-width: 1200px) and (max-width: 1570px) { .shp-select-provider { margin-left: 0px; } } @media (min-width: 1570px) and (max-width: 1750px) { .shp-select-provider { margin-left: 1px; } } @media (min-width: 1200px) and (max-width: 1225px) { .shp-order-container-wrapper #SipmentOrderItemSummaryBody.prod-list-return-order { height: 68.8vh !important; } } /* End of Shipment page */ /* External Article Manager page */ .exArticleMan-table-action-btn, .exArticleMan-btn { padding: 2px 10px; font-size: 13px; font-weight: 600; height: 24px; } .exArticleMan-table-action-btn.send-btn { min-width: 112px !important; width: 112px; } .exArticleMan-table-action-btn.activate-btn { min-width: 80px !important; width: 80px; } .exArticleMan-table-action-btn.deactivate-btn { background-color: #fff; box-shadow: inset 0 0 0 2px #1565c0; color: #1565c0; } .exArticleMan-table-action-btn.deactivate-btn:hover { background-color: #1565c0; box-shadow: none; color: #fff; } .externalArticleManagerTable { width: 100%; } .externalArticleManagerTable .externalArticleManagerTableHeader { margin-top: 10px; border-bottom: 0px solid #bbdefb; } .externalArticleManagerTable .externalArticleManagerTableHeader tbody { height: 38px; } .externalArticleManagerTable tr { border-bottom: 1px solid #bbdefb; } .externalArticleManagerTable tr td { padding-left: 5px; } .externalArticleManagerTable .externalArticleManagerTableButtonDiv input:disabled { padding-bottom: 0; margin-bottom: 0; } @media (min-width: 1200px) { .externalArticleManagerTable { width: 75%; } } /* End of External Article Manager page */ /* FTP popup - Workorder */ .ftp-sub-heading { font-size: 14px; font-weight: 650; border-bottom: 2px solid #222222; margin: 8px 4%; } /* End of FTP popup - Workorder */ /* Return Orders popups */ .return-order-status-div .H2Control div { width: 200px; } .return-order-status-div .H2Label { width: 65px; } @media (max-width: 1054px) { .return-order-status-div .H2Control div { width: auto; } } /* End of Return Orders popups */ /* Additional Utility Classes */ .hidden { display: none !important; } .m-0 { margin: 0; } .mx-0 { margin-left: 0; margin-right: 0; } .my-0 { margin-top: 0; margin-bottom: 0; } .me-0 { margin-left: 0; } .ms-0 { margin-right: 0; } .mt-0 { margin-top: 0; } .mb-0 { margin-bottom: 0; } .mb-0i { margin-bottom: 0 !important; } .py-15{ padding-top:15px !important; padding-bottom:15px !important; } .bg-gray { background-color: #b0bec5 !important; } .text-gray { color: #b0bec5 !important; } .bg-success { background-color: #388e3c !important; } .bg-danger { background-color: #F44336 !important; } .bg-info { background-color: #1976d2 !important; } .bg-warning { background-color: #ffc107 !important; } .bg-primary { background: #0d47a1 !important; } .bg-transparent { background-color: transparent !important; } .bg-white { background-color: #fff !important; } .border-primary { border-color: #0d47a1 !important; } .text-primary { color: #0d47a1 !important; } .text-black { color: #2A1F18 !important; } .text-dark-blue { color: #172554; } .border-light-gray { border-color: #eceff1 !important; } .info-100 { background: #BBDEFB; } .warning-100 { background: #ffe0b2; } .success-100 { background: #c8e6c9; } .danger-100 { background: #ffcdd2; } .txt-danger { color: #F44336; } .text-success { color: #388E3C; } .text-warning { color: #e65100; } .text-yellow { color: #fbc02d; } .disabled-section { opacity: 0.5; } .disabled-section .sum-head { color: #333; border-bottom: 4px solid #333; } .serial-with-icon { color: #0D47A1; display: flex; align-items: center; } /*div[tabindex="-1"] { transition: box-shadow 0.3s ease; } div[tabindex="-1"]:focus { outline: none; box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);*/ /* Subtle glow */ /*transition: all 0.3s ease; }*/ /*div[tabindex="-1"]:focus { outline: none; border: 2px solid #007BFF; background-color: #e6f0ff; box-shadow: 0 0 10px rgba(0, 123, 255, 0.5); transition: all 0.3s ease; }*/ /* End of Utility Classes */ /* Base style: light border, blue text, smooth transitions */ .btn-outline-primary.category-btn { color: #007bff; border-color: #007bff; background-color: transparent; transition: background-color 0.2s ease, color 0.2s ease; } /* Hover state: fill button with blue, white text */ .btn-outline-primary.category-btn:hover { color: #fff !important; background-color: #007bff; border-color: #007bff; } /* Active/focused state: slightly darker blue background */ .btn-outline-primary.category-btn:focus, .btn-outline-primary.category-btn:active { outline: none; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); background-color: #0056b3; color: #fff; } /* Optional: adjust padding and margins for spacing */ .btn-outline-primary.category-btn { /*margin: 0.2rem;*/ padding: 0.375rem 0.75rem; /* matches Bootstrap's btn-sm sizing */ font-size: 0.9rem; border-radius: 0.25rem; } .category-section { outline: none; border: 2px solid #039be5; } .category-section:focus { outline: none; border:2px solid #039be5; transition: all 0.3s ease; } .button-barSystemConfig { padding: 10px 20px 10px 20px; background: #fff; border-bottom: 1px solid #ccc; margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 15px; position: sticky; top: -16px; z-index: 20; -webkit-box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); -moz-box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); box-shadow: 0px 0px 3px 0px rgb(169 164 164 / 75%); display: flex; gap: 2.5px; } .button-barSystemConfig .btn-outline-primary.category-btn { margin-right: 10px !important; } /* workorder table */ @media (max-width: 1366px) { .page-one .external-aggregation-table .header-row.page-TableHeader { padding-right: 0; } .page-TableHeader .col { border-right: 0px !important; } } /* --- */ /* workorder status */ .status-text.initial { background: #dbe7f3; } .status-text.printing-sent { background: #e0d6ff; } .connection-dot { border-radius: 100px; width: 15px; height: 15px; } .connection-dot.bg-danger { background-color: #e53935 !important; } .connection-dot.bg-warning { background-color: #f57c00 !important; } .connection-dot.bg-success { background-color: #00c853 !important; } /* --- Workorder Process Wizard for INT ---*/ /* steps-section */ .wizzard-label { margin-top: 8px; font-size: 16px; color: #78909C; white-space: nowrap; text-align: center; } .next-step .wizzard-label, .completed-step .wizzard-label { color: #263238; font-weight: bold; } .completed-step.selected-step .outer-ring, .next-step.selected-step .outer-ring, .next-step.wizzard-step-wpw.selected-step .outer-ring { z-index: 10; border: 3px solid #558B2F; border-radius: 90px; padding: 4px; background: #fff; height: auto; } .completed-step.selected-step .outer-ring > span { background: #558B2F; border: 1px solid #558B2F; color: #fff; } /* --- end of Workorder Process Wizard ---*/ /* --- ExternalWorkOrderProcess --- */ .work-order-label.work-order-label-flex { display: flex; align-items: center; border-right: none; } .work-order-label-flex span { line-height: normal; } .tags, .work-order-label-flex .tags.wo-id-tag { padding: 4px 14px; border-radius: 5px; } .work-order-label-flex .tags.wo-id-tag { color: #0D47A1; background: #AAD5F8; } .tags.error { color: #F44336; background: #ffcdd2; } .tags.pending { color: #e65100; background: #ffe0b2; } .tags.downloaded { color: #388E3C; background: #c8e6c9; } .row-status.downloaded .del-btn-line { display: none; } tbody.main-plain-tbody tr { height: 45px; } .no-data-row { color: #0d47a1; font-style: italic; font-weight: 600; } .external-wo-process .add-device-btn { padding: 15px 30px; } .external-wo-process.workOrderWizard-button-panel .dark-blue-btn, .external-wo-process.workOrderWizard-button-panel .dark-blue-btn .btn-bar-button .material-icons { color: #fff; } .external-wo-process.workOrderWizard-button-panel .dark-blue-btn :hover { background: #1565c0; } @media (max-width: 1199px) { .external-wo-process-verify-btn-div.m-t-15 { margin-top: 0; } } @media (min-width: 1200px) and (max-width: 1300px) { .external-wo-process-verify-btn-div .dark-blue-btn { padding: 0; } .external-wo-process-verify-btn-div .dark-blue-btn .button-text-wrapper { display: flex; justify-content: center; } .external-wo-process-verify-btn-div .dark-blue-btn span.btn-ico-wrapper { padding: 8px; } .external-wo-process-verify-btn-div .dark-blue-btn .btn-detail-wrap .bg-text { margin: 0; } } @media (min-width: 1300px) and (max-width: 1450px) { .external-wo-process-verify-btn-div .dark-blue-btn { padding: 0; } .external-wo-process-verify-btn-div .dark-blue-btn .button-text-wrapper { display: flex; justify-content: center; } .external-wo-process-verify-btn-div .dark-blue-btn span.btn-ico-wrapper { padding: 8px 20px 8px 8px; } .external-wo-process-verify-btn-div .dark-blue-btn .btn-detail-wrap .bg-text { margin-left: 5px; } } /* --- end of ExternalWorkOrderProcess --- */ /*-- SubOrder Query Details CSS / SubOrder --*/ .subOrder-ret-lot-no-wrapper:has(.line-number-subOrder.display-none) .ret-lot-no.batch-lot-subOrder, .subOrder-ret-lot-no-wrapper:has(.line-number-subOrder.display-none) .ret-lot-no.subOrder { width: 30% !important; } .line-number-subOrder.display-none { display: none; } .prog-messure.prog-messure-subOrderQueryDetails { line-height: 15px; position: absolute; } .detail-header-div { border: 1px solid #bbdefb; background: #e7f1f7; border-bottom: 0; padding: 8px 20px 13px 20px; font-size: 17px; justify-content: space-between; } .status-text.pack-status-pill { height: auto; font-size: 15px; } .pack-status-pill.status-text.initial { background: #bbdefb; } .pack-status-pill.status-text.processing { background: #c3f9c5; } .pack-status-pill.status-text.closed { background: #ffbd79; } @media (min-width: 768px) { .bigger-font-tab .tour-id-section .pending-sub-order-row li table th, .bigger-font-tab .tour-id-section .pending-sub-order-row li table td { font-size: 17px; } } @media screen and (min-width: 769px) and (max-width: 1199px) { ul.prod-list-return-order.pending-sub-order-row.fixed-min-width-tbl.single-line-list.delivery-detail-grid { width: 100%; } ul.prod-list-return-order.pending-sub-order-row.fixed-min-width-tbl.single-line-list.delivery-detail-grid li { width: 1150px; } } @media screen and (min-width: 1200px) and (max-width: 1625px) { .OriginalRowTourID ul.prod-list-return-order.pending-sub-order-row.fixed-min-width-tbl.single-line-list.delivery-detail-grid li { width: 1150px; } } /* subOrder */ @media screen and (max-width: 1170px) { .ret-lot-no.line-number-subOrder, .ret-lot-no.batch-lot-subOrder { width: 18% !important; } .ret-lot-no.subOrder { width: 16% !important; } .ret-prod-progress-bar.subOrder { width: 48% !important; } .subOrder-ret-lot-no-wrapper:has(.line-number-subOrder.display-none) .ret-lot-no.subOrder { width: 22% !important; } .subOrder-ret-lot-no-wrapper:has(.line-number-subOrder.display-none) .ret-lot-no.batch-lot-subOrder { width: 30% !important; } } /*-- SubOrder Query Details / SubOrder CSS Ends --*/ /* Workorder Queue Height */ @media screen and (max-height: 810px) { .page-one .external-aggregation-table tbody.aggreation-table-height.wo-queue-height { height: calc(100vh - 270px) !important; } } /*-- Packzone --*/ .PackzoneDevices-table-wrapper .main-plain-table thead th { position: sticky; top: 0; z-index: 1; } .PackzoneDevices-table-wrapper .blue-border-bottom { height: 41px; } .PackzoneDevices-table-wrapper .del-btn-line.disabled { background-color: transparent !important; border: none !important; color: #ccc !important; } .add-device-btn.btn-blue.pack-zone-btn { display: flex; justify-content: center; align-items: center; min-width: auto !important; padding: 8px 15px; cursor: pointer; } .del-btn-line.disabled { cursor: not-allowed !important; pointer-events: auto; } .reset-icon-btn { float: right; color: #039BE5; width: auto !important; font-size: 24px !important; cursor: pointer; padding: 5px; background: none; border: none !important; } .reset-icon-btn:hover { background: #BBDEFB; color: #039BE5; border-radius: 100%; } .reset-icon-btn.disabled { cursor: not-allowed !important; background-color: transparent !important; border: none !important; color: #ccc !important; } /*-- Packzone Ends --*/ /* dropdown with input */ .dd-with-input-box { position: relative; width: 100%; } .dd-with-input-input:focus, .dd-with-input-input::selection { background: #acc3db; } .dd-with-input-box:focus-within .dd-with-input-dropdown { background-color: #acc3db; } .dd-with-input-arrow { position: absolute; top: 12px; transform: translateY(-50%); pointer-events: none; right: 1px; width: 18px; height: auto; } .dd-with-input-arrow.disabled { background-color: #eee } .dd-with-input-dropdown { position: absolute; top: calc(100% - 5px); left: 0; right: 0; background: #acc3db; border: 1px solid #8a8a8a; z-index: 200; } .dd-with-input-option { padding: 5px 7px; cursor: pointer; } .dd-with-input-option:hover { background: #3875d7; color: #fff; } .dd-with-input-option.selected { background: #3875d7; color: #fff; } /* dropdown with input Ends */ /* --- New System Config Page --- */ /* search */ .text-wrapper-search { margin: 0; padding: 0; border: none; } .text-wrapper-search .scan-textbox-wrapper .touch-replace-txt { padding: 20px 10px; font-size: 17px !important; } .text-wrapper-search .scan-enter-btn span { font-size: 24px; padding: 0 5px; } /*---*/ .systemConfig-sideMenu-wrapper { display: flex; flex-direction: column; gap: 15px; height: 100%; overflow: clip; } .systemConfig-sideMenu-wrapper .text-wrapper.text-wrapper-search { padding: 0; margin: 0; border: none; } .systemConfig-sideMenu { display: flex; flex-direction: column; gap: 8px; height: calc(100vh - 192px); overflow: auto; } .systemConfig-sideMenu-item { padding: 4px 0 4px 15px; border: 2px solid #039BE5; border-radius: 4px; color: #0277BD; margin-right: 10px; } .systemConfig-sideMenu-item-div { display: flex; justify-content: space-between; font-size: 14px; align-items: center; font-weight: 700; } .systemConfig-sideMenu-item:hover { background-color: #039BE5; color: #fff; cursor: pointer; } .systemConfig-sideMenu-item.active { background-color: #039BE5; color: #fff; } .systemConfig-sideMenu-item .material-icons { font-size: 30px; height: auto; width: auto; color: #fff; } .systemConfig-rightContent-row-wrapper { height: calc(100vh - 168px); overflow: auto; overflow-x: hidden; } .systemConfig-rightContent-row-wrapper > div:nth-child(even) { background-color: #f5fafe; } .systemConfig-rightContent-row { padding: 20px 10px; border-bottom: 1px solid #F0F0F0; } .systemConfig-rightContent-row label { font-size: 14px; color: #263238; font-weight: 500; margin-bottom: 5px; } .systemConfig-rightContent-row .info-label { font-size: 11px; color: #757575; font-style: italic; } @media (max-width: 1200px) { .systemConfig-sideMenu-item { font-size: 13px; padding: 2px 0 2px 15px; } .systemConfig-rightContent-row label { font-size: 13px; } } /* --- End of New System Config Page --- */ /* --- Sub Order Pre Print Summary Page --- */ .pack-zone-and-date-select-row { width: -webkit-fill-available; margin-bottom: 5px; } /*graphic drop down*/ .graphic-drop-down-wrapper.graphic-drop-down-wrapper-sm .graphic-drop-down img { height: 50px; } .graphic-drop-down-wrapper.graphic-drop-down-wrapper-sm .graphic-drop-down-option-list .autofill-select-list span img { height: 50px; width: 35px; } .graphic-drop-down-wrapper.graphic-drop-down-wrapper-sm .autofill-select-list { top: 60px; } /*date select calender*/ .date-select-calenderRow.date-select-calenderRow-sm .day .p-2 { padding: 2px !important; } .date-select-calender-SO-PrePrint { width: fit-content; float: right; margin-top: 15px; } .date-select-calender-SO-PrePrint button { width: 40px; height: 40px; } .date-select-calender-SO-PrePrint button.disabled { color: #ccc !important; border-color: #ccc !important; } .date-select-calender-SO-PrePrint .day { width: 75px; position: relative; } .date-select-calender-SO-PrePrint .day.selected-date { border-color: #0D47A1 !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } /*.date-select-calender-SO-PrePrint .day.selected-date::before { content: "keyboard_double_arrow_down"; font-family: 'Material Icons'; font-size: 20px; position: absolute; top: -26px; left: 50%; transform: translateX(-50%); color: #039BE5; }*/ /*status filter*/ .sum-head-with-filter { align-items: flex-end; } .sumHead-filter-wrapper { display: flex; gap: 10px; font-size: 13px; } .sumHead-filter-wrapper .sumHead-filter { display: flex; align-items: center; border-radius: 4px; padding: 5px 10px; } .sumHead-filter input { width: 18px; height: 18px; } .sumHead-filter-wrapper .sumHead-filter.receiving { color: #747276; border: 2px solid #747276; } .sumHead-filter-wrapper .sumHead-filter.pending { color: #FB9B2D; border: 2px solid #FB9B2D; } .sumHead-filter-wrapper .sumHead-filter.in-progress { color: #1976D2; border: 2px solid #1976D2; } .sumHead-filter-wrapper .sumHead-filter.paused { color: #039BE5; border: 2px solid #039BE5; } .sumHead-filter-wrapper .sumHead-filter.printed { color: #388E3C; border: 2px solid #388E3C; } .sumHead-filter-wrapper .sumHead-filter.error { color: #F44336; border: 2px solid #F44336; } .sumHead-filter-wrapper .sumHead-filter.pending-updates { color: #E65100; border: 2px solid #E65100; } .sumHead-filter-btn { border: 2px solid #039BE5; border-radius: 4px; display: flex; justify-content: center; align-items: center; width: 35px; cursor: pointer; } .sumHead-filter-btn .material-icons { width: 20px; height: 20px; } .sumHead-filter-btn:hover { background: #039BE5; color: #fff; } /*suborder info div*/ .sub-info-div-wrapper { padding: 5px 0 15px 0; overflow: auto; } .pending-items .text-warning { color: #e65100 !important; border: 2px solid #e65100; } /*printer connection status*/ .printer-status-wrapper { padding: 0 15px; } .printer-status-wrapper .messaging-snippet { padding: 0; left: 0; margin: 0; } .printer-status-wrapper .messaging-snippet .messDetail { font-size: 12px; color: unset; } .printer-status-wrapper .messaging-snippet .messDetail .material-icons { font-size: 20px; margin-left: 0; } .messaging-snippet.pending-message { background: #FFE0B2; border: 2px solid #FB9B2D; color: #FB9B2D; } .messaging-snippet.in-progress-message { background: #BBDEFB; border: 2px solid #1976D2; color: #1976D2; } .messaging-snippet.paused-message { background: #C8EDFF; border: 2px solid #039BE5; color: #039BE5; } .messaging-snippet.receiving-message { background: #E6E5E6; border: 2px solid #747276; color: #747276; } .printer-status-wrapper .messaging-snippet.success-message .material-icons.error-icon, .printer-status-wrapper .messaging-snippet.success-message .material-icons.in-progress-icon, .printer-status-wrapper .messaging-snippet.success-message .material-icons.pending-icon, .printer-status-wrapper .messaging-snippet.success-message .material-icons.paused-icon, .printer-status-wrapper .messaging-snippet.success-message .material-icons.receiving-icon { display: none; } .printer-status-wrapper .messaging-snippet.error-message .material-icons.printed-icon, .printer-status-wrapper .messaging-snippet.error-message .material-icons.in-progress-icon, .printer-status-wrapper .messaging-snippet.error-message .material-icons.pending-icon, .printer-status-wrapper .messaging-snippet.error-message .material-icons.paused-icon, .printer-status-wrapper .messaging-snippet.error-message .material-icons.receiving-icon { display: none; } .printer-status-wrapper .messaging-snippet.in-progress-message .material-icons.printed-icon, .printer-status-wrapper .messaging-snippet.in-progress-message .material-icons.error-icon, .printer-status-wrapper .messaging-snippet.in-progress-message .material-icons.pending-icon, .printer-status-wrapper .messaging-snippet.in-progress-message .material-icons.paused-icon, .printer-status-wrapper .messaging-snippet.in-progress-message .material-icons.receiving-icon { display: none; } .printer-status-wrapper .messaging-snippet.pending-message .material-icons.printed-icon, .printer-status-wrapper .messaging-snippet.pending-message .material-icons.error-icon, .printer-status-wrapper .messaging-snippet.pending-message .material-icons.in-progress-icon, .printer-status-wrapper .messaging-snippet.pending-message .material-icons.paused-icon, .printer-status-wrapper .messaging-snippet.pending-message .material-icons.receiving-icon { display: none; } .printer-status-wrapper .messaging-snippet.paused-message .material-icons.printed-icon, .printer-status-wrapper .messaging-snippet.paused-message .material-icons.error-icon, .printer-status-wrapper .messaging-snippet.paused-message .material-icons.in-progress-icon, .printer-status-wrapper .messaging-snippet.paused-message .material-icons.pending-icon, .printer-status-wrapper .messaging-snippet.paused-message .material-icons.receiving-icon { display: none; } .printer-status-wrapper .messaging-snippet.receiving-message .material-icons.printed-icon, .printer-status-wrapper .messaging-snippet.receiving-message .material-icons.error-icon, .printer-status-wrapper .messaging-snippet.receiving-message .material-icons.in-progress-icon, .printer-status-wrapper .messaging-snippet.receiving-message .material-icons.pending-icon, .printer-status-wrapper .messaging-snippet.receiving-message .material-icons.paused-icon { display: none; } /* popup styles */ .img-sgtin, .img-sscc { height: 22px; width: auto; } .printer-connection-status.txt-danger .material-icons.connected, .printer-status.txt-danger .material-icons.connected { display: none; } .printer-connection-status.text-success .material-icons.error, .printer-status.text-success .material-icons.error { display: none; } .reprint-or-resume-btn-wrapper .add-device-btn.btn-blue { width: 46%; } .add-device-btn.btn-blue span { pointer-events: auto; cursor: pointer; } .reprint-or-resume-btn-wrapper .add-device-btn.btn-blue .material-icons { font-size: 24px; } .printer-refresh-btn { justify-content: flex-end; } /* media query */ @media (max-width: 1024px) { .tour-details-page .col-md-12.col-lg-4.height100.d-flex.fx-column, .tour-details-page .col-md-12.col-lg-8.p-l-0i.height100 { height: auto; } .tour-details-page .col-md-12.col-lg-8.p-l-0i.height100 { padding-left: 15px !important; } } @media (max-width: 1550px) { .sumHead-filter-wrapper { font-size: 11px; gap: 5px; } } @media (max-width: 1423px) { .sum-head-with-filter { flex-direction: column; align-items: flex-start; } .sumHead-filter-wrapper { margin: 5px 0; flex-wrap: wrap; justify-content: flex-start; } } @media (max-width: 1220px) { .pack-zone-and-date-select-row .col-sm-12.col-lg-3, .pack-zone-and-date-select-row .col-sm-12.col-lg-9 { width: 100%; } .date-select-calender-SO-PrePrint { width: 100%; margin-top: 25px; } .sub-info-div-wrapper.font16 { font-size: 14px; } .sumHead-filter-wrapper { gap: 2px; } } /*Tour Selector*/ .sopp-tour-container { gap: 15px; } .sopp-tour-row { display: flex; justify-content: space-between; align-items: center; background: white; border: 2px solid #039BE5; border-radius: 6px; padding: 10px 20px; max-height: 70px; transition: .2s; } .sopp-tour-row:hover { background: #FAFDFF; } .sopp-left { display: flex; align-items: center; gap: 35px; } .sopp-status.pending, .sopp-status.prioritized { color: #FB9B2D; } .sopp-status.printing { color: #1976D2; } .sopp-status.pending .material-icons.icon-printing, .sopp-status.pending .material-icons.icon-prioritized { display: none; } .sopp-status.printing .material-icons.icon-pending, .sopp-status.printing .material-icons.icon-prioritized { display: none; } .sopp-status.prioritized .material-icons.icon-pending, .sopp-status.prioritized .material-icons.icon-printing { display: none; } .sopp-status.prioritized .prioritized-by-section { display: block; } .sopp-status.printing .prioritized-by-section, .sopp-status.pending .prioritized-by-section { display: none; } .ui-widget .material-icons { font-family: 'Material Icons'; font-size: 20px; } /* --- End of Sub Order Pre Print Summary Page --- */