/* Minification failed. Returning unminified contents.
(9268,43): run-time error CSS1036: Expected expression, found '}'
(9269,43): run-time error CSS1036: Expected expression, found '}'
(21944,79): run-time error CSS1034: Expected closing parenthesis, found ';'
(21944,79): run-time error CSS1063: Expected calculation unit, found ';'
(21944,79): run-time error CSS1064: Expected calculation product, found ';'
(21944,79): run-time error CSS1065: Expected calculation sum, found ';'
(21944,79): run-time error CSS1034: Expected closing parenthesis, found ';'
(21944,79): run-time error CSS1042: Expected function, found ';'
(21944,80): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(21946,102): run-time error CSS1034: Expected closing parenthesis, found ';'
(21946,102): run-time error CSS1063: Expected calculation unit, found ';'
(21946,102): run-time error CSS1064: Expected calculation product, found ';'
(21946,102): run-time error CSS1065: Expected calculation sum, found ';'
(21946,102): run-time error CSS1034: Expected closing parenthesis, found ';'
(21946,102): run-time error CSS1042: Expected function, found ';'
(21946,103): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(22015,61): run-time error CSS1034: Expected closing parenthesis, found ';'
(22015,61): run-time error CSS1063: Expected calculation unit, found ';'
(22015,61): run-time error CSS1064: Expected calculation product, found ';'
(22015,61): run-time error CSS1065: Expected calculation sum, found ';'
(22015,61): run-time error CSS1034: Expected closing parenthesis, found ';'
(22015,61): run-time error CSS1042: Expected function, found ';'
(22015,62): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(22017,60): run-time error CSS1034: Expected closing parenthesis, found ';'
(22017,60): run-time error CSS1063: Expected calculation unit, found ';'
(22017,60): run-time error CSS1064: Expected calculation product, found ';'
(22017,60): run-time error CSS1065: Expected calculation sum, found ';'
(22017,60): run-time error CSS1034: Expected closing parenthesis, found ';'
(22017,60): run-time error CSS1042: Expected function, found ';'
(22017,61): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(29581,28): run-time error CSS1030: Expected identifier, found '-'
(29581,28): run-time error CSS1030: Expected identifier, found '-'
(29581,36): run-time error CSS1031: Expected selector, found ')'
(29581,36): run-time error CSS1025: Expected comma or open brace, found ')'
(29587,29): run-time error CSS1030: Expected identifier, found '-'
(29587,29): run-time error CSS1031: Expected selector, found '-'
(29587,29): run-time error CSS1025: Expected comma or open brace, found '-'
(32586,25): run-time error CSS1030: Expected identifier, found '-'
(32586,25): run-time error CSS1031: Expected selector, found '-'
(32586,25): run-time error CSS1025: Expected comma or open brace, found '-'
(33406,48): run-time error CSS1031: Expected selector, found ','
 */
/*! jQuery UI - v1.12.0 - 2016-07-08
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright 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-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;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.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-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.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-wrapper{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-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.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-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{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-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.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-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-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.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-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.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-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;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-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.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}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;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,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.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,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.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("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon,.ui-state-default .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-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:-65px -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:-65px -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:1px -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:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:"Glyphicons Halflings";src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")}.glyphicon{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014 \00A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\00A0 \2014"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);opacity:.65;-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;background-image:none;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;background-image:none;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;background-image:none;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;background-image:none;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;background-image:none;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;background-image:none;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-right:15px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-right:-15px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover>.arrow{border-width:11px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;filter:alpha(opacity=90);opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203a"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map */
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

body {
    padding-bottom: 20px;
    background: #c7c7c6;
    color: #40403f;
    font: 13px/1.2 "Lato", Arial, Helvetica, sans-serif;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.container-fluid {
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

html.staging { height: 100%; }

html.staging, .staging .headerLogo { position: relative; }

    html.staging::after { 
        content: ''; 
        position: absolute;
        width: 20px;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 9999;
            -webkit-animation: glow linear 12s infinite; 
        animation: glow linear 12s infinite;
        background: #92a900; }

            /*@-webkit-keyframes glow { 
                0% { background-color: #92a900; }
                33% { background-color: #bea500; }
                66% { background-color: #db7700; }
                100% { background-color: #92a900; } 

            } 
        @keyframes glow { 
            0% { background-color: #92a900; }
            33% { background-color: #bea500; }
            66% { background-color: #db7700; }
            100% { background-color: #92a900; } 
        }*/
        @-webkit-keyframes glow { 
                0% { background-color: #8c9500; }
                50% { background-color: #bbc700; }
                100% { background-color: #8c9500; } 

            } 
        @keyframes glow { 
            0% { background-color: #8c9500; }
            50% { background-color: #bbc700; }
            100% { background-color: #8c9500; } 
        }

    html.staging .logoRFE-lg { overflow: hidden; width: 160px; height: 90px; padding-left: 160px; background: url(../images/logoRFE-Staging.png) no-repeat 0 0 !important; }
    html.staging .logoRFE-md { overflow: hidden; width: 130px; height: 73px; padding-left: 130px; background: url(../images/logoRFE-md-Staging.png) no-repeat 0 0 !important; }
    html.staging .logoRFE-sm { overflow: hidden; width: 72px; height: 40px; padding-left: 72px; background: url(../images/logoRFE-sm-Staging.png) no-repeat 0 0 !important; }

        /*html.staging .headerLogo::after { 
            content: 'STAGING'; 
            position: absolute; 
            width: 160px; 
            height: 20px; 
            left: 0; 
            bottom: -55px; 
            color: #FFFFFF; 
            text-align: center; 
            line-height: 20px; 
            font-size: 16px; 
            font-weight: bold; 
            letter-spacing: 1px;
                -webkit-animation: glow linear 12s infinite; 
            animation: glow linear 12s infinite; 
            z-index: 9999; }*/

/*****************************************************************
= Fonts
*****************************************************************/


/*@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(../fonts/Lato-Light.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}*/
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/Lato-Regular.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(../fonts/Lato-Bold.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* Webfont: Lato-Black */
@font-face {
    font-family: 'LatoWebBlack';
    src: local('Lato Black'), local('Lato-Black'), url('../fonts/Lato-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: 900;
}

/* Webfont: Lato-BlackItalic */
@font-face {
    font-family: 'LatoWebBlack';
    src: local('Lato Black Italic'), local('Lato-BlackItalic'), url('../fonts/Lato-BlackItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 900;
}

/* Webfont: Lato-Light */
@font-face {
    font-family: 'LatoWebLight';
    src: local('Lato Light'), local('Lato-Light'), url('../fonts/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: 900;
}

/*****************************************************************
= Swatches

off-white   #eeeeeb

grey-xxl    #dcdcd9
grey-xl     #c7c7c6
grey-light  #b0b0ad
grey-mid    #949491
grey-dark   #787875    
grey-xd     #5c5c5a
grey-xxd    #40403f

RFEred         #be1622
RFEred-drk     #7e0009  

Dusky Grape         #6f577e
Dusky Grape-d       #594366
Dusky Grape-xd      #4c3759
Dusky Grape-g       #605666
Dusky Grape-xxl     #f0edf2

Plum                #944364
Plum-d              #7a3551

Yes/Go Green        #627e21 
Yes/Go Green-d      #4e6d07

Progress Aqua       #3898ad
Progress Aqua-d     #298094

Amber               #c75a00

Company U           #b3320a
Company H           #b27711
Company I           #4594a3
Company A           #89a617
Company D / N       #8a4a69          

SA Sales            #c73e14     #b32400
LG Logistics        #d17700     #b86200
AC Accounts         #5e8f88     #46756e
NP NPD              #7e9e3f     #668528
QC QC & Compliance  #944364     #7a3551
TS Technical        #007c85     #00666e
MA Marketing        #a31f10     #941709
IT IT/Admin         #
MG Management       #4c3759     #342040

Archived            #827252

/*****************************************************************
= GLOBAL
*****************************************************************/

h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0 0 10px;
  text-transform: uppercase; }

    a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 { text-decoration: none; }

.sz1 { font-size: 36px; }
.sz2 { font-size: 30px; }
.sz3 { font-size: 24px; }
.sz4 { font-size: 21px; }
.sz5 { font-size: 18px; }
.sz6 { font-size: 15px; }
.sz7 { font-size: 13px; }

.fontBlack { 
    font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
    font-weight: 900; }

    .fontBlack span { font-family: "Lato", Arial, Helvetica, sans-serif; }

.fontThin { 
    font-family: "Lato", Arial, Helvetica, sans-serif !important; 
    font-weight: normal; }

.fontBold { 
    font-family: "Lato", Arial, Helvetica, sans-serif !important; 
    font-weight: bold; }

.fontLight { 
    font-family: 'LatoWebLight', Lato, Arial, Helvetica, sans-serif; 
    font-weight: 300; }

.rfeRed, .pageBasic .rfeRed { color: #be1622; }
.grape, .pageBasic .grape { color: #6f577e; }
.grapeDark, .pageBasic .grapeDark { color: #594366; }
.plum, .pageBasic .plum { color: #944364; }
.apple, .pageBasic .apple { color: #627e21; }
.mango, .pageBasic .mango { color: #b86200; } /* Logistics */
.pumpkin, .pageBasic .pumpkin { color: #c73e14; } /* Sales */
.cranberry, .pageBasic .cranberry { color: #a21d17; } /* Marketing */
.lake, .pageBasic .lake {color: #007c85; } /* #007c85 TS Lake */
.mint, .pageBasic .mint { color: #5e8f88; } /* Accounts */

/* These need an svg fill/stroke of Black not just no fill/stroke */
    /* filter: brightness(0) saturate(100%) - add this infront of filter to start black  */

    .iconRFEred, .iconA-RFEred::after, .iA-RFEred::after { filter: invert(12%) sepia(48%) saturate(6975%) hue-rotate(347deg) brightness(103%) contrast(95%); } /* #be1622 RFEred */
    .iconWhite, .iconA-White::after, .iA-White::after { filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); } /* #FFFFFF White */
    .iconGrey-Lt, .iconA-GreyLt::after, .iA-GreyLt::after { filter: invert(64%) sepia(5%) saturate(159%) hue-rotate(22deg) brightness(91%) contrast(87%); } /* #949491 Light Grey */
    .iconGrey-Mid, .iconA-GreyMid::after, .iA-GreyMid::after { filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%); } /* #787875 Mid Grey */
    .iconGrey-Drk, .iconA-GreyDrk::after, .iA-GreyDrk::after { filter: invert(21%) sepia(4%) saturate(175%) hue-rotate(22deg) brightness(90%) contrast(80%); } /* #40403f Dark Grey */
    
    .iconGoGreen, .iA-GoGreen::after { filter: invert(40%) sepia(96%) saturate(338%) hue-rotate(37deg) brightness(91%) contrast(88%); } /* #627e21 Yes/Go Green */
    .iconAqua, .iA-Aqua::after { filter: invert(51%) sepia(38%) saturate(624%) hue-rotate(143deg) brightness(94%) contrast(95%); } /* #3898ad Progress Aqua */
    .iconAmber, .iA-Amber::after { filter: invert(43%) sepia(87%) saturate(4689%) hue-rotate(22deg) brightness(96%) contrast(104%); } /* #c75a00 Amber */

    .iconArchived, .iA-Archived::after { filter: invert(45%) sepia(11%) saturate(1160%) hue-rotate(2deg) brightness(95%) contrast(83%); } /* Archived #827252 */


    /* #6f577e Grape */
    .iconGrape, .iA-Grape::after, .selectize-dropdown .deptIT.flexColumn::before, .selectize-dropdown .deptMG.flexColumn::before  
        { filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); } 

    /* #c73e14 SA Pumpkin */
    .iconPumpkin, .iA-Pumpkin::after, .iSA::after, .pageBasic .iSA::after, .selectize-dropdown .deptSA.flexColumn::before  
        { filter: invert(28%) sepia(43%) saturate(2712%) hue-rotate(350deg) brightness(97%) contrast(100%); }  

    /* #d17700 LG Mango */
    .iconMango, .iA-Mango::after, .iLG::after, .pageBasic .iLG::after, .selectize-dropdown .deptLG.flexColumn::before  
        { filter: invert(37%) sepia(62%) saturate(1739%) hue-rotate(20deg) brightness(105%) contrast(101%); } 
    
    /* #5e8f88 AC Mint */
    .iconMint, .iA-Mint::after, .iAC::after, .pageBasic .iAC::after, .selectize-dropdown .deptAC.flexColumn::before  
        { filter: invert(53%) sepia(18%) saturate(602%) hue-rotate(122deg) brightness(94%) contrast(88%); }   
    
    /* #a21d17 MA Cranberry */
    .iconCranberry, .iA-Cranberry::after, .iMA::after, .pageBasic .iMA::after, .selectize-dropdown .deptMA.flexColumn::before  
        { filter: invert(15%) sepia(95%) saturate(2844%) hue-rotate(351deg) brightness(82%) contrast(95%); }  

    /* #7e9e3f NPD Apple */
    .iconApple, .iA-Apple::after, .iNPD::after, .pageBasic .iNPD::after, .selectize-dropdown .deptNP.flexColumn::before  
        { filter: invert(55%) sepia(60%) saturate(403%) hue-rotate(39deg) brightness(92%) contrast(85%); } 
    
    /* #944364 QC Plum */
    .iconPlum, .iA-Plum::after, .iQC::after, .pageBasic .iQC::after, .selectize-dropdown .deptQC.flexColumn::before  
        { filter: invert(31%) sepia(19%) saturate(1678%) hue-rotate(284deg) brightness(96%) contrast(85%); }   
    
    /* #007c85 TS Lake */
    .iconLake, .iA-Lake::after, .iTS::after, .pageBasic .iTS::after, .selectize-dropdown .deptTS.flexColumn::before 
        { filter: invert(33%) sepia(84%) saturate(712%) hue-rotate(142deg) brightness(93%) contrast(103%); }            


.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none; }

.grid { display: grid; }

.flex, .pageBasic .flex, 
    .flexColumn, .pageBasic .flexColumn, .modal .flexColumn, 
    .flexWrap, .pageBasic .flexWrap, .modal .flexWrap, .pageDash .flexWrap,
    .slideThis.flexColumn.in
    { display: flex; }

    .flexWrap, .pageBasic .flexWrap, .modal .flexWrap, .pageDash .flexWrap { flex-wrap: wrap; }

    .flexColumn, .pageBasic .flexColumn, .modal .flexColumn { flex-direction: column; }

a.slideToggle { 
    transition: all 0.4s ease-in;
    cursor: pointer; }

.slideThis , 
    .slideThisBrand , .slideThisRange , .slideThisPage , .slideThisFactory, .slideThis.flexColumn { display: none; }
.slideThis.in ,
    .slideThisBrand.in , .slideThisRange.in , .slideThisPage.in , .slideThisFactory.in { display: block; }

    .expanderPanel { 
        position: relative; }

        .expanderPanel .arrowSlideBar.in::before, .expanderPanel .slideThis::after { 
            content: '';
            position: absolute;
            height: 18px;
            left: 0;
            right: 0;
            background: url(../images/expanderShadow.png) no-repeat center bottom; }

            .expanderPanel .arrowSlideBar.in::before { 
                top: -18px; 
                    ms-transform: rotate(180deg);
                    -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
            .expanderPanel .slideThis::after { bottom: -17px; }

        .expanderPanel .arrowSlideBar:not(.in) .inArrow { opacity: 0; }
        
            .expanderPanel .arrowSlideBar.in .inArrow { top: 0; }
                .expanderPanel .arrowSlideBar.in .inArrow::after { background-position-x: -15px; background-position-y: -1241px; }

h2 { 
    margin-bottom: 20px;
    color: #949491;
    font-size: 42px;
    font-weight: normal;
    text-transform: uppercase; }

.pageMain {
    padding: 50px 40px;
    background: #FFFFFF; }

a, .infoAlert, .statement { color: #6f577e; }
    a:hover , a:focus { color: #594366; }

    .underSlide { position:relative; }
        .underSlide::after {
            display: block;
            position: absolute;
            left: 0;
            bottom: -3px;
            width: 100%;
            height: 3px;
            content: "";
            background-color:#787875;
            transform: scaleX(0);
            -webkit-transform: scaleX(0);
            transition: all 0.3s ease-in-out 0s;
            -webkit-transition: all 0.3s ease-in-out 0s; }

            .underlineSlide:hover { color: #be1622; }
            .underSlide:hover:after {
              transform: scaleX(1);
              background-color:#be1622; }

    .hoverSlide {
        background-color: #be1622;
        transition:background-color 0.3s;
        -webkit-transition:background-color 0.3s;
        overflow: hidden;
        cursor: pointer; }

        .hoverSlide::after {
            position:absolute;
            content:" ";
            width:100%;
            height:100%;
            left:0;
            top:100%;
            background-color:#7e0009;
            z-index: 800;
            transition:top 0.3s;
            -webkit-transition:top 0.3s; }

        .hoverSlide:hover::after { top: 0; }

.rowClick { cursor: pointer; }

    /* .noClick - add this class to buttton/checkbox so not overridden by .rowClick href (JS in master page will sort the rest) */

.dotty, .dottyTop, .panelSaveBar { 
    border: dotted 5px #c7c7c6;
    /*border-width: 0 0 10px 0;*/
    border-width: 0 0 14px 0; /* border-bottom only */
    /*border-image-source: url('../images/dotBorder.png');*/
    border-image-source: url('../images/dotBorder.svg');
    border-image-slice: 33%; /* no unit for px, you can use % */
    border-image-repeat: round; /* the middle slices will be repeated cleanly up to the edges */ }

    .noDotty { border: none!important; }

    .dottyTop { /*border-width: 10px 0 0 0;*/ border-width: 14px 0 0 0; /* border-top only */ }

    .gtrBoth .dotty { margin: 3px 0 -6px; }

    .pageBasic .ellipses {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }


/*****************************************************************
= Buttnz
*****************************************************************/

.bButton {
    position: relative;
    display: block;
    float: right;
    width: auto;
    height: 40px;
    margin: 20px 0 0 0;
    padding: 0 35px 0 15px;                
    line-height: 40px;
    border-radius: 3px;
    border: none;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #be1622;
        background: -moz-linear-gradient(top, #be1622 1%, #aa1414 100%); /* FF3.6-15 */
        background:-webkit-gradient(top, #be1622 1%, #aa1414 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(#be1622, #aa1414); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
    .bButton:hover, .bButton:focus { 
        color: #FFFFFF;
        text-decoration: none;
        background: #7e0009; }

    .bButton.bButtonArrow::after, .bButton.bEmpty::after, .bChangeAvatar::after, .bIcon::after, .bButton.bAddNew::after, .bSaveValidate.bButton::after { 
        content: ' ';
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        top: 10px;
        right: 8px;
        opacity: 0.7;
        transition: 0.3s;
        /*background: url(../images/iArrows.png) no-repeat center -50px; */
        background: url(../images/iArrows.svg) no-repeat center 20%; 
        background-size: cover; }

        .bButton.bEmpty::after { 
            /*background: url(../images/iSprite.png) no-repeat -40px 0;*/ 
            background: url(../images/iAction.svg) no-repeat center 5%; 
            filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */ }
            .bButton.bEmpty:hover::after { /*background-position-x: -120px;*/ filter: invert(12%) sepia(48%) saturate(6975%) hue-rotate(347deg) brightness(103%) contrast(95%); 	/* #be1622 RFEred */ }

        .bButton.bAddNew::after { 
            width: 16px;
            height: 16px;
            top: 50%;
            margin-top: -8px;
            right: 8px;
            /*background: url(../images/iAction.png) no-repeat -40px -1100px;*/
            filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); /* #FFFFFF White */
            background: url(../images/iAction.svg) no-repeat center 20%; 
            background-size: cover; }

        .bButton.bButtonArrow:hover::after, .bButton.bEmpty:hover::after, .bChangeAvatar:hover::after, .bIcon:hover::after, .bButton.bAddNew:hover::after
            { opacity: 1; }

        .bIcon::after { 
            width: 33px;
            height: 26px;
            background: url(../images/iSprite.png) no-repeat 0 0; }

        .bIcon.bEdit::after { 
            /*width: 26px;
            background-position-x: -74px; 
            background-position-y: -289px;*/
            width: 24px;
            height: 24px;
            filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); /* #FFFFFF White */
            background: url(../images/iAction.svg) no-repeat center 0; 
            background-size: cover; }

        .bButton.bRestore::after/*, .bSQ30.bRestore::after*/ { 
            width: 28px;
            height: 28px;
            right: 5px;
            filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); /* #FFFFFF White */
            background: url(../images/iSprite.svg) no-repeat center 7.5%; 
            background-size: cover;
            /*background-position-x: -200px; 
            background-position-y: -550px;*/ }

        .bButton.bButtonArrow.bButtonArrowDown::after { 
                -ms-transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
            transform: rotate(90deg); } 

    .bButton.bDouble { 
         float: left; 
         height: 70px;  
         padding: 30px 20px 0; 
         line-height: 16px; 
         text-align: center; }
        .bButton.bDouble:hover { background: #9b0909; }

        .bButton.bDouble::after, .modal-footer .bModalClose::after { 
            content: ' ';
            display: block;
            position: absolute;
            width: 20px;
            height: 20px;
            top: 7px;
            left: 50%;
            margin-left: -10px;
            transition: 0.3s;
            /*background: url(../images/iArrows.png) no-repeat center 0;*/             
            background: url(../images/iArrows.svg) no-repeat center 20%; 
            background-size: cover; }

            .bButton.bDouble:not(:hover)::after { opacity: 0.8; }

    .bButton.bButton-xs { 
        height: 20px;
        line-height: 20px;
        margin-top: 10px;
        padding: 0 20px 0 10px; 
        font-size: 12px; }
        .bButton.bButton-xs:hover { background: #7e0009; }

        .bButton.bButton-xs::after { 
            display: block;
            content: ' ';
            position: absolute;
            width: 20px;
            height: 20px;
            top: 0;
            right: 0;
            /*background-image: url(../images/iArrows.png);*/
            /*background-position-y: -1645px;*/  
            background-repeat: no-repeat; 
            background-position-x: center; 
            background-image: url(../images/iArrows.svg);
            background-position-y: 40%;
            background-size: cover; }

        .bButton.bDouble.bAdd { float: right; }

    .bButton.bBack, .bButton.bConfirm.bEmpty { 
        position: relative;
        float: left; 
        padding: 0 15px 0 30px; }

    .bButton.bBack, .myAvatar.myBasicDetails .bCancelAvatar.bButton, .myAvatar.myBasicDetails .bDeleteAvatar.bButton { 
        background-color: #949491; 
            background: -moz-linear-gradient(top, #949491 1%, #878783 100%); 
            background:-webkit-gradient(top, #949491 1%, #878783 100%); 
            background: linear-gradient(#949491, #878783); }
    .bButton.bBack:hover, .myAvatar.myBasicDetails .bCancelAvatar.bButton:hover, .myAvatar.myBasicDetails .bDeleteAvatar.bButton:hover { background: #787875; } 

        .bButton.bBack::after { 
            display: block;
            content: ' ';
            position: absolute;
            width: 20px;
            height: 20px;
            top: 10px;
            left: 5px;
            /*background-image: url(../images/iArrows.png); 
            background-position-y: -1197px; */
            background-repeat: no-repeat; 
            background-position-x: center;
            background-image: url(../images/iArrows.svg);
            background-position-y: 35%;
            background-size: cover;
            /*-ms-transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);*/ }

        .barButtons .bButton.bDouble.bGrey, .pageBasket .panelBasketGrandTotal .bButton, .bButton.bConfirm.bEmpty { 
            min-width: 140px; }

        .bButton.bDouble.bOrder, .bButton.bDouble.bResolveBasket { 
            float: right; 
            min-width: 150px; }

            .bButton.bDouble.bResolveBasket::after { 
                width: 22px;
                background: url(../images/iSprite.png) no-repeat 0 -1050px; }

        .bButton.bDouble.bOneWord, .bButton.bDouble.bBack.bOneWord { padding-top: 40px; }
            .bButton.bDouble.bOneWord::after, .bButton.bDouble.bBack.bOneWord::after { top: 14px; }

    .bButton.bButton-xs.bBack { 
        float: left; 
        margin: 0 0 20px;
        padding: 0 10px 0 20px; 
        border-radius: 2px; }

        .bButton.bButton-xs.bBack::after { 
            top: 0;
            left: 0;
            background-position-x: 50%; 
            background-position-y: -1746px; }

        .bButton.bDouble.bBack, .bButton.bConfirm.bEmpty { 
            padding-left: 15px;
            padding-top: 30px; }
            .bButton.bDouble.bBack::after, .bButton.bDouble.bReturn::after { 
                top: 5px;
                left: 50%; 
                margin-left: -10px; 
                /*background-position-y: -100px;*/ 
                /*-ms-transform: rotate(180deg);
                    -webkit-transform: rotate(180deg);
                    transform: rotate(180deg);*/ } 

            .bButton.bGrey { 
                color: #787875;
                background-color: #dcdcd9;
                background: -moz-linear-gradient(top, #dcdcd9 1%, #c7c7c6 100%);
                background:-webkit-gradient(top, #dcdcd9 1%, #c7c7c6 100%);
                background: linear-gradient(#dcdcd9, #c7c7c6); }
                .bButton.bGrey:hover { background: #e0e0de; } 

            .bEmpty::after, .bButton.bDouble.bBack.bEmpty::after, .modal-footer .bModalClose::after, .bButton.bConfirm.bEmpty::after, 
            .bButton.bDouble.bGrey.bDelete::after, .bButton.bDouble.bReStart::after { 
                /*background-image: url(../images/iSprite.png); 
                background-position-x: -80px; 
                background-position-y: 0;*/
                filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%); /* #787875 Mid Grey */
                background: url(../images/iAction.svg) no-repeat center 5%; 
                background-size: cover; }

                .bButton.bConfirm.bEmpty::after { 
                    top: 10px;
                    /*background-position-x: -40px; */ 
                    filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */ }

                .bEmpty:hover::after, .bButton.bDouble.bBack.bEmpty:hover::after, .bButton.bDouble.bGrey.bDelete:hover::after { 
                    /*background-position-x: -120px !important;*/
                    filter: invert(12%) sepia(48%) saturate(6975%) hue-rotate(347deg) brightness(103%) contrast(95%); } /* #be1622 RFEred */

                .bButton.bDouble.bGrey::before, .modal-footer .bModalClose::before, .bOrderSalesOrder.bButton::before {
                    display: block;
                    content: ' ';
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    border: solid 3px transparent;
                    border-radius: 3px;
                    -webkit-transition: all ease-in 0.5s;
                    transition: all ease-in 0.5s; }

                    .bButton.bDouble.bBack.bEmpty:hover::before, .bButton.bDouble.bGrey.bDelete:hover::before { border-color: #be1622; }

                    .modal-footer .bModalClose::after { 
                        top: 12px; 
                        margin-left: -8px; }

                    .modal-footer .bModalClose:focus { color: #FFFFFF; }
                        .modal-footer .bModalClose:focus::after, .modal-footer .bModalClose:hover:focus::after { 
                            filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */
                            /*background-position-x: 0;*/ }

            /*.bButton.bDouble.bGrey.bDelete::after, .bButton.bDouble.bReStart::after {*/  
                /*transition: none;*/
                /*background: url(../images/iAction.png) no-repeat -40px 0;*/
                /*filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%);*/ /* #787875 Mid Grey */
                /*background: url(../images/iAction.svg) no-repeat center 5%; 
                background-size: cover; }*/
                /*.bButton.bDouble.bGrey.bDelete:hover::after {*/ /*background-position-x: -120px;*/ 
                    /*filter: invert(12%) sepia(48%) saturate(6975%) hue-rotate(347deg) brightness(103%) contrast(95%); }*/ /* #be1622 RFEred */

            .bButton.bDouble.bReStart::after { 
                /*height: 22px;*/
                /*transform: unset;*/
                /*background: url(../images/iAction.png) no-repeat 0 -100px !important;*/ 
                filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); /* #FFFFFF White */
                background-position-y: 10% !important; }

            .bButton.bDouble.bGrey.bReStart::after { /*background-position-x: -200px !important;*/ filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); } /* Grape */

    .bButton.bButtonThin { 
         float: none; 
         display: flex;
         align-items: center;
         height: 30px;  
         margin: 0 0 0 auto;
         padding: 0 30px 0 10px; 
         line-height: normal; 
         text-align: center; }

        .bButton.bButtonThin::after { 
            width: 20px;
            height: 20px;
            top: 50%;
            margin-top: -10px;
            right: 5px; }

        .bButtonArrow.bButtonThin::after { 
            width: 16px;
            height: 16px;
            margin-top: -8px;
            background-position-y: -850px; }

    .pageBasic .bButton.bCentred { 
        float: none; 
        width: 180px; 
        margin: 0 auto; }

    .bButton.bDouble.bReturn::after { background-position-y: 20%; }
        /*.bButton.bDouble.bReturn:hover::after { background-position-y: -50px; }*/

    .bButton.bDouble.bCentreUpload {  }

    .btn-group.radioDouble.disabled .btn:not(.active) { 
        opacity: 0.4;  
        cursor: not-allowed; }
        .btn-group.radioDouble.disabled .btn:not(.active)::before { border: none!important; }

            .btn-group.radioDouble.disabled .btn:not(.active) {
                color: #5c5c5a; 
                background: #c7c7c6 !important; }

    .bracketDelete { 
        display: inline-block;
        width: 19px;
        height: 19px;
        margin-left: 10px;
        padding: 0;
        border: none;
        background: url(../images/iSprite.png) no-repeat 0 -398px; }
        .bracketDelete:hover { background: url(../images/iSprite.png) no-repeat 0 -428px; }

.bSaveAvatar, .bCancelAvatar { display : none; }

    .radioDouble .btn { 
        position: relative;
        width: 155px;
        height: 90px; 
        margin: 0 5px; 
        padding: 40px 20px 10px;
        border: none;
        background: none; }
        .radioDouble .btn:hover, .radioSingle .btn:hover { background: #eeeeeb; }

        .radioDouble.btn-group > .btn:last-child { margin-right: 0; }

        .radioDouble .btn::before, .radioSingle .btn::before { 
            display: block;
            content: ' ';
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            border: solid 3px #c7c7c6;
            border-radius: 3px; 
            z-index: 1;
            -webkit-transition: all ease-in 0.4s ;
            transition: all ease-in 0.4s ; }
            .radioDouble .btn:hover::before, .radioSingle .btn:hover::before { border-color: #948d99; }

        .radioDouble .btn::after { 
            display: block;
            content: ' ';
            position: absolute;
            width: 20px;
            height: 20px;
            margin-left: -10px;
            top: 12px;
            left: 50%;
            /*background-image: url(../images/iArrows.png); 
            background-position-y: -147px; */
            /*background-repeat: no-repeat; 
            background-position-x: center; 
            background-image: url(../images/iArrows.svg);
            background-size: cover;
            background-position-y: 30%; */
            background: url(../images/iArrows.svg) no-repeat center 30%; 
            background-size: cover; }

        .radioDouble .btn.active label, .radioDouble .btn:focus label, .radioDouble .btn:active label,
            .radioSingle .btn.active label, .radioSingle .btn:focus label, .radioSingle .btn:active label { color: #FFFFFF; }

            .radioDouble .btn.active::before , .radioSingle .btn.active::before { display: none; }
            .radioDouble .btn.active::after, .radioDouble .btn:active::after { background-position-y: 20%; }
                .radioDouble .btn:active::after { background-position-y: 20%; }

        .radioDouble.btn-group > .btn-group:last-child > .btn:first-child , 
            .radioDouble.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) ,
            .radioDouble.btn-group > .btn-group:first-child > .btn:last-child , 
            .radioDouble.btn-group > .btn:last-child:not(:first-child), 
            .radioDouble.btn-group > .dropdown-toggle:not(:first-child),
            .radioSingle.btn-group > .btn-group:last-child > .btn:first-child , 
            .radioSingle.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) ,
            .radioSingle.btn-group > .btn-group:first-child > .btn:last-child , 
            .radioSingle.btn-group > .btn:last-child:not(:first-child), 
            .radioSingle.btn-group > .dropdown-toggle:not(:first-child)
            { border-radius: 3px; }
        .radioDouble.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .radioSingle.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) 
            { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

        .radioDouble.btn-group .btn + .btn { margin-right: 10px; }
        .radioSingle.btn-group .btn + .btn, .fRadioGroup.radioDouble .btn + .btn { margin-left: 10px; }

        .radioDouble .btn.active, .radioDouble .btn:active, .radioDouble .btn.active, .open > .radioDouble .dropdown-toggle.btn,
            .radioSingle .btn.active, .radioSingle .btn:active, .radioSingle .btn.active, .open > .radioSingle .dropdown-toggle.btn { 
            border: none;  
            color: #FFFFFF;
            background: #be1622; } 
        
            .modalAddTrigger .radioDouble label.btn.active, .modalAddTrigger .radioDouble label.btn:active { 
                border: none;  
                color: #FFFFFF; }
        
            .radioDouble .btn.active:focus, .radioDouble .btn.active:focus { 
                border: none; 
                outline: none; }

            .radioDouble .btn label, .radioSingle .btn label, .radioSquares .arrowSqWrap .submitArrow { 
                font-size: 18px; 
                line-height: 1.1; }

    .fRadioGroup .btn { 
        display: flex; 
        flex-wrap: wrap; 
        justify-content: center; 
        margin: 0; }

        .fRadioGroup.radioDouble .btn + .btn { margin: 0 0 0 10px; }

        .fRadioGroup .btn label { 
            width: auto; 
            padding-right: 0; }

/* radioDouble one word/line */

    .fgInlineRadio { display: flex; }

        .fgInlineRadio .radioDouble .btn, .pageInspectorsAdd .radioDouble .btn, .fgProductGroupBy .radioDouble .btn { 
            padding-top: 50px; 
            font-weight: bold; }

            .fgInlineRadio .radioDouble .btn:not(.active):hover, .pageInspectorsAdd .radioDouble .btn:not(.active):hover, .fgProductGroupBy .radioDouble .btn:not(.active):hover 
                { color: #40403f; }

            .fgInlineRadio .radioDouble .btn::after, .pageInspectorsAdd .radioDouble .btn::after, .fgProductGroupBy .radioDouble .btn::after { top: 21px; }

            .fgInlineRadio .radioDouble .btn + .btn { margin-left: 10px; }

            .fgProductGroupBy label { width: 30%; }

                .fgProductGroupBy label label { width: 100%; }

    .radioSingle .btn { 
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: auto;
        height: 40px; 
        margin: 0; 
        padding: 0 10px;
        border: none;
        background: none; }

        .radioSingle .btn label { margin: 0; }

    .barFilterGrey .fRadioGroup.radioDouble .btn { 
        width: 130px; 
        height: 80px;
        padding: 50px 5px 10px;
        line-height: 1.1; }

        .barFilterGrey .fRadioGroup.radioDouble .b2Line { padding-top: 40px; }
    
        .barFilterGrey .fRadioGroup .btn + .btn { margin-left: 6px; }

        .barFilterGrey .fRadioGroup.radioDouble label { font-size: 14px; }

        .barFilterGrey .fRadioGroup.radioDouble .btn::after { top: 14px; }

/* Big Square Radio Navigation */

.radioSquares.radioDouble.fRadioGroup { gap: 10px; }

    .radioSquares.radioDouble.fRadioGroup .btn.btn-primary { 
        aspect-ratio: 1/1; 
        /*flex-basis: auto;
        flex-grow: 1;*/
        align-items: center;
        /*width: 20%;*/
        flex: 1;
        width: unset;
        height: unset; 
        padding: 10px;
        transition: background 0.4s; 
        background: #dcdcd9; }

        .radioSquares.radioDouble.fRadioGroup .btn::before { border-color: transparent; }

        .radioSquares.radioDouble.fRadioGroup .btn::after { 
            order: -1; 
            position: relative; 
            margin: auto 0 5px; 
            top: unset; 
            left: unset; 
            background-position-y: -100px; }

        .radioSquares.radioDouble.fRadioGroup .btn label { 
            width: 100%; 
            margin: 0 0 auto; 
            color: #787875; }

        .radioSquares.radioDouble.fRadioGroup .btn + .btn { margin: 0; }

        .radioSquares.radioDouble.fRadioGroup .btn:hover { background: #eeeeeb; }

            .radioSquares.radioDouble.fRadioGroup .btn:hover::before { border-color: #c7c7c6; }

            .radioSquares.radioDouble.fRadioGroup .btn:hover label { color: #40403f; }

        .radioSquares.radioDouble.fRadioGroup .btn.active { background: #FFFFFF; }

            .radioSquares.radioDouble.fRadioGroup .btn.active::before { 
                display: block;
                border-color: #6f577e; }

            .radioSquares.radioDouble .btn.active:hover::before { opacity: 0.5; }

            .radioSquares.radioDouble.fRadioGroup .btn.active::after { background-position-y: -2900px; }

            .radioSquares.radioDouble.fRadioGroup .btn.active label { color: #6f577e; }

    .radioSquares .arrowSqWrap { 
        position: relative;
        flex: 1; 
        margin-left: 10px; }

        .radioSquares .arrowSqWrap .arrowSq.hoverSlide { 
            position: relative;
            width: 100%; 
            height: 100%; 
            right: 0; }

            .radioSquares .arrowSqWrap .submitArrow { 
                width: 100%; 
                height: 100%; 
                padding-top: 35px;
                color: #FFFFFF;
                font-weight: bold;
                text-transform: uppercase;
                background-image: none; }

.arrowSq.hoverSlide, .submitSearch40.arrowSq.hoverSlide  {
    position: absolute;
    width: 40px;
    height:40px;
    bottom: 0;
    right: 10px;
    border: none;
    border-radius: 3px;
    z-index: 800; }
    
    input.submitArrow, .hoverSlide .submitArrow, .submitSearch40.arrowSq .submitArrow { 
        display: block;
        position: relative;
        width: 40px;
        height:40px;
        z-index: 900;
        border-radius: 3px;
        border: none;
        outline: none;
        /*background: url(../images/iArrows.png) no-repeat center -39px;*/ 
        background: url(../images/iArrows.svg) no-repeat center 45%; 
        background-size: cover; }

        .hoverSlide .submitArrow:hover { text-decoration: none; }

        .submitSearch40.arrowSq.hoverSlide { 
            position: relative;
            bottom: unset;
            right: unset; }

.bArrow { 
    display: block;
    position: relative;
    float: right; 
    margin: 5px 0 0 20px;
    padding: 2px 15px 0 0;
    font-size: 10px;
    color: #40403f;
    font-weight: bold;
    text-transform: uppercase; }
    .bArrow:hover { color: #aa1414; }

    .bArrow::after { 
        display: block;
        content: ' ';
        position: absolute;
        width: 10px;
        height: 12px;
        margin-top: -5px;
        top: 50%;
        right: 0;
        /*background: url(../images/iArrows.png) no-repeat center 0;*/ 
        background: url(../images/iArrows.svg) no-repeat center 20%; 
        background-size: cover; }

.bSQ30, .bSQ30Lite, .bSQ40Lite, .bSQ20Lite { 
    display: block;
    position: relative;
    float: right;
    width: 30px;
    height: 30px;
    margin-left: 3px;
    border-radius: 2px;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
    background-color: #949491; 
        background: -moz-linear-gradient(top, #949491 1%, #878783 100%); 
        background:-webkit-gradient(top, #949491 1%, #878783 100%); 
        background: linear-gradient(#949491, #878783); }

        .bSQ30:hover, .bSQ30:focus, .bSQ30Lite:hover, .bSQ30Lite:focus, .bsq40Lite:hover, .bsq40Lite:focus, .bSQ20Lite:hover, .bSQ20Lite:focus {             
            text-decoration: none;
            background: #787875; } 

    .bSQ30::after, .bSQ30Lite::after, .bSQ40Lite::after, .bSQ20Lite::after { 
        display: block;
        position: absolute;
        content: ' ';
        width: 30px;
        height: 30px;
        top: 0;
        left: 0; }

.bSQ30TD { 
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    overflow: hidden;
    color: transparent;
    text-indent: -9999px;
    text-transform: uppercase;
    cursor: pointer; }

    button.bSQ30TD:not(:hover), tr:not(:hover) button.bSQ30TD { background-color: transparent; }

        .bSQ30TD:hover, .bSQ30TD:focus { text-decoration: none; } 

    .bSQ30TD::after { 
        display: block;
        position: absolute;
        content: ' ';
        width: 30px;
        height: 30px;
        top: 0;
        left: 0; }

/* Mid Grey Button */
/*.bButton.bGreyM, */ tr:not(:hover) .bGreyM.bSQ30:not(:hover) { 
    color: #FFFFFF;
    background-color: #949491; 
        background: -moz-linear-gradient(top, #949491 1%, #878783 100%); 
        background:-webkit-gradient(top, #949491 1%, #878783 100%); 
        background: linear-gradient(#949491, #878783); }    
    .bButton.bGreyM:hover { background: #787875; }

/* RFE Red Button */
    .bSQ30.bEdit, .bSQ30.bNew, .bSQ30.bRed, .pageBasket .barBasketButtons > .bButton.bDouble:not(.bOrder):last-of-type, 
        .modalDelete .modal-footer .bDelete, .bSaveValidate.bReject.bButton, .barButtons .bButton.bDouble.bRed,
        .myAvatar.myBasicDetails .bChangeAvatar .bButton, .exceptionsList tr:hover .bSQ30, .exceptionsList tr.over .bSQ30, 
        .radioProductDocStatus.radioDouble .bProductDocStatus-Expired.active, .radioProductDocStatus.radioDouble .bProductDocStatus-Expired:active {
        background-color: #be1622;
            background: -moz-linear-gradient(top, #be1622 1%, #aa1414 100%); 
            background:-webkit-gradient(top, #be1622 1%, #aa1414 100%); 
            background: linear-gradient(#be1622, #aa1414); }
        .bSQ30.bEdit:hover, .bSQ30.bEdit:focus, .addressNew:hover .bSQ30.bNew, .bSQ30.bRed:hover,
            .modalDelete .modal-footer .bDelete:hover, .bSaveValidate.bReject.bButton:hover, .barButtons .bButton.bDouble.bRed:hover,
            .pageBasket .barBasketButtons > .bButton.bDouble:not(.bOrder):last-of-type:hover, .myAvatar.myBasicDetails .bChangeAvatar .bButton:hover, .radioDouble .bProductDocStatus-Expired.active:hover { 
                text-decoration: none;
                background: #7e0009; }

/* Dusky Grape Button */
    .bButton:not(.bGrey):not(.bConfirm):not(.bReject):not(.bModalGrey):not(.bSearchDoc):not(.bModalClose), .bSQ40.bSQ30.bGrape, .pageQuickUpload .bButton.bSearchDoc,
        .radioDouble .btn.active , .radioDouble .btn:active, .radioDouble .btn.active, .open > .radioDouble .dropdown-toggle.btn,
        /*.pgWrap a.active ,*/ .bSQ30.bSqArrow, .filterPage li a.active, .bSQ30.bEdit, 
        header .navbar-toggle, .bSearchDoc.bButton {
        background-color: #6f577e;
            background: -moz-linear-gradient(top, #6f577e 1%, #594366 100%); 
            background:-webkit-gradient(top, #6f577e 1%, #594366 100%); 
            background: linear-gradient(#6f577e, #594366); }
    
    .bButton:not(.bGrey):not(.bConfirm):not(.bReject):not(.bModalGrey):not(.bSearchDoc):not(.bModalClose):hover, .bSQ40.bSQ30.bGrape:hover, .pageQuickUpload .bButton.bSearchDoc:hover,
        .bButton:not(.bGrey):not(.bConfirm):not(.bReject):not(.bSearchDoc):focus , .bButton.bDouble:not(.bGrey):not(.bConfirm):not(.bReject):not(.bSearchDoc):hover, .radioDouble .btn.active:hover,
        /*.pgWrap a.active:hover ,*/ .bSQ30.bSqArrow:hover, .bSQ30.bEdit:hover, .filterPage li a.active:hover, header .navbar-toggle:hover, .bSearchDoc.bButton:hover
            { background: #594366; }

/* OK Apple Button */

.bApple, tr:hover .bRestore, tr:hover .bSQ30.bRestore, tr:hover .bSQ30TD.bRedo, .bSaveValidate.bConfirm.bButton, .modal-footer .bButton.bConfirm { 
    background: #5a7500;
        background: -moz-linear-gradient(top, #5a7500 1%, #435c00 100%); 
        background:-webkit-gradient(top, #5a7500 1%, #435c00 100%); 
        background: linear-gradient(#5a7500, #435c00); }
    
    .bApple:hover, tr .bRestore:hover, .bSQ30.bRestore:hover, .bSQ30TD.bRedo:hover, .bSaveValidate.bConfirm.bButton:hover, .modal-footer .bButton.bConfirm:hover { background: #405700 !important; }

/* Plum Button */

.bPlum, tr:hover .bPlum, tr:hover .bSQ30.bPlum, tr:hover .bSQ30TD.bPlum { 
    background-color: #944364 !important;
        background: -moz-linear-gradient(top, #944364 1%, #7f3754 100%) !important;
        background: -webkit-gradient(top, #944364 1%, #7f3754 100%) !important;
        background: linear-gradient(#944364, #7f3754) !important; }
    
    .bPlum:hover, tr .bPlum:hover, .bSQ30.bPlum:hover, .bSQ30TD.bPlum:hover { background: #672941 !important; }


    

.bButton.bDouble.bBack:not(.bUpdate):not(.bEmpty)::after, .bBackForward.bButton.bDouble.bGrey::after/*, .radioDouble .btn::after*/
    { /*background-position-y: -2900px;*/ background-position-y: 35%; }

.bTopTitle:not(:hover)::after { opacity: 0.7; }

    .bAddDoc.bButton::after { 
        top: 9px;
        right: -4px;
        background-position-x: -40px;
        background-position-y: -650px; }

    .bAddDoc.bButton:hover::after { background-position-x: -40px; }

    .modalAddDocuments .modalAddEdit .bSearchDoc.bButton, .modalAddDocuments .bSearchDoc { margin-top: 0; }

/*.miniCorner {*/  /*  STILL USED? Can't find any reference to this class - Apr 25  */
    /*position: absolute; 
    display: block; 
    width: 50px; 
    height: 55px; 
    right: 0;
    top: 0; 
    padding: 12px 0 0 6px;
    text-align: center;
    color: #be1622;
    font: 900 18px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
    z-index: 100;
    background: url(../images/iCornerz.png) no-repeat 100% -1200px; }*/

      /*  STILL USED? Can't find any reference to this class - Jun 25  */
/*.bTextArrow {    
    position: relative;
    display: inline-block;
    width: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 25px;
    font-size: 15px;
    text-transform: uppercase; }

    .bTextArrow:hover { color: #594366; }

    .bTextArrow::after { 
        content: ''; 
        position: absolute; 
        width: 12px;
        height: 16px;
        top: 50%;
        right: 0;
        margin-top: -8px;
        background: url(../images/iArrows.png) no-repeat center -3000px; }*/


.bSaveValidate.bButton { 
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.1;
        -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease; }

/*    .bSaveValidate.bButton:hover { 
        -webkit-transition: background-color 1s ease;
    transition: background-color 1s ease; 
    transition-delay: 1s; }*/

/*    .bSaveValidate.bButton::before { 
        content: '';
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        left: 0;
        right: 15px;
        top: 0;
        bottom: 0;
        opacity: 0;
        color: #FFFFFF; }*/

    /*.bSaveValidate.bConfirm, .bSaveValidate.bReject {*/ 
/*        color: transparent; */
         /*   -webkit-transition: all 2s ease;
        transition: all 2s ease;*/ /*
        transition-delay: 1s;*/ /*}*/  

/*        .bSaveValidate.bConfirm::before { 
            content: 'CONFIRMED';
            opacity: 1; }*/

        .bSaveValidate.bConfirm::after { 
            width: 24px;
            height: 24px;
            top: 8px;
            right: 8px;
            /*background: url(../images/iAction.png) no-repeat 0 -1350px; */
            filter: brightness(0) saturate(100%) invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); /* #FFFFFF White */
            background: url(../images/iAction.svg) no-repeat center 15%; 
            background-size: cover; }

/*    .bSaveValidate.bReject::before {  
        content: 'REJECTED';
        opacity: 1; }*/

        .bSaveValidate.bReject::after { 
            width: 20px;
            height: 20px;
            top: 9px;
            right: 10px;
            /*background: url(../images/iAction.png) no-repeat 0 0; */
            filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); /* #FFFFFF White */
            background: url(../images/iAction.svg) no-repeat center 5%; 
            background-size: cover; }

    .bSecure.bButton.bDouble.bGrey::after { 
        width: 20px;
        height: 20px;
        background: url(../images/iSpriteTiny.png) no-repeat -150px -1700px; }
        .bSecure.bOrder.bButton.bDouble::after { background-position-x: 0; }        

    .bDownloadXLSWrap .bDownloadXLS::after { 
        top: 9px;
        right: 0; 
        background-position-x: 0; }


/*****************************************************************
= BIG BUTTON LIST
*****************************************************************/    

.panelBigButtonList { clear: both; }

.bBigButton { 
    display: block;
    position: relative;
    float: left;
    width: calc(91% / 4);
    height: 120px;
    margin: 0 3% 3% 0;
    border: solid 6px #dedae0;
    border-radius: 12px;
    text-align: center;
        -webkit-transition: all ease-in 0.4s;
    transition: all ease-in 0.4s;
    background: #eeeeeb; }

    .bBigButton:hover, .bBigButton:focus { text-decoration: none; }

    .bBigButton:last-of-type { margin-right: 0; }

    .bBigButton:hover { 
        text-decoration: none;
        border-color: #FFFFFF;
        background: #FFFFFF; }

    .panelBigButtonList .bBigButton { 
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 180px; 
        padding: 0 10px; }

        .panelBigButtonList .bBigButton:nth-of-type(4n) { margin-right: 0; }

        .panelBigButtonList .bBigButton h3 { 
            margin-bottom: 0;
            line-height: 1; }       

    .panelBigButtonList .iBig { 
        display: inline-block; 
        width: 42px; 
        height: 42px;
        margin-bottom: 5px; }

        .panelBigButtonList .iBig::after { 
            width: 42px;
            height: 42px; }

        .panelBigButtonCirqueList {  }

    
    .bBigButton:nth-of-type(5n+2) .cirqueNumber { background: #4c3759; }
    .bBigButton:nth-of-type(5n+3) .cirqueNumber { background: #6b3355; }
    .bBigButton:nth-of-type(5n+4) .cirqueNumber { background: #766d78; }
    .bBigButton:nth-of-type(5n+5) .cirqueNumber { background: #949491; }

/* Gallery style Big Square button bar/list */

.bSquareList { 
    list-style-type: none;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    grid-template-columns: repeat(auto-fill, 150px); 
    /*width: 100%;*/

    justify-content: center; 
    /*width: fit-content;
    min-width: 50%;*/

    margin: 10px auto 25px;
    padding: 0; }

    .bSquareList > li { 
        position: relative;
        width: 100%;              
        padding-top: 100%;
        margin: 0; }

        .bSquareList:has(li) { min-width: 140px; }
        .bSquareList:has(li + li) { min-width: 300px; } /* minmax x 2 + gap */
        .bSquareList:has(li + li + li) { min-width: 460px; } /* minmax x 3 + 2 x gap */
        .bSquareList:has(li + li + li + li) { min-width: 620px; }
        .bSquareList:has(li + li + li + li + li) { min-width: 780px; }

        .bSquareList a.bSqButton { 
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; 

            aspect-ratio: 1/1;
            /*flex: 1;*/
            /*width: unset;
            height: unset; */
            padding: 10px;
            text-decoration: none;
            transition: background 0.4s; 
            background: #dcdcd9; }

            .bSquareList a.bSqButton::before { 
                display: block;
                content: ' ';
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                border: solid 3px transparent;
                border-radius: 3px;
                z-index: 1;
                -webkit-transition: all ease-in 0.4s;
                transition: all ease-in 0.4s; }

            .bSquareList a.bSqButton::after { 
                content: '';
                order: -1; 
                position: relative; 
                /*width: 30px;
                height: 30px;*/
                width: 24px;
                height: 24px;
                margin: 0 auto 5px; 
                top: unset; 
                left: unset; 
                /*background: url(../images/iArrows.png) no-repeat center -500px;*/ 
                background: url(../images/iArrows.svg) no-repeat center 0; 
                filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%);
                background-size: cover; }

            .bSquareList a.bSqButton span { 
                display: block;
                /*width: 100%; 
                margin: 0 0 auto; */
                color: #787875;
                font-size: 18px;
                font-weight: bold;
                text-align: center;
                text-transform: uppercase; }

            .bSquareList a.bSqButton:hover { background: #FFFFFF; }

                .bSquareList a.bSqButton:hover::before { border-color: #c7c7c6; }

                .bSquareList a.bSqButton:hover::after { filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); }

                .bSquareList a.bSqButton:hover span { color: #40403f; }

            /*.radioSquares.radioDouble.fRadioGroup .btn.active { background: #FFFFFF; }

                .radioSquares.radioDouble.fRadioGroup .btn.active::before { 
                    display: block;
                    border-color: #6f577e; }

                .radioSquares.radioDouble .btn.active:hover::before { opacity: 0.5; }

                .radioSquares.radioDouble.fRadioGroup .btn.active::after { background-position-y: -2900px; }

                .radioSquares.radioDouble.fRadioGroup .btn.active label { color: #6f577e; }*/



/*****************************************************************
= FORMS
*****************************************************************/

button { 
    border: none; 
    padding: unset; }

.form-control, .pageBasic .selectize-control.single .selectize-input, .modal .selectize-control.single .selectize-input {
    border-radius: 2px;
    height: 40px;
    border: solid 3px #c7c7c6;
    color: #40403f;
    font-size: 15px;
    font-weight: bold;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

    .form-group .form-control { margin-bottom: 10px; }

    .form-control:hover, .pageBasic .selectize-control.single .selectize-input:hover, .modal .selectize-control.single .selectize-input:hover { border-color: #948d99; }

    .form-control:focus, .pageBasic .selectize-control.single .selectize-input.focus, .modal .selectize-control.single .selectize-input.focus {
        outline: 0;
        border-color: #6f577e;
	        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(111, 87, 126, 0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(111, 87, 126, 0.5); }

    .form-control.checked { 
        border-color: #dcdcd9; 
        background: #eeeeeb; 
        cursor: not-allowed; }

    input.form-control:-internal-autofill-selected { background-color: #f0edf2 !important; }

.fInline, .fFullInline, .fStacked { 
    display: flex; 
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 25px; }

    .fInline { 
        flex-wrap: wrap;
        align-items: center; }

        .fInline label, .fInline legend { 
            width: 30%;
            margin-bottom: 0;
            padding-right: 20px; }

        .fInline .form-control, .fFullInline .form-control, .fStacked .form-control { margin-bottom: 0; }

        .fInline .fControl, .fInline .form-control, .fInline .fRadioGroup, .fInline .fMulti, .fInline .fSingle { width: 70%; }
        /* for 60/40 split use .fInline4060 etc. (in responsive.css @601+ */

            .fInline .fControl-100 { width: 100%; }

            .fInline .fControl-50, .fInline .form-control-50 { width: 35%; }

    .fStacked { 
        flex-wrap: wrap; 
        flex-direction: column;
        width: auto; }

        .fStacked label, .fStacked legend { 
            width: 100%;
            margin-bottom: 5px; }

        .fStacked .fgNoControl { 
            width: 100%; 
            padding-top: 0; }

    label .fNote { 
        display: block;
        width: 100%;
        color: #40403f;
        font-size: 11px; 
        text-transform: none; }

.form-group .fcWrap70 { 
    float: left;
    width: 70%; }

    .form-group .fc100, .modal .form-group .fc100, .form-group.formGroupH .fcWrap70 .form-control { width: 100%; }

    .form-control-50 { width: 50%; }

    .fcAuto.form-control { width: auto; }

    .fcSwitchSelector.form-control { 
        float: right; 
        width: auto;
        min-width: 250px; }
        .fcSwitchSelector:not(:hover):not(:focus) { border-color: #b0b0ad; }

            .fcSwitchUser.fcSwitchSelector { min-width: 200px; }

    .form-group .form-control-auto { 
        float: left; 
        width: auto; 
        margin-right: 20px; }

        .fcNoLabel { 
            width: 70%; 
            margin-left: 30%; }

        .form-control + .fcNoLabel { margin-top: 10px; }

    .form-group label, .fInline.checkBox strong, .fgModalFlexTable label, .pageExceptions .contentTitlePanel label, 
    .fgModalArchiveCompleted .checkBox > strong { 
        font-size: 18px; 
        color: #787875; 
        text-transform: uppercase; }

    .form-group .fcNoControl { 
        display: inline-block;  
        margin-top: 11px;
        color: #40403f; 
        font-size: 18px; 
        font-weight: bold; }

        .fInline .fcNoControl { margin-top: 0; }

        .fStacked .fcNoControl { display: block; }

        .form-group label.labelLC, .textLC, .form-group .subLabel { text-transform: none !important; }

            .form-group .subLabel { 
                margin-bottom: 5px;
                font-size: 15px; }

            .form-group .fcFiletype.fcNoControl .iFiletype { 
                display: flex;
                align-items: center;
                width: auto;
                margin-top: 0; 
                padding-left: 40px;
                    overflow-wrap: break-word;
                    word-break: break-word;
                word-wrap: break-word;
                text-indent: unset; }
    
    label .required, .required { 
        font-size: 24px; 
        color: #be1622; 
        font-weight: bold; }

    .pageBasic .labelNote, .modal .labelNote { 
        margin: 20px 0 5px;
        color: #6f577e !important;
        font-size: 13px ; 
        font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
        font-weight: 900;
        font-weight: bold;
        text-transform: uppercase; }

        .pageBasic .labelNote.copied { 
            position: relative;
            padding-left: 30px;
            color: #627e21 !important; }

            .pageBasic .labelNote.copied::after { 
                content: ''; 
                position: absolute;
                left: 0;
                bottom: 0;
                width: 30px;
                height: 30px;
                /*background: url(../images/iSprite.png) no-repeat -100px -4150px; */
                background: url(../images/iSprite.svg) no-repeat center 71%; 
                background-size: cover; }    

    .copyReadOnly { 
        font-weight: bold; 
        line-height: 1.4; }

    .fPercent input { width: 80px; }

    .bigCheck input[type=checkbox], input[type=checkbox].bigCheck, .bigCheck input[type="radio"] { 
        width: 30px;
        height: 30px; }

    .checkBoxMulti.checkBox { height: unset; }

    .fgBigCheckLeft, .checkBox.checkBoxMulti label { 
        display: flex; 
        flex-wrap: wrap; 
        justify-items: flex-start; 
        align-items: center; }

        .fgBigCheckLeft .bigCheck { margin-right: 20px; }

        .fgBigCheckLeft label, .checkBox.checkBoxMulti label { 
            width: auto !important; 
            height: auto !important; 
            margin-bottom: 0;
            line-height: 1.1 !important; }

        .checkBox.checkBoxMulti span { align-self: flex-start; }

        .checkBox.checkBoxMulti strong { text-transform: uppercase; }

        .fgBigCheckLeft .labelNote, .checkBox.checkBoxMulti .labelNote { 
            text-transform: none; 
            line-height: 1.1; }

/* Animated Big CheckBox */

    .checkBox { 
        display: flex;
        height: 30px; }

    .checkBox label {
        position: relative; /*important*/
        display: inline-flex;
        align-items: center;
        padding-right: 0;
        color: #40403f;
        font-size: 15px;
        font-weight: bold;
        cursor: pointer; }

        .checkBox span {
            display: inline-block;
            position: relative;
            width: 30px;
            height: 30px;
            margin-right: 12px;
            vertical-align: -6px;
            border: 3px solid #627e21;
            border-radius: 3px;
            background-color: transparent;
            transition: background-color 150ms 200ms, transform 350ms cubic-bezier(.78,-1.22,.17,1.89); /*custom ease effect for bouncy animation*/
            transform-origin: center; }

            /*.checkBox:not(:hover) span { border-color: #949491; }*/

        .checkBox strong { width: calc(100% - 42px); }

        .fInline.checkBox label { 
            width: 100%; 
            padding-right: 0; }

            .fInline.checkBox strong { width: 30%; }
  
    .checkBox span:before {
        content: "";
        position: absolute;
        width: 0;
        height: 5px;
        top: 11px; 
        left: 7px; 
        border-radius: 1px;
        background: #627e21;
        transition: width 50ms ease 50ms;
        transform: rotate(45deg);
        transform-origin: 0% 0%; }
  
    .checkBox span:after {
        content: "";
        position: absolute;
        width: 0;
        height: 5px;
        top: 19px; 
        left: 8px; 
        border-radius: 1px;
        border-top-left-radius: 6px;
        background: #627e21;
        transition: width 50ms ease;
        transform: rotate(305deg);
        transform-origin: 0% 0%; }
  
        .checkBox label:hover span:before {
            width: 10px;
            transition: width 100ms ease; }
      
        .checkBox label:hover span:after {
            width: 18px;
            transition: width 150ms ease 100ms; }

    .checkBox input[type="checkbox"] { display: none; } /* hide the system checkbox*/
  
    /* When checkbox is checked */
  
          .checkBox input[type="checkbox"]:checked + label span, .checkBox input[type="checkbox"]:checked + input + label span {
                background-color: #627e21;
                /*transform: scale(1.25);*/
                transform: scale(1.10); }
        
            .checkBox input[type="checkbox"]:checked + label span:before, .checkBox input[type="checkbox"]:checked + input + label span:before {
                width: 10px;
                background: #f6ffe0;
                transition: width 150ms ease 100ms; }
        
            .checkBox input[type="checkbox"]:checked + label span:after, .checkBox input[type="checkbox"]:checked + input + label span:after {
                width: 20px;
                background: #f6ffe0;
                transition: width 150ms ease 100ms; /*enlarge the tick*/ }
      
    /*copy the states for onMouseOver to avoid flickering*/

            .checkBox input[type="checkbox"]:checked + label:hover span, .checkBox input[type="checkbox"]:checked + input + label:hover span {
                background-color: #627e21;
                transform: scale(1.10); }

              .checkBox input[type="checkbox"]:checked + label:hover span:before, .checkBox input[type="checkbox"]:checked + input + label:hover span:before {
                width: 10px;
                background: #f6ffe0;
                transition: width 150ms ease 100ms; } 

              .checkBox input[type="checkbox"]:checked + label:hover span:after, .checkBox input[type="checkbox"]:checked + input + label:hover span:after {
                width: 20px;
                background: #f6ffe0;
                transition: width 150ms ease 100ms; }   

              .checkBox input[type="checkbox"]:checked + label span:before, .checkBox input[type="checkbox"]:checked + label:hover span:before,
                .checkBox input[type="checkbox"]:checked + input + label span:before, .checkBox input[type="checkbox"]:checked + input + label:hover span:before { left: 6px; }
              .checkBox input[type="checkbox"]:checked + label span:after, .checkBox input[type="checkbox"]:checked + label:hover span:after,
                .checkBox input[type="checkbox"]:checked + input + label span:after, .checkBox input[type="checkbox"]:checked + input + label:hover span:after { left: 7px; }

            .checkBox input[type="checkbox"]:checked + label:hover span { background: #4e6d07; transform: scale(1.2); }
                .checkBox input[type="checkbox"]:checked + label:hover span:before, .checkBox input[type="checkbox"]:checked + label:hover span::after { background: #FFFFFF; }

    /*Disabled State*/
        .checkBox input[type="checkbox"][disabled] + label { cursor: unset; }
            .checkBox input[type="checkbox"][disabled] + label span { border-color: #c7c7c6; background-color: #eeeeeb; }
                .checkBox input[type="checkbox"][disabled] + label:hover span:before, .checkBox input[type="checkbox"][disabled] + label:hover span::after { display: none; }

    /*Disabled + Checked State*/
        .checkBox input[type="checkbox"][disabled]:checked + label { cursor: unset; }
            .checkBox input[type="checkbox"][disabled]:checked + label span { border-color: transparent; background-color: #949491; /*background: #627e21;*/ transform: scale(1.1); }
                .checkBox input[type="checkbox"][disabled]:checked + label:hover span:before, .checkBox input[type="checkbox"][disabled]:checked + label:hover span::after,
                    .checkBox input[type="checkbox"][disabled]:checked + label span:before, .checkBox input[type="checkbox"][disabled]:checked + label span::after 
                    { display: block; background: #eeeeeb; /*background: #f6ffe0;*/ }

                .pageUserOverview .checkBox input[type="checkbox"][disabled]:checked + label span { background: #627e21; }
                    .pageUserOverview .checkBox input[type="checkbox"][disabled]:checked + label span:before, .pageUserOverview .checkBox input[type="checkbox"][disabled]:checked + label span::after 
                    { background: #f6ffe0; }

    .fInline .checkBox label { width: 100%; }

        .checkBox input[type="checkbox"]:checked + label { color: #40403f; }

        .checkBoxNoLabel.checkBox span { margin: 0; }
             
        .checkBoxRight strong { width: calc(100% - 40px); }
        .checkBoxRight span { margin: 0 0 0 10px; }

        .fgCheckBox .checkBox, .form-group .checkBox { height: unset; min-height: 40px; }

            .fgCheckBox .checkBox label, .form-group .checkBox label { margin-bottom: 0; }


    .bigCheck40 { height: 40px; }
        
        .bigCheck40 span { 
            width: 40px;
            height: 40px;
            vertical-align: -6px; }

            .bigCheck40 span:before, .bigCheck40 span:after { 
                height: 6px;
                left: 10px; }

            .bigCheck40 span:before { top: 16px; }

            .bigCheck40 span:after { top: 26px; }

                .bigCheck40 label:hover span:before, .bigCheck40 input[type="checkbox"]:checked + label span:before, .bigCheck40 input[type="checkbox"]:checked + label:hover span:before 
                    { width: 12px; }

                .bigCheck40 label:hover span:after, .bigCheck40 input[type="checkbox"]:checked + label span:after, .bigCheck40 input[type="checkbox"]:checked + label:hover span:after
                    { width: 25px; }

                .bigCheck40 input[type="checkbox"]:checked + label span:before, .bigCheck40 input[type="checkbox"]:checked + label:hover span:before,
                    .bigCheck40 input[type="checkbox"]:checked + label span:after, .bigCheck40 input[type="checkbox"]:checked + label:hover span:after 
                    { left: 10px; }

    .bigCheck20 { height: 20px; }
        
        .bigCheck20 span { 
            width: 20px;
            height: 20px;
            border-width: 2px;
            vertical-align: -6px; }

            .bigCheck20 span:before, .bigCheck20 span:after { 
                height: 4px;
                left: 4px; }

            .bigCheck20 span:before { top: 8px; }

            .bigCheck20 span:after { top: 13px; }

                .bigCheck20 label:hover span:before, .bigCheck20 input[type="checkbox"]:checked + label span:before, .bigCheck20 input[type="checkbox"]:checked + label:hover span:before 
                    { width: 7px; }

                .bigCheck20 label:hover span:after, .bigCheck20 input[type="checkbox"]:checked + label span:after, .bigCheck20 input[type="checkbox"]:checked + label:hover span:after
                    { width: 14px; }

                .bigCheck20 input[type="checkbox"]:checked + label span:before, .bigCheck20 input[type="checkbox"]:checked + label:hover span:before { top: 6px; left: 4px; }
                .bigCheck20 input[type="checkbox"]:checked + label span:after, .bigCheck20 input[type="checkbox"]:checked + label:hover span:after { top: 13px; left: 4px; }
                    

        .plumCheck {  }

        .grapeCheck {  }

/* Animated Big Radio */

.radioBig { /*margin: 0.5rem;*/ }

    .radioBig + .radioBig { margin-top: 10px; }

    .radioBig input[type=radio] {
        position: absolute;
        opacity: 0; }

    .radioBig .radioBigLabel { width: auto; }

        .radioBigLabel:hover { color: #40403f; }

        .radioBig input[type=radio] + .radioBigLabel:before {
            content: "";
            position: relative;
            display: inline-block;
            vertical-align: top;
            text-align: center;
            width: 30px;
            height: 30px;
            margin-right: 10px;
            border: 3px solid #c7c7c6;
            border-radius: 100%;
            background: #eeeeeb;
            cursor: pointer;
            transition: all 250ms ease; }

            .radioBig input[type=radio] + .radioBigLabel:hover:before { border-color: #949491; }

        .radioBig input[type=radio]:checked + .radioBigLabel { color: #000000; }

            .radioBig input[type=radio]:checked + .radioBigLabel:before {
                background-color: #6f577e;
                box-shadow: inset 0 0 0 4px #FFFFFF; }

            .radioBig input[type=radio]:focus + .radioBigLabel:before {
                outline: none;
                border-color: #6f577e; }

            .radioBig input[type=radio]:disabled + .radioBigLabel:before {
                box-shadow: inset 0 0 0 4px #eeeeeb;
                border-color: #c7c7c6;
                background: #c7c7c6; }

            .radioBig input[type=radio] + .radioBigLabel:empty:before { margin-right: 0; }

        .radioBig20 input[type=radio] + .radioBigLabel:before { 
            width: 20px;
            height: 20px; 
            border-width: 2px; }

            .radioBig20 input[type=radio]:checked + .radioBigLabel:before { box-shadow: inset 0 0 0 3px #FFFFFF; }

            .radioBig20 input[type=radio]:disabled + .radioBigLabel:before { box-shadow: inset 0 0 0 3px #eeeeeb; }

        .radioBig40 input[type=radio] + .radioBigLabel:before { 
            width: 40px;
            height: 40px; }

            .radioBig40 input[type=radio]:checked + .radioBigLabel:before { box-shadow: inset 0 0 0 6px #FFFFFF; }

            .radioBig40 input[type=radio]:disabled + .radioBigLabel:before { box-shadow: inset 0 0 0 6px #eeeeeb; }

    
    .labelOptional { 
        display: inline-block; 
        position: relative; 
        padding-top: 3px; }

        .labelOptional span:not(.fontBlack) { 
            display: block;
            position: absolute;
            width: auto;
            top: 0;
            right: 0;
            color: #6b3355;
            font-size: 11px; 
            line-height: 1;
            font-weight: bold; }

    .fgEditable, .panelInspectOverviewLeft .fgEditable div { 
        display: inline-block;
        position: relative; 
        padding-right: 40px; }

        .fgEditable .bEdit.bSQ30Lite { transition: /*border*/ ease-in 0.3s; }
            .fgEditable .bEdit.bSQ30Lite::after { 
                width: 20px; 
                height: 20px;
                top: 50%;
                left: 50%;
                margin: -10px 0 0 -10px;
                transition: all ease-in 0.3s;
                filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); 	/* Grape */
                /*background-position-x: -115px;*/ /* Red Edit */ }

        .fgEditable .bEdit.bSQ30Lite:hover { border: solid 2px #be1622; }
            .fgEditable .bEdit.bSQ30Lite:hover::after { /*background-position-x: -115px;*/ filter: invert(12%) sepia(48%) saturate(6975%) hue-rotate(347deg) brightness(103%) contrast(95%); 	/* #be1622 RFEred */ }

    .form-control[disabled], fieldset[disabled] .form-control { 
        border-color: #c7c7c6 !important; 
        color: #787875; }

      /*  STILL USED? Can't find any reference to this class - Jun 25  */
            /*.fgNotListed .bTextArrow::after { 
                    -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
                    transition: -webkit-transform 0.2s;
                    transition: transform 0.2s;
                transition: transform 0.2s, -webkit-transform 0.2s; }

            .fgNotListed .bTextArrow:hover::after { 
                    -webkit-transform: rotate(0deg);
                transform: rotate(0deg); }

            .fgNotListed .bTextArrow.in::after, .fgProductSKU .bTextArrow::after { 
                    -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg); }*/

/* ToggleSwitch */

    .fgSwitch { 
        display: flex; 
        align-items: center; }

    /* The switch - the box around the slider */
    .fSwitch {
        position: relative;
        display: inline-flex; 
        align-items: center;
        width: 60px;
        height: 40px; }

        /* Hide default HTML checkbox */
        .fSwitch input {
          opacity: 0;
          width: 0;
          height: 0; }

    /* The slider */
        .fSlider {
          position: absolute;
          cursor: pointer;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          border-radius: 3px;
          background-color: #c7c7c6;
          -webkit-transition: .4s;
          transition: .4s; }

            .fSlider:before {
              position: absolute;
              content: "";
              height: 28px;
              width: 28px;
              left: 6px;
              bottom: 6px;
              border-radius: 2px;
              background-color: white;
              -webkit-transition: .4s;
              transition: .4s; }

            .fSwitch:hover .fSlider { background-color: #948d99; }

            input:checked + .fSlider { background-color: #6f577e; }

            input:focus + .fSlider { box-shadow: 0 0 1px #6f577e; }

                input:checked + .fSlider:before {
                    -webkit-transform: translateX(20px);
                    -ms-transform: translateX(20px);
                  transform: translateX(20px); }

        .fSwitchLabel { 
            position: absolute; 
            left: 0; 
            color: #787875;
            font-size: 15px; }

/* N/A Toggle Switch */
    .fgSwitchText, .fgN-A { justify-content: flex-start; }

        .fgN-A > label:not(.fSwitch) { width: 100%; }

        .fgSwitchText .form-control, .fgN-A .form-control, .fgN-A .fcWrap { 
            width: calc(100% - 70px); 
            margin-right: 10px; }

            .fgN-A .fcWrap .form-control { 
                width: 100%; 
                margin-right: 0; }

        .fgSwitchText .fSlider::before, .fgN-A .fSlider::before { 
            content: 'N/A'; 
            display: flex;
            justify-content: center;
            align-items: center;
            width: 32px;
            color: #949491; 
            font-weight: bold; 
            font-size: 13px; 
            background: #eeeeeb; }

        .fgSwitchText input.checked, .fgN-A input.checked { color: #949491; }

            .fgSwitchText input:checked + .fSlider:before, .fgN-A input:checked + .fSlider:before { 
                color: #40403f; 
                    -webkit-transform: translateX(16px);
                    -ms-transform: translateX(16px);
                transform: translateX(16px);
                background: #FFFFFF; }

        .fInline.fgN-A .fSwitch { 
            width: 60px; 
            margin-bottom: 0; }

/* YES/NO Toggle Switch */

    .fgSwitch-YesNo .fSlider::before, .motorRatingFieldsNew .fgN-A .fSlider::before { content: 'NO'; }

        .fgSwitch-YesNo input:checked + .fSlider:before, .motorRatingFieldsNew .fgN-A input:checked + .fSlider:before { content: 'YES'; }


/* VALIDATION */

.has-feedback .form-control { 
    margin-bottom: 0; 
    padding-right: 30px; }

.has-error, .has-success { padding: 0; }

    /*.has-success input.form-control:-internal-autofill-selected { background-color: #eaebe6 !important; } NOT WORKING */ 

    .form-control-feedback { 
        width: 30px; 
        height: 40px; 
        line-height: 40px; }

.help-block { 
    margin: 5px 0 10px;
    font-weight: bold; }


/****** FILTER BAR ******/

.barFilterWrap {     
    float: left;
    width: 100%;
    margin-top: 0; 
    background: #FFFFFF; }

.barFilter, .filterWarranty, .filterWarrantyProduct, .filterInspections { 
    padding-top: 40px; 
    padding-bottom: 10px; }

    .barFilter.filterWarranty { 
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start; }

    .barFilterGrey { 
        display: flex;
        justify-content: flex-start;
        padding-top: 30px; 
        padding-bottom: 10px; 
        background: #dcdcd9; }

        .barFilterGrey.in { display: flex; }

        .barFilterGrey .hoverSlide {
            position: relative;
            float: left;
            right: unset;
            margin: 26px 0 0 0; }

            .barFilterGrey .submitArrow { 
                display: block; 
                font-weight: bold;
                text-align: center;
                text-transform: uppercase;
                color: transparent;
                text-indent: -9999px; }

    .barFilterGrey .form-group, .barFilter .fgFilterDateWrap, .fgInspectSupplier { margin-right: 50px; }    

    .fgFilterDateWrap { display: flex; }
        .barFilter .fgFilterDateFrom, .filterWarranty .form-group { margin-right: 30px; }

        .barFilter .onewDateWrap, .barFilterGrey .onewDateWrap { width: 100%; }

            .barFilter .onewDateWrap .ui-datepicker-trigger, .barFilterGrey .onewDateWrap .ui-datepicker-trigger, .panelTrackerEdit .onewDateWrap .ui-datepicker-trigger { top: -3px; }
            
    .barFilterToggleOnly {         
        padding-top: 20px; 
        padding-bottom: 20px; }

        .barFilterToggleOnly .form-group.fgSwitch  { margin: 0 0 0 auto; }

            .barFilterToggleOnly .fSwitch { margin: 0; }

            .barFilterToggleOnly .fSwitchLabel { 
                width: 180px;
                left: unset; 
                right: 70px; }

                .pageNPDAdmin .barFilterToggleOnly .fSwitchLabel { width: 150px; }
                .pageSourcing .barFilterToggleOnly .fSwitchLabel { width: 180px; }

    .barFilterWrap .filterToggle { 
        display: none;
        width: 100%; 
        margin: 0 0 10px 0; 
        padding: 0 10px; }


    .radioFilter.radioDouble .btn, .formGroupWarrantyStatus .radioDouble .btn { 
        width: 110px; 
        height: 80px; 
        padding: 50px 5px 10px; }

        .radioFilter.radioDouble .btn:last-of-type,
        .formGroupWarrantyStatus .radioDouble.btn-group .bWarrantyComplete, .formGroupWarrantyStatus .radioDouble.btn-group .bWarrantyUnknown { margin-right: 0 !important; }

        .radioFilter.radioDouble .btn, .formGroupWarrantyStatus .radioDouble .btn { transition: background ease-in 0.3s; }

            .radioFilter.radioDouble label, .formGroupWarrantyStatus .radioWarranty label { font-size: 14px; }

            .radioFilter.radioDouble .btn, .radioWarranty .btn { font-weight: bold; }

            .radioFilter .btn:not(:hover) label, .radioFilter label.btn:not(:hover), .formGroupWarrantyStatus .radioDouble .btn:not(:hover) label { color: #787875; }

                .radioFilter .btn:hover label, .radioFilter label.btn:hover, .formGroupWarrantyStatus .btn:hover, .formGroupWarrantyStatus .btn:hover label { color: #40403f; }

                .radioFilter .btn.active label, .radioWarranty.radioFilter .btn.active { color: #FFFFFF; }        

        .radioBigLabel .btn, .radioFilter .btn:not(:hover), .fRadioGroup .btn:not(:hover):not(.active) { background-color: #FFFFFF; }

            .radioBigLabel.radioDouble.radioFilter label { 
                display: flex;
                flex-wrap: wrap;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                padding: 5px;
                font-size: 30px; 
                font-weight: bold; 
                line-height: 1;
                letter-spacing: -1px; }

            .radioBigLabel label:not(:hover):not(.active) { color: #b0b0ad; }

                .radioBigLabel.radioDouble.radioFilter label.active { color: #FFFFFF; }

                .radioBigLabel.radioDouble .btn span { font-size: 15px; }

                    .radioBigLabel .btn:not(:hover):not(.active) span { color: #787875; }

                .radioBigLabel.radioDouble .btn::after { display: none; }

    .barFilter .checkBox span, .barFilterGrey .checkBox span { background: #FFFFFF; }

    .barFilter .arrowSq, .barFilter .submitArrow, 
        .barFilterGrey .arrowSq.submitSearch80, .barFilterGrey .submitSearch80 .submitArrow { 
        width: 80px; 
        height: 80px; }

        .barFilter .arrowSq, .barFilterGrey .arrowSq.submitSearch80, .filterWarrantyProduct .arrowSq { 
            position: relative;
            float: right; 
            right: unset;
            margin-top: 25px; }

        .barFilter .submitArrow, .barFilterGrey .submitSearch80 .submitArrow {             
            display: block;
            padding-top: 52px;
            text-align: center;
            color: #FFFFFF;
            font-size: 13px;
            font-weight: bold;
            text-transform: uppercase;
            background-image: none; 
            text-indent: unset;
            z-index: 9999; }

            .barFilter .arrowSq.hoverSlide .submitArrow { z-index: 9999; }

            .barFilter .arrowSq::before, .barFilterGrey .arrowSq.submitSearch80::before, .radioSquares .arrowSqWrap .arrowSq::before { 
                content: ''; 
                position: absolute;
                width: 32px;
                height: 32px;
                top: 14px;
                left: 50%;
                margin-left: -16px;
                opacity: 0.5;
                background: url(../images/iSpriteBig.png) no-repeat -240px -1860px; 
                z-index: 999; }

                .radioSquares .arrowSqWrap .arrowSq::before { 
                    top: 50%; 
                    margin-top: -30px; }

            .barFilter .submitArrow:active, .barFilter .submitArrow:focus,
                .barFilterGrey .submitSearch80 .submitArrow:active, .barFilterGrey .submitSearch80 .submitArrow:focus { text-decoration: none; }                

            .barFilter .arrowSq:hover::before, .filterWarrantyProduct .submitArrow:hover,
                .barFilterGrey .arrowSq.submitSearch80:hover::before { opacity: 1; }

    .submitSearch40.arrowSq::before { 
        width: 24px;
        height: 24px;
        top: 50%;
        left: 50%;
        margin: -12px 0 0 -12px;
        background: url(../images/iSprite.png) no-repeat -150px -1150px; }

        .submitSearch40.arrowSq .submitArrow { background: none; }

    .filterInspectionForthcoming .arrowSq::before { display: none; }

        .filterInspectionForthcoming .arrowSq .submitArrow { background: url(../images/iSprite.png) no-repeat -142px -1142px; }


/*****************************************************************
= ICONS
*****************************************************************/


.iIcon, .iBig, .iGiant, .iSml { position: relative; }

    .iIcon { padding-left: 35px; }

    .iBigCentre { padding-top: 45px; }

    .iBigLeft { padding-left: 50px; }

    .iGiant { padding-left: 65px; }

    .iIcon::after, .iBig::after, .iGiant::after, .iSml::after { 
        content: ' ';
        position: absolute; 
        display: block; }

        .iIcon::after, .iGiant::after { 
            top: 0; 
            left: 0; }

        .iIcon::after { 
            width: 28px;
            height: 28px;
            background: url(../images/iSprite.png) no-repeat; }

        .iBig::after { 
            width: 42px;
            height: 42px;
            background: url(../images/iSpriteBig.png) no-repeat; }

        .iGiant::after  { 
            width: 60px;
            height: 50px;
            background: url(../images/iSpriteGiant.png) no-repeat; }

        .iBigCentre::after { 
            top: 0; 
            left: 50%; 
            margin-left: -21px; }

        .iBigLeft::after { 
            top: 0; 
            left: 0; }

    .iSVG.iIcon::after { 
        width: 42px;
        height: 42px;
        left: 0;
        top: 50%;
        margin-top: -21px;
        background: url(../images/iSprite.svg) no-repeat center 0;
        background-size: cover; }


.itemChecked { 
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 3px;
    background-color: #89a617; }

    .itemChecked::after { 
        display: block;
        position: absolute;
        content: ' ';
        width: 24px;
        height: 24px;
        left: 0;
        top: 0;
        background: url(../images/iSprite.png) no-repeat -40px -290px; }

    .itemUnchecked.itemChecked::after { 
        border: 2px solid #c7c7c6; 
        border-radius: 3px;
        background-position-x: -200px; 
        background-color: #FFFFFF !important; }

    .iCheck30.itemChecked, .iCheck30.itemChecked::after { 
        width: 30px;
        height: 30px; }

        .iCheck30.itemChecked::after { background-position-x: -31px; background-position-y: -202px; }
            .iCheck30.itemUnchecked::after { background-position-x: -197px; background-position-y: -287px; }


.iYes.iIcon::after, .iNo.iIcon::after, .bYes.bDouble::after, .bNo.bDouble::after { 
    width: 26px; 
    height: 26px; 
    margin-left: -13px;
    background: url(../images/iAction.svg) no-repeat center 50%; 
    background-size: cover; }

    .iYes.iIcon::after, .bYes.bDouble::after { 
        /*background: url(../images/iAction.png) no-repeat -150px -800px;*/ 
        background-position-y: 50%; }
    .iNo.iIcon::after, .bNo.bDouble::after, .iCrossBox.iIcon.iSVG::after { 
            /*background: url(../images/iAction.png) no-repeat -150px -850px;*/ 
            background-position-y: 55%; 
            filter: invert(12%) sepia(48%) saturate(6975%) hue-rotate(347deg) brightness(103%) contrast(95%); /* #be1622 RFEred */ }

    .bYes.bDouble.active::after, .bYes.bDouble:active::after, .bNo.bDouble.active::after, .bNo.bDouble:active::after { background-position-x: -100px; }

.iBig.iYes, .iBig.iNo { 
    height: 36px;
    line-height: 36px;
    padding: 0 0 0 45px; }

    .iBig.iYes::after, .iBig.iNo::after { 
        width: 36px; 
        height: 36px; 
        top: 50%; 
        margin-top: -18px; }

        .iBig.iYes::after { /*background: url(../images/iAction.png) no-repeat -50px -800px;*/ background-position-y: 50%; }
        .iBig.iNo::after { /*background: url(../images/iAction.png) no-repeat -50px -850px;*/ background-position-y: 55%; }

.iTick.iBig::after { 
    /*background: url(../images/iAction.png) no-repeat -360px -1350px;*/
    background: url(../images/iAction.svg) no-repeat center 15%; 
    background-size: cover; }

.iAlert.iIcon { color: #be1622; }
    .iAlert.iIcon::after { 
        width: 26px;
        height: 26px;
        top: -2px;
        background: url(../images/iAction.svg) no-repeat center 30%; 
        background-size: cover;
        /*background-position-x: -248px; 
        background-position-y: -1000px;*/ }

.iAlert.iBig::after { background-position-x: -120px; background-position-y: -1860px; } /* Still Used? July 2025  */

.iFactory.iIcon { width: 32px; height: 26px; }

    .iFactory.iIcon::after { 
        background-position-x: -50px; 
        background-position-y: -2500px; } 

.iCamera.iBig::after {
    background-position-x: -420px;
    background-position-y: -3540px; }

.iPublished::after { 
    width: 32px;
    height: 32px;
    filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%); 		/* #787875 Mid Grey */
    background: url(../images/iSprite.svg) no-repeat center 8.5%; 
    background-size: cover;
    /*height: 20px;
    background-position-x: -50px; 
    background-position-y: -1200px;*/ }

.iFactory.iGiant::after { 
    left: 0;
    background-position-x: -700px;
    background-position-y: -100px; }
.iWarehouse.iGiant::after { 
    left: 0;
    top: -4px;
    background-position-x: -700px;
    background-position-y: -202px; }

.iLabel::after {
    width: 32px;
    background-position-x: -100px;
    background-position-y: -5000px; }

.iOrder::after {
    width: 32px;
    background-position-x: -250px;
    background-position-y: -3050px; }

.iArchive.iBig::after, .modal .iSVG.iArchive::after { 
    background: url(../images/iAction.svg) no-repeat center 65%; 
    /*background-image: url(../images/iAction.svg);
    background-position-y: 65%;*/
    background-size: cover;
    /*background-position-x: -60px;
    background-position-y: -3240px; */}

.iUploadDoc.iBig::after {
    background-position-x: -420px;
    background-position-y: -1320px; }

.iFreight::after { 
    content: ' ';  
    position: absolute; 
    width: 33px; 
    height: 26px; 
    left: 0; 
    top: -3px; 
    opacity: 0.5;
    background: url(../images/iSprite.png) no-repeat -50px -2500px; }

    .iFreight::after { background-position-y: -2400px; }

.tick.iIcon { padding-left: 0; }

    .tick.iIcon::after { 
        content: ' '; 
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        top: 5px;
        left: 0; 
        margin-left: -16px;
        background: url(../images/iSprite.png) no-repeat -280px -210px; }


/*****************************************************************
= PAGE TABS
*****************************************************************/

.tabToggle { 
    display: none;
    float: none;
    margin: 0 0 10px 0;
    color: #FFFFFF !important; }

    .bButtonArrow.collapseToggle::after, .filterToggle.bButtonArrow::after  { 
            ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
        transform: rotate(90deg); }

        .bButtonArrow.collapseToggle:not(.collapsed)::after, .filterToggle.bButtonArrow:not(.collapsed)::after { 
                ms-transform: rotate(-90deg);
                -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }

.topTabWrap { position: relative; clear: both; }

        .topTabs ul { border-bottom: none; } /* Bootstrap Override */

        .topTabs ul { 
            list-style: none;
            margin-bottom: 0;
            padding-left: 0;
            color: #40403f;
            font-size: 15px; 
            font-weight: bold; 
            text-transform: uppercase; }

            .topTabs li { 
                flex-basis: auto;
                flex-grow: 1; }
    /* If fewer than 3 tabs then add in .topTabsShort  */

                .topTabs a { 
                    display: flex; 
                    justify-content: center;
                    align-items: center;
                    position: relative;
                    min-height: 50px;
                    margin: 0 0 12px 0;
                    padding: 5px 5px; 
                    border-radius: 4px;
                    text-align: center;
                    line-height: 1;
                    color: #787875;
                    font-size: 15px;
                    font-weight: bold;
                    text-transform: uppercase;
                    letter-spacing: normal; 
                    text-decoration: none;
                    transition: background ease-in 0.4s;
                    background: #dcdcd9; }

                    .topTabs li + li a { margin-left: 12px; }

                    .topTabs a:not(.bButton):hover { 
                        color: #5c5c5a; 
                        background: #eeeeeb; }

                    .topTabs .active a { 
                        height: 100%;
                        margin-bottom: 0;
                        padding-bottom: 12px;
                        border-bottom-left-radius: 0;
                        border-bottom-right-radius: 0;
                        color: #6f577e;
                        font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
                        font-weight: 900; 
                        background: #FFFFFF; }

                        .topTabs .active a:hover { background: #FFFFFF; }

    /*.pageBasic .topTabs li {   
        flex-basis: auto;
        flex-grow: 1; 
        min-width: unset; }*/

        /*.pageBasic .topTabs a { 
            display: flex; 
            justify-content: center;
            align-items: center;
            margin: 0 0 12px 0;
            padding: 5px 5px; 
            line-height: 1; }*/

        /*.pageBasic .topTabs li + li a { margin-left: 12px; }*/

            /*.pageBasic .topTabs .active a { 
                height: 100%;
                margin-bottom: 0; 
                padding-bottom: 12px; }*/


        .topTabs-r0 { display: block; }

            .topTabs-r0 .topTabs { 
                display: block; 
                height: auto !important; }

                .topTabs-r0 .collapseThis ul { 
                    display: flex; 
                    flex-flow: row nowrap; }

                .topTabs-r0 .bButton { padding: 5px 48px 5px 10px; }

        .topTabWrap .spinWrap { 
                position: absolute; 
                height: 50px;
                top: 0;
                right: 0; }

                .topTabWrap .bTabButton { 
                    height: 50px;
                    margin: 0;
                    color: #FFFFFF; }

                    .topTabWrap .bTabButton:not(:hover) { background: #944364; }

                    .topTabWrap .bTabButton::after { 
                        width: 30px;
                        height: 30px;
                        top: 10px;
                        right: 8px;
                        background: url(../images/iSprite.png) no-repeat 0 -1050px; }

                    .topTabWrap .spinWrap.in .bButton { background: #aa1414; }

                    .topTabWrap .spinRingu { 
                        top: -37px;
                        right: calc(-100% + 36px); }

     .topTabs ul li.navTabButton { 
        position: relative; 
        min-width: 20%; }

        .topTabs .navTabButton .bButton { 
            width: calc(100% - 12px);          
            padding-right: 48px;
            color: #FFFFFF !important; 
            font-size: 15px;
            text-align: left;  }

                .navTabButton .bButton::after { 
                    top: unset;
                    right: 7px;
                    opacity: 0.6;
                    background-position-y: -3800px; }

                .topTabs .navTabButton span { margin-right: 5px; }

                    .navTabButton:not(.in) .bButton:hover::after { opacity: 1; }

    .cirqueNumber, .cirqueNumberTab, .iconTab { 
        width: 48px; 
        height: 48px; 
        margin: 0 auto 5px;
        border-radius: 50%;
        color: #FFFFFF;
        font-size: 21px;
        font-weight: bold;
        text-align: center;
        line-height: 48px;
        letter-spacing: -1px;
        background: #6f577e; }
        
        .cirqueNumberTab, .iconTab { 
            display: inline-block;
            width: 30px; 
            height: 30px; 
            line-height: 30px;
            margin: -4px 0 -4px 5px;
            font-size: 18px; 
            background: #787875; 
            opacity: 0.6; }            

            .iconTab { background: url(../images/iSprite.png) no-repeat 0 0; }

            .topTabs .cirqueNumberTab { font-size: 16px; }

            a:hover .cirqueNumberTab, .active .cirqueNumberTab, a:hover .iconTab, .active .iconTab { opacity: 1; }
                .active .cirqueNumberTab { background: #6f577e; }

                .disabled .cirqueNumberTab, .disabled a:hover .cirqueNumberTab { 
                    background: #949491; 
                    opacity: 0.6; 
                    color: #eeeeeb; }

            .topTabs .hiLine::after, .topTabWrap .cusDeptTab a::after, .pageBasic .nav li.cusDeptTab a::after { 
                content: ' ';
                position: absolute; 
                width: 100%; 
                height: 6px; 
                top: 0; 
                left: 0; 
                border-radius: 4px 4px 0 0; } 

                .topTabWrap .cusDeptSA a::after { background-color: #c4501c; }

            .tabNPD-Green .hiLine::after, .tabLights-Green .hiLine::after { background-color: #5a7500; }
            .tabNPD-Amber .hiLine::after, .tabLights-Amber .hiLine::after { background-color: #d17000; }
            .tabNPD-Red .hiLine::after, .tabLights-Red .hiLine::after  { background-color: #98060a; }

            .topTabs .disabled .hiLine::after, .pageSourcingDeActivated .topTabs .active:not(:hover) .hiLine::after { opacity: 0.3; }

            .topTabs .exception a {     
                display: flex;
                justify-content: center;
                align-items: center; 
                color: #be1622; }
                    
                .topTabs .exception a:hover, .topTabs .exception.active a { color: #aa1414; }

                .topTabs .exception a::before { 
                    content: '';
                    position: static;
                    display: inline-block;
                    width: 17px;
                    height: 16px;
                    margin-right: 5px;
                    background: url(../images/iSprite.png) no-repeat -300px -1000px; }

    .topTabs li.disabled a, .topTabs li.disabled a:hover { 
            color: #b0b0ad; 
            background: #d1d1cd; }

        .tabCFA .iconTab { 
            background: url(../images/iInspections.svg) no-repeat center 0; 
            background-size: cover;}

        /*.tabCFA:hover .iconTab { background-position-x: -200px; }*/

            .tabCFA.active::before { 
                content: ''; 
                position: absolute; 
                height: 3px; 
                left: 0; 
                right: 0; 
                bottom: -3px; }

                .tabCFA.active a::before, .tabCFA.active a:hover::before { 
                    bottom: -3px;
                    border-bottom: solid 3px #FFFFFF; }

        .tabCFAApproved a { color: #627e21 !important; }

            .tabCFAApproved a::before { border: 3px solid #627e21; }
                .tabCFAApproved a:hover::before { border-color: #4e6d07; }

            .tabCFAApproved .iconTab { /*background: url(../images/iInspections.png) no-repeat -150px -250px;*/ background-position-y: 50%; }
                .tabCFAApproved:hover .iconTab { background-position-y: 52.5%; }

            .tabCFAApproved.active::before { border-bottom: solid 3px #627e21; }

        .tabCFARejected a { color: #be1622 !important; }

            .tabCFARejected a::before { border: 3px solid #be1622; }
                .tabCFARejected a:hover::before { border-color: #aa1414; }

            .tabCFARejected .iconTab { /*background: url(../images/iInspections.png) no-repeat -150px -350px;*/ background-position-y: 70%; }
                .tabCFARejected:hover .iconTab { background-position-y: 72.5%; }

            .tabCFARejected.active::before { border-bottom: solid 3px #be1622; }

        .tabCFAPending a { color: #3898ad !important; }

            .tabCFAPending a::before { border: 3px solid #3898ad; }
                .tabCFAPending a:hover::before { border-color: #298094; }

            .tabCFAPending .iconTab { /*background: url(../images/iInspections.png) no-repeat -150px -300px;*/ background-position-y: 60%; }
                .tabCFAPending:hover .iconTab { background-position-y: 62.5%; }

            .tabCFAPending.active::before { border-bottom: solid 3px #3898ad; }

            .nCusOverview .iconTab { display: none; }

            .nCusKeyAccount .iconTab { 
                display: inline-block !important; 
                background-position-x: -320px;
                background-position-y: -550px; }


/*****************************************************************
= TABLEZ
*****************************************************************/

.tTitle h4 span { 
    color: #787875;
    font-size: 15px; }

.tNum, .tableList .tNum, thead th.tNum { text-align: right; }

.tableList .tBreak { word-break: break-word; }

.tCheck { 
    width: 30px; 
    text-align: right; }

    .tCheckBoxNoLabel .checkBox { 
        width: 30px; 
        margin-left: auto; }

    table .tCentre, table th.tCentre, .tableList .tCentre.sortBy { text-align: center; }
    table.tableList .tLeft, table.tableList th.tLeft { text-align: left; }

    .thDoubleTitle { padding-top: 20px; }

        .thDoubleTitle .thDoubleTitleSpan { /* the top title needs to be in span tag in the right cell if stickyHead */
            display: block;
            position: absolute;
            top: 15px;
            left: 0; }

.trMob { display: none; }

    .trMob td { 
        padding-bottom: 0 !important; 
        border-bottom-color: transparent !important; }

        tr.trMob.over td::after { border-top-color: #6f577e !important; }

    tr.trMob:hover + tr td { 
        border-bottom-color: #6f577e !important; 
        color: #000000; }

    tr.trMob + tr:hover td { color: #000000 !important; }

    .trMob:hover td, .trMob.over td { color: #594366 !important; }

.tableList { 
    border-collapse: separate;
    position: relative;
    width: 100%; 
    margin: 20px 0 40px;
    font-size: 16px; 
    text-transform: uppercase; 
    color: #000000;
    border-spacing: 0 0; /*Override border seperate spacing in ie*/
    -webkit-border-horizontal-spacing: 0px; /*Override border seperate spacing on chrome*/
    -webkit-border-vertical-spacing: 0px; }

    .tableList .tableList { margin: 0; }

    .tableList body tr { 
        border-top: solid 2px rgba(255,255,255,0);
        border-bottom: solid 2px rgba(255,255,255,0); }

    .tableList th { 
        position: relative;
        height: 50px;
        padding: 0 10px;
        color: #6f577e;
        font: 900 14px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
        text-transform: uppercase; 
        z-index: 10; }

        .tableList th:first-of-type, .tableList td:first-of-type,
            .tableList .hidden + td, .tableList .hidden + th
            { padding-left: 0; }

        .tableList th:last-of-type, .tableList td:last-of-type { padding-right: 0; }

            .tableListExtraW th:first-of-type, .tableListExtraW td:first-of-type,
            .tableListExtraW .hidden + td, .tableListExtraW .hidden + th
            { padding-left: 30px; }

            .tableListExtraW th:last-of-type, .tableListExtraW td:last-of-type { padding-right: 30px; }

        .tableList .sortBy { 
            height: 50px;
            text-align: left;
            color: #6f577e;
            font: 900 15px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; }

            .tableList .sortBy a { 
                position: relative; 
                display: inline-block;
                padding-right: 20px; 
                text-align: left; 
                cursor: pointer; }

                .tableList .sortBy .active { /*color: #594366;*/ color: #944364; }

                .tableList .sortBy .active::after, .tableList .sortBy a::after { 
                    content: ' ';
                    display: block;
                    position: absolute;
                    width: 12px;
                    height: 12px;
                    top: 3px;
                    right: 0;
                    opacity: 0.4;
                    transition: all ease-in 0.3s;
                    -ms-transform: rotate(90deg);
                        -webkit-transform: rotate(90deg);
                        transform: rotate(90deg);
                    filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%); /* #787875 Mid Grey */
                    /*background: url(../images/iArrows.png) no-repeat center -3050px; */
                    background: url(../images/iArrows.svg) no-repeat center 0; 
                    background-size: cover; }

                    .tableList .sortBy a:hover::after, .tableList .sortBy .active::after { opacity: 1; }

                        .tableList .sortBy a:hover::after { filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); } /* Grape */

                        .tableList .sortBy a.active::after { /*background-position-y: -3450px;*/ filter: invert(31%) sepia(19%) saturate(1678%) hue-rotate(284deg) brightness(96%) contrast(85%); } /* Plum */

                        .tableList .sortBy .active.up::after { transform: rotate(-90deg); }

        .tableList .tlLeft { text-align: left; }
        .tableList .tlRight { text-align: right; }

        .tableList .textSmaller { font-size: 13px; }

        .tableList td { 
            position: relative;
            padding: 12px 10px; 
            z-index: 10;
            color: #40403f;
            font-weight: bold; }

            .tableList tr:not(:hover) td, .tableSellout .rowDivider:not(:hover) th { 
                transition: border-bottom-color 0.4s ease-in;
                -webkit-backface-visibility:hidden;
                border-bottom: solid 2px rgba(255,255,255,0) !important; }

            .tableList tr:hover td, .tableSellout .rowDivider:hover th { 
                color: #000000; 
                text-decoration: none;
                transition: border-color 0.4s ease-in;
                -webkit-backface-visibility: hidden;
                border-bottom: solid 2px #6f577e; }

            .tableList td > * { 
                position: relative; 
                z-index: 100; }

                .tableList .thumb img {
                    width: 70px;
                    height: 70px;
                    margin: -10px;
                        image-rendering: -moz-crisp-edges; 
                        image-rendering: -o-crisp-edges; 
                        image-rendering: -webkit-optimize-contrast; 
                        image-rendering: crisp-edges;
                    -ms-interpolation-mode: nearest-neighbor; }
        
            .tableList tbody td::after, .tableSellout tbody .tTitle::after { 
                content: ' ';
                display: block;
                position: absolute;
                top: -2px;
                bottom: 0px;
                left: 0;
                right: 0;
                z-index: 2;
                border-top: solid 2px rgba(255,255,255,0);
                transition: border-top-color 0.4s ease-in; }

                .tableList tbody tr:hover td::after, .tableSellout tbody tr:hover .tTitle::after { border-top-color: #6f577e; }

            .tableListNoHover.tableList tbody td, .tableListNoHover.tableList tbody td::after { border: none !important; }

                .tableListNoHover.tableList tr:hover td { color: #6f577e !important; /*background: #eeeeeb;*/ } /* Background colour will need style setting in responsive rTable min-width */

            .tableList td.fontThin { font-weight: normal; }

    .tableList .tTitle h4 { 
        margin-bottom: 0; 
        color: #6f577e; }

    .tableListThin.tableList th, .tableListExtraThin.tableList th { height: 40px; }

    .tableListThin.tableList td { padding-top: 10px; padding-bottom: 10px; }

        .tableListExtraThin.tableList td { padding-top: 6px; padding-bottom: 6px; }

    .tableList tbody .rowMultiSlim td,
        .tableList tbody .rowMultiSlim td::after,
        .tableList tbody .rowMultiSlim:hover td,
        .tableList tbody .rowMultiSlim:hover td::after { 
        border: none !important; }

    .tableList .rowMultiSlimFirst td::after,
        .tableList .rowMultiSlimFirst:hover td,
        .tableList .rowMultiSlimFirst:hover td::after { 
        border-color: transparent !important; } /* .tableList .rowMultiSlimFirst:not(:first-of-type) td needs rTable to add a grey border top */

    /*.tableList .rowMultiSlimFirst:not(:first-of-type) td, .tableList .rowMultiSlimFirst:not(:first-of-type):hover td { border-top: solid 2px #dcdcd9 !important; }*/

    /*.pageBasic tr.rowDisabled:not(:hover) td, .pageBasic tr.rowDisabled:not(:hover):not(.ui-sortable-handle) td a:not(:hover), 
        .pageBasic tr.rowDisabled:not(:hover) td h4, .pageBasic tr.rowDisabled:not(:hover) td h5, .pageBasic tr.rowDisabled:not(:hover) td h5 span, 
        .modal tr.rowDisabled:not(:hover) td, .modal tr.rowDisabled:not(:hover) td h5, .modal tr.rowDisabled:not(:hover) td h5 span, .modal tr.rowDisabled:not(:hover) td::before
        { color: #b0b0ad; }

    .pageBasic tr.rowDisabled img, .modal tr.rowDisabled img { opacity: 0.5; }

    .pageBasic tr.rowDisabled:not(:hover) .bSQ30 , .pageBasic tr.rowDisabled:not(:hover) .iCheck30,
        .modal tr.rowDisabled:not(:hover) .bSQ30 , .modal tr.rowDisabled:not(:hover) .iCheck30 
        { background: #b0b0ad; }

    .pageBasic tr.rowDisabled:not(:hover) td *:not(.bSQ30):not(.iCheck30)::after, .modal tr.rowDisabled:not(:hover) td *:not(.bSQ30):not(.iCheck30)::after { opacity: 0.5; background-position-x: -50px; }*/

    td .noData, .noData::before { 
        display: inline-block; 
        width: 6px;
        height: 6px; }

        td .noData { 
            display: block; 
            width: 100%; }

        td .noData::before { 
            content: '';
            position: absolute;
            display: block;
            left: 50%;
            top: 50%;
            margin-left: -3px;
            margin-top: -3px;
            border-radius: 50%;
            background-color: #787875; }

        .tDate .noData { 
            width: 90px; 
            text-align: center; }

    .tBullet::before { 
        content: '';
        display: inline-block; 
        position: relative;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        top: -2px;
        margin-right: 10px;
        background-color: #c7c7c6; }

table th a.orderBy::after { 
    content: ' ';
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 3px;
    right: 0;
    cursor: pointer;                    
    opacity: 0.4;
    transition: all ease-in 0.3s;
    -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%); /* #787875 Mid Grey */
    /*background: url(../images/iArrows.png) no-repeat center -1300px; */
    background: url(../images/iArrows.svg) no-repeat center 0; 
    background-size: cover; }

    table th a.orderBy.active::after, table th a.orderBy:hover::after { opacity: 1; }

        table th a.orderBy.active::after { filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); } /* Grape */

        table th a.orderBy.active.up::after { transform: rotate(-90deg); }
        
        table th a.orderBy.active::after, table th a.orderBy:hover::after { 
            /*background-position-y: -3050px;*/ 
            filter: invert(31%) sepia(19%) saturate(1678%) hue-rotate(284deg) brightness(96%) contrast(85%); } /* Plum */

/*** Table Buttonz ***/

    .tableList .form-control { margin-bottom: 0; }

.tActionWrap { 
    display: flex; 
    justify-content: flex-end; }

    .tableList .tAction { padding: 0px 10px; }

        .tableList .tActionSingle { width: 30px; }
        .tActionDouble { width: 70px; }
        .tActionTriple { width: 110px; }

        .tAction .bSQ30TD + .bSQ30TD { margin-left: 6px; }

        .tActionSingle .bSQ30TD, .tActionSingle .bSQ30Lite { margin: 0 0 0 auto; } /* forces block elements in td to right without float */

        /* Dusky Grape SQ */
            tr:hover .bSQ30TD, tr:hover .tAction .bSQGrey, .tableList .rowTwinTop.over .bSQ30TD {
                background-color: #6f577e;
                    background: -moz-linear-gradient(top, #6f577e 1%, #594366 100%); 
                    background:-webkit-gradient(top, #6f577e 1%, #594366 100%); 
                    background: linear-gradient(#6f577e, #594366); }    
            .tAction .bSQ30TD:hover, .tAction .bSQ30TD:focus, .tAction .bSQ30TD.bSQGrey:hover { background: #594366; }

        /* Grey SQ */
            tr:not(:hover) .tAction .bSQGrey { 
                background-color: #949491; 
                    background: -moz-linear-gradient(top, #949491 1%, #878783 100%); 
                    background:-webkit-gradient(top, #949491 1%, #878783 100%); 
                    background: linear-gradient(#949491, #878783); }
                .tAction .bSQGrey:hover, .tAction .bSQGrey:focus { background: #787875; } 

        /* RFE Red SQ */
            tr:hover .bSQ30TD.bDelete, .tableList .bSQ30.bDelete, .tableList .rowTwinTop.over .bDelete {
                background-color: #be1622;
                    background: -moz-linear-gradient(top, #be1622 1%, #aa1414 100%); 
                    background:-webkit-gradient(top, #be1622 1%, #aa1414 100%); 
                    background: linear-gradient(#be1622, #aa1414); }
                .tAction .bSQ30TD.bDelete:hover, .tAction .bSQ30TD.bDelete:focus { background: #aa1414; }

.addressItem .bSQ30.bDelete { margin: -10px 0 10px 3px; }
    .addressItem .bSQ30.bEdit { margin: -10px -10px 10px 3px; }
    .addressItem .bSQ30.bNew { 
        position: absolute;
        bottom: 10px;
        right: 10px;
        margin: 0; }

.tAction .bSQ30Lite:not(.bSqArrow)::after, .bSQ30TD:not(.bSqArrow)::after { 
    width: 18px; 
    height: 18px; 
    top: 52%; 
    left: 52%; 
    margin: -9px 0 0 -9px; 
    transition: all 0.3s; }

.bSQ40.bSQ30.bDelete::after, .addNew .bSQ40:not(.bSqArrow)::after { 
    width: 24px; 
    height: 24px; 
    top: 52%; 
    left: 52%; 
    margin: -12px 0 0 -12px; 
    transition: all 0.3s; }

    .bSQ40.bSQ30.bDelete:not(:hover)::after, .addNew .bSQ30:not(:hover)::after { opacity: 0.7; }

    /*.bSQ30.bDelete::after { background: url(../images/iSprite.png) no-repeat -33px -242px; }*/ /* White */
    /*.bSQ30.bEdit::after { background: url(../images/iSprite.png) no-repeat -75px -285px; }*/ /* White */
    /*.bSQ30.bNew::after { background: url(../images/iArrows.png) no-repeat center -1443px; }*/
    /*.bSQ30.bRestore::after {*/ /*left: 5px; right: unset; top: 5px; *//*background: url(../images/iSprite.png) no-repeat -200px -550px;*/ 
        /*background-image: url(../images/iSprite.svg); 
        background-position-y: 7.5%; }*/
    /*.bSQ30.bSqArrow::after {*/ 
        /*background: url(../images/iArrows.png) no-repeat center -843px;*/ 
        /*background: url(../images/iArrows.svg) no-repeat center 45%; 
        background-size: cover; }*/

    /*.bSQ30.bHistoryInfo::after, tr:hover .bSQ30TD.bHistoryInfo::after { background: url(../images/iSprite.png) no-repeat 6px -1095px; } *//* White 20 x 20 */
    /*.bSQ30TD.bHistoryInfo::after { background: url(../images/iSprite.png) no-repeat -114px -1095px;  }*/  /* Grey and Blue 20 x 20 */  
        .tableList .bSQ30TD.bHistoryInfo:focus::after { 
            /*background-position-x: 6px;*/ 
            background-position-y: 3%; 
            filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */ } /* White 20 x 20 */
     .bSQ30TD.bHistoryInfo::after {     
        width: 20px;
        height: 20px;
        top: 52%;
        left: 52%;
        margin: -10px 0 0 -10px;         
        background: url(../images/iSprite.svg) no-repeat center 2.5%; 
        background-size: cover; }
        tr:not(hover) .bSQ30TD.bHistoryInfo::after { filter: none; }
        .bSQ30.bHistoryInfo::after, tr:hover .bSQ30TD.bHistoryInfo::after { 
            background-position-y: 3%; 
            filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */ }
        
    .bSQ30.bDownload::after { background: url(../images/iSprite.png) no-repeat -34px -396px; }

    tr:hover .bSQ30TD.bArchive, .bSQ30TD.bArchive:hover { background: #857f71; }

    .bSQ30Lite, .bSQ30Lite:hover, .bSQ20Lite:hover { background: none !important; }
     
    .bSQ40.bSQ30, .bSQ40.bSQ30::after, .bSQ40Lite { 
        width: 40px;
        height: 40px; }

        .bSQ40.bSQ30.bSqArrow::after { 
            /*margin-top: 10px!important;*/
            /*background: url(../images/iArrows.png) no-repeat center -50px; */
            transition: opacity 0.3s;
            opacity: 0.7; }

            .bSQ40.bSQ30.bSqArrow:hover::after { opacity: 1; }

    .tAction .bSQ30.bGreyM.bSqArrow:not(:hover)::after,
    tr:not(:hover) .tAction .bSQ30Lite::after, .bSQ40Lite:not(:hover)::after, .bSQ20Lite:not(:hover)::after { opacity: 0.7; }

/* Arrow */
    .bSQ30.bSqArrow::after, .bSQ30.bNew::after, .bSQ30Lite.bSqArrow::after, .bSQ40Lite.bSqArrow::after {
        background: url(../images/iArrows.svg) no-repeat center 45%; 
        background-size: cover; }

        .bSQ30.bNew::after { background-position-y: 30%; }

        .bSQ30Lite.bSqArrow::after/*, .bSQ40Lite.bSqArrow::after*/ { background-position-y: 55%; }
        
        .bSQ40Lite.bSqArrow::after { background-position-y: 50%; }

    .bSQ40.bDelete::after, .bSQ40.bEdit::after, .bSQ40.bAddNew::after,
    .tAction .bDelete::after, .bSQ30.bDelete::after, .bSQ30Lite.bDelete::after, .bSQ40Lite.bDelete::after, .bSQ20Lite.bDelete::after, 
    .tAction .bEdit::after, .bSQ30.bEdit::after, .bSQ40.bEdit::after, .bSQ30Lite.bEdit::after, .bSQ40Lite.bEdit::after,  
    .bSQ40.bAddNew::after, .bSQ30Lite.bAddNew::after,
    .tAction .bRedo::after, .tAction .bRestore::after, .tAction .bArchive::after,
    .tAction .bSQ30Lite::after,
    .bSQ40Lite::after, .bSQ20Lite::after { 
        /*background: url(../images/iAction.png) no-repeat 5px -895px;*/ 
        /*filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%);*/ /* #FFFFFF White */
        background: url(../images/iAction.svg) no-repeat center 5%; 
        background-size: cover; }

/* Delete */
    .tAction .bDelete::after, .bSQ30.bDelete::after, .bSQ30Lite.bDelete::after, .bSQ40Lite.bDelete::after, .bSQ20Lite.bDelete::after { background-position-y: 5%; }

/* Edit */
    .tAction .bEdit::after, .bSQ30.bEdit::after, .bSQ40.bEdit::after, .bSQ30Lite.bEdit::after, .bSQ40Lite.bEdit::after { 
        /*background: url(../images/iAction.png) no-repeat 5px -945px;*/ 
        /*background-image: url(../images/iAction.svg); */ 
        background-position-y: 0;
        /*background-size: cover;*/ }

/* Add New */
    .bSQ40.bAddNew::after, .bSQ30Lite.bAddNew::after { /*background: url(../images/iAction.png) no-repeat -69px -1089px;*/ background-position-y: 20%; }

/* Redo */
    .tAction .bRedo::after, /*tr:hover .tAction*/ .bRedo.bSQ30Lite::after, /*.tableList .tActionTriple .bRestore::after,*/
    .bSQ40Lite.bRedo::after { background-position-y: 10%; }
        .tAction .bRedo::after { margin: -10px 0 0 -8px; }

/* Restore */
    .bSQ30.bRestore::after, .tAction .bRestore::after { /*left: 5px; right: unset; top: 5px; *//*background: url(../images/iSprite.png) no-repeat -200px -550px;*/ 
        background-image: url(../images/iSprite.svg); 
        background-position-y: 7.5%; 
        background-size: cover; }
 
/* Archive */    
    .tAction .bArchive::after, tr:hover .tAction .bArchive.bSQ30Lite::after { /*background: url(../images/iAction.png) no-repeat -80px -1150px;*/ background-position-y: 60%; }

    /*.bSQ30.bDelete::after, .bSQ30.bEdit::after,
    .bSQ40.bDelete::after, .bSQ40.bEdit::after, .bSQ40.bAddNew::after { filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); }*/ /* #FFFFFF White */

    /*.bSQ30Lite.bSqArrow::after, .bSQ40Lite.bSqArrow::after {*/ 
        /*background: url(../images/iArrows.png) no-repeat center -893px; */
        /*filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%);*/ /* #787875 Mid Grey */
        /*background: url(../images/iArrows.svg) no-repeat center 55%; 
        background-size: cover; }*/ /* Grey 16 */

 /* #FFFFFF White */
    tr:hover .tAction .bSQ30.bSqArrow::after, 
    tr:hover .tAction .bSQ30TD.bSqArrow::after, .tableList .tAction .bSQ30TD.bSqArrow:hover::after,
    .bSQ30.bDelete::after, .bSQ30.bEdit::after,
    .bSQ40.bDelete::after, .bSQ40.bEdit::after, .bSQ40.bAddNew::after { 
        filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); }

 /* #787875 Mid Grey */
    .bSQ30TD:not(.bSqArrow)::after, .bSQ30Lite:not(.bSqArrow)::after, tr:hover .tAction .bSqArrow::after, .tAction .bSQ30Lite::after,
    .bSQ30Lite.bSqArrow::after, .bSQ40Lite.bSqArrow::after,
    .bSQ40Lite::after, .bSQ20Lite::after { 
        filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%); }

 /* Grape */
    /*tr:hover .tAction .bSqArrow:hover::after, */
    .bSQ30Lite:hover::after, .bSQ30Lite.bSqArrow:hover::after, tr:hover .bSQ30Lite.bSqArrow::after, .bSQ40Lite.bSqArrow:hover::after, 
    .tAction .bSQ30Lite:hover::after, .bSQ40Lite:hover::after, .bSQ20Lite:hover::after { 
        /*background-position-y: -2993px;*/ 
        filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); }
    /*.bSQ30Lite.bDelete::after {*/ /*background: url(../images/iSprite.png) no-repeat -73px -242px;*/ /*background: url(../images/iAction.svg) no-repeat center 5%; }*/
        /*.bSQ30Lite.bDelete:hover::after { background-position-x: -113px; }*/
    /*.bSQ30Lite.bEdit::after { background: url(../images/iAction.png) no-repeat -75px -325px; }*/
        /*.bSQ30Lite.bEdit:hover::after { background-position-x: -195px; }*/ /* Grape */
    /*.bSQ30Lite.bAddNew::after { background: url(../images/iAction.png) no-repeat -73px -1743px; }*/
        /*.bSQ30Lite.bAddNew:hover::after { background-position-x: -193px; }*/ /* Grape */

 /* #be1622 RFEred */
    .tAction .bSQ30Lite.bDelete:hover::after, .bSQ30Lite.bDelete:hover::after, .bSQ40Lite.bDelete:hover::after { 
        filter: invert(12%) sepia(48%) saturate(6975%) hue-rotate(347deg) brightness(103%) contrast(95%); }

.bSQ30Lite:not(.bSqArrow)::after { 
    width: 18px; 
    height: 18px;     
    top: 51%;
    left: 51%;
    margin: -9px 0 0 -9px; 
    transition: all 0.3s; }

.bSQ40Lite, .bSQ20Lite { 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    transition: all 0.3s;
    background: none; }

    .bSQ40Lite:not(.bSqArrow)::after, .bSQ20Lite:not(.bSqArrow)::after { 
        position: relative;
        width: 24px; 
        height: 24px; 
        transition: all 0.3s;
        /*background: url(../images/iAction.png) no-repeat -80px 0;*/ 
        /*background: url(../images/iArrows.svg) no-repeat center 0%; 
        background-size: cover;*/ }

        /*.bSQ40Lite:hover::after { background-position-x: -200px; }*/

        /*.bSQ40Lite.bSqArrow::after { background: url(../images/iArrows.png) no-repeat center -500px; }*/
            /*.bSQ40Lite.bSqArrow:hover::after { background-position-y: -2950px; }*/
        /*.bSQ40Lite.bDelete::after { background-position-y: -1200px; }*/
            /*.bSQ40Lite.bDelete:hover::after { background-position-x: -120px; }*/
        /*.bSQ40Lite.bEdit::after { background-position-y: -1250px; }*/
        /*.bSQ40Lite.bRedo::after { background-position-y: -1300px; }*/

.bSQ40Lite, .bSQ40Lite.bSqArrow::after { 
    width: 40px; 
    height: 40px; }

.bSQ20Lite, .bSQ20Lite.bSqArrow::after { 
    width: 20px; 
    height: 20px; }

    .bSQ20Lite::after { 
        width: 14px; 
        height: 14px; }

        /*.bSQ20Lite.bDelete::after { background-position-y: -300px; }*/
            /*.bSQ20Lite.bDelete:hover::after { background-position-x: -120px; }*/

                tr:hover .bSQ30TD:not(:hover)::after, tr:not(:hover) .tAction .bSQ30:not(:hover)::after, .tAction .bSQGrey:not(:hover)::after, tr:not(:hover) .tActionSingle .bSQ30Lite::after,
                    .tableList .rowTwinTop.over .bDelete::after, .tableList .rowTwinTop.over .bEdit::after, .tableList .rowTwinTop.over .bRedo::after
                    { opacity: 0.7; }

                .tAction .bSqArrow::after { 
                    /*background: url(../images/iArrows.png) no-repeat center -2993px; */
                    transition: all 0.3s;
                    filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%); /* #787875 Mid Grey */
                    background: url(../images/iArrows.svg) no-repeat center 50%; 
                    background-size: cover; }

                .tableOrdersList tr:not(:hover) .tAction .bSqArrow::after, .pageTracking .tableList:not(.tableTrackingList) tr:not(:hover) .bSqArrow::after, .tableDebtlist tr:not(:hover) .tAction .bSqArrow::after,
                .tableDebtors tr:not(:hover) .tAction .bSqArrow::after,
                .pageInspectors:not(.pageInspectorsInspections) .tableInspectionList tr:not(:hover) .bSqArrow::after,
                .tableSparesBillMaterial tr:not(:hover) .tAction .bSqArrow::after, .tableTopTrumpsDash tr:not(:hover) .tAction .bSqArrow::after, .tableInspectorList tr:not(:hover) .tAction .bSqArrow::after,
                .dataRoomCat .tableDocsList tr:not(:hover) .tAction .bSqArrow::after
                    { filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); } /* #6f577e Grape */

                    /*tr:hover .tAction .bSqArrow::after, .tAction .bSQ30.bSqArrow::after,*/
                    .tAction .bSqArrow.bGreyM::after, .tAction .bSqArrow.bSQGrey::after,
                    tr:hover .bSQ30TD::after, .tAction .bSQ30TD:hover::after,
                    .tableList .rowTwinTop.over .bDelete::after, .tableList .rowTwinTop.over .bEdit::after, .tableList .rowTwinTop.over .bRedo::after { 
                        /*background-position-y: -843px;*/ /*background-position-y: 40%;*/ 
                        filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); } /* #FFFFFF White */

                /*.tAction .bDelete::after*//*, tr:hover .tAction .bDelete.bSQ30Lite::after*/ /*{ background: url(../images/iAction.png) no-repeat -80px -900px; }*/
                /*.tAction .bEdit::after*//*, tr:hover .tAction .bEdit.bSQ30Lite::after*/ /*{ background: url(../images/iAction.png) no-repeat -80px -950px; }*/
                /*.tAction .bRedo::after, tr:hover .tAction .bRedo.bSQ30Lite::after, .tableList .tActionTriple .bRestore::after { background: url(../images/iAction.png) no-repeat -80px -1000px; }*/

                    /*tr:hover .tAction .bDelete::after, tr:hover .tAction .bEdit::after, tr:hover .tAction .bRedo::after, tr:hover .tAction .bArchive::after,
                        .tableList .bSQ30.bDelete::after, .tableList .bSQ30.bEdit::after, .tableList .bSQ30.bRedo::after,
                        .tableList .bSQ30TD:focus::after, .tableList .bSQ30TD:hover::after,*/
                        /*.tableList .rowTwinTop.over .bDelete::after, .tableList .rowTwinTop.over .bEdit::after, .tableList .rowTwinTop.over .bRedo::after
                        { background-position-x: 0; }*/

                    .tableList .bSQ30TD.bSqArrow:hover::after { background-position-x: center; }

                    tr:hover .tActionSingle .bDelete.bSQ30Lite:hover::after { /*background-position-x: -120px;*/ opacity: 1; }


    .tableList .checkBox label { margin-bottom: 0; }

        .tableNotesList.tableList .commentNote { 
            font-size: 13px;
            font-family: "Lato", Arial, Helvetica, sans-serif !important; 
            font-weight: normal; }

    .tableList .rowDisabled td::before { color: #949491; }

.tableList .rowTwinTop td:not(.elType) { 
        padding-bottom: 0;
        border-bottom-color: transparent; }

    .tableList tbody tr.rowTwinBottom > td::after { border-top-color: transparent; }

        .tableList .rowTwinTop:hover > td::after, .tableList .rowTwinBottom:hover > td,
            .tableList .rowTwinTop:hover + tr.rowTwinBottom > td, 
            .tableList .rowTwinTop.over > td::after { border-color: #6f577e !important; }

    .tableList .rowTwinTop .tActionWrap { bottom: -10px; }

.tableList .trException:not(:hover) td, .tableTrackingList .trException:not(:hover) .tTrackingStacked strong { color: #be1622; }

    .tableList .trException td:first-of-type::before { 
        content: ''; 
        position: absolute;
        display: block;
        /*width: 40px;
        height: 50px;
        left: -10px;*/
        width: 48px;
        height: 48px;
        left: -13px;
        top: 50%;
        margin-top: -28px;
        /*margin-top: -30px;*/
        /*background: url(../images/iAction.png) no-repeat 0 -1890px;*/ 
        background: url(../images/iAction.svg) no-repeat center 40%; 
        background-size: cover; }

        .panelOrderLegacy .trException td:first-of-type::before { display: none; }

    .tableList .trException:hover td, .tableList .trException:hover td::after { border-color: #be1622; }

    .tableList .trException:not(:hover) .bSQ30.bSqArrow, .tableList .trException:hover .bSQ30.bSqArrow { background: #be1622; }
        .tableList .trException .bSQ30.bSqArrow:hover { background: #aa1414; }

    /*.tableList .trException:not(:hover) .iStatus span::after, .tableList .trArchived:not(:hover) .iStatus span::after { background-position-x: -50px; }*/

    /*.tableList .trException:not(:hover) .tiOperaCo::after, .tableList .trException:not(:hover) .tiOperaCo span::after,
        .tableList .trArchived:not(:hover) .tiOperaCo::after, .tableList .trArchived:not(:hover) .tiOperaCo span::after { background-position-x: -440px; }*/

/* ARCHIVED */

    .tableList .trArchived:not(:hover) td { color: #949491; }

        .trArchived:not(:hover) .checkBox input[type="checkbox"]:checked + label span { background-color: #949491; }
            .trArchived:not(:hover) .checkBox input[type="checkbox"]:checked + label span:before, .trArchived:not(:hover) .checkBox input[type="checkbox"]:checked + label span:after { background: #FFFFFF; }

            .trArchived:not(:hover) .checkBox span { border-color: #949491; }

/* NO HANDOVER DATE */

    .trNoHandover.trException td:first-of-type::before { /*background-position-x: -200px;*/ background-position-y: 45%; }

    .trNoHandover:not(.tHandoverSuccess):not(:hover) td { color: #c4501c; }
    .trNoHandover.trException:hover td, .trNoHandover.trException:hover td::after { border-color: #ce5b0f; }
    .trNoHandover.trException:not(:hover) .bSQ30.bSqArrow, .trNoHandover.trException:hover .bSQ30.bSqArrow { background: #ce5b0f; }
        .trNoHandover.trException .bSQ30.bSqArrow:hover { background: #c4501c; }

/* Table Data-Attribute HoverSlide */

.tableList .tAlertFlag, .tableListExtraW.tableList .tAlertFlag { 
    width: 30px; 
    padding: 0; }

    .trException .tAlertFlag:hover { z-index: 9999; }

        .trException .hoverSlideText::after { 
            content: attr(data-warning-text);
            display: flex;
            align-items: center;
            position: absolute;
            top: -15px;
            height: 30px;
            left: -10px;
            color: transparent;
            line-height: 1;
            transition: all ease-in 0.4s; 
            transition-property: color; 
            transition-delay: 0.2s;
            white-space: nowrap;
            width: auto;
            transform: scaleX(0);
            z-index: 9999; }

            .trException .tAlertFlag:hover .hoverSlideText::after { 
                padding: 2px 10px 0 5px;
                left: 22px;
                color: #FFFFFF;
                transform: scaleX(1);
                /*transition-property: color;
                transition-duration: unset;*/ }

    .trException .hoverSlideText::after { background: #be1622; }
    .trNoHandover .hoverSlideText::after  { background: #ce5b0f; }

.tHeadIcon { height: 70px; }

    .tHeadIcon th { vertical-align: bottom; }

        .thIconMini::before { 
            content: ''; 
            position: absolute;
            width: 30px;
            height: 30px;
            background: url(../images/iSprite.png) no-repeat 0 0; }

.tableList h5.productInfoWrap { 
    display: flex; 
    flex-wrap: wrap; 
    margin-bottom: 0; 
    line-height: 1.1; }

    .tableList h5.productInfoWrap strong { 
        position: relative;
        color: #6f577e;
        font-size: 18px; }

    .tableList h5.productInfoWrap span { 
        width: 100%;
        color: #787875;
        font-size: 15px; 
        font-weight: normal; }

        .tableList tr:hover .productInfoWrap strong { color: #594366; }

        .tableList tr:hover .productInfoWrap span { color: #000000; }

.taskSearchlist .tiName strong, .tableList .tiName strong, .tableList .tName strong { 
    font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
    font-weight: 900; } 

    .tableList .tRowNotes { 
        font-weight: normal; 
        font-size: 13px; }

    .tableList .tAction.tActionTriple { width: 110px; }


/*****************************************************************
= GALLERY GRIDZ
*****************************************************************/

.galleryCheckGrid + .galleryCheckGrid { 
    border: dotted 5px #c7c7c6;
    border-width: 14px 0 0 0;
    /*border-width: 10px 0 0 0;*/
    /*border-image-source: url(../images/dotBorder.png);*/
    border-image-source: url(../images/dotBorder.svg);
    border-image-slice: 33%;
    border-image-repeat: round;
    margin-top: 20px; 
    padding-top: 5px; }

    .galleryCheckGrid.sectionSplitter {
        border-image: none;
        border: none;
        border-bottom: solid 10px #c7c7c6; }

    .galleryCheckGrid h3 { 
        margin-bottom: 0; 
        color: #6f577e; 
        font-size: 36px; }

    .galleryCheckGrid ul { 
        list-style-type: none; 
        padding-left: 0; }

        .galleryCheckGrid .grid { 
            width: 100%;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); 
            grid-column-gap: 2%;
            grid-row-gap: 10px;
            margin: 0; } 

            .galleryCheckGrid .grid li {
                display: flex; 
                align-items: flex-start;
                margin-bottom: 15px; }

                .galleryCheckGrid .form-group .bigCheck { flex: 1; }

                    .galleryCheckGrid .form-group input[type="checkbox"] { margin: 0 10px 0 0; }

                    .galleryCheckGrid .form-group label { 
                        position: relative;
                        display: flex;
                        align-items: center;
                        flex: 7;
                        top: 4px;
                        color: #787875; 
                        font-size: 18px; }

                        .galleryCheckGrid .checkBox input[type="checkbox"]:checked + label { color: #000000; }

    .avatarCheckGrid .grid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }

        .avatarCheckGrid li { 
            position: relative;
            align-items: center; }

            .avatarCheckGrid .checkBox { 
                align-items: center;
                min-height: 64px; }

                .avatarCheckGrid .iAvatar { 
                    position: absolute; 
                    top: 50%; 
                    margin-top: -32px; 
                    left: 45px; 
                    border: none;
                    opacity: 0.6; 
                    z-index: 10; }

                .avatarCheckGrid .iAvatar img { 
                    width: 64px;
                    height: 64px;
                    border-radius: 50%;
                    object-fit: cover; }

                    .avatarCheckGrid input[type="checkbox"]:checked + label + .iAvatar, .avatarCheckGrid label:hover + .iAvatar { opacity: 1; }

                .avatarCheckGrid .checkBox label { 
                    top: 0; 
                    z-index: 100; }

                    .avatarCheckGrid .checkBox label span { margin-right: 90px; }

                    .avatarCheckGrid .checkBox label strong { width: calc(100% - 120px); }

        .galleryArrowGrid li { 
            position: relative; 
            overflow: hidden; }


/*****************************************************************
= DataRoom Style Category Accordions
*****************************************************************/

.docCat { 
    position: relative; 
    display: flex;
    flex-direction: column;
    margin-bottom: 10px; 
    background: #FFFFFF; }

    .docCat h2 { 
        padding-bottom: 8px; 
        border-bottom: solid 3px #949491;
        font-size: 30px; 
        letter-spacing: -1px; }

        .pageBasic .docCat h2 { color: #6f577e; }

    .cornerFileNumber { 
        position: absolute;
        width: 60px;
        height: 64px;
        padding: 8px 0 0 5px;
        right: 0;
        top: 0;
        color: #FFFFFF;
        font-size: 24px;
        text-align: center;
        letter-spacing: -1px;
        opacity: 1;
        /*background: url(../images/iCornerz.png) no-repeat right -2000px;*/ 
        background: url(../images/iCornerz.svg) no-repeat center 35%; 
        background-size: cover; }

        .slideToggle.in .cornerFileNumber { 
            background-position-y: 38%;
            /*opacity: 0.7;*/
            /*background-position-y: -1900px;*/ }

    .docCatSlide.docCat { padding: 0; }

        .docCat .slideToggle { 
            width: 100%;
            padding: 30px 30px 0;
            transition: background ease-out 0.3s;
            background: #FFFFFF; }

            .docCat .slideToggle.in { background: #dcdcd9; }
                .docCat .slideToggle.in:hover { background: #eeeeeb; }

            .docCat .slideToggle:hover { text-decoration: none; }

                .docCat .slideToggle h2 { 
                    padding-right: 30px;
                    border: none; 
                    transition: color ease 0.3s; }

                    .docCat .slideToggle:not(.in) h2 { color: #787875; }
                        .docCat .slideToggle:hover h2 { color: #594366; }

                .docCat .slideToggle .inArrow, .inArrow.inArrow40 { 
                    width: 40px;
                    height: 20px;
                    margin-right: -20px;
                    bottom: 0; }

                    .docCat .inArrow::after, .inArrow.inArrow40::after { 
                        width: 40px;
                        height: 40px;
                        margin-left: -20px;
                        transition: background ease-in 0.3s;
                        /*background-position-x: -13px;
                        background-position-y: -838px;*/
                        transform: unset;
                        background: url(../images/iArrows.svg) no-repeat center 76.5%; 
                        background-size: cover;
                        background-color: #949491; }

                        .docCat .inArrow:hover::after, .inArrow.inArrow40:hover::after { background-color: #594366; }

                        .docCat .slideToggle.in .inArrow::after, .slideToggle.in .inArrow.inArrow40::after { 
                            margin-top: 0;
                            /*background-position-x: 3px;
                            background-position-y: -838px;*/
                            transform: rotate(180deg);
                            background-position-y: 75.25%;
                            background-color: #6f577e; }

            .docCat .slideThis { padding: 0 30px; }

.docCat .slideToggle.noSlide:not(.isLink) { cursor: unset; } 
    .docCat .slideToggle.noSlide:not(.isLink):hover h2 { color: #787875; }

    .docCat .slideToggle.isLink { 
        position: relative; 
        transition: background ease-in 0.4s; }

        .docCat .slideToggle.isLink:hover { background: #eeeeeb }

        .docCat .slideToggle.isLink::after { 
            content: ''; 
            position: absolute; 
            width: 16px; 
            height: 24px;
            right: 20px;
            top: 50%;
            margin-top: -12px;
            transition: all 0.3s;
            filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%);
            /*background: url(../images/iArrows.png) no-repeat center -500px; */
            background: url(../images/iArrows.svg) no-repeat center 0; 
            background-size: cover; }

            .docCat .slideToggle.isLink:hover::after { filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); /*background-position-y: -2950px;*/ } /* Grape */

    .docCatNone { 
        margin: 20px 0 30px; 
        font-size: 21px;  
        font-weight: bold; }

.arrowSlideBar .inArrow { bottom: 17px; }
    /*.arrowSlideBar .inArrow::after { background-position-x: -15px; background-position-y: -1241px; }*/


/*****************************************************************
= File Types
*****************************************************************/

.iFiletype {     
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-indent: -9999px; }

    .iFiletype::after { 
        content: ''; 
        position: absolute; 
        width: 20px; 
        height: 20px;
        left: 0;
        top: 0;
        text-indent: unset;
        transform-origin: right bottom; /* Needed here to fix Transition Clunk */
        /*background: url(../images/iFiles.png) no-repeat 0 0; */
        background: url(../images/iFiles.svg) no-repeat center 0; 
        background-size: cover; }

    .iFiletype30.iFiletype, .iFiletype30.iFiletype::after { 
        width: 30px; 
        height: 30px; }

        .modal .iFiletype30.iFiletype { 
            float: left; 
            margin-top: 5px; }

        .modal .iFiletype30.iFiletype, .tFileType .iFiletype.iFiletype30, .listFileType .iFiletype { overflow: unset; }

            .modal .iFiletype30.iFiletype::after, .tFileType .iFiletype.iFiletype30::after, .listFileType .iFiletype::after, 
            .tFileTypeName .iFiletype::after, .headDocValidity .iFiletype::after { 
                transform-origin: right bottom;
                transition: transform ease-in 0.3s; }

                .modal .iFiletype30.iFiletype:hover::after, .tFileType .iFiletype.iFiletype30:hover::after, .tFileTypeName a:hover .iFiletype::after,
                .listFileType:hover .iFiletype::after, .headDocValidity a:hover .iFiletype::after { 
                    transform: rotate(8deg) translate(0%, 0);
                    transform-origin: right bottom; }

    .tFileTypeName a { align-items: center; }

        .tFileTypeName .iFiletype { overflow: unset; }

        .tFileTypeName strong { 
            width: calc(100% - 40px);
            margin-left: 10px; 
            text-transform: none;
            word-break: break-all; }

            .tFileTypeName a:not(:hover) strong { color: #40403f; }

    .iFiletypePDF::after { background-position-y: 0; }
    .iFiletypeXLS::after, .iFiletypeXLSX::after { /*background-position-y: -100px;*/ background-position-y: 10%; }
    .iFiletypeDOC::after, .iFiletypeDOCX::after { /*background-position-y: -150px;*/ background-position-y: 20%; }
    .iFiletypePPT::after, .iFiletypePPTX::after { /*background-position-y: -200px;*/ background-position-y: 30%; }
    .iFiletypeZIP::after { /*background-position-y: -250px;*/ background-position-y: 40%; }
    .iFiletypeAI::after { /*background-position-y: -300px;*/ background-position-y: 50%; }
    .iFiletypePSD::after { /*background-position-y: -350px;*/ background-position-y: 60%; }
    .iFiletypeIMG::after, .iFiletypePNG::after, .iFiletypeJPG::after { /*background-position-y: -50px;*/ background-position-y: 70%; }
    .iFiletypeVideo::after { background-position-y: 80%; }

    /*.iFiletype.iFiletype30::after { background-position-x: -200px; }*/ 


/*****************************************************************
= Pagination
*****************************************************************/

.pgPager {
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: center; }

    .pgInner { display: inline-block; }

    .pagination-container { 
        display: flex; 
        margin: 0 auto; }

        .pagination { 
            display: flex; 
            justify-content: center;
            align-items: center; }

            .pagination li { position: relative; }

    /*.pgWrap,*/ .pagination { 
        list-style-type: none;
        width: 100%;
        height: 50px;
        margin: 0 auto;
        padding: 0; }

        /*.pgWrap li { 
            position: relative;
            float: left; }*/

            .pagination > li > a { 
                display: flex; 
                justify-content: center;
                align-items: center;
                width: 40px;
                height: 40px;
                margin: 5px 2px;
                border-radius: 3px;
                border: none;
                color: #FFFFFF;
                font-size: 15px;
                font-weight: bold;
                cursor: pointer;
                transition: all 0.3s;
                background-color: #787875; }

                .pagination > li > a:hover { 
                    text-decoration: none;
                    color: #FFFFFF;
                    background-color: #5c5c5a; }

                .pagination li.active a { 
                    width: 50px;
                    height: 50px;
                    margin: 0 2px;
                    border: none;
                    background: #6f577e; }

                    .pagination li.active a:hover { background: #594366; }

                    .pagination > .disabled > a, .pagination > .disabled > a:hover { 
                        color: #eeeeeb; 
                        font-size: 21px;
                        padding-bottom: 16px;
                        border: none; 
                        background-color: #c7c7c6; }

                    .pagination > li > a:focus { outline: none; background-color: #5c5c5a; } /* Fix for Chrome default */

                    /*.PagedList-skipToFirst
                    .PagedList-skipToPrevious
                    .PagedList-skipToNext
                    .PagedList-skipToLast*/

                    .PagedList-skipToPrevious a, .PagedList-skipToNext a, .PagedList-skipToFirst a, .PagedList-skipToLast a /*.pagination > li:first-child > a, .pagination > li:last-child > a*/ { 
                        border-radius: 3px; 
                        text-indent: -9999px; 
                        overflow: hidden;
                        font-size: 1px;
                        /*background: url(../images/iArrows.png) no-repeat center -1237px;*/ /* White */
                        /*filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%);*/ /* #FFFFFF White */
                        /*background: url(../images/iArrows.svg) no-repeat center 60%; 
                        background-size: cover;*/
                        background-color: #787875; }

                        .PagedList-skipToFirst a, .PagedList-skipToLast a { 
                            position: relative;
                            background-image: none; }

                            .PagedList-skipToPrevious a::after, .PagedList-skipToNext a::after, 
                            .PagedList-skipToFirst a::after, .PagedList-skipToLast a::after { 
                                content: '';
                                position: absolute;
                                width: 12px;
                                height: 12px;
                                margin-top: -6px;
                                margin-left: -6px;
                                /*width: 16px;
                                height: 16px;
                                margin-top: -8px;
                                margin-left: -8px;*/
                                top: 50%;
                                left: 50%;
                                /*background: url(../images/iAction.png) no-repeat 0 -2350px;*/
                                /*filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%);*/ /* #FFFFFF White */
                                background: url(../images/iArrows.svg) no-repeat center 20%; 
                                background-size: cover; }

                                .PagedList-skipToFirst a::after, .PagedList-skipToLast a::after { background-position-y: 65%; }

                        .PagedList-skipToPrevious a, .PagedList-skipToFirst a /*.pagination > li:first-child > a*/ { 
                                -ms-transform: rotate(180deg);
                                -webkit-transform: rotate(180deg);
                            transform: rotate(180deg); }

            /* .pgWrap - STILL USED? Can't find any reference to this class (Except Product Doc Section which isn't used) - Jun 25  */

            /*.pgWrap a,*/ .filterPage li a { 
                display: block;
                width: 40px;
                height: 40px;
                margin: 5px 2px;
                border-radius: 3px;
                line-height: 40px;
                text-align: center;
                color: #FFFFFF;
                font-size: 15px;
                font-weight: bold;
                cursor: pointer;
                background: #787875; }
                /*.pgWrap a:hover,*/ .filterPage li a:hover { 
                    text-decoration: none;
                    color: #FFFFFF;
                    background: #5c5c5a; }

                /*.pgWrap a.active,*/ .filterPage li a.active { 
                    width: 50px;
                    height: 50px;
                    margin: 0 2px;
                    line-height: 50px;
                    background: #6f577e; }
                    /*.pgWrap a.active:hover ,*/ .filterPage li a.active:hover { background: #594366; }

                    /*.pgWrap .pgPrevious a {
                            -ms-transform: rotate(180deg);
                            -webkit-transform: rotate(180deg);
                        transform: rotate(180deg);
                        background: #787875 url(../images/iArrows.png) no-repeat center -1236px; }

                    .pgWrap .pgNext a { background: #787875 url(../images/iArrows.png) no-repeat center -1236px; }*/

                        /*.pgWrap .pgPrevious a:hover, .pgWrap .pgNext a:hover,*/
                            .pagination > li:first-child > a:hover, .pagination > li:last-child > a:hover { background-color: #5c5c5a; }

                        /*.pgWrap .pgPrevious .disabled, .pgWrap .pgPrevious .disabled:hover,
                        .pgWrap .pgNext .disabled, .pgWrap .pgNext .disabled:hover,*/
                            .pagination > li.disabled > a, .pagination > li.disabled > a:hover { background-color: #c7c7c6; }


/*****************************************************************
= DOUGHNUTS & GRAPHS
*****************************************************************/

.graphLegend {  }

    .graphLegend ul { 
        list-style-type: none; 
        margin: 0;
        padding-left: 0; }

        .graphLegend li {  
            display: flex;
            align-items: center;
            color: #40403f;
            font-size: 13px; 
            font-weight: bold; }

            .graphLegend li + li { margin-top: 6px; }

            .graphLegend li span { 
                display: inline-block; 
                width: 32px; 
                height: 16px; 
                margin: 0 10px 0 0; }

            .graphLegend li strong { 
                display: inline-block; 
                width: 28px;
                margin-right: 10px;
                color: #000000; 
                text-align: right; }

            .graphLegend.red6 li:nth-of-type(1) span { background: #4d1f36; }
            .graphLegend.red6 li:nth-of-type(2) span { background: #8f283d; }
            .graphLegend.red6 li:nth-of-type(3) span { background: #c72210; }
            .graphLegend.red6 li:nth-of-type(4) span { background: #d14d0a; }
            .graphLegend.red6 li:nth-of-type(5) span { background: #e5870c; }
            /*.graphLegend.red6 li:nth-of-type(6) span { background: #cfbe8a; }*/
            .graphLegend.red6 li:nth-of-type(6) span { background: #FFFFFF; } /*  0 Value  */
            .graphLegend.red6 li.legendNegative span { background: #3397a3; } /*  -VE Value  */

            .graphLegend.red6 li.legendNegative strong { color: #be1622; }


/*****************************************************************
= DATE PICKER
*****************************************************************/

.ui-datepicker { 
    width: 20em; 
    z-index: 10000 !important; }

    .ui-datepicker.onewDatePicker { z-index: 1000; }

    .ui-datepicker table { font-size: 1.1em; }

        .ui-datepicker .ui-datepicker-title { text-transform: uppercase; }

        .ui-datepicker td span, .ui-datepicker td a { padding: .6em .2em; }        

            .ui-state-default, .ui-widget-content .ui-state-default { background: #eeeeeb; }

/*.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 6px dashed #dcdcd9;
    background: #fff;
    color: #FFFFFF;
}*/
                .ui-widget-content .ui-state-highlight { 
                    position: relative; 
                    padding-right: 6px;
                    color: #6f577e; 
                    font-weight: bold; 
                    border-color: #c7c7c6;
                    background: #FFFFFF; }

                    .ui-widget-content .ui-state-highlight::after { 
                        content: ''; 
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        border: solid 2px #6f577e; }

            .ui-widget-header a { cursor: pointer; }

            .ui-widget-header .ui-icon { 
                /*background: url(../images/iArrows.png) no-repeat center -900px;*/
                filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%); /* #787875 Mid Grey */
                background: url(../images/iArrows.svg) no-repeat center 0;
                background-size: cover; }

                .ui-widget-header .ui-state-hover { 
                    border: none; 
                    right: 2px; 
                    top: 2px; 
                    background: none!important; }

                    .ui-widget-header .ui-state-hover span { /*background-position-y: -3000px;*/ filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); } /* Grape */

                .ui-datepicker-prev .ui-icon { transform: rotate(180deg); }
                    .ui-datepicker-prev.ui-state-hover { left: 2px; }

            .ui-state-hover, .ui-widget-content .ui-state-hover { background: #FFFFFF; }
                .ui-widget-content .ui-state-highlight.ui-state-hover { color: #40403f; }

                .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, 
                    a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { 
                        border: 1px solid #594366;
                        color: #FFFFFF;
                        background: #6f577e; }

                    .ui-widget-content .ui-state-active.ui-state-hover { 
                        color: #FFFFFF; 
                        background: #594366; }

.ui-timepicker-div { margin-top: 10px; }

    .ui-timepicker-div dl dd .ui_tpicker_time { margin-bottom: 5px; }

        .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { 
            font-size: 1.2em; 
            font-weight: bold; 
            border-bottom: none !important; }


/*****************************************************************
= MASTER PAGE
*****************************************************************/

header { padding: 0 40px; }

    .topStripe { 
        position: absolute; 
        display: none;
        height: 1.2vh;
        max-height: 20px;
        top: 0;
        left: 0;
        right: 0; }

        .topStripe span { 
            flex: 1;
            display: block; 
            width: 100%; 
            height: 100%; }

        .topStripe .stripe01 { background-color: #c73e14; }
        .topStripe .stripe02 { background-color: #d17700; }
        .topStripe .stripe03 { background-color: #a31f10; }
        .topStripe .stripe04 { background-color: #5e8f88; }
        .topStripe .stripe05 { background-color: #7e9e3f; }
        .topStripe .stripe06 { background-color: #944364; }
        .topStripe .stripe07 { background-color: #007c85; }
        .topStripe .stripe08 { background-color: #6f577e; }

.navbar {    
    height: 130px;
    padding-top: 25px;
    border: none; }

    .navbar a, /*.nLogout, .nAccount*/ .nAccountWrap { 
        color: #40403f;
        font-size: 15px;
        /*font-weight: bold;*/
        text-transform: uppercase; }

        .nLogout, .nAccount { 
            /*position: absolute; */

            right: unset !important;
            top: unset !important;
            left: unset !important;

            color: #40403f;
            font-weight: bold;
            text-align: right;
            text-decoration: none;
            white-space: nowrap;
            cursor: pointer; }

            .nLogout:hover, .nAccount:hover, .nLogout:focus, .nAccount:focus, .nAccountName.underSlide:hover { 
                color: #000000; 
                text-decoration: none; }

/******  NEW HEADER  ******/

header.header { 
    position: relative;
    display: flex;
    width: 100%;
    margin: 0 auto 10px; }

    .header .navbar { 
        /*justify-content: flex-end; */
        align-items: center;
        /*gap: 50px;*/
        /*width: calc(100% - 80px); */
        width: 100%; 
        height: auto; }

        .headerLogo { 
            display: block;
            width: 100%; /* Needed for no nav headers */
            width: auto; /* Temp for New Header */
            width: 130px;
            margin-top: auto;
            margin-right: 50px;
            /*padding-right: 50px;*/ }

            .logoRFE { width: 100%; }

            .headerLogo .logoRFE-xs, .headerLogo .logoRFE-sm, .headerLogo .logoRFE-md { display: none; }
            .headerLogo .logoRFE-lg { display: block; }

    .nAccountWrap { 
        /*position: relative;
        width: 80px;*/

        position: absolute;
        gap: 0 30px;
        /*align-items: center;*/
        right: 40px;
        padding-top: 8px;
        /*padding-top: 15px;*/
        /*padding-top: 25px;*/ }

        .nAccount, .nLogout { 
            display: block;
            margin-bottom: 5px; }

        .nAccountWrap .nAccountName { 
            display: flex; 
            line-height: 1; }

        .accountAvatar { 
            display: block; 
            position: relative;
            width: 26px;
            height: 30px;
            margin-top: -8px;
            margin-left: 10px;
            padding: 0;
            background: #6f577e; }

            .accountAvatar.iSVG::after { 
                position: absolute;
                width: 16px;
                height: 16px;
                margin-top: 0;
                top: unset;
                left: 5px;
                bottom: 5px;
                opacity: 0.9;
                background-position-y: 0.5%; }


/******  Dynamic 'MORE >' Nav Bar  ******/

    /* No Longer Used */

/******  Big NAV DROP MENU  ******/

.headerNav-New {
    /*margin: 12px -10px 0 auto;*/
    margin: 0px 0 12px auto;
    /*padding-right: 10px;*/
    /*width: 100%;*/
    /*padding-right: 20px;*/
    z-index: 9000; }
    
    nav ul { 
        list-style-type: none; 
        padding-left: 0; }

    .headerNavList {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        max-width: 900px;
        margin-bottom: 0; }

        .headerNavList .nNavItem {
            flex: 1 0 75px;
            /*max-width: 80px;*/ }

                /*.headerNav-New .headerNavList > li + li { margin-left: 20px; }*/

            .nNavItem > a { 
                position: relative;
                display: block;
                width: 100%;
                height: 100%; 
                padding-top: 58px;
                font-weight: bold;     
                color: #5c5c5a;
                font-size: 11px;
                line-height: 1.1;
                text-decoration: none; 
                text-align: center;
                font-weight: bold; }

                    .nNavItem > a:hover, .nNavItem.open > a:hover { 
                        color: #000000; }

                    .headerNav-New .nNavItem > a.active, .nNavItem.open {
                        /*color: #000000;*/
                        font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; }

                    .nSales > a.active { color: #c73e14; }
                    .nLogistics > a.active  { color: #d17700; }
                    .nAccounts > a.active  { color: #46756e; }
                    .nMarketing > a.active , .nProductLibrary > a.active  { color: #a31f10; }
                    .nNPD > a.active  { color: #668528; }
                    .nQC > a.active  { color: #944364; }
                    .nTechnical > a.active  { color: #007c85; }
                    .nAdmin > a.active, .nDashboard > a.active { color: #6f577e; }

                        .headerNav-New .nNavItem > a.active::after { background-position-x: 0; }

                    /*.nNavItem > a.active, .nNavItem.open {
                        color: #000000;
                        font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; }*/

                        /*.nNavItem > a.active::before { 
                            border: solid 4px #6f577e; 
                            background: #FFFFFF; }*/

.headerNav-New li.dropdown { position: static; } /* Bootstrap Override */

.navBigMenu .dropdown-toggle { position: relative; } 

.navBigMenu.show { display: flex !important; } /* Bootstrap Override */

    .headerNav-New .dropdown-toggle span::after, .headerNav-New .nNavItem span::after { 
        content: ''; 
        position: absolute; 
        /*display: none;*/
        width: 20px;
        height: 20px; }

    .headerNavList > li > a::after { 
        background: url(../images/iSprite.svg) no-repeat center 0;
        background-size: cover; }       

        .headerNav-New .dropdown-toggle span::after { 
            display: none; 
            background: url(../images/iSprite.svg) no-repeat center 0;
            background-size: cover; }
            .headerNav-New li.open .dropdown-toggle span::after { display: block; }

.bigMenu { 
    float: none; /* Bootstrap Override */
    border: none;
    margin: 0;
    padding: 0;

    top: calc(100% + 20px);
    /*right: -80px;*/
    right: 0;
    padding: 30px 20px;
    border-top: solid 10px #6f577e; 
    font-family: "Lato", Arial, Helvetica, sans-serif;
        -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
    background: #eeeeeb;
    overflow: hidden; }

    .bigMenuWrap { 
        display: flex; 
        flex-wrap: wrap; 
        justify-content: center; }

        .navSecondary { 
            position: relative;
            display: flex; 
            flex-direction: column;
            justify-content: center;
            align-items: center;
            flex: 1;
            min-height: 90px;
            max-width: 350px;
            padding: 10px 15px;
            border-radius: 4px;
            border: solid 6px #dcdcd9; 
            background: #FFFFFF; 
            transition: all ease-in 0.4s; }

            .navSecondary + .navSecondary { margin-left: 20px; }

            .navSecondary:hover { 
                border-color: #c7c7c6; 
                border-color: transparent;
                text-decoration: none;                    
                    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.075);
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.075); }

                .navSecondary span { 
                    margin-top: 10px; 
                    color: #787875;
                    font-size: 18px; 
                    /*font-weight: normal;*/
                    line-height: 1;
                    text-align: center; 
                    transition: all ease-in 0.4s; }

                    .navSecondary:hover span { color: #000000; }

            .navSecondary::after { 
                content: '';
                order: -1;
                /*width: 60px;
                height: 50px;*/
                width: 42px;
                height: 42px;
                opacity: 0.8;
                transition: all ease-in 0.4s;
                background: url(../images/iSpriteBig.png) no-repeat -700px 0;
                /*background: url(../images/iSpriteGiant.png) no-repeat -700px 0;*/ }

                .navSecondary:hover::after { opacity: 1; }

            /*.nDashboard .nav2DashLG.navSecondary::after { background-position-y: -5700px; background-position-x: 0; }
            .nDashboard .nav2DashAC.navSecondary::after { background-position-y: -5700px; background-position-x: -200px; }
            .nDashboard .nav2DashSA.navSecondary::after { background-position-y: -5700px; background-position-x: -300px; }
            .nDashboard .nav2DashQC.navSecondary::after { background-position-y: -5700px; background-position-x: -100px; }*/

            /*.nDashboard .navSecondary::after { background-position-y: -5760px; }

                .nDashboard .nav2DashLG.navSecondary::after { background-position-x: 0; }
                .nDashboard .nav2DashAC.navSecondary::after { background-position-x: -120px; }
                .nDashboard .nav2DashSA.navSecondary::after { background-position-x: -180px; }
                .nDashboard .nav2DashQC.navSecondary::after { background-position-x: -60px; }*/

            .bigMenuGroupedList .bigMenuGroup .nav2DashLG:hover::before { background: #d17700; }
            .bigMenuGroupedList .bigMenuGroup .nav2DashAC:hover::before { background: #5e8f88; }
            .bigMenuGroupedList .bigMenuGroup .nav2DashSA:hover::before { background: #c73e14; }
            .bigMenuGroupedList .bigMenuGroup .nav2DashQC:hover::before { background: #944364; }
            .bigMenuGroupedList .bigMenuGroup .nav2DashTS:hover::before { background: #007c85; }

                .bigMenuGroupedList .bigMenuGroup .nav2DashLG.active span::after { border-color: #d17700; }
                .bigMenuGroupedList .bigMenuGroup .nav2DashAC.active span::after { border-color: #5e8f88; }
                .bigMenuGroupedList .bigMenuGroup .nav2DashSA.active span::after { border-color: #c73e14; }
                .bigMenuGroupedList .bigMenuGroup .nav2DashQC.active span::after { border-color: #944364; }
                .bigMenuGroupedList .bigMenuGroup .nav2DashTS.active span::after { border-color: #007c85; }

            /*.bigMenuGroupedList.bigMenuWrap { 
                display: flex; 
                flex-direction: column;
                grid-template-columns: unset;
                gap: 30px; }

                .bigMenuGroup { width: 100%; }

                    .bigMenuGroup ul { 
                        list-style-type: none; 
                        display: grid;  
                        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
                        gap: 10px;
                        padding-left: 0; }*/

                        /*.bigMenuGroupedList h4 { font-size: 24px; }

                            .bigMenuGroup:nth-of-type(1) h4 { color: #c63d1e; }
                            .bigMenuGroup:nth-of-type(2) h4 { color: #944364; }
                            .bigMenuGroup:nth-of-type(3) h4 { color: #a21d17; }*/


            .nSales .bigMenuWrap { 
                display: grid;  
                grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
                gap: 10px; } 

                .nSales .bigMenuWrap .navSecondary + .navSecondary { margin: 0; }

            /*.nSales .navSecondary span { font-size: 17px; }*/

            /*.nSales .navSecondary::after { background-position-x: -500px; }*/
                /*.nav2Report.navSecondary::after { background-position-y: -1000px; }*/
                    /*.nav2ReportSummary.navSecondary::after { background-position-y: -3500px; }*/
                    /*.nav2ReportAnalysis.navSecondary::after { background-position-y: -6400px; }*/
                    /*.nav2ReportByMonth.navSecondary::after { background-position-y: -3400px; }*/
                    /*.nav2ReportTrend.navSecondary::after { background-position-y: -3600px; }*/
                    .nav2ReportCountry.navSecondary::after { background-position-y: -5800px; }
                    /*.nav2ReportBreakdown.navSecondary::after { background-position-y: -3700px; }*/

            .bigMenuGroupedList.bigMenuWrap { 
                display: flex; 
                flex-direction: column;
                grid-template-columns: unset;
                gap: 30px; 
                margin: 10px 0; }

                .nSales .bigMenuGroupedList.bigMenuWrap { margin: -10px 0 10px; }

                .bigMenuGroup { width: 100%; }

                    .bigMenuGroup ul { 
                        list-style-type: none; 
                        display: grid;  
                        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
                        gap: 20px;
                        padding-left: 0; }

                        .bigMenuGroupedList .bigMenuGroup li { 
                            position: relative;
                            display: flex;
                            overflow: hidden; }

                            .bigMenuGroupedList .bigMenuGroup li + li { margin-left: 0; }

                            .bigMenuGroupedList .bigMenuGroup .navSecondary span::after { 
                                content: ''; 
                                display: flex;
                                position: absolute;
                                width: auto;
                                height: auto;
                                top: 0;
                                bottom: 0;
                                left: 0;
                                right: 0;
                                border: solid 3px transparent; }

                        .bigMenuGroupedList h4 { font-size: 24px; }

                            .nSales .bigMenuGroup:nth-of-type(1) h4 { color: #c63d1e; }
                            .nSales .bigMenuGroup:nth-of-type(2) h4 { color: #944364; }
                            .nSales .bigMenuGroup:nth-of-type(3) h4 { color: #a21d17; }

                        .nSales .bigMenuGroup .navSecondary, .bigMenuGroupedList .bigMenuGroup .navSecondary { 
                            height: 100%;
                            border: none;
                            border-radius: 3px; }

                            .nSales .bigMenuGroup .navSecondary:not(:hover), .bigMenuGroupedList .bigMenuGroup .navSecondary:not(:hover) { 
                                background: #dcdcd9; 
                                border-color: transparent; }

                            .nSales .bigMenuGroup .navSecondary span { font-weight: bold; }

                            .nSales .bigMenuGroup:nth-of-type(1) .navSecondary.active span::after { border-color: #c63d1e; }
                            .nSales .bigMenuGroup:nth-of-type(2) .navSecondary.active span::after { border-color: #944364; }
                            .nSales .bigMenuGroup:nth-of-type(3) .navSecondary.active span::after { border-color: #a21d17; }

                        .bigMenuGroupedList .bigMenuGroup a::before { 
                            content: ''; 
                            position: absolute;
                            display: block; 
                            height: 6px;
                            left: 0; 
                            right: 0;
                            bottom: -6px; 
                            transition: all 0.3s; 
                            z-index: 120; }

                            .bigMenuGroupedList .bigMenuGroup a:hover::before { bottom: 0; }

                            .nSales .bigMenuGroup:nth-of-type(1) .navSecondary::before { background: #c63d1e; }
                            .nSales .bigMenuGroup:nth-of-type(2) .navSecondary::before { background: #944364; }
                            .nSales .bigMenuGroup:nth-of-type(3) .navSecondary::before { background: #a21d17; }

                        .bigMenuGroupedList .bigMenuGroup a::after { 
                            position: relative;
                            margin: 0 auto; 
                            top: unset; 
                            left: unset; }

                            /*.nSales .bigMenuGroup:nth-of-type(1) .navSecondary::after { background-position-x: -300px; }*/
                            /*.nSales .bigMenuGroup:nth-of-type(2) .navSecondary::after { background-position-x: -360px; }*/
                            /*.nSales .bigMenuGroup:nth-of-type(3) .navSecondary::after { background-position-x: -120px; }*/

                            /*.nSales .bigMenuGroup .nav2ReportSummary::after { background-position-y: -4680px; }*/
                            /*.nSales .bigMenuGroup .nav2ReportAnalysis::after { background-position-y: -6480px; }*/
                            /*.nSales .bigMenuGroup .nav2ReportByMonth::after { background-position-y: -6000px; }*/
                            /*.nSales .bigMenuGroup .nav2ReportTrend::after { background-position-y: -4740px; }*/
                            .nSales .bigMenuGroup .nav2ReportCountry::after { background-position-y: -6120px; }
                            /*.nSales .bigMenuGroup .nav2ReportBreakdown::after { background-position-y: -4800px; }*/
                            /*.nSales .bigMenuGroup .nav2ReportSelloutCustomer::after { background-position-y: -6240px; }*/
                            /*.nSales .bigMenuGroup .nav2ReportSelloutProduct::after { background-position-y: -6300px; }*/
                            /*.nSales .bigMenuGroup .nav2ReportSelloutTrendCustomer::after { background-position-y: -6360px; }*/
                            /*.nSales .bigMenuGroup .nav2ReportSelloutTrendProduct::after { background-position-y: -6420px; }*/

            .nLogistics .bigMenuGroupedList .bigMenuGroup a:hover::before { background: #d17700; }
                .nLogistics .bigMenuGroup .navSecondary.active span::after { border-color: #d17700; }
            /*.nLogistics .navSecondary::after { background-position-x: -300px; }*/
            /*.nLogistics .navSecondary::after { background-position-x: -500px; }*/
                /*.nav2Tracking.navSecondary::after { background-position-y: -4000px; }*/
                /*.nav2Vessel.navSecondary::after { background-position-y: -4200px; }
                .nav2ContainerLoad.navSecondary::after { background-position-y: -4100px; }
                .nav2SalesOrder.navSecondary::after { background-position-y: -3900px; }
                .nav2Customer.navSecondary::after { background-position-y: -700px; }
                .nav2DraftOrder.navSecondary::after { background-position-y: -4300px; }
                .nav2Expenditure.navSecondary::after { background-position-y: -4400px; }
                .nav2Debtor.navSecondary::after { background-position-y: -3800px; margin-left: 10px; }
                .nav2Creditor.navSecondary::after { background-position-y: -5900px; margin-left: 10px; }
                .nav2AdminTools.navSecondary::after { background-position-y: -1300px; background-position-x: -400px; }*/
                /*.nav2Tracking.navSecondary::after { background-position-y: -240px; }*/
                /*.nav2Vessel.navSecondary::after { background-position-y: -1020px; }*/
                /*.nav2ContainerLoad.navSecondary::after { background-position-y: -4620px; }*/
                /*.nav2SalesOrder.navSecondary::after { background-position-y: -60px; }*/
                /*.nav2Customer.navSecondary::after { background-position-y: -1500px; }*/
                .nav2DraftOrder.navSecondary::after { background-position-y: -120px; }
                /*.nav2Expenditure.navSecondary::after { background-position-y: -5580px; }*/
                /*.nav2Debtor.navSecondary::after { background-position-y: -5640px; }*/
                /*.nav2Creditor.navSecondary::after { background-position-y: -6180px; }*/
                /*.nav2AdminTools.navSecondary::after { background-position-y: -3060px; }*/

            
            .nNPD .bigMenuGroupedList .bigMenuGroup a:hover::before { background: #7e9e3f; }
                .nNPD .bigMenuGroup .navSecondary.active span::after { border-color: #7e9e3f; }
            /*.nNPD .navSecondary::after { background-position-x: -300px; }*/
            /*.nNPD .navSecondary::after { background-position-x: -500px; }*/
                /*.nav2NPD.navSecondary::after { background-position-y: -2700px; }
                .nav2NPDProduct.navSecondary::after { background-position-y: -4500px; }
                .nav2NPDClassing.navSecondary::after { background-position-y: -4700px; }*/
                /*.nav2NPDProduct.navSecondary::after { background-position-y: -4980px; }*/
                /*.nav2NPD.navSecondary::after { background-position-y: -4140px; }*/
                /*.nav2NPDSource.navSecondary::after { background-position-y: -5040px; }*/
                /*.nav2NPDClassing.navSecondary::after { background-position-y: -3900px; }*/

            .nQC .bigMenuGroupedList .bigMenuGroup a:hover::before { background: #944364; }
                .nQC .bigMenuGroup .navSecondary.active span::after { border-color: #944364; }
            /*.nQC .navSecondary::after { background-position-x: -360px; }*/
            /*.nQC .navSecondary::after { background-position-x: -600px; }*/
                /*.nav2QCInspection.navSecondary::after { background-position-y: -2100px; }
                .nav2QCInspector.navSecondary::after { background-position-y: -5500px; }
                .nav2NPDSource.navSecondary::after { background-position-y: -4600px; }
                .nav2QCDocs.navSecondary::after { background-position-y: -1400px; }
                .nav2QCComplianceMatrix.navSecondary::after { background-position-y: -4900px; }*/
                /*.nav2QCInspection.navSecondary::after { background-position-y: -3660px; }*/
                /*.nav2QCInspector.navSecondary::after { background-position-y: -3840px; }*/
                .nav2QCDocs.navSecondary::after { background-position-y: -3120px; }
                .nav2QCComplianceMatrix.navSecondary::after { background-position-y: -5160px; }

            .nTechnical .bigMenuGroupedList .bigMenuGroup a:hover::before { background: #007c85; }
                .nTechnical .bigMenuGroup .navSecondary.active span::after { border-color: #007c85; }
            /*.nTechnical .navSecondary::after { background-position-x: -300px; }*/
            /*.nTechnical .navSecondary::after { background-position-x: -500px; }*/
                /*.nav2Warranty.navSecondary::after { background-position-y: -1900px; }
                .nav2Spares.navSecondary::after { background-position-y: -5000px; }*/
                /*.nav2Warranty.navSecondary::after { background-position-y: -3360px; }*/
                /*.nav2Spares.navSecondary::after { background-position-y: -5100px; }*/

            .nAdmin .bigMenuGroupedList .bigMenuGroup a:hover::before { background: #6f577e; }
                .nAdmin .bigMenuGroup .navSecondary.active span::after { border-color: #6f577e; }
            /*.nAdmin .navSecondary::after { background-position-x: -420px; }*/
                /*.nav2AdminCompany.navSecondary::after { background-position-y: -1200px; }
                .nav2AdminStaff.navSecondary::after { background-position-y: -800px; }
                .nav2AdminTasks.navSecondary::after { background-position-y: -900px; }
                .nav2AdminConsolidator.navSecondary::after { background-position-y: -1800px; }
                .nav2DataRoom.navSecondary::after { background-position-y: -1700px; }*/
                /*.nav2AdminCompany.navSecondary::after { background-position-y: -3000px; }*/
                /*.nav2AdminStaff.navSecondary::after { background-position-y: -1620px; }*/
                /*.nav2AdminTasks.navSecondary::after { background-position-y: -1680px; }*/
                /*.nav2AdminConsolidator.navSecondary::after { background-position-y: -3300px; }*/
                /*.nav2DataRoom.navSecondary::after { background-position-y: -3180px; }*/

            .deptRestricted.navSecondary, .deptRestricted.navSecondary:hover { opacity: 0.5; cursor: default; border: #FFFFFF; }
                .deptRestricted.navSecondary:hover span { color: #787875; }
                .deptRestricted.navSecondary:hover { -webkit-box-shadow: none; box-shadow: none; }
                /*.deptRestricted.navSecondary::after { background-position-x: -100px; }*/
                .deptRestricted.navSecondary::after { /*background-position-x: -60px;*/ filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%); } /* #787875 Mid Grey */

                    /* nav2Alert NO LONGER USED? Can't find any instances of class anywhere - Apr 25 */
        /*.nav2Alert.nav2ContainerLoad:hover { border-color: #d17700; }

            .nav2Alert.nav2ContainerLoad span::before, .nav2Alert.nav2ContainerLoad span::after { 
                content: ''; 
                display: block;
                position: absolute; }

                .nav2Alert.nav2ContainerLoad span::before { 
                    width: 60px;
                    height: 60px;
                    top: -6px;
                    right: -6px;
                    border-top-right-radius: 4px;
                    background: url(../images/iCornerz.png) no-repeat 100% -4700px; }

                .nav2Alert.nav2ContainerLoad span::after { 
                    width: 32px;
                    height: 26px;
                    top: 5px;
                    right: 6px;
                    background: url(../images/iSprite.png) no-repeat 0 -1400px; }*/

    .bigMenuHeader { padding: 0 0 12px; }

        .bigMenuHeader a { 
            color: #d14a10;
            font-size: 24px; 
            font-weight: normal; }

    .bigMenu .bigMenuItem { 
        padding: 0;
        color: #40403f;
        font-size: 15px;
        font-weight: bold;
        text-transform: none;
        line-height: 1;
        background: none; }

        .bigMenu .bigMenuItem:hover { color: #000000; }

        .bigMenuItem + .bigMenuItem { margin-top: 6px; }

/* Avatars no longer used */
.nAvatar, .myAvatarWrap { 
    display: block; 
    position: relative;
    width: 100%; 
    height: 90px; 
    text-align: center;
    z-index: 100; }

    .nAvatar img { 
        position: relative;
        width: 64px; 
        height: 64px; 
        margin: 0;
        border-radius: 50%; 
        z-index: 100; }

        .nAvatar img.noAvatar { display: none; }

    .nAvatar h5 { 
        position: absolute; 
        width: 100%; 
        text-align: center; 
        bottom: -6px; 
        margin: 0; 
        color: #5c5c5a;
        font: 900 12px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; }

        .nAvatar:hover h5 { color: #000000; }

    .nAvatar::after, .nAvatar::before {
        content: ' ';
        display: block;
        position: absolute;
        width: 76px;
        height: 76px;
        border-radius: 50%;
        left: 2px;
        top: 2px;
        background: #FFFFFF; 
            -webkit-transition: all ease 0.4s;
        transition: all ease 0.4s; }

        .nAvatar::after { 
            left: 0; 
            top: 0; 
            width: 80px;
            height: 80px; 
            border-width: 4px; 
            border: solid 4px #b0b0ad; } 

        .nAvatar::before { 
            width: 70px;
            height: 70px;
            left: 5px;
            top: 5px;
            border: solid 3px #FFFFFF;  }

            .nAvatar:hover::after { border-width: 6px; border-color: #949491; }

            .nAvatar span { 
                display: flex;
                justify-content: center;
                align-items: center;
                top: 8px;
                border-radius: 50%;
                z-index: 100;
                background: #FFFFFF url(../images/iAvatar.png) no-repeat center 0; }

                /*.nAvatar span:not(:empty) { background: #FFFFFF !important; } alas - blocks default dept avatars */

                .deptSA.nAvatar span { background-position-y: -100px; }
                .deptLG.nAvatar span { background-position-y: -200px; }
                .deptAC.nAvatar span { background-position-y: -300px; }
                .deptNP.nAvatar span { background-position-y: -400px; }
                .deptQC.nAvatar span { background-position-y: -500px; }
                .deptTS.nAvatar span { background-position-y: -600px; }
                .deptIT.nAvatar span { background-position-y: -800px; }
                .deptMG.nAvatar span { background-position-y: -700px; }
                .deptMA.nAvatar span { background-position-y: -900px; }

    header .navbar-toggle { 
        display: none;
        position: absolute; 
        width: 32px; 
        height: 32px; 
        top: 22px;
        right: 0;
        margin: 0;
        padding: 0;
        border: none;
        border-radius: 50%; 
        background: #949491; }

        header .navbar-toggle:hover { background: #787875; }
        
        header .navbar-toggle span { 
            position: relative; 
            display: block; 
            width: 32px; 
            height: 32px; 
            transition: all 0.3s; }

        header .navbar-toggle span::after { 
            content: ' '; 
            position: absolute; 
            width: 16px;
            height: 16px; 
            left: 50%; 
            top: 50%; 
            margin: -8px 0 0 -8px;
                -ms-transform: rotate(90deg); 
                -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0.7;
                transition: -webkit-transform 0.2s;
                transition: transform 0.2s;
            transition: transform 0.2s, opacity 0.3s;
            /*background: url(../images/iArrows.png) no-repeat center -850px;*/ 
            background: url(../images/iArrows.svg) no-repeat center 20%; 
            background-size: cover; }

            header .navbar-toggle span:hover::after { opacity: 1; }

                header .navbar-toggle.in span::after { 
                        -ms-transform: rotate(-90deg); 
                        -webkit-transform: rotate(-90deg);
                    transform: rotate(-90deg); }

main { 
    display: block; /* needed for ie support */
    position: relative; }

footer { 
    float: left;
    width: 100%;
    margin: 40px 0 30px;
    text-align: center;
    color: #5c5c5a;
    text-transform: uppercase; 
    white-space: nowrap; }

    .fQuickLink { display: none; }

        footer p { 
            width: 100%;
            font-size: 15px;
            font-weight: bold;
            text-align: left; }

        footer a { 
            display: block;
            width :50%;
            text-align: right;
            font-size: 13px; }

.body-content { 
    float: left; 
    width: 100%;
    height: 100%; }


/*****************************************************************
= DASHBOARD PAGE
*****************************************************************/

.dashTopPanel { margin-top: 30px; }

.dashDepartmentDetail { 
    flex: 1; 
    margin-right: 60px; }

    .dashDeptAlerts { 
        list-style-type: none;
        display: flex; 
        width: 100%;
        height: 150px;
        margin: 0;
        padding: 0; }

        .dashDeptAlerts + .dashDeptAlerts { margin-top: 40px; }

        .dashDeptAlerts li { 
            flex: 1; 
            height: 100%; }

            .dashDeptAlerts li + li { margin-left: 10px; }

            .dashDeptAlerts a { 
                display: flex; 
                flex-direction: column; 
                justify-content: center;
                align-items: center;
                height: 100%; 
                padding: 0 10px;
                border-radius: 3px;
                transition: all 0.3s; 
                background: #eeeeeb; }

                .dashDeptAlerts a:hover { 
                    transform: scale(1.05);
                    text-decoration: none;
                    background: #FFFFFF; }

                .dashDeptAlerts .dashAlert-Title { 
                    display: none; 
                    flex-direction: column; 
                    justify-content: center;
                    align-items: center; 
                    height: 100%;
                    border-radius: 3px;
                    background: #d17700; }

                    .dashDeptAlerts h2 { 
                        margin-bottom: 0;
                        font-size: 24px; 
                        color: #FFFFFF; }

                .dashDeptAlerts h4, .panelPartsAvailabilityList h4 { 
                    margin-bottom: 0;
                    color: #787875;
                    font-size: 18px;
                    text-align: center;
                    line-height: 1; }

                    .dashDeptAlerts a:hover h4 { color: #000000; }

                .dashDeptAlerts .dashAlertNum, .panelPartsAvailabilityList .panelPartsAvailableNum { 
                    /*color: #d17700;*/
                    font-size: 48px; 
                    font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
                    line-height: 1;
                    letter-spacing: -1px; }

        .dashDeptDetailIcon { 
            display: flex;
            justify-content: center;
            align-items: center;
            width: 120px; 
            background: #594366; }

        .dashDeptDetailIcon span {  
            width: 60px;
            height: 50px;
            opacity: 0.7;
            background: url(../images/iSpriteGiant.png) no-repeat 0 0; }

        .dashDepartmentDetail h1 { 
            display: flex;
            flex: 1;
            width: calc(100% - 120px);
            height: 120px;
            align-items: center;
            padding: 0 20px 0 30px;
            font-size: 60px; 
            line-height: 1;
            color: #6f577e;
            background: #dcdcd9; }

            .dashDepartmentDetail h1 strong { 
                line-height: 0.9;
                opacity: 0.7; }

    .dashDeptDetailList {
        list-style-type: none;
        height: calc(100% - 130px);
        margin: 10px 0 0;
        padding: 0; }

        .dashDeptDetailList li { 
            flex: 1; 
            height: 100%;
            background: #949491; }

            .dashDeptDetailList li + li { margin-left: 3px; }

            .dashDeptDetailList a { 
                display: flex; 
                flex-direction: column; 
                justify-content: center;
                align-items: center;
                height: 100%; 
                padding: 0 10px; 
                transition: all 0.3s; 
                background: #eeeeeb; }

                .dashDeptDetailList a:hover { 
                    text-decoration: none;
                    background: #787875; 
                    background: #FFFFFF; }

            .dashDeptHead span, .dashDeptDetailList a span, .dashDeptAlerts span { 
                width: 42px; 
                height: 42px; 
                margin-bottom: 5px; 
                background: url(../images/iSpriteBig.png) no-repeat 0 0; }

            .dashDeptDetailList a:not(:hover) span { opacity: 0.8; }

                    .dashDeptDetailList strong { 
                        color: #eeeeeb; 
                        color: #949491;
                        font-size: 21px; 
                        line-height: 1;
                        text-transform: uppercase; 
                        text-align: center; }

                        .dashDeptDetailList a:hover strong { color: #6f577e; }


/****** SA - SALES DASH ******/

    .dashSA .dashDeptDetailIcon { background: #c73e14; }
    .dashSA .dashDeptDetailList { height: calc(100% - 180px); margin-top: 30px; }
    .dashDeptHead-SA h1, .dashSA a:hover strong { color: #c73e14; }
        .dashSA .dashDeptDetailIcon span { background-position-y: -2900px; }
    .dashSA .dashDeptDetailList span { background-position-x: -300px; }
        .dashSA .dashDeptDetailList li:nth-of-type(1) span { background-position-y: -4680px; }
        .dashSA .dashDeptDetailList li:nth-of-type(2) span { background-position-y: -4740px; }
        .dashSA .dashDeptDetailList li:nth-of-type(3) span { background-position-y: -4800px; }


.dashSA .dashDepartmentDetail .flexColumn + .flexColumn { margin-top: 40px; }

    .dashSA h2.dashAlertsTitle { 
        display: flex; 
        height: auto; }

        .dashSA .dashDeptAlerts { height: 140px; }

        .dashSA .blank { background: #dcdcd9; }

        .dashSA .panel-SA_Revenue span { background-position-x: -300px; }

            .dashDeptAlerts .bDashSA_Summary span { background-position-y: -4680px; }
            .dashDeptAlerts .bDashSA_Analysis span { background-position-y: -6480px; }
            .dashDeptAlerts .bDashSA_Month span { background-position-y: -6000px; }
            .dashDeptAlerts .bDashSA_Trends span { background-position-y: -4740px; }
            .bDashSA_Country span { background-position-y: -6120px; }
            .bDashSA_Breakdown span { background-position-y: -4800px; }

        .dashSA .panel-SA_GrossProfit span { background-position-x: -360px; }

        .dashSA .panel-SA_Sellout span { background-position-x: -120px; }

            .bDashSA_SelloutCustomer span { background-position-y: -6240px; }
            .bDashSA_SelloutProduct span { background-position-y: -6300px; }
            .bDashSA_SelloutTrendsCustomer span { background-position-y: -6360px; }
            .bDashSA_SelloutTrendsProduct span { background-position-y: -6420px; }

    .doughnutLegendWrap { 
        justify-content: center; 
        width: 100%; }

        .dashSA .doughnutWrap ul { 
            list-style-type: none; 
            margin: 20px auto 0; 
            padding: 0; }

            .dashSA .doughnutWrap li { 
                display: flex;
                justify-content: flex-end;
                gap: 10px; }

                .dashSA .doughnutWrap li + li { margin-top: 10px; }

                .dashSA .doughnutLegend span { 
                    width: unset; 
                    margin: 0; }

                .dashSA .legendName { color: #787875; }

                .dashSA li .legendColour { 
                    display: block;
                    width: 16px;
                    height: 16px;
                    border: solid 1px #949491; 
                    background: #eeeeeb; }

                .dashSA .doughnutLegend strong { 
                    width: 65px; 
                    text-align: left; }


/****** LG - LOGISTICS DASH ******/

    .dashDeptHead-LG .dashDeptDetailIcon { background: #d17700; }
    .dashDeptHead-LG h1, .dashLG .dashDeptDetailList a:hover strong, .dashAlertsLG .dashAlertNum { color: #d17700; }
        .dashDeptHead-LG .dashDeptDetailIcon span { background-position-y: -3000px; }

    .dashLG h1 { 
        height: 50px;
        margin-bottom: 60px; 
        color: #FFFFFF; 
        font-size: 60px; } /* TEMP UNTIL DEBTOR TABLE ADDED */

        .dashLG h1::after { 
            top: 11px;
            background-position-y: -3000px; 
            background-position-x: -500px; } /* TEMP UNTIL DEBTOR TABLE ADDED */

                .dashAlertsLG span { 
                    /*background-position-y: -4860px;*/  
                    background: url(../images/iCalendarDate.svg) no-repeat center 0;
                    background-size: cover; } 

                    .dashAlertsLG .dashAlertLG-Total span { 
                        /*background-position-x: -300px; background-position-y: -60px;*/ 
                        background-image: url(../images/iSprite.svg);  
                        background-position-y: 41%; }
                    .dashAlertsLG .dashAlertLG-Handover:not(.dashAlert-Debtor90Plus) span { 
                        /*background-position-x: 0;*/ 
                        background-image: url(../images/iStatus.svg);  
                        background-position-y: 78%; }
                    .dashAlertsLG .dashAlertLG-NotChecked30 span { /*background-position-x: -60px;*/ background-position-y: 20%; }
                    .dashAlertsLG .dashAlertLG-NotChecked07 span { /*background-position-x: -120px;*/ background-position-y: 25%; }
                    .dashAlertsLG .dashAlertLG-Unresolved:not(.dashAlert-Current) span { 
                        /*background-position-x: -180px;*/ 
                        background-image: url(../images/iStatus.svg);     
                        background-position-y: 80%; }

                    .dashLG .dashAlertsLG .dashAlertLG-Total span, .dashAlertsDebtors .dashAlertLG-Title span, .dashLG .dashDeptDetailList li span { 
                        filter: invert(37%) sepia(62%) saturate(1739%) hue-rotate(20deg) brightness(105%) contrast(101%); 	/* #d17700 LG Mango */ }

                    .dashAlertLG-Title span, .dashAlertsDebtors .dashAlertLG-Title span, 
                    .dashAlertsDebtors .dashAlert-Total span, .dashAlertsCreditors .dashAlertLG-Title span { background-image: url(../images/iSprite.svg); }

                    .dashAlertLG-Title span { 
                        /*background-position-y: -4380px;*/ 
                        filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */
                        /*background-image: url(../images/iSprite.svg); */
                        background-position-y: 40%; }

        .dashAlertsDebtors .dashAlertLG-Title { 
            border: solid 6px #dcdcd9; 
            background: none; }

            .dashAlertsDebtors .dashAlertLG-Title span { 
                /*background-image: url(../images/iSprite.svg); */
                background-position-y: 43%;
                /*background-position-x: -300px; 
                background-position-y: -5640px;*/ 
                margin-left: 10px; }

            .dashAlertsDebtors .dashAlertLG-Title h2 { color: #40403f; }

                .dashAlertsDebtors .dashAlert-Total span { 
                    /*background-position-x: -300px; background-position-y: -5820px;*/ 
                    /*background-image: url(../images/iSprite.svg); */ 
                    background-position-y: 85.5%; }
                .dashAlertsDebtors .dashAlert-Debtor90Plus span { /*background-position-x: 0; background-position-y: -5880px;*/ background-position-y: 5%; }
                .dashAlertsDebtors .dashAlert-Debtor60Plus span { /*background-position-x: -60px; background-position-y: -5880px;*/ background-position-y: 10%; }
                .dashAlertsDebtors .dashAlert-Debtor30Plus span { /*background-position-x: -120px; background-position-y: -5880px;*/ background-position-y: 15%; }
                .dashAlertsDebtors .dashAlert-Current span { /*background-position-x: -420px; background-position-y: -4860px;*/ background-position-y: 0%; } 

        .dashAlertsCreditors .dashAlertLG-Title span { 
            /*background-position-y: -6180px;*/
            /*background-image: url(../images/iSprite.svg);*/
            background-position-y: 43.5%; }

    h2.dashAlertsTitle { 
        display: flex;
        display: none;
        align-items: flex-end;
        height: 70px;
        margin-bottom: 0;
        padding-bottom: 5px;
        color: #FFFFFF; 
        font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
        line-height: 1;
        font-size: 36px;  }

        .dashLG .dashDeptDetailList, .dashSA .dashDeptDetailList { 
            display: flex;
            width: 100%;
            height: 150px;
            margin: 60px 0 0; }

            .dashLG .dashDeptDetailList li span { 
                margin-bottom: 10px; 
                /*background-position-x: -300px;*/ 
                background: url(../images/iSprite.svg) no-repeat center 0;
                background-size: cover; }
                .dashLG .dashDeptDetailList li:nth-of-type(1) span { /*background-position-y: -240px;*/ background-position-y: 40.5%; } /* Order Tracking */
                .dashLG .dashDeptDetailList li:nth-of-type(2) span { /*background-position-y:*/ /*-1020px;*/ /*-60px;*/ background-position-y: 41%; } /* Sales Orders */
                .dashLG .dashDeptDetailList li:nth-of-type(3) span { /*background-position-y: -4620px;*/ background-position-y: 41.5%; } /* Container Loading */
                .dashLG .dashDeptDetailList li:nth-of-type(4) span { /*background-position-y: -1500px;*/ background-position-y: 42%; } /* Customers */
                .dashLG .dashDeptDetailList li:nth-of-type(5) span { /*background-position-y: -5580px;*/ background-position-y: 42.5%; } /* Supplier Purchases */
                .dashLG .dashDeptDetailList li:nth-of-type(6) span { /*background-position-y: -5640px;*/ background-position-y: 43%; margin-left: 8px; } /* Debtors */
                .dashLG .dashDeptDetailList li:nth-of-type(7) span { /*background-position-y: -6180px;*/ background-position-y: 43.5%; } /* Creditors */
                .dashLG .dashDeptDetailList li:nth-of-type(8) span { /*background-position-y: -3060px;*/ background-position-y: 80%; } /* Tools */

        .dashLG .dashDeptDetailList strong { font-size: 18px; }


/****** AC - ACCOUNTS DASH ******/

    /* Old Dashboard commented out - Still Used? */
    /*.dashDeptHead-AC .dashDeptDetailIcon { background: #5e8f88; }
    .dashDeptHead-AC h1, .dashDeptHead-AC a:hover strong { color: #5e8f88; }
        .dashDeptHead-AC .dashDeptDetailIcon span { background-position-y: -3100px; }
    .dashDeptHead-AC li span { background-position-x: -300px; }
        .dashDeptHead-AC li:nth-of-type(1) span { background-position-y: -3180px; }*/

    .dashDeptHead-AC .dashAlertLG-Title span, .dashAC .dashDeptDetailList li span, .dashAC .dashAlertsDebtors .dashAlert-Total span { 
        /*background-position-x: -240px;*/ 
        filter: invert(53%) sepia(18%) saturate(602%) hue-rotate(122deg) brightness(94%) contrast(88%);	/* #5e8f88 AC Mint */ }
    /*.dashAC .dashDeptDetailList li:nth-of-type(8) span { background-position-x: -180px; }*/ /* Tools */

    .dashDeptHead-AC > h2.dashAlertsTitle { height: unset; }

    .dashDeptHead-AC .dashAlertsDebtors + h2 { margin-top: 40px; }

    .dashAC .dashDeptDetailList a:hover strong, .dashAC .dashAlertLG-Total .dashAlertNum { color: #5e8f88; }


/****** NP - NPD DASH ******/

    .dashDeptHead-NP .dashDeptDetailIcon { background: #7e9e3f; }
    .dashDeptHead-NP h1, .dashDeptHead-NP a:hover strong { color: #7e9e3f; }
        .dashDeptHead-NP .dashDeptDetailIcon span { background-position-y: -2700px; }
    .dashDeptHead-NP li span { background-position-x: -300px; }
        .dashDeptHead-NP li:nth-of-type(1) span { background-position-y: -4980px; }
        .dashDeptHead-NP li:nth-of-type(2) span { background-position-y: -4140px; }
        .dashDeptHead-NP li:nth-of-type(3) span { background-position-y: -4200px; }
        .dashDeptHead-NP li:nth-of-type(4) span { background-position-y: -3900px; }


/****** QC - QC & COMPLIANCE DASH ******/

    .dashDeptHead-QC .dashDeptDetailIcon { background: #944364; }
    .dashDeptHead-QC h1/*, .dashDeptHead-QC a:hover strong*/ { color: #944364; }
        .dashDeptHead-QC .dashDeptDetailIcon span { background-position-y: -2100px; }

    .dashAlertsQC .dashAlert-Title { 
        position: relative;
        display: flex; 
        flex: unset;
        width: 23%;
        background: none; }

        .dashAlertsQC .dashAlert-Title::after { 
            content: ''; 
            position: absolute;
            width: 30px;
            height: 30px;
            right: 8px;
            top: 50%;
            margin-top: -15px;
                -ms-transform: rotate(45deg); 
                -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            border-top: solid 6px #dcdcd9;
            border-right: solid 6px #dcdcd9;
            transition: all 0.4s;
            background: #c7c7c6;
            z-index: 100; }

            .dashAlertsQC:hover > .dashAlert-Title:not(:hover)::after { 
                border-color: transparent;
                background: #944364; }

        .dashAlert-TitleWrap { 
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center; 
            align-items: center; 
            padding: 0 10px;
            border: solid 6px #dcdcd9; 
            transition: all 0.4s; }

            .dashAlertsQC:hover > .dashAlert-Title:not(:hover) .dashAlert-TitleWrap { 
                color: #FFFFFF;
                border-color: transparent;
                background: #944364; }

                .dashAlertsQC:hover > .dashAlert-Title:not(:hover) span { background-position-x: 0; }

            .dashDeptAlerts .dashAlert-Title h3 {  
                margin: 0; 
                padding: 0 5px;
                text-align: center; 
                line-height: 1; }

    .dashDeptHead-QC .dashDeptAlerts span, .pageDocValidity .iconTitle::after { 
        /*background: url(../images/iProductDocStatus.png) no-repeat -260px 0; */
        background: url(../images/iCalendarDate.svg) no-repeat center 0; 
        background-size: cover; }
        .dashDeptAlerts .dashAlertQC-Expired span, .iDocStatus-Expired.iconTitle::after { background-position-y: 60%; } /* Doc Expired */
        .dashDeptAlerts .dashAlertQC-Expire30 span, .iDocStatus-Expires30.iconTitle::after { background-position-y: 55%; } /* Doc 30 Days */
        .dashDeptAlerts .dashAlertQC-Expire60 span, .iDocStatus-Expires60.iconTitle::after { background-position-y: 50%; } /* Doc 60 Days */
        .dashDeptAlerts .dashAlertQC-Expire90 span, .iDocStatus-Expires90.iconTitle::after { background-position-y: 45%; } /* Doc 90 Days */

        .dashAlertQC-Expired h4 { margin: 9px 0; }

    .dashAlertsQC-SKUValid { height: 180px; }

        .dashAlertsQC-SKUValid .dashAlertNum { font-size: 36px; }

        .dashAlertQCValue { 
            margin: 3px 0 0;
            color: #40403f;
            font-size: 18px; }

        .dashAlertLG-Handover .dashAlertNum, dashAlert-Debtor90Plus .dashAlertNum,
            .dashAlertQC-Expired .dashAlertNum, .dashAlertQC-Expired h4 .fontBlack, .pageBasic .txtExpired { color: #be1622; }
        .dashAlertQC-Expire30 .dashAlertNum, .dashAlertQC-Expire30 h4 .fontBlack, .iDocStatus-Expires30.iconTitle span, .pageBasic .txtExpires30 { color: #bd3f00; }
        .dashAlertLG-NotChecked07 .dashAlertNum, dashAlert-Debtor60Plus .dashAlertNum { color: #c73e14; }
        .dashAlertQC-Expire60 .dashAlertNum, .dashAlertQC-Expire60 h4 .fontBlack, .iDocStatus-Expires60.iconTitle span, .pageBasic .txtExpires60 { color: #c26100; }
        .dashAlertQC-Expire90 .dashAlertNum, .dashAlertQC-Expire90 h4 .fontBlack, .iDocStatus-Expires90.iconTitle span, .pageBasic .txtExpires90 { color: #c78500; }


/****** TS - TECHNICAL SERVICES DASH ******/

    .dashDeptHead-TS .dashDeptDetailIcon { background: #007c85; }
    .dashDeptHead-TS h1, .dashDeptHead-TS a:hover strong { color: #007c85; }
        .dashDeptHead-TS .dashDeptDetailIcon span { background-position-y: -1300px; }
    .dashDeptHead-TS li span { background-position-x: -300px; }
        .dashDeptHead-TS li:nth-of-type(1) span { background-position-y: -3360px; }
        .dashDeptHead-TS li:nth-of-type(2) span { background-position-y: -3720px; }


/****** IT DASH ******/

    /*.dashDeptHead-IT .dashDeptDetailIcon { background: #7e9e3f; }
    .dashDeptHead-IT h1, .dashDeptHead-IT a:hover strong { color: #7e9e3f; }*/
        .dashDeptHead-IT .dashDeptDetailIcon span { background-position-y: -3200px; }
    .dashDeptHead-IT li span { background-position-x: -420px; }
        .dashDeptHead-IT li:nth-of-type(1) span { background-position-y: -3000px; }
        .dashDeptHead-IT li:nth-of-type(2) span { background-position-y: -1620px; }
        .dashDeptHead-IT li:nth-of-type(3) span { background-position-y: -1680px; }
        .dashDeptHead-IT li:nth-of-type(4) span { background-position-y: -3300px; }

.pageDash .doughnutPanel { 
    position: relative;
    padding: 30px 20px; 
    background: #FFFFFF; }

    .pageDash .doughnutPanel a:hover { text-decoration: none; }

        .pageDash .doughnutPanel::before, .pageDash .doughnutPanel::after { 
            content: ' ';
            position: absolute; 
            top: 0;
            right: 0; }

            .pageDash .doughnutPanel::before { 
                width: 72px;
                height: 78px;
                top: -1px;
                background: url(../images/iCornerz.svg) no-repeat center 40%;
                background-size: cover;
                /*width: 80px;
                height: 80px;
                background: url(../images/iCornerz.png) no-repeat 0 -3900px;*/ }

            .pageDash .doughnutPanel::after { 
                width: 42px;
                height: 42px;
                top: 7px;
                right: 10px;
                background: url(../images/iSpriteBig.png) no-repeat 0 -1740px; }

        .pageDash .doughnutPanel h2 { 
            font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
            font-size: 30px;
            letter-spacing: -1px; }

.dashDepartmentLinks { 
    display: flex;
    width: 100%; 
    margin-top: 60px; }

    .dashDeptWrap { 
        flex: 1;
        background: #949491; 
        transition: all 0.3s; }

        .dashDeptWrap + .dashDeptWrap { margin-left: 10px; }

        .dashDeptWrap:hover { transform: scale(1.05); }

        .dashDeptHead { 
            display: flex; 
            flex-direction: column;
            justify-content: center; 
            align-items: center;
            height: 120px;
            padding: 10px 10px; }

            .dashDeptHead:hover { text-decoration: none; }

            .dashDeptHead strong {  
                color: #FFFFFF;
                /*font-size: 21px; */
                font-size: 18px; 
                line-height: 1;
                text-transform: uppercase;
                text-align: center; }

                .dashDeptHead strong, .dashDeptHead span { opacity: 0.8; }

                .dashDeptWrap:hover .dashDeptHead strong, .dashDeptWrap:hover .dashDeptHead span { opacity: 1; }

        .dashDeptSecondaryLinks { 
            list-style-type: none;
            margin: 0;
            padding: 10px 0 20px;
            background: #949491; }

            .dashDeptSecondaryLinks li a { 
                display: flex; 
                align-items: center;
                width: 100%;
                padding: 10px 20px;
                color: #eeeeeb;
                font-size: 18px;
                text-transform: uppercase; 
                transition: all 0.3s; }

                .dashDeptSecondaryLinks li a:hover { 
                    /*padding-left: 14px;
                    border-left: solid 6px #40403f;*/
                    color: #FFFFFF;
                    text-decoration: none;
                    background: #787875; }

        .dashDept-SA .dashDeptHead { background: #c73e14; }
        .dashDept-SA .dashDeptHead span { background-position-y: -4320px; }

        .dashDept-LG .dashDeptHead { background: #d17700; }
        .dashDept-LG .dashDeptHead span { background-position-y: -4380px; }

        .dashDept-AC .dashDeptHead { background: #5e8f88; }
        .dashDept-AC .dashDeptHead span { background-position-y: -4440px; }

        .dashDept-MA .dashDeptHead { background: #a31f10; }
        .dashDept-MA .dashDeptHead span { background-position-y: -5520px; }

        .dashDept-NP .dashDeptHead { background: #7e9e3f; }
        .dashDept-NP .dashDeptHead span { background-position-y: -4140px; }

        .dashDept-QC .dashDeptHead { background: #944364; }
        .dashDept-QC .dashDeptHead span { background-position-y: -4500px; }

        .dashDept-TS .dashDeptHead { background: #007c85; }
        .dashDept-TS .dashDeptHead span { background-position-y: -3060px; }

        .dashDept-IT .dashDeptHead { background: #6f577e; }
        .dashDept-IT .dashDeptHead span { background-position-y: -4560px; } /* ADMIN */

        li.deptRestricted a { color: #FFFFFF; opacity: 0.3; }

            .dashDeptSecondaryLinks .deptRestricted a:hover { background: none; }

        /*.deptRestricted .dashDeptHead { background: #787875; }

            .deptRestricted .dashDeptHead strong, .deptRestricted .dashDeptHead span { opacity: 0.3; }

                .deptRestricted:hover .dashDeptHead strong, .deptRestricted:hover .dashDeptHead span { opacity: 0.5; }*/

.panelWrap { 
    float: left; 
    width: 100%; }
            
    .operaCo-U.bOrderSalesOrder:hover::before { border-color: #b3320a!important; }
    .operaCo-H.bOrderSalesOrder:hover::before { border-color: #b27711!important; }
    .operaCo-I.bOrderSalesOrder:hover::before { border-color: #4594a3!important; }
    .operaCo-A.bOrderSalesOrder:hover::before { border-color: #89a617!important; }
    .operaCo-D.bOrderSalesOrder:hover::before, .operaCo-N.bOrderSalesOrder:hover::before { border-color: #8a4a69!important; }

    .tableList .operaCo-U .fontBlack { color: #b3320a; }
    .tableList .operaCo-H .fontBlack { color: #b27711; }
    .tableList .operaCo-I .fontBlack { color: #4594a3; }
    .tableList .operaCo-A .fontBlack { color: #89a617; }
    .tableList .operaCo-D .fontBlack, .tableList .operaCo-N .fontBlack { color: #8a4a69; }


/*  Home Exceptions Panel  */ /* No Longer Used? APR '25 */

 /*.panelExceptions,*/ .panelHomeCorner { margin-top: 38px; }

    .panelHomeCorner { 
        display: flex; 
        flex-wrap: wrap; }

        .panelHomeCorner .bButtonArrow { margin: 28px 0 0 auto; }

    /*.panelExceptions .contentWrap,*/ .panelHomeCorner .contentWrap { 
        position: relative; 
        padding-left: 80px;
        padding-top: 10px; 
        background: #FFFFFF; }

        /*.panelExceptions .contentWrap::after,*/ /*.panelHomeCorner .contentWrap::before, .panelHomeCorner .contentWrap::after { 
            content: ' ';
            position: absolute;*/ 
            /*width: 80px;
            height: 80px;*/
            /*width: 74px;
            height: 78px;
            top: 0;
            left: 0;*/
            /*background: url(../images/iCornerz.png) no-repeat 0 -850px;*/ 
            /*background: url(../images/iCornerz.svg) no-repeat center 83%; 
            background-size: cover; }*/

            .panelHomeCorner .contentWrap::before { 
                content: ' ';
                position: absolute; 
                width: 74px;
                height: 78px;
                top: 0;
                left: 0;
                /*    -moz-transform: scaleX(-1);
                    -o-transform: scaleX(-1);
                    -webkit-transform: scaleX(-1);
                    -ms-transform: scaleX(-1);
                transform: scaleX(-1);
                    -ms-filter: "FlipH";
                filter: FlipH;
                background-position-y: -150px;*/
                background: url(../images/iCornerz.svg) no-repeat center 0%; 
                background-size: cover; }

            .panelHomeCorner .contentWrap::after { 
                content: ' ';
                position: absolute; 
                width: 42px;
                height: 42px;
                top: 8px;
                left: 11px;
                background: url(../images/iSpriteBig.png) no-repeat 0 -3360px; }

                .panelWarranty .contentWrap::after { background-position-y: -3360px; }
                .panelInspections .contentWrap::after { background-position-y: -3660px; left: 13px; }

    .exceptionsList.tableList { margin-bottom: 10px; }

        .exceptionsList.tableList th:first-of-type, .exceptionsList.tableList td:first-of-type, .exceptionsList .elOrderCode,
            .panelHomeCorner table th:first-of-type, .panelHomeCorner table td:first-of-type
            { padding-left: 0; }
        .exceptionsList.tableList th:last-of-type, .exceptionsList.tableList td:last-of-type,
            .panelHomeCorner table th:last-of-type, .panelHomeCorner table td:last-of-type
            { padding-right: 0; }

        .exceptionsList.tableList tr.elCodeRow td:not(.elType) { 
            padding-bottom: 0;
            border-bottom-color: #FFFFFF !important; }
        .exceptionsList.tableList tr.elMessageRow td::after { border-top-color: #FFFFFF; }

        .exceptionsList.tableList tr.elCodeRow:hover td , .exceptionsList.tableList tr.elCodeRow.over td ,
            .exceptionsList.tableList tr.elCodeRow:hover + tr td , .exceptionsList.tableList tr.elMessageRow:hover td
            { color: #000000; }

            .exceptionsList tr.elCodeRow:hover td, .exceptionsList tr.elCodeRow:hover td::after, .exceptionsList tr.elMessageRow:hover td,
                .exceptionsList.tableList tr.elCodeRow:hover + tr td.elMessage, 
                .exceptionsList.tableList .elCodeRow.over td, .exceptionsList.tableList .elCodeRow.over td::after { border-color: #be1622 !important; }

        .exceptionsList .iIcon::after { 
            width: 33px;
            background-position-x: -100px; }

            .iexOrder.iIcon::after { background-position-y: -3050px; }
            .iexDelivery.iIcon::after { background-position-y: -2400px; }
            .iexTracking.iIcon::after { background-position-y: -2850px; }

        .exceptionsList .elType, .exceptionsList .tAction { 
            padding-top: 20px;
            vertical-align: top; }

        .exceptionsList tr:hover .elOrderCode, .exceptionsList tr.elCodeRow.over .elOrderCode { color: #7e0009 !important; }

        .exceptionsList.tableList .tAction { width: auto; }

        .exceptionsList .elMessage { padding-top: 4px; }

            .exceptionsList .elMessage .fontBlack { 
                color: #787875; 
                text-transform: uppercase; }

            .exceptionsList tr:hover .elMessage .fontBlack, .exceptionsList tr.elCodeRow:hover + tr .elMessage .fontBlack { color: #be1622; }

            .exceptionsList tr:hover .bSQ30:hover { background: #7e0009; }


/*  Home Warranty Claims Panel  */

.panelHomeCorner .contentWrap { padding-bottom: 30px; }

    .panelHomeCorner table { margin-bottom: 20px; }

        .panelHomeCorner tbody tr { border-top: solid 2px #dcdcd9; }

            .panelHomeCorner tbody tr:first-of-type { border: none; }

            .panelHomeCorner table .bSQ30 { float: right; }

    .panelWarranty .tableWarrantyList tr:hover { background: none; }

        .panelWarranty .tableWarrantyList .dateTime { width: 130px; }


/*  Home Inspection Reports Panel  */

.panelInspections .tableInspectionList tr::before { display: none; }


/*  Home Product Documents Panel  */

.pageDash .panelproductDocsOverview .contentWrap::after { background-position-y: -200px; }


/*****************************************************************
= INNER MASTER
*****************************************************************/

.pageBasic { 
    position: relative;
    float: left;
    width: 100%; }
    
    .pageBasic hr {
        border-top: dotted 4px #dcdcd9;
        border-width: 14px 0 0 0;
        /*border-width: 10px 0 0 0;*/
        border-style: dotted ;
        border-color: #dcdcd9; 
        /*border-image-source: url('../images/dotBorder.png');*/
        border-image-source: url('../images/dotBorder.svg');
        border-image-slice: 33% 33%;
        border-image-repeat: round; }

    .pageBasic h1 {
        position: relative;
        float: left;
        width: auto;
        min-height: 50px;
        margin: 0;
        padding: 0 0 0 70px;
        color: #FFFFFF;
        /*font-size: 60px;
        font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
        font-weight: 900;*/
        line-height: 1;
        font: 900 60px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
        letter-spacing: -1px; }

        .pageBasic h1 span {
            font-family: Lato, Arial, sans-serif;
            font-weight: normal; }

        .pageBasic h1::after { 
            content: ' '; 
            display: block; 
            position: absolute; 
            width: 60px; 
            height: 50px; 
            top: 5px;  
            left: 0;
            background: url(../images/iSpriteGiant.png) no-repeat -700px 0; }

            .pageBasic h1.noIcon::after { display: none; }

        /*.pageOrders h1::after, .pageOrders-New h1::after { background-position-x: 0; background-position-y: -1500px; top: 4px; }
            .pageBasic h1.hOrderStatus::after { top: 13px; background-position-x: 0; background-position-y: -1600px; }*/     

    .contentHead { 
        display: flex; 
        flex-wrap: wrap;
        gap: 10px 30px; /* Does this work in all instances? for with & without extra item like form fields etc */
        justify-content: space-between; 
        align-items: center;
        padding: 4px 0 25px; }

        .contentHead h1 { line-height: 1; }

        .contentHead .bHead {             
            display: flex;
            align-items: center;
            margin-left: auto; 
            line-height: 1; }

        .contentHead .fcSwitchSelector { margin-left: auto; }

        .pageBasic h1.twinHead, .pageReports .contentHead:has(h1 + h2) { 
            display: flex;
            flex-wrap: wrap;
            gap: 3px;
            width: 100%;
            height: auto;
            font-size: 42px; 
            line-height: 1; }

            .pageReports .contentHead h1 + h2 { 
                margin: -25px 0 0 70px;
                color: #FFFFFF;
                font-size: 42px; 
                font-weight: 900; }

            h1.twinHead .twinHead-Sml, h1.twinHead .twinHead-Med { display: block; }

                h1.twinHead .twinHead-Sml, .pageReports .contentHead h1:has(+ h2) { 
                    width: 100%;
                    margin: 2px 0 -4px;
                    color: #787875;
                    /*font-size: 24px;
                    font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
                    font-weight: 900;  
                    line-height: 1;*/
                    font: 900 24px/1 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; }

                    .pageReports .contentHead h1:has(+ h2) .fontThin { 
                        margin-right: 5px; 
                        font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif !important; 
                        font-weight: 900; }

                /*.pageBasic h1.twinHead::after,*/ .pageReports .contentHead h1:has(+ h2)::after { top: 8px; }

            .twinHead .twinHead-Med + .twinHead-Med, .twinHead .twinHead-Med + .customerRef { 
                position: relative;
                padding-left: 24px;
                margin-left: 20px; }

                .twinHead .twinHead-Med + .twinHead-Med::after, .twinHead .twinHead-Med + .customerRef::after { 
                    content: ''; 
                    position: absolute;
                    width: 4px;
                    left: 0;
                    top: 6px;
                    bottom: 4px;
                    background: #dcdcd9; }

    .cirqueNumberHead { 
        position: absolute;
        width: 60px;
        height: 60px;
        top: 50%;
        left: 0;
        margin-top: -30px;
        border-radius: 50%;
        color: #FFFFFF;
        font-size: 30px;
        line-height: 60px;
        text-align: center;
        background: #6f577e; }
        
    .iconTitle { 
        position: relative; 
        padding-left: 50px;
        color: #c7c7c6;
        font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
        font-weight: 900;
        letter-spacing: -1px; }

        h2.iconTitle { padding-top: 2px; font-size: 36px; }
        h3.iconTitle { font-size: 24px; }
        h4.iconTitle { font-size: 18px; }

        .iconTitle::after { 
            content: ' ';
            display: block;
            position: absolute;
            width: 42px;
            height: 42px;
            left: 0;
            top: 0;
            background: url(../images/iSpriteBig.png) no-repeat -420px 0; }

        h2.iconTitle span, .hBiColour span { 
            font-family: Lato, Arial, Helvetica, sans-serif; 
            font-weight: normal; }

        h3.sectionTitle.iconTitle::after { 
            height: 42px;
            top: -2px;
            background-image: url(../images/iSpriteBig.png);
            background-position-x: -60px; }

            .revPanelProducts h3.iconTitle::after { top: 2px; background-position-y: 0; }
            .revPanelInfo h3.iconTitle::after { background-position-y: -1920px; }

        .contentTitleTripleStack { 
            display: flex; 
            flex-direction: column; }

            .contentTitleTripleStack h2 { font-family: Lato, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 36px; } 

            .contentTitleTripleStack strong { font-size: 18px; } 

            .stackedTitle-M { font-size:  }
            .stackedTitle-S { font-size:  }

        .hBiColour { 
            color: #949491; 
            font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
            font-weight: 900; }

            .hBiColour span { color: #6f577e }

            .statement { text-align: center; }

            .headNote { 
                display: block;
                color: #40403f !important; 
                font-size: 15px; 
                font-weight: bold !important;
                text-align: left;
                letter-spacing: normal; 
                line-height: 1;  }

    .sectionHeadMulti { 
        display: flex; 
        justify-content: space-between; 
        align-items: center; }

        .sectionHeadMulti .bButton, .sectionHeadMulti .bSQ30 { margin: 0 0 0 auto; }

    .contentMain { 
        clear: both;
        width: 100%; 
        padding-top: 15px; }

        .pageBasic .contentMain { 
            float: left;
            padding-bottom: 40px;
            background: #FFFFFF; }
        
            .topTabWrap + .contentMain:not(.contentWrap), .topTabWrap + div > .contentMain:not(.contentWrap) { padding-top: 0; }
    
section.oWrap, .panel800 {
    width: 800px; 
    margin: 0 auto; }

.panel980, .panel980L {
    width: 980px; 
    margin: 0 auto; }

    .oWrapL.oWrap, .panel800L, .panel980L { margin-left: 0; }

.pageBasic .contentPadTop, .pageBasic .gtrBothPadTop, .padTop30 { padding-top: 30px; }

.pageBasic .noTopM, .modal .noTopM { margin-top: 0; }
.pageBasic .noBotM, .modal .noBotM, .modalR600.modal .noBotM.form-group { margin-bottom: 0; }

.pageBasic .noTopP, .modal .noTopP { padding-top: 0; }
.pageBasic .noBotP, .modal .noBotP { padding-bottom: 0; }

.pageBasic .topM10, .modal .topM10 { margin-top: 10px; }
.pageBasic .topM20, .modal .topM20 { margin-top: 20px; }
.pageBasic .topM30, .modal .topM30 { margin-top: 30px; }

.pageBasic .botM10, .modal .botM10, .modalR600.modal .botM10.form-group { margin-bottom: 10px; }
.pageBasic .botM20, .modal .botM20, .modalR600.modal .botM20.form-group { margin-bottom: 20px; }
.pageBasic .botM30, .modal .botM30, .modalR600.modal .botM30.form-group { margin-bottom: 30px; }

.pageBasic .topP10, .modal .topP10 { padding-top: 10px; }
.pageBasic .topP20, .modal .topP20 { padding-top: 20px; }
.pageBasic .topP30, .modal .topP30 { padding-top: 30px; }

.gtrLeft { padding-left: 30px; }
.gtrRight { padding-right: 30px; }
.gtrBoth, .gtrBothPadTop { padding-left: 30px; padding-right: 30px; }
/*.pageBasic .gtrNone { padding-left: 0; padding-right: 0; } */
.gtrMargin { margin-left: 30px; margin-right: 30px; }
.contentWrapTopM { margin-top: 30px; }

    .contentWrap { 
        float: left; 
        clear: both; 
        width: 100%; 
        padding: 30px 30px 0; } 

    .contentBasicCentre { 
        clear: both; 
        padding: 30px 30px 40px; 
        text-align: center;
        background: #FFFFFF; }       

    .centreWrap, .centred { text-align: center; }
 
        .centre, .centreWrap > *, .contentBasicCentre > *, .oHeadWrap { display: inline-block; }

        h2.centred, h3.centred { width: 100%; } 

    .sectionHead {
        margin: 30px 0 20px;
        text-align: center;
        font-size: 30px;
        font-weight: normal;
        text-transform: none; }

        .sectionTitle, .contentTitle, .panelTitle, .pageFilterTitle { 
            color: #c7c7c6;
            font: 900 36px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
            line-height: 1.3;
            letter-spacing: -1px; }

            .sectionTitle span, .sectionTitle.iconTitle span, .contentTitle span, .panelTitle  span { 
                font-family: Lato, Arial, Helvetica, sans-serif; 
                font-weight: normal; }

        .contentTitle { padding: 30px 30px 0; }

        .panelTitle { font-size: 30px; }

            .panelSubTitle { font-size: 24px; }

                .panelSubTitle .fontThin { color: #787875; font-size: smaller; }

        .pageFilterTitle span { 
            display: inline-block; 
            position: relative; }

        .pageFilterTitle span:not(:last-of-type) { margin-right: 30px; }

            .pageFilterTitle span:not(:last-of-type)::after {
                content: '/';
                position: absolute;
                right: -23px;
                top: 0;
                color: #787875; }

        h2.titleStack { margin-bottom: 0; }
        
        h4.titleStack { 
            margin-bottom: 30px; 
            font-family: "Lato", Arial, Helvetica, sans-serif !important; 
            font-weight: normal;
            text-transform: none !important; }   

    .contentTitlePanel { 
        display: flex; 
        flex-wrap: wrap; 
        width: 100%; }
    
        .filterPage { 
            display: flex; 
            margin-left: auto;
            text-transform: uppercase; }

                .filterPage ul { 
                    display: flex; 
                    list-style-type: none;
                    padding-left: 0; }
                
                    .filterPage li + li { margin-left: 3px; }

                .filterPage label { 
                    width: 50px;
                    margin: 3px 10px 0 0; 
                    line-height: 1;
                    text-align: right; 
                    font-size: 18px; 
                    color: #787877;  }

                        .filterPage li a { 
                            margin: 0;
                            font-size: 15px; }

                            .filterPage li a.active { margin: 0; }

                            .filterPage li a.all { letter-spacing: -1px; } 

                    .filterPage + .numOfProducts { width: 100%; }


/* Search results List Page Header */

    /* Deleted Jun 2024 */
    /*.doHeaderWrap { 
        float: left; 
        width: 100%; 
        margin-top: 20px; } */

    .sResultsHeaderWrap { 
        display: flex; 
        width: 100%; 
        margin-top: 20px; }

        .sResultsHeaderWrap.sResultsHeaderHasButton { 
            display: inline-flex; 
            width: auto; }

    .numOfProducts { 
        margin-top: 12px;
        font-size: 15px; 
        color: #787877; 
        text-transform: uppercase;
        font-weight: bold; }

        .numOfProducts span { 
            color: #6f577e;
            font: 900 18px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; }  


/* SECTIONS */

    .sectionSplitter { 
        margin: 30px 0 0;
        padding-bottom: 20px;
        border-bottom: solid 10px #c7c7c6; }

        .topSplitter { 
            padding-top: 20px;
            border-top: solid 10px #c7c7c6; }

    .sectionCorner { position: relative; }

        .sectionCorner .iCorner { 
            display: block; 
            position: absolute; 
            width: 60px;
            height: 64px;
            top: -30px;
            left: 0;
            /*    -moz-transform: scale(-1, 1);
                -webkit-transform: scale(-1, 1);
                -o-transform: scale(-1, 1);
                -ms-transform: scale(-1, 1);
            transform: scale(-1, 1);*/
            /*background: url(../images/iCornerz.png) no-repeat -12px -2000px;*/ 
            background: url(../images/iCornerz.svg) no-repeat center 0; 
            background-size: cover; }

            .sectionCorner .iCorner::after { 
                content: '';
                position: absolute; 
                width: 32px;
                height: 26px;
                top: 12px;
                /*left: 22px;*/
                left: 12px;
                background: url(../images/iSprite.png) no-repeat 0 0; }

            .panelSectionArchive.sectionCorner .iCorner { background-position-y: -2080px; }
                .panelSectionArchive.sectionCorner .iCorner::after { 
                    top: 11px;
                    left: 20px;
                    background-position-y: -5050px; }

                .iCamera.iCorner::after { 
                    /*top: 10px; 
                    left: 23px;*/
                    background-position-y: -3900px; }

        .myBasicDetails.sectionCorner .iCorner { top: 0; }

            .iYes.iCorner::after, .iNo.iCorner::after { 
                width: 30px;
                height: 30px;
                /*top: 11px; 
                left: 27px;*/
                /*transform: scale(-1, 1);*/
                /*background-image: url(../images/iAction.png); */
                top: 12px; 
                left: 27px;
                filter: brightness(0) saturate(100%) invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); /* #FFFFFF White + Initial convert to Black */
                background-image: url(../images/iAction.svg);
                background-size: cover; }

                .iYes.iCorner { /*background-position-y: -1700px;*/ background-position-y: 47%; }
                    .iYes.iCorner::after { /*background-position-y: -1350px;*/ background-position-y: 15%; }

                .iNo.iCorner { /*background-position-y: -1300px;*/ background-position-y: 48%; }
                    .iNo.iCorner::after { /*background-position-y: -1200px;*/ background-position-y: 5%; }

            .sectionCorner .iCorner {  }


            h4.text-success { 
                position: absolute;
                top: 20px;
                left: 70px;

                padding-right: 20px;
                color: #627e21; 
                font-size: 24px; }

                h4.text-success + form { margin-top: 20px; }

        .sectionCorner h3 {     
            margin-bottom: 20px;
            padding-left: 40px; }


/****** Panel Side Nav  ******/

.sideNav ul { 
    list-style-type: none;
    padding: 30px 0;
    border-top: solid 3px; 
    border-bottom: solid 3px; 
    font-size: 18px; }

    .sideNav li { margin-bottom: 20px; }
        .sideNav li:last-of-type { margin-bottom: 0; }

    .sideNav li a { 
        display: block;
        position: relative;
        width: 100%;
        padding-right: 20px;
        text-transform: uppercase;
        font-weight: bold;
        transition: all 0.3s; }

        .sideNav li a:hover { text-decoration: none; }

        .sideNav li a::after { 
            content: ' '; 
            display: block;
            position: absolute;
            width: 16px;
            height: 16px;
            top: 2px;
            right: 0;
            transition: all 0.3s;
            /*background: url(../images/iArrows.png) no-repeat center -3000px;*/
            background: url(../images/iArrows.svg) no-repeat center 30%; 
            background-size: cover; }

            .sideNav li a:not(:hover)::after { opacity: 0; }

            .sideNav li.active a:not(:hover)::after { opacity: 0.5; }

    .sideNav li.active a { 
        font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
        font-weight: 900; }


    .pageOrders label { 
        font-size: 18px; 
        color: #40403f; 
        text-transform: uppercase;  }

    .panelAddForm .form-control { margin-bottom: 0; }
    .panelAddForm .bButton { margin-top: 0; }

    /****** ROW DISABLED ******/

    .pageBasic tr.rowDisabled:not(:hover) td, .pageBasic tr.rowDisabled:not(:hover):not(.ui-sortable-handle) td:not(.tAction) a:not(:hover), 
        .pageBasic tr.rowDisabled:not(:hover) td h4, .pageBasic tr.rowDisabled:not(:hover) td h5, .pageBasic tr.rowDisabled:not(:hover) td h5 span, .pageBasic .rowDisabled:not(:hover) .dateTime span 
        { color: #b0b0ad; }
    .pageBasic tr.rowDisabled:not(:hover) img, tr.rowDisabled:not(:hover) .tProductDocStatus span { opacity: 0.5; }
    .pageBasic tr.rowDisabled:not(:hover) .bSQ30, .pageBasic tr.rowDisabled:not(:hover) .iCheck30 
        { background: #b0b0ad; }
    .rowDisabled:not(:hover) td *:not(.bSQ30):not(.iCheck30)::after { /* This needs changing as it is too specific and needs too many overrides (below) */
        opacity: 0.5; 
        background-position-x: -80px; } 
    
        .rowDisabled .iFiletype.iFiletype30::after { background-position-x: center !important; }

    .rowDisabled:not(:hover) .tPhone .tPhoneLabel { color: #949491; }

    .pageBasic tr.rowDisabled:not(:hover) .tiAvatar span { 
        opacity: 0.5; 
        background-position-y: 0; }

    .pageBasic tr.rowDisabled:not(:hover) .tiDept span, 
        .rowDisabled:not(:hover) .tAction .bSQ30:not(:hover), .rowDisabled:not(:hover) .tPhone .iPhone
        { background: #b0b0ad; }

    .pageBasic tr.rowDisabled:not(:hover) td.dragOrder a:not(:hover) { 
        color: #FFFFFF; 
        opacity: 0.7; }

        .rowDisabled:not(:hover) .tAction .bSqArrow::after { 
            background-position-x: center !important; 
            /*background-position-y: -893px;*/ }
            .rowDisabled:not(:hover) .tAction .bSQ30.bSqArrow::after { /*background-position-y: -843px;*/ }
        .rowDisabled:not(:hover) .iPhone::after { background-position-x: 7px !important; }
        .rowDisabled:not(:hover) .iBig.iCFA::after { background-position-x: -300px !important; }

.fontCurrency { 
    position: relative;
    bottom: -1px;
    font-size: 21px; }

.barButtons {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    margin: 30px 0 0;
    padding-top: 24px;
    border-top: dotted 4px #dcdcd9;
    border-width: 14px 0 0 0;
        /*border-width: 10px 0 0 0;*/
        border-style: dotted;
        border-color: #dcdcd9;
        /*border-image-source: url(../images/dotBorder.png);*/
        border-image-source: url(../images/dotBorder.svg);
        border-image-slice: 33% 33%;
        border-image-repeat: round; }

    .barButtonsBasket.barButtons, .contentBasicCentre .barButtons { 
        padding-top: 0;
        border: none; }        

        .contentBasicCentre .barButtons { float: none; }

        .panelButtons.barButtons { 
            margin: 0;
            padding: 30px 30px 20px;
            border: none;
            background: #FFFFFF; }

        .barButtons.barButtonsSimple { 
            clear: both;
            margin: 0;
            padding: 0 30px 0;
            border: none; }

        .barButtons .bButton.bDouble { 
            display: flex;
            justify-content: center; 
            margin: 0; }

            .barButtons .bButton.bDouble + .bDouble, .barButtons .bOrder.bDouble { margin-left: auto; }

            .barButtons .bOneWord br { display: none; }

    .contentMain > .panelButtons { padding-bottom: 0; }

    .sectionSplitter + .panelButtons { padding-top: 40px; }
    .sectionSplitter > .panelButtons { padding-top: 10px; }

    .panelDottyBottom, .pageBasic.pageOrders .panelDottyBottom { 
        padding-bottom: 20px;
        border-bottom: dotted 4px #dcdcd9;
            border-width: 0 0 14px 0;
            /*border-width: 0 0 10px 0;*/
            border-style: dotted;
            border-color: #dcdcd9;
            /*border-image-source: url(../images/dotBorder.png);*/
            border-image-source: url(../images/dotBorder.svg);
            border-image-slice: 33% 33%;
            border-image-repeat: round; }

        .panelDottyBottom .barTotal { border-bottom: none; }

/* Order progress bar */
/* ORDER PROGRESS BAR - NO LONGER USED */

    /*.orderProgress {         
        float: right; 
        overflow-x: hidden;     
        margin-right: -10px;
        padding-top: 6px; }

        .orderProgress ul { 
            position: relative; 
            width: 100%; 
            right: 0;
            margin: 0;
            padding: 0;   
            list-style-type: none; 
            font-size: 12px; 
            color: #5c5c5a;
            font-weight: bold; 
            text-transform: uppercase; }

            .orderProgress ul::before { 
                content: ' ';
                display: block;
                position: absolute;
                width: 100%;
                height: 3px;
                left: 0;
                top: 7px; z-index: 90; }

            .orderProgress li { 
                position: relative; 
                float: left; 
                width: 85px;  }

                .orderProgress li:first-of-type::before , .orderProgress li:last-of-type::before { 
                    content: ' ';
                    display: block;
                    position: absolute;
                    width: 50%;
                    height: 30%;
                    left: 0;
                    background: #c7c7c6; z-index: 100; }
                    .orderProgress li:last-of-type::before { left: auto; right: -1px; }*/

                /*.orderProgress li span::before { 
                    content: ' '; 
                    position: absolute; 
                    display: block; 
                    width: 16px; 
                    height: 16px; 
                    top: 0;
                    right: 50%;
                    margin-right: -8px;
                    border: solid 3px #949491; 
                    border-radius: 50%; 
                    background: #FFFFFF; 
                    z-index: 110; }

                    .orderProgress li.active span::after { 
                        content: ' '; 
                        position: absolute; 
                        display: block; 
                        width: 6px; 
                        height: 6px; 
                        right: 50%;
                        margin-right: -3px;
                        top: 5px;
                        border-radius: 50%; z-index: 120; }

                .orderProgress li span {
                    display: block;
                    text-align: center;
                    padding-top: 20px; }

                .orderProgress li.completed span { color: #40403f; }

                    .orderProgress li:not(.active):not(.completed)::after { 
                        content: ' ' !important;
                        display: block !important;
                        position: absolute;
                        width: 100%;
                        height: 3px;
                        left: -50%;
                        top: 7px; 
                        z-index: 100;
                        background: #949491 !important; }*/

/******  Containers  ******/

 .conRight { float: right; }

    .conOptionWrap { float: left; }

        .conOptionWrap h4 { 
            margin: 0 0 5px -2px;
            font-size: 30px; 
            font-weight: normal; 
            letter-spacing: -1px; }

            .conOptionWrap h4 strong { 
                font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
                font-weight: 900; }

        .invalid-container { float: left; }

            .invalid-container p { 
                clear: both;
                float: left;
                margin: 3px 0 0; 
                color: #be1622;
                font-size: 13px; 
                font-weight: bold; 
                text-transform: uppercase; }

            .invalid-container .iContainer .conPercent , .invalid-container .iContainer .conPercentFill { background-color: #be1622 !important; }
                .invalid-container .iContainer .conPercentFill { opacity: 0.6; }

                .invalid-container .iContainer .conFill { background: #c7c7c6; }

                    .invalid-container .conFill::before { 
                        content: ' '; 
                        position: absolute; 
                        width: 46px;
                        height: 46px;
                        top: -3px;
                        left: 50%;
                        margin-left: -23px;
                        border: solid 3px #FFFFFF;
                        border-radius: 50%;
                        background: #be1622 url(../images/iSprite.png) no-repeat -150px -280px; 
                        z-index: 1000;  }

            .conOr { 
                float: left; 
                margin: 65px 80px 0; 
                color: #787876; 
                font-size: 24px; 
                text-transform: uppercase; }

             .conMultiple { 
                position: absolute;
                display: block;
                width: 32px;
                height: 32px;
                top: 4px;
                right: 32px;
                padding-top: 3px;
                border-radius: 50%;
                text-align: center;
                color: #5c5c5a;
                font: 900 20px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
                background: #FFFFFF;
                z-index: 100; }

.basketContainer { 
    position: relative; 
    float: left;
    width: 100%;
    margin-top: -20px;
    padding: 16px 0px 20px 0!important; }

.iContainerWrap { 
    float: left;
    margin-right: 20px; 
    color: #5c5c5a; }
    .iContainerWrap:last-of-type { margin-right: 0; }

    .basketContainer h5 { 
        margin-bottom: 4px;
        font-size: 13px !important; 
        font-weight: bold; }

        .basketContainer h5 strong { 
            font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
            font-weight: 900; }

    .containerNote { 
        position: absolute;   
        height: 44px; 
        top: 20%; 
        left: 15px; 
        margin-top: -22px; 
        padding: 0 0 0 65px; }

        .containerNote::after { 
            content: ' '; 
            display: block; 
            position: absolute; 
            width: 50px;
            height: 40px;
            top: 2px;
            left: 0;
            background: url(../images/iSpriteGiant.png) no-repeat 0 -300px; }

        .containerNote h4 {         
            margin: 12px 0 0;
            font-size: 18px;
            color: #c7c7c6;
            font-weight: bold;
            text-transform: uppercase; }

.iContainer { width: 142px; position: relative; }
    .iContainer , .iContainer > div , .iContainer .conZebra , .iContainer .conPercentFill { height: 40px; }

            .iContainer .conPercent { 
                float: left;
                width: 42px; 
                line-height: 40px;
                text-align: center;
                font-size: 18px;
                color: #FFFFFF; 
                font-weight: bold;
                letter-spacing: 1px; }

                .iContainer .conPercent sup { font-size: 60%; }

            .iContainer .conFill , .containerMini .iContainer .conFillWrap { 
                position: relative; 
                float: left; 
                width: 96px;
                margin-left: 4px;
                z-index: 10;
                background: #b0b0ad; }

            .iContainer .conZebra { 
                width: 100%; 
                position: relative; 
                z-index: 30;
                background: none;           
                background: -webkit-repeating-linear-gradient(to right, transparent, transparent 6px, rgba(255, 255, 255, 0.7) 4px, rgba(255, 255, 255, 0.7) 10px);  
                background: -o-repeating-linear-gradient(to right, transparent, transparent 6px, rgba(255, 255, 255, 0.7) 4px, rgba(255, 255, 255, 0.7) 10px); 
                background: -moz-repeating-linear-gradient(to right, transparent, transparent 6px, rgba(255, 255, 255, 0.7) 4px, rgba(255, 255, 255, 0.7) 10px);   
                background: repeating-linear-gradient(
                  to right,
                  transparent,
                  transparent 6px,
                  rgba(255, 255, 255, 0.7) 4px,
                  rgba(255, 255, 255, 0.7) 10px); }

                .iContainer .conPercentFill { 
                    display: block; 
                    position: absolute; 
                    top: 0;
                    left: 0;
                    z-index: 20; }

                .iContainerWrap.full .iContainer .conFill , .containerMini.full .iContainer .conFillWrap { background: #5c5c5a; }
                .iContainerWrap.full .iContainer .conPercent { background: #5c5c5a  url(../images/iSprite.png) no-repeat; }
                    .iContainerWrap.full .iContainer .conFill::after , .containerMini.full .iContainer .conFill { display: none; }

    .containerMini { 
        float: right; 
        width: 55px; 
        margin-right: 20px; }

    .containerMini .iContainer { 
        float: right; 
        height: 30px; }
        .containerMini .iContainer , .containerMini .iContainer > div , .containerMini .iContainer .conFill , .containerMini .iContainer .conZebra { width: 29px; }

        .containerMini h6 { 
            position: relative; 
            float: left; 
            width: 26px; 
            height: 30px; 
            margin: 0;
            text-align: left;
            font-size: 13px; }

            .containerMini h6 span { 
                position: absolute; 
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%); }
    
        .containerMini .iContainer .conPercent { 
            height: 24px; 
            line-height: 24px;
            font-size: 14px;
            letter-spacing: 0; }

        .containerMini .iContainer .conFillWrap { 
            width: 29px;
            height: 5px;
            margin: 1px 0 0 0; }

            .containerMini .iContainer .conFill { 
                position: absolute;
                top: 0;
                left: 0;
                width: 61%;
                height: 5px;
                margin: 0;
                z-index: 20; }

                .containerMini .iContainer .conZebra { 
                    width: 100%; 
                    height: 5px; 
                    z-index: 30;
                    background: none;           
                    background: -webkit-repeating-linear-gradient(to right, transparent, transparent 5px, rgba(255, 255, 255, 0.7) 1px, rgba(255, 255, 255, 0.7) 6px); 
                    background: -o-repeating-linear-gradient(to right, transparent, transparent 5px, rgba(255, 255, 255, 0.7) 1px, rgba(255, 255, 255, 0.7) 6px); 
                    background: -moz-repeating-linear-gradient(to right, transparent, transparent 5px, rgba(255, 255, 255, 0.7) 1px, rgba(255, 255, 255, 0.7) 6px);  
                    background: repeating-linear-gradient(
                      to right,
                      transparent,
                      transparent 5px,
                      rgba(255, 255, 255, 0.7) 1px,
                      rgba(255, 255, 255, 0.7) 6px); }

                    .containerMini .iContainer .conFill::after { display: none; }

                    .containerMini.full .iContainer .conPercent { background: #5c5c5a url(../images/iSprite.png) no-repeat -31px -204px; }

    .conFullSKU { 
        clear: both; 
        margin-top: 20px; }

        .basketContainer .conFullSKU .iContainerWrap { margin-bottom: 20px; }

        .conFullSKU .iContainer { 
            width: auto; 
            margin-right: 20px; }

            .conFullSKU .iContainer:last-of-type { margin-right: 0; }

        .conFull { 
            float: left;
            position: relative;
            width: 16px; 
            height: 40px; 
            margin-right: 4px; }

            .conFull::after { 
                content: ' ';
                position: absolute;
                width: 12px;
                height: 14px;
                top: 50%;
                left: 50%;
                margin: -7px 0 0 -6px; 
                background: url(../images/iSprite.png) no-repeat -40px -210px; }

        .conSKU { 
            float: left;
            height: 40px;  
            padding: 0 10px;
            line-height: 34px;
            border: solid 3px; 
            font-size: 15px; }

.backTop, .skipDown { 
    display: flex;
    flex-direction: column;
    align-content: center;
    position: relative;
    left: 0;
    padding-top: 45px;
    text-align: center;
    color: #5c5c5a;
    font: 900 10px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
    text-transform: uppercase; 
    transition: ease-in 0.5s; }

    .backTop:hover, .backTop:focus, .skipDown:hover, .skipDown:focus { 
        color: #000000; 
        text-decoration: none; }

    .backTop::after, .skipDown::after { 
        content: ' ';
        position: absolute;
        display: block;
        width: 40px;
        height: 40px;
        left: 50%;
        top: 0;
        margin-left: -20px;
        /*border-radius: 50%;
            ms-transform: rotate(-90deg); 
            -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        background: #949491 url(../images/iArrows.png) no-repeat center -838px; */
        background: url(../images/iArrows.svg) no-repeat 50% 85%; 
        background-size: cover; }

        /*.backTop:hover::after, .skipDown:hover::after { background-color: #787875; }*/

    .skipDown { right: 0; }

        .skipDown::after { background-position-y: 80%; }

        /*.skipDown::after { 
                ms-transform: rotate(90deg); 
                -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }*/

    .backTopWrap { 
        display: flex;
        justify-content: space-between;
        position: fixed;
        width: 80px;
        height: 50px;
        bottom: 10px;
        left: 50%;
        margin-left: -35px;
        z-index: 9998; }

        .backTopWrap.fixFoot { 
            position: absolute; 
            bottom: 68px; }

            .backTopWrap.fixFoot .backTop, .backTopWrap.fixFoot .backTop:hover, .backTopWrap.fixFoot .skipDown, .backTopWrap.fixFoot .skipDown:hover { opacity: 1; }

        .backTopWrap .backTop, .backTopWrap .skipDown { 
            display: none;
            bottom: 0;
            opacity: 0.4; }
            .backTopWrap .backTop:hover, .backTopWrap .skipDown:hover { opacity: 0.85; }

        .backTopWrap.fixFoot { width: 40px; margin-left: -20px; }
            .backTopWrap.fixFoot .backTop { width: 40px; }
            .backTopWrap.fixFoot .skipDown { display: none !important; }

.pageBasic .selectize-control .selectize-dropdown, .modal .selectize-control .selectize-dropdown { 
    top: 42px!important; 
    font-weight: bold; }

    .pageBasic .selectize-control .selectize-dropdown .skuID, .modal .selectize-control .selectize-dropdown .skuID { color: #40403f; }

    .pageBasic .selectize-control .selectize-dropdown .skuName, .modal .selectize-control .selectize-dropdown .skuName {
        display: block;
        color: #787875;
        font-size: 12px;
        line-height: 1;
        text-transform: uppercase;
        opacity: 0.7; }

    .pageBasic .selectize-dropdown .active, .modal .selectize-dropdown .active { background-color: #f0edf2; }

        .selectize-input.dropdown-active + .selectize-dropdown { z-index: 9999!important; } /** Needed so selectize dropdown isn't overlapped in table cell **/
            .tableList.exceptionList td.exlSKU > * { z-index: auto; } /** Needed so selectize dropdown isn't overlapped in table cell **/

        .pageBasic .selectize-dropdown .active .skuID, .modal .selectize-dropdown .active .skuID { color: #000000; }
        .pageBasic .selectize-dropdown .active .skuName, .modal .selectize-dropdown .active .skuName { 
            color: #594366;
            opacity: 1; }

        .pageBasic .selectize-dropdown [data-selectable] .highlight, .modal .selectize-dropdown [data-selectable] .highlight { 
            font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
            font-weight: 900; 
            background: none; }

.selectizeSearch { width: 360px; }

    .selectizeSearch .selectize-control.single .selectize-input:after, .selectizeSearch .selectize-control.single .selectize-input.dropdown-active:after { 
        width: 20px;
        height: 20px;
        right: 5px;
        margin-top: -10px;
        border: none; 
        background: url(../images/iSprite.png) no-repeat -200px -1150px; }

        .selectizeSearch:hover .selectize-control.single .selectize-input:after, .selectizeSearch .selectize-control.single .selectize-input.dropdown-active:after { background-position-x: -230px; }

        .selectizeSearch .selectize-dropdown { color: #787875; }

            .selectizeSearch .selectize-dropdown [data-selectable] { 
                display: flex;
                align-items: center;
                border-top: solid 2px transparent; 
                border-bottom: solid 2px transparent; }

            .selectizeSearch .selectize-dropdown .active { 
                color: #40403f; 
                border-top: solid 2px #6f577e; 
                border-bottom: solid 2px #6f577e;
                background: none; }

                .selectizeSearch .selectize-dropdown [data-selectable] .highlight { color: #944364; }

                .selectizeSearch .selectize-dropdown .flexColumn { padding-left: 10px; }

                    .selectizeSearch .flexColumn span:first-of-type { font-size: 14px; }

                    .selectizeSearch .flexColumn span:last-of-type { line-height: 1.1; }

/* Selectize SKU Search */

            .selectizeSKUSearch.selectizeSearch .selectize-control .has-items { 
                height: 72px; 
                background: none; }

                .selectizeSKUSearch.selectizeSearch .has-items .flexColumn { 
                    justify-content: center;
                    min-height: 50px;
                    padding-left: 60px; }

                    .selectizeSKUSearch.selectizeSearch .has-items .flexColumn img { 
                        position: absolute; 
                        left: 0; 
                        top: 50%; 
                        margin-top: -25px; }

                    .selectizeSKUSearch.selectizeSearch .has-items .flexColumn span:first-of-type { 
                        color: #944364; 
                        font-size: 15px;
                        font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
                        font-weight: 900; }

                    .selectizeSKUSearch.selectizeSearch .has-items .flexColumn span:last-of-type {  }

                .selectizeSKUSearch .has-items + .selectize-dropdown { top: 75px!important; }

/******  Selectize Search with Icon  ******/

    .selectizeIconSearch.selectizeSearch .selectize-dropdown .flexColumn { 
        position: relative;
        padding-left: 28px; }
    
        .selectizeIconSearch.selectizeSearch .selectize-dropdown .flexColumn::before { 
            content: ' ';
            position: absolute;
            width: 20px;
            height: 20px;
            margin-top: -10px;
            top: 50%;
            left: 0;
            /*background-image: url(../images/iStatus.svg);*/
            background: url(../images/iSprite.svg) no-repeat center 0.5%; 
            background-size: cover; }

        .selectizeIconSearch.selectizeSearch .selectize-dropdown .keyaccTrue::before { 
            background-position-y: 35%; 
            filter: invert(28%) sepia(43%) saturate(2712%) hue-rotate(350deg) brightness(97%) contrast(100%); }     /* #c73e14 SA Pumpkin */

        .selectizeIconSearch.selectizeSearch .selectize-dropdown .keyaccFalse::before { display: none; }

        .pageOrdersList .selectizeIconSearch.selectizeSearch .flexColumn::before { background-image: url(../images/iStatus.svg); }

        .pageProductClassDetails .selectizeIconSearch.selectizeSearch .flexColumn::before { 
            /*filter: invert(55%) sepia(60%) saturate(403%) hue-rotate(39deg) brightness(92%) contrast(85%); }*/    /* #7e9e3f NPD Apple */
            filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); } /* #6f577e Grape */
            .selectizeIconSearch.selectizeSearch .selectize-dropdown .iClassingBikes::before { background-position-y: 62%; }
            .selectizeIconSearch.selectizeSearch .selectize-dropdown .iClassingTreadmills::before { background-position-y: 62.5%; } 
            .selectizeIconSearch.selectizeSearch .selectize-dropdown .iClassingCrossTrainers::before { background-position-y: 63%; }
            .selectizeIconSearch.selectizeSearch .selectize-dropdown .iClassingRowers::before { background-position-y: 63.5%; }
            .selectizeIconSearch.selectizeSearch .selectize-dropdown .iClassingHomeGym::before { background-position-y: 64%; }
            .selectizeIconSearch.selectizeSearch .selectize-dropdown .iClassingAccessories::before { background-position-y: 61.5%; }
            

/******  Multiselect  ******/

    .fgMultiSelect label { width: 100%; }

    .fgMultiSelect .form-control { width: auto; }

    .selectize-control.multi .selectize-input { 
        min-height: 85px;               
        padding: 8px;
        border: solid 3px #c7c7c6; 
        background: #eeeeeb; }

        .fSingle.selectize-control.single .selectize-input {     
            display: flex !important;
            align-items: center;
            padding: 0 8px; 
            border: solid 3px #c7c7c6; }

        select.fcSelectMulti.filterSelector:not(.selectized) { 
            min-width: 250px; 
            min-height: 85px;   
            color: #40403f;
            font-size: 15px; 
            font-weight: bold; }

        .selectize-control.multi .selectize-input input, .fSingle.selectize-control .selectize-input input { 
            color: #40403f;
            font-size: 18px; 
            font-weight: bold; }

        .selectize-control.multi:hover .selectize-input, .fSingle.selectize-control:hover .selectize-input { border-color: #948d99; }

    .selectize-control.multi .selectize-dropdown, .fSingle.selectize-control .selectize-dropdown { 
        top: unset !important; 
        margin-top: -6px;
        border: solid 3px #948d99; }

            .selectize-control.multi .selectize-dropdown:hover, .selectize-control.multi .selectize-input:focus,
                .fSingle.selectize-control .selectize-dropdown:hover, .fSingle.selectize-control .selectize-input:focus 
                { border-color: #6f577e; }

                .selectize-control.multi .selectize-dropdown-content > div:hover, .fSingle.selectize-control .selectize-dropdown-content > div:hover { color: #000000; }

    .pageBasic .selectize-control.multi .selectize-input [data-value], .modal .selectize-control.multi .selectize-input [data-value] {
        text-shadow: 0 1px 0 rgba(77, 32, 59, 0.3);
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #572744;
            background-color: #6b3355;
            background-image: -moz-linear-gradient(top, #81506d, #6b3355);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#81506d), to(#6b3355));
            background-image: -webkit-linear-gradient(top, #81506d, #6b3355);
            background-image: -o-linear-gradient(top, #81506d, #6b3355);
        background-image: linear-gradient(to bottom, #81506d, #6b3355);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0073bb', endColorstr='#0073bb', GradientType=0);
            -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2), inset 0 1px rgba(255,255,255,0.03);
        box-shadow: 0 1px 0 rgba(0,0,0,0.2), inset 0 1px rgba(255,255,255,0.03); }

        .pageBasic .selectize-control.multi .selectize-input [data-value].active, .modal .selectize-control.multi .selectize-input [data-value].active {
            border-color: #4d203b;
            background-color: #572744;
                background-image: -moz-linear-gradient(top, #572744, #4d203b);
                background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#572744), to(#4d203b));
                background-image: -webkit-linear-gradient(top, #572744, #4d203b);
                background-image: -o-linear-gradient(top, #572744, #4d203b);
            background-image: linear-gradient(to bottom, #572744, #4d203b);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0); }

        .form-group .selectize-control.plugin-remove_button [data-value] .remove { 
            text-indent: -999px; 
            color: transparent; 
            opacity: 0.7; 
            border-color: #572744; }

            .form-group .selectize-control.plugin-remove_button [data-value].active .remove { border-color: #4d203b; }

            .form-group .selectize-control.plugin-remove_button [data-value] .remove:hover { 
                opacity: 1; 
                background: #4d203b; }

            .form-group .selectize-control.plugin-remove_button [data-value] .remove::after { 
                content: '';
                position: absolute;
                width: 10px;
                height: 10px;
                top: 50%;
                left: 2px;
                margin-top: -5px;
                /* background: url(../images/iAction.png) no-repeat 0 -500px;*/ 
                filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); /* #FFFFFF White */
                background: url(../images/iAction.svg) no-repeat 0 5%; 
                background-size: cover; }
            

/*****************************************************************
= OLD DASHBOARD
*****************************************************************/

/*.dashPanel {  }*/ /* OLD - No longer Used */    


/*****************************************************************
= PRODUCT ITEM LISTS
*****************************************************************/

.pageQuick .contentMain { padding-top: 0; }

.basketList, .quickList { 
    position: relative;
    width: 100%; 
    font-size: 16px; 
    text-transform: uppercase; 
    color: #000000; }

    .basketList thead, .quickList thead { background: #dcdcd9; }

    .basketList th, .quickList th { 
        position: relative;
        height: 70px;
        padding: 0 10px;
        text-align: center;
        font-size: 14px; 
        text-transform: uppercase; 
        color: #40403f; 
        z-index: 10; }
        .biHead:hover { text-decoration: none; }

        .basketList th:first-of-type , .basketList td:first-of-type , .quickList th:first-of-type , .quickList td:first-of-type { padding-left: 30px; }
        .basketList th:last-of-type , .basketList td:last-of-type , .quickList td:last-of-type { padding-right: 30px; }
            .quickList th:last-of-type { padding-right: 20px; }

        /*.exceptionList td, .exceptionList td > { z-index: auto !important; }*/ /* WHY THIS FOR EXCEPTIONS? */

            .exceptionList td { z-index: auto; }
        
        .basketList .biTotalCost span { 
            display: inline-block; 
            float: right;
            margin-right: -10px; }
        
    .alertOverdue td::after, 
        .modalTableList th::after, .modalTableList td::after { 
            content: ' ';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 2;
            border: solid 2px #FFFFFF; border-color: rgba(255,255,255,0); border-left: none; border-right: none;
            transition: all 0.4s ease; }

        .pageQuick .quickList tbody tr:hover td::after,
            .modalTableList tr:hover th::after, .modalTableList tr:hover td::after { 
                border-width: 2px;
                z-index: 2;
                transition: all 0.4s ease-in; }

    .tableList th.thRowHover::after { 
        content: ' ';
        display: block;
        position: absolute;
        top: -2px;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 0;
        border-top: solid 2px rgba(255,255,255,0);
        transition: border-top-color 0.4s ease-in; }

        .tableList tr:not(:hover) th.thRowHover { 
            transition: border-bottom-color 0.4s ease-in;
            -webkit-backface-visibility:hidden;
            border-bottom: solid 2px rgba(255,255,255,0) !important; }

    .tableList tr:hover th.thRowHover {
        transition: border-color 0.4s ease-in;
        -webkit-backface-visibility: hidden;
        border-bottom: solid 2px #be1622 ; }

        .tableList tr:hover th.thRowHover::after { border-top: solid 2px #be1622 ; }

.trAlt { background-color: #dcdcd9; color: #000000; }

    .basketList tbody tr:last-of-type, .quickList tbody tr:last-of-type { border-bottom-color: transparent; }

    .basketList td, .quickList td { 
        position: relative;
        padding: 18px 10px; 
        z-index: 10;
        color: #40403f;
        font-weight: bold; }
        .cellfix { min-height: 50px!important; }
            .pageBasic table .cellfix .bButtonLite { top: 6px; }

        .basketList tr:hover td { 
            color: #000000; 
            text-decoration: none; }

    .basketList td > * , .quickList td > * { 
        position: relative; 
        z-index: 100; }

        .tThumb .thumb, .basketList .thumb img, .addExtraImage img, .quickList .thumb img {
            width: 70px;
            height: 70px;
            margin: -10px;
            image-rendering: -moz-crisp-edges; 
            image-rendering: -o-crisp-edges; 
            image-rendering: -webkit-optimize-contrast; 
            image-rendering: crisp-edges;
            -ms-interpolation-mode: nearest-neighbor; }

            .quickList .thumb img, .selectize-dropdown [data-selectable] img { 
                /*background: url(../images/noImage.png);*/
                background: url(../images/noImage.svg);
                background-size: cover; }

            .tThumb .thumb { max-width: 120px; }

        th .thSub { 
            display: block;
            margin-top: -2px;
            color: #40403f;
            font-size: 10px; }

.dragOrder a { 
    /*display: block;*/
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    width: 40px; 
    height: 40px;
    margin-left: 6px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    letter-spacing: -1px;
    border-radius: 4px; 
    border: solid 3px #b0b0ad;
    transition: ease-in 0.3s;
    background: #b0b0ad; }

    tr:hover .dragOrder a:not(:hover):not(:focus) { 
        color: #FFFFFF; 
        background-color: #949491; 
        border-color: #949491; }

    .dragOrder a:hover { 
        color: #FFFFFF;
        text-decoration: none; }

    .pageBasic .oiInfo {
        width: 40px; 
        padding-top: 2px;
        padding-left: 0; 
        padding-right: 0; }

.bProductInfoWrap, h5.productInfoWrap span, .pageBasic .moreInfoWrap { 
    position: relative; 
    display: inline-block; }

    .bProductInfo, .bMoreInfo { 
        position: absolute !important; 
        display: block;
        width: 20px;
        height: 20px; 
        top: -5px;
        right: -26px;
        transition: all 0.3s ease; 
        z-index: 9998 !important; }

        .bProductInfo::before, .bMoreInfo::before, .bInfo { 
            content: ' ';
            display: block;
            position: absolute; 
            float: right;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            border: 2px;
            background: #98a8b3; 
            transition: ease-in 0.4s; }

        .bProductInfo::after, .bMoreInfo::after, .bInfo::after { 
            content: 'i'; 
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            width: 20px;
            height: 20px;
            top: -1px;
            line-height: 1;
            left: 0;
            font-family: 'Times New Roman', Times, serif;
                -webkit-font-smoothing: antialiased;
                font-style: italic;
                font-weight: 900;
                font-size: 16px;
                color: rgba(255,255,255,0.8);
                text-align: center;
                text-transform: lowercase; 
            z-index: 850; }

            tr:hover .bProductInfo::before, tr:hover .bInfo, .panelTracker .arrowSlideBar:hover .bInfo { background: #608caa; }
            .bProductInfo:hover::before, h5.productInfoWrap .bProductInfo:hover::before, .bMoreInfo:hover::before, .bInfo:hover::after { background: #186e99 !important; }

            .bProductInfo.bProductInfo24, .bProductInfo.bProductInfo24::before, .bProductInfo.bProductInfo24::after,
                .bMoreInfo, .bMoreInfo::before, .bMoreInfo::after,
                .pageQuick .bProductInfo, .pageQuick .bProductInfo::before, .pageQuick .bProductInfo::after,
                .slideThis .addExtraCode .bProductInfo, .slideThis .addExtraCode .bProductInfo::before, .slideThis .addExtraCode .bProductInfo::after { 
                    width: 24px; 
                    height: 24px; }

                .bProductInfo.bProductInfo24, .bMoreInfo { right: -32px; }

                    .bProductInfo.bProductInfo24::after, .pageQuick .bProductInfo::after, .bMoreInfo::after { font-size: 18px; }

            .bProductInfoWrap .bProductInfo, .pageQuick .bProductInfoWrap .bProductInfo {
                top: -1px;
                right: -30px; }

            .bProductInfoFormWrap.bProductInfoWrap { 
                width: 100%; 
                padding-right: 20px; }

                .bProductInfoFormWrap.bProductInfoWrap .bProductInfo {
                    top: 8px;
                    right: -10px; }

            .termsInfo .bMoreInfo {
                top: -9px;
                right: -45px; }

                .revTerms.revDetails .termsInfo .bMoreInfo { right: -35px; }
                    .revTerms .bMoreInfo::after { left: -1px; }

        .bInfo { 
            position: relative; 
            float: none; }

            .bInfo.bSQ30, .bInfo.bSQ40 { text-indent: unset; }

                .bInfo.bSQ30, .bInfo.bSQ30::after { 
                    width: 30px;
                    height: 30px; }

                    .bInfo.bSQ30::after { 
                        top: 3px; 
                        font-size: 21px; }

                .bInfo.bSQ40, .bInfo.bSQ40::after { 
                    width: 40px;
                    height: 40px; }

                    .bInfo.bSQ40::after { 
                        top: 4px; 
                        font-size: 27px; }

.bCirqueWrap {
    position: relative;
    display: inline-block; }

    .bCirque, .bMoreInfo {
        position: absolute !important;
        display: block;
        width: 20px;
        height: 20px;
        /*top: 10px;*/
        right: -26px;
        transition: all 0.3s ease;
        z-index: 9998 !important; }

    .bCirque::before {
        content: ' ';
        display: block;
        position: absolute;
        float: right;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 2px;
        background: #98a8b3;
        transition: ease-in 0.4s; }

        .bCirqueHelp::before { background: #ca7200; }

            .bCirqueHelp:hover::before { background: #b14801; }

        /*.bMoreInfo::before { background: #98a8b3; }*/

    .bCirque::after {
        content: '';
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        top: 2px;
        left: 0;
        color: rgba(255,255,255,0.8);
        text-align: center;
        z-index: 850; }

        .bCirque:hover::after { color: rgba(255,255,255,1); }

        .bCirqueHelp::after {
            content: '?';
            top: -10px;
            font: 900 16px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; }

        .infoProduct { 
            position: relative; 
            display: block;
            float: right;
            width: 32px;
            height: 32px;
            margin: -2px 2px 0;
            border-radius: 50%;
            /*background: #4386b1;*/ 
            background: #98a8b3; 
            transition: all 0.3s ease;
            z-index: 300; }

            .infoProduct span::after { 
                content: 'i'; 
                display: block;
                position: absolute;
                width: 32px;
                height: 32px;
                top: 2px;
                left: 0;
                color: rgba(255,255,255,0.8);
                    font: italic 900 24px 'Times New Roman', Times, serif;
                    -webkit-font-smoothing: antialiased;
                    text-align: center;
                    text-transform: lowercase; 
                z-index: 850; }

            .infoProduct:hover span::after { 
                color: #FFFFFF; 
                text-decoration: none; }

            tr:hover .infoProduct { background: #608caa; }

                .infoProduct.hoverSlide::after { 
                    border-radius: 50%;
                    background: #3476a0; 
                    /*background-color: #255e82;*/ }

    .biName-mob { display: none; }
    
        .basketList h5 { 
            display: inline-block;
            margin: 0;
            font-size: 15px; 
            color: #000000; 
            text-decoration: none; }

        .biName { width: 42%; }

        .biHead .biQty span , .biHead .biPrice span , .biQty .form-control , .biPrice .form-control { 
            display: block; 
            width: 110px; }

            .biUpdate , .biDelete { 
                width: 50px; 
                min-width: 36px; }

            .biPrice .form-control { padding-left: 8px; }
            .biQty .form-control, .quickList .tbQty .form-control { width: 145px; }

            .biQty .form-control { 
                padding-right: 4px;
                padding-left: 2px !important; }

        .biTotalCost { 
            width: 12%; 
            text-align: right; }

        .biHeadTitle { text-align: center; }

        .bButtonLite { 
            display:  block;
            position: absolute !important; 
            top: 23px; 
            right: 0; 
            cursor: pointer; }

            .bButtonLite.bUpdate, .bButtonLite.bDelete { 
                width: 40px;
                height: 40px;
                top: 15px;
                background: url(../images/iSprite.png) no-repeat -309px -42px; }

                .basketList tr:hover .bButtonLite.bUpdate, .basketList tr:hover .bButtonLite.bDelete { background-position-x: -69px; }

                .bButtonLite.bDelete { background-position-y: 11px; }
                    .pageBasic .bButtonLite.bDelete:hover { background-position-x: -109px!important; }

            .biUpdate .bButtonLite.bUpdate span { display: none; }


/*****************************************************************
= CREATE NEW ORDER
*****************************************************************/

    /****** aspNetDisabled Not Used?  - Old WebForms ******/

.onewDateWrap { 
    position: relative; 
    width: 70%; 
    padding-right: 50px; }

.iDate, .dueDate::after, .onewDateWrap .ui-datepicker-trigger { 
    display: block;
    position: absolute; 
    width: 42px; 
    height: 42px; 
    top: 24px;
    right: 0;
    background: url(../images/iSpriteBig.png) no-repeat -60px -480px; }
    a.iDate:hover { background-position-x: -100px; }

    .iDate.iTime { background-position-y: -2280px; }

    .dueDate::after { 
        content: ' ';
        top: -1px; 
        left: 0; }

        .onewDateWrap .ui-datepicker-trigger { 
            top: 33px; 
            border: none; 
            overflow: hidden;
            text-indent: -9999px; }

        .fInline .form-control.datepicker { width: 100%; }

        .fInline .onewDateWrap .ui-datepicker-trigger { top: -2px; }


/*****************************************************************
= ADD PRODUCTS - CONTAINER UPLOAD 2024
*****************************************************************/

.pageContainerLoad h1::after { 
    background-position-x: -700px; 
    background-position-y: -4100px; }

.addProductWrap { 
    width: 100%; 
    margin-top: 30px; }

    .addProductWrap.in { display: flex; }

    .addProductWrap h2 { 
        max-width: 350px;
        color: #6f577e;
        text-align: center;
        text-transform: unset; }

    .addProductLeft, .addProductRight {         
        align-items: center;
        width: calc(50% - 60px); }

    .addProductWrap .addProductMid { 
        justify-content: center; 
        align-items: center;
        width: 120px; 
        padding-top: 100px; }

    .addProductWrap .bButtonGiant { 
        display: flex; 
        justify-content: center; 
        align-items: center; 
        width: 200px; 
        height: 200px; 
        margin-top: 30px; 
        padding: 40px 10px 10px; 
        font-size: 24px; 
        text-transform: unset;
        font-family: "Lato", Arial, Helvetica, sans-serif !important; 
        font-weight: bold;
        transition: transform 0.4s; 
        transform: scale(1); }

        .addProductWrap .bButtonGiant:hover { transform: scale(1.05); }

        .addProductWrap .bButtonGiant::after { 
            width: 36px;
            height: 36px;
            margin: -40px -18px 0 0;
            top: 50%;
            right: 50%; 
            background-position-x: -250px; 
            background-position-y: -1700px; }

            .addProductWrap .addProductRight .bButtonGiant::after { 
                width: 42px;
                height: 42px;
                margin: -45px -21px 0 0;
                /*background: url(../images/iFiles.png) no-repeat -250px -100px;*/                   
                background: url(../images/iFiles.svg) no-repeat center 14%; 
                background-size: cover; }

.panelAddProductsWrap .tableAddProducts, .tableQuickUpload.tableList { margin: 0; }

.tableAddProducts.rTable-767 thead.stickyHead th { background: #dcdcd9 }

    .tableQuickUpload.tableList th { 
        font-family: "Lato", Arial, Helvetica, sans-serif !important; 
        font-weight: bold; }

.tableAddProducts.rTable-767 .tbItemSkU { 
    width: auto; 
    padding-right: 20px; }

    .pageContainerLoad .quickList .tbItemSkU, .pageContainerLoad .quickList .tbItemSkU form { z-index: auto !important; }

    .pageContainerLoad .tInfo { 
        width: 20px;
        padding-left: 20px;
        padding-right: 0; }

        .pageContainerLoad .tInfo .bProductInfo { 
            position: relative !important; 
            top: unset;
            right: 0; }

    .pageContainerLoad .tInfo + .biName { padding-left: 10px; }

    .tableAddProducts.rTable-767 tr:not(.invalidBasketItem) td.tbItemSkU::before { display: none; }

    .tableAddProducts .tbItemSkU .bProductInfoWrap { white-space: nowrap; }

    .pageContainerLoad .tableAddProducts th.tbItemCost { padding-right: 0; }

    .tableAddProducts .tbItemCost .tCentre { 
        margin-left: auto;
        width: 80px; }

.tableAddProducts .tbItemChk { width: 70px; }

    .tableAddProducts .tbItemChk .bDelete { 
        top: 50%; 
        right: 20px; 
        margin-top: -20px; }

.panelAddProductsWrap .tableAddProducts + .gtrBoth { 
    justify-content: flex-end;
    width: 100%; }


/*** XLS Upload Page ***/

.pageContainerLoad .fgAddTrackerDoc.dropzone { 
    width: 100%; 
    margin: 0; }

.pageContainerLoad.pageQuickUpload .bDownloadXLSWrap { margin: 40px 0 30px; }

    .pageContainerLoad .tbItemSkU { vertical-align: middle; }

    .pageContainerLoad .bButtonLite.bDelete { 
        top: 50%; 
        right: 20px;
        margin-top: -20px; }

    .pageContainerLoad .invalidBasketItem .tbQty .tbError { 
        position: static; 
        margin: 5px 0; }

    .bSetNearest { 
        width: 100%;
        height: 50px;
        margin-top: 0;
        line-height: 1;
        font-size: 14px; 
        text-align: left; }

        .bSetNearest::after { 
            width: 20px;
            height: 20px;
            top: 50%;
            margin-top: -10px;
                -ms-transform: rotate(-90deg);
                -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            /*background: url(../images/iArrows.png) no-repeat center -100px;*/
            background: url(../images/iArrows.svg) no-repeat center 10%; 
            background-size: cover; }

        .bSetNearest .fontBlack { color: #787875; }
            .bSetNearest:hover .fontBlack { color: #40403f; }

    .pageContainerLoad table .bProductInfoWrap { display: block; }

        .pageContainerLoad .selectizeSearch { 
            width: auto; 
            max-width: 300px; }

    .barButtonContainers { width: calc(100% - 240px); }

        .pageContainerLoad .barButtons .bReStart { margin-right: 40px; }

        .pageContainerLoad .invalidBasketItem .selectize-control .selectize-dropdown { z-index: 200; }

        .pageContainerLoad .errorWrap { border-bottom: solid 10px #c7c7c6; }

            .pageContainerLoad .validation-summary { 
                margin: 0; 
                padding-left: 60px; }

                .pageContainerLoad .validation-summary .iCorner { 
                    top: 0;
                    left: 0;
                    transform: none;
                    background-position-x: 0;
                    background-position-y: -950px; }

                    .pageContainerLoad .validation-summary .iCorner::after { display: none; }

                .pageContainerLoad .validation-summary h3 { 
                    margin-bottom: 10px;
                    padding-left: 0; }


/*** Container Load Basket Page ***/

.pageContainerLoad .biHead .biTotals th { 
    white-space: nowrap; 
    padding-left: 0; }

.pageContainerLoad .biHead.in .inArrow { height: 16px; }

.pageContainerLoad h5.productInfoWrap { 
    position: relative;
    display: flex; 
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 40px;
    padding-right: 30px; }

    .pageContainerLoad h5.productInfoWrap strong { 
        display: inline-block; 
        margin-bottom: 5px; }
    
    .pageContainerLoad h5.productInfoWrap .bProductInfo, .pageContainerLoad #addSKUFields .bProductInfo { right: 0; }

.pageContainerLoad #addSKUFields form { position: relative; }

    .pageContainerLoad .addExtraItemWrap .slideThis .addExtraCode { padding-right: 0; }

        .pageContainerLoad .addExtraCode .selectizeSearch { width: 100%; }

    .pageContainerLoad .addExtraCode .bProductInfoWrap:not(.selectizeSearch) { 
        margin-top: 37px;
        padding-right: 30px;
        font-size: 15px; 
        font-weight: bold; }

        .pageContainerLoad .slideThis .addExtraCode .bProductInfo { 
            top: -3px; 
            right: 0; }

    .pageContainerLoad .slideThis .addExtraImage { order: -1; }

    .pageContainerLoad .slideThis .addExtraName, .pageContainerLoad .addExtraCancel { padding-top: 20px; }

        .pageContainerLoad .slideThis .addExtraName h5 { 
            display: flex; 
            align-items: center;
            min-height: 40px;
            text-transform: none; }
    
    .pageContainerLoad .slideThis .addExtraPrice label { white-space: nowrap; }

    .pageContainerLoad .addExtraPrice span { 
        display: flex;
        justify-content: flex-end;
        align-items: center;     
        height: 40px;
        font-size: 16px; 
        font-weight: bold; }

    .pageContainerLoad .slideThis .addExtraCancel { 
        display: flex; 
        justify-content: center; }

        .pageContainerLoad.pageBasket .addExtraCancel .bButtonLite.bDelete { 
            top: 0; 
            right: 0; 
            background-position-y: 12px; }

.pageContainerLoad .conFullSKU:empty { margin-top: 0; }

.pageContainerLoad .panelBasketGrandTotal { gap: 10px; }

    .pageContainerLoad .panelBasketGrandTotal .bButton.bDouble { 
        position: relative; 
        margin-right: 0; }

        .pageContainerLoad .panelBasketGrandTotal .bButton:not(.bReStart)::after { 
            /*background: url(../images/iFiles.png) no-repeat -350px -100px;*/ 
            background: url(../images/iFiles.svg) no-repeat center 16%; 
            background-size: cover; }

        .pageContainerLoad .panelBasketGrandTotal .bButton.bReStart::after { height: 22px; }

    .pageContainerLoad .panelBasketGrandTotal .barTotal { 
        width: auto; 
        margin-left: auto; }

    .pageContainerLoad.pageBasket .bButtonLite.bDelete { 
        top: 5px; 
        margin-top: 0; }


/*** Older Basket System - Still Used? ***/

    .pageQuick .bProductInfo { 
        top: 30px;
        right: -6px;
        z-index: 9998 !important; }

        .barButtons .bButton.bDouble::after { height: 22px; }

    .barButtons .bGrey.bDouble::after { background-position-y: 30%; }

    .bDownloadXLS.bButton.bDouble::after { background: url(../images/iSprite.png) no-repeat -80px -400px; }
    .bUploadXLS.bButton.bDouble::after { background: url(../images/iSprite.png) no-repeat -80px -450px; }

    .bUpdate.bButton.bDouble::after { 
        background: url(../images/iSprite.png) no-repeat -80px -50px;
        -ms-transform: none;
        -webkit-transform: none; 
        transform: none; }

        .bEmptyBasket.bButton.bDouble::after { 
            height: 22px;
            background: url(../images/iSprite.png) no-repeat -80px -500px; }


/******  UPLOAD ORDER  ******/

.pageQuickUpload .bButton.bSearchDoc { color: #FFFFFF; }
    .pageBasic .bUploadDocWrap::after { background-position-x: 0; }

    .bDownloadXLSWrap { 
        float: left; 
        width: 100%; 
        margin: 45px 0 70px; }

        .bDownloadXLSWrap .bDownloadXLS { 
            float: none; 
            width: 180px; 
            margin: 0 auto; }

        .pageQuickUpload .bDownloadXLSWrap { margin: 60px 0 10px;  }

            .pageQuickUpload .bDownloadXLSWrap .dotty { margin-top: 30px; }

            .pageQuickUpload .bDownloadXLSWrap .bButton { 
                float: none; 
                width: 255px; 
                margin: 0 auto; 
                top: 0; }

                .bDownloadXLSWrap .bDownloadXLS::after { background-position-y: -400px; right: -6px !important; }

    .uploadXLWrap .centre { 
        display: block;
        width: 600px; 
        min-height: 100px;
        margin: 30px auto 0; }

    .uploadXLWrap .bUploadDocWrap {
        position: relative;
        width: auto;
        min-height: 80px;
        left: 0; 
        right: 0;
        
        float: none;
        padding-bottom: 0; }

        .bUploadDocWrap::after { 
            content: ' ';
            position: absolute;
            display: block;
            width: 24px;
            height: 22px;
            padding-top: 5px;
            bottom: 36px;
            left: 50%;
            margin-left: -10px;
            cursor: pointer; 
            background: url(../images/iSprite.png) no-repeat -80px -600px; 
            pointer-events: none; /* Need this to make the icon clickable and not a click mask */
            z-index: 9700; }

            .bUploadDocWrap .bButton { 
                position: absolute; 
                width: 200px; 
                bottom: 0;
                left: 50%; 
                margin-left: -100px; }

        .bUploadDocWrap .uploadergrid {
            position: relative;
            width: 100% !important;
            min-width: initial !important;
            margin: 0 0 0 0;
            height: 40px;
            top: 0;
            left: 0;
            right: 0;
            border: 0;
            border-radius: 0;
            font-family: Lato, Arial, Helvetica, sans-serif;
            background: #FFFFFF;
            z-index: 9800; }

            /*.bUploadDocWrap .uploadergrid tr { background-color: #eeeeeb; }*/

                .bUploadDocWrap .uploadergrid td, .modal .bUploadDocWrap td { 
                    padding: 30px 0;
                    font-size: 18px; 
                    color: #40403f; 
                    font-weight: bold; }
                    
                .bUploadDocWrap .uploadergrid td:nth-child(1), .modal .bUploadDocWrap td:nth-child(1) { width: 1% !important; padding-right: 10px; }
                .bUploadDocWrap .uploadergrid td:nth-child(2), .modal .bUploadDocWrap td:nth-child(2) { width: 99% !important; }
                .bUploadDocWrap .uploadergrid td:nth-child(3), .modal .bUploadDocWrap td:nth-child(3) { width: 1% !important; }

                .uploadergrid td:last-child a img, .modal .bUploadDocWrap td:last-child a img { display: none; }

                    .uploadergrid .UploaderRemoveButton, .modal .bUploadDocWrap .UploaderRemoveButton { 
                        display: block;
                        position: relative;
                        width: 30px; 
                        height: 30px; 
                        background: #be1622;
                        border-radius: 3px; }

                        .uploadergrid .UploaderRemoveButton::after, .modal .bUploadDocWrap .UploaderRemoveButton::after { 
                            content: ' ';
                            display: block;
                            position: absolute;
                            width: 30px;
                            height: 30px;
                            top: 50%;
                            left: 50%;
                            margin: -7px 0 0 -7px;
                            background: url(../images/iSprite.png) no-repeat -40px -250px; }
                            .uploadergrid .UploaderRemoveButton:hover, .modal .bUploadDocWrap .UploaderRemoveButton:hover { background-color: #aa1414; }

        /*.bUploadDocWrap .uploaderCancel { 
            position: relative; 
            right: 0;
            float: right; 
            height: 30px; 
            line-height: 30px; 
            margin-top: 10px; 
            padding: 0 10px; 
            border: none; 
            border-radius: 3px;  
            color: #FFFFFF;
            font-size: 15px; 
            font-weight: bold;
            text-transform: uppercase;
            background: #be1622; }

            .bUploadDocWrap .uploaderCancel:hover { background: #aa1414; }*/

        .bUploadDocWrap .uploaderprogress, .bUploadDocWrap span table { width: 100% !important; }

        .fgUpload { display: flex; }

            .fgUpload label { align-self: start; padding-top: 12px; }

    .pageQuickUpload .barButtons .bButton { margin-top: 0; }

        .bSubmitXLWrap { 
            position: relative; 
            float: right; }

            .bSubmitXLWrap .bButton { margin-top: 0; }

            .bSubmitXLWrap::after { top: 12px; }

            .bBasketXLWrap::after { 
                width: 30px;
                height: 26px;
                margin-left: -15px;
                background: url(../images/iSprite.png) no-repeat -6px -300px; }

    .pageBasic tr.invalidBasketItem:hover td::after , .pageQuick tr.invalidBasketItem .tbQty .form-control { border-color: #be1622!important; }
        .pageBasic tr:not(.selected) h5, .pageBasic tr.invalidBasketItem td , .pageBasic tr.invalidBasketItem td h5,
            .pageBasic tr:not(.selected):not(.invalidBasketItem) .tbItemSkU .alert-redAlert, tr:not(:hover) .oiCustomerCode span { color: #949491; }
            .quickList tr.invalidBasketItem td:first-of-type { padding-left: 60px; }
        .pageBasic .tbItemSkU .alert-redAlert { color: #40403f; }
        .pageBasic tr.invalidBasketItem .tbItemSkU .alert-redAlert { color: #be1622; }

        .pageBasic tr.invalidBasketItem .tbQty , .pageBasic tr.invalidBasketItem .tbItemCost { padding-top: 14px; padding-bottom: 22px; }

            .pageBasic tr .tbItemSkU .alert-redAlert, .exlException .alert-redAlert { 
                display: block!important; 
                min-height: unset; 
                border: none; 
                margin: 0; 
                padding: 0; 
                font-size: inherit;
                background: none; }
                .pageBasic tr .tbItemSkU .alert-redAlert::before , .pageBasic tr .tbItemSkU .alert-redAlert::after { display: none; }

                .pageBasic tr.invalidBasketItem .tbItemSkU .alert-redAlert::before { 
                    display: block;
                    border-left: 12px solid transparent;
	                border-right: 12px solid transparent;
	                border-bottom: 24px solid #be1622; 
                    left: -32px; 
                    top: 50%; 
                    margin-top: -12px; }

                .pageBasic tr.invalidSku.invalidBasketItem .tbItemSkU .alert-redAlert::before { top: 25px; margin-top: 0; }
                    .pageBasic tr.invalidSku.invalidBasketItem .tbItemSkU .alert-redAlert::after { top: 29px; margin-top: 0; }

                .pageBasic tr.invalidBasketItem .tbItemSkU .alert-redAlert::after { 
                    display: block; 
                    left: -23px; 
                    top: 50%; 
                    margin-top: -8px;
                    font-size: 16px; }

            .pageBasic tr:not(.invalidBasketItem) td.tbItemSkU::before , .pageQuickUpload tr:not(.invalidBasketItem) td.tbItemChk::before, 
                .tableWarrantyList tr.selected td:first-of-type::before,
                .tableWarrantyList.selectAll td:first-of-type::before,
                .tableInspectionForthcoming tr.selected td:first-of-type::before, 
                .tableInspectionForthcoming.selectAll td:first-of-type::before { 
                    content: ' '; 
                    display: block; 
                    position: absolute; 
                    width: 10px; 
                    top: 3px; 
                    bottom: 3px; 
                    left: 0; 
                    background-color: #cbd4aa; }

                .pageBasic tr.selected td.tbItemSkU::before , .pageQuickUpload tr.selected td.tbItemChk::before, 
                    .tableWarrantyList tr.selected td:first-of-type::before, 
                    .tableWarrantyList.selectAll td:first-of-type::before, 
                    .tableInspectionForthcoming tr.selected td:first-of-type::before, 
                    .tableInspectionForthcoming.selectAll td:first-of-type::before
                    { background-color: #89a617; }

                .pageQuickUpload tr:not(.invalidBasketItem) td.tbItemChk::before, .tableWarrantyList tr.selected td:last-of-type::before, .tableWarrantyList.selectAll td:last-of-type::before
                    { left: auto; 
                      right: 0; }

                tr.invalidBasketItem .selectize-control { margin-top: 15px; }

        tr.invalidBasketItem .tbError { 
            display: inline-block;
            color: #be1622;
            font-weight: bold; 
            font-size: 15px; }

            tr.invalidBasketItem .tbQty .tbError {
                display: block;
                position: absolute; }

            tr.invalidBasketItem .tbError strong { 
                font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
                font-weight: 900; }

.pageQuick .quickList td, .quickList td > * { /*z-index: auto !important;*/ } /* For selectize-dropdown layer issue */
     
        .pageQuick .quickList tbody tr td::after, .pageQuick .quickList tbody tr:hover td::after { z-index: 0 !important; }
    
    .quickList tr { background: none; }
        .quickList thead tr, .quickList tr:last-of-type { border-bottom: none; }

    .quickList .tbItemSkU { width: 28%; }

    .quickList .tbItemthumb { width: 70px; padding-left: 30px; }

    .quickList .tbItemName { vertical-align: middle; }

        .quickList th.tbItemSkU, .quickList th.tbItemName { text-align: left; }

        .quickList td.tbItemName { color: #949491; }

.quickList .tbItemChk input { z-index: 9999!important; }

    .quickList .tbItemName h5 { 
        display: inline-block;
        margin: 0;
        font-size: 15px; 
        color: #000000; 
        text-decoration: none; }

    .pageQuick .tbQty { 
        width: 120px; 
        padding-right: 10px; }

        .pageQuick .form-control, .quickList td:last-of-type .bigCheck { z-index: 100 !important; }

    .pageQuick .quickList .tbItemCost { width: 12%; }
        .pageQuick:not(.pageQuickUpload) .quickList .qlPrice.tbItemCost { width: 13%!important; }
        .pageQuick .quickList th.tbItemCost { text-align: center; }
        .pageQuick .quickList th.qlPrice.tbItemCost { text-align: center; }
    
    .pageQuickUpload .tbItemSkU { width: 24%; }
    .pageQuickUpload .tbItemthumb { 
        padding-left: 20px; 
        padding-right: 20px; 
        text-align: center!important; }
    .pageQuickUpload .tbQty { width: 150px; }
    .pageQuickUpload .quickList .tbItemCost { width: 9%; text-align: center; }
        .pageQuickUpload .quickList .form-control { min-width: 90px; }
    .pageQuickUpload td.tbItemChk { text-align: right; }
    .pageQuickUpload .tbItemChkAll { text-align: right ; }
        .pageQuickUpload .tbItemChkAll::after { display: none !important; }
        .pageQuickUpload .tbItemChkAll label { 
            position: absolute;
            display: block;
            top: 26px;
            right: 70px;
            margin-bottom: 0; }


/*****************************************************************
= BASKET PAGE
*****************************************************************/

.pageBasket .contentMain { padding: 0; }

.pageBasic .revPanelDetails.biPanelDetails { 
    position: relative;
    border-bottom: solid 10px #c7c7c6; }

    .pageBasic .revPanelDetailsShort.revPanelDetails { position: relative; }

        .pageBasket.pageBasic .revPanelDetailsShort, .pageQuick.pageBasic .revPanelDetailsShort, .pageTools .revPanelDetailsShort.revPanelDetails { padding-bottom: 30px; }

.biHead { 
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    border-bottom: solid 3px #949491;
    z-index: 990; }

    .biHead:hover { 
        color: #000000 !important;
        text-decoration: none ; }

    .biHead .biThumb { width: 100px; }

        .biHead .biThumb::after, .oiIcon::after { 
            content: ' ';
            display: block;
            position: absolute;
            width: 60px;
            height: 50px;
            top: 10px;
            left: 30px; 
            background: url(../images/iSpriteGiant.png) no-repeat -100px -102px; }

    .biName { padding-right: 30px; }

            .biHead .biName h3 { 
                margin-bottom: 0; 
                color: #949491;
                text-align: left;
                /*font-size: 24px; 
                font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
                font-weight: 900; 
                line-height: 1;*/ 
                font: 900 24px/1 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
                letter-spacing: -1px; }       

        .basketList h5 { font-size: 12px; }

            .basketList h5 span { font-size: 16px; }

    .biHead .biContainer { 
        float: right; 
        display: block; 
        width: 170px;
        height: auto; 
        margin-right: 8px; 
        padding-top: 20px; }    

        .biHead.in .biContainer , .in.biHead .biTotals { display: none; }

    .biContainer .containerMini { margin-right: 8px; }

    .biTotals { 
        width: 200px; 
        padding-right: 0 !important;
        font-weight: bold; 
        text-align: right; }

        .biHead .biTotals th { 
            height: 20px;
            padding: 0;
            font-size: 12px;
            color: #787875;
            text-align: right; 
            background: none !important; }

        .biHead .biTotals td { 
            width: 120px;
            height: 20px;
            padding: 0;
            font-size: 15px;
            color: #40403f;
            text-align: right; }

            .biTotals td::after { display: none !important; }

    .biHead .biHeadTitle { display: none; }

        .biHead.in .biHeadTitle { display: table-cell; }

    .biThumb { width: 100px; min-width: 100px; }

    /*.biQty .form-control { border-color: #c7c7c6; } duplicate */

    .biUpdate .bButtonLite.bUpdate , .biDelete .bButtonLite.bDelete { 
        top: 23px; 
        left: 50%; 
        margin-left: -20px; }

 .pageBasket .contentWrap { padding-top: 10px; }

    .addExtraItemWrap { 
        margin-bottom: 20px;
        text-align: left; }
        
    .addExtraItem { 
        display: block;
        position: relative;
        width: 100%; 
        height: 40px; 
        line-height: 40px;
        padding-left: 36px;
        color: #FFFFFF; 
        font-size: 18px; 
        font-weight: bold; 
        text-transform: uppercase; 
        background: #b0b0ad; }

        .addExtraItem:hover , .addExtraItem:focus { 
            color: #FFFFFF; 
            text-decoration: none; 
            background: #949491; }

        .addExtraItem:after { 
            content: '+'; 
            display: block; 
            position: absolute; 
            top: -1px;
            left: 10px;
            color: rgba(255, 255, 255, 0.5);
            /*font-size: 32px; 
            font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
            font-weight: 900;*/ 
            font: 900 32px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; } 

        .inArrow { 
            display: block;
            position: absolute;
            overflow: hidden;
            width: 30px;
            height: 15px;
            bottom: 0;
            right: 50%; 
            margin-right: -15px; }

            .inArrow::after/*, .basketItemList .addExtraItem .inArrow::after*/ { 
                content: ' ';
                position: absolute;
                display: block;
                width: 30px;
                height: 30px;
                left: 50%;
                top: 0;
                margin-left: -15px;
                border-radius: 50%;
                transition: background ease-in 0.3s;
                /*ms-transform: rotate(90deg);*/ /* IE 9 */
                    /*-webkit-transform: rotate(90deg); 
                    transform: rotate(90deg);*/
                /*background: #FFFFFF url(../images/iArrows.png) no-repeat -14px -1291px; */
                background: url(../images/iArrows.svg) no-repeat center 76.5%; 
                background-color: #949491;
                background-size: cover; }

                .in .inArrow, .basketItemList .addExtraItem.in .inArrow { bottom: -13px; }
                    .biHead.in .inArrow, .tRevenueOther .in .inArrow { bottom: -18px; }

                .in .inArrow::after/*, .addExtraItem.in .inArrow::after*/ { 
                    margin-top: -15px;
                    /*    ms-transform: rotate(-90deg);
                        -webkit-transform: rotate(-90deg);
                        transform: rotate(-90deg);
                    background: url(../images/iArrows.png) no-repeat -15px -1241px;*/
                    transform: rotate(180deg);
                    background-position-y: 75.25%;
                    background-color: #6f577e; }

                .basketItemList .addExtraItem .inArrow { 
                    bottom: 0; 
                    /*background-color: #FFFFFF;*/ }

                    .basketItemList .addExtraItem .inArrow::before { 
                        content: ' ';
                        position: absolute;
                        display: block;
                        width: 30px;
                        height: 30px;
                        left: 50%;
                        top: 0;
                        margin-left: -15px;
                        border-radius: 50%; }

                        .basketItemList .addExtraItem:not(.in) .inArrow::before { background-color: #FFFFFF; }

                    /*.basketItemList .addExtraItem .inArrow::after { 
                        margin-top: 0;
                        background-color: #FFFFFF; }*/

                    .basketItemList .addExtraItem:not(.in) .inArrow::after {                         
                        margin-top: -10px;
                        background-color: transparent;
                        transform: none;
                        filter: brightness(0) saturate(100%); /* - add this filter in front to start black  */
                        filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%); }  /* Mid Grey */

                        .basketItemList .addExtraItem.in .inArrow::before { 
                            top: unset; 
                            bottom: 0;
                            background-color: #6f577e;  }

                        .basketItemList .addExtraItem.in .inArrow::after { 
                            background-position-y: 76.4%; 
                            background-color: transparent !important; }

                .biHead .inArrow::after { 
                    /*background: #949491 url(../images/iArrows.png) no-repeat -15px -1241px;*/
                    /*background-color: #949491;*/ 
                    background-position-y: 76.4%; }

        .addExtraItemWrap .slideThis { 
            padding: 20px 0 20px; 
            border-bottom: solid 3px #787875; }

            .addExtraItemWrap .slideThis label { 
                color: #5c5c5a; 
                font-size: 12px; 
                font-weight: bold;
                text-transform: uppercase; }

        .slideThis .addExtraCode {
            position: relative;
            float: left;
            width: calc((100% - 360px) / 100 * 30); 
            padding-right: 40px; }

            .addExtraCode .selectize-control.single .selectize-input { min-width: 190px; }

            .slideThis .addExtraCode .bProductInfo { top: 30px; right: 10px; }

        .slideThis .addExtraImage {
            float: left;
            width: 90px;    
            min-height: 60px; }

            .slideThis .addExtraImage img {
                position: relative;
                margin: -5px 0 0 -35px;
                left: 50%; }

            .slideThis .addExtraName { 
                float: left; 
                width: calc((100% - 360px) / 100 * 40); 
                max-height: 60px;
                margin-right: 20px; }

                .slideThis .addExtraName h5 { 
                    display: table;
                    height: 100%;
                    min-height: 40px;
                    margin-bottom: 0;
                    line-height: 1.1;
                    font-size: 18px; }
                    .slideThis .addExtraName h5 span { 
                        display: table-cell;
                        vertical-align: middle;     
                        text-align: left; } 

            .slideThis .addExtraQty , .slideThis .addExtraPrice { 
                float: left; 
                width: calc((100% - 360px) / 100 * 15); 
                margin-right: 20px; }

                 .slideThis .addExtraPrice { margin: 0; }

                .slideThis .addExtraCancel { 
                    float: left;
                    width: 60px; }

                    .addExtraCancel .bButtonLite.bDelete { 
                        position: relative!important; 
                        margin: 0 10px;
                        padding-top: 0;
                        color: #787875;
                        font-size: 11px; 
                        font-weight: bold;  
                        text-transform: uppercase;
                        text-decoration: none; 
                        background-position-y: 16px; }

            .slideThis .addExtraButton { 
                float: right; 
                width: 170px; 
                text-align: right; }

                .addExtraButton .bButton { 
                    position: relative;
                    float: right; 
                    width: 100%;
                    margin-top: 23px;
                    padding-left: 5px;
                    padding-right: 40px; }

                    .addExtraButton .bButton::after { 
                        content: ' ';
                        position: absolute;
                        display: block;
                        /*width: 30px;
                        height: 30px;*/
                        width: 20px;
                        height: 20px;
                        right: 10px;
                        top: 10px;
                            ms-transform: rotate(-90deg);
                            -webkit-transform: rotate(-90deg);
                        transform: rotate(-90deg);
                        /*background: url(../images/iArrows.png) no-repeat center 10px;*/
                        transition: all 0.3s;
                        background: url(../images/iArrows.svg) no-repeat center 20%; 
                        background-size: cover; }

                        .addExtraButton .bButton:not(:hover)::after { opacity: 0.7; }

    .barTotal { 
        width: 100%;        
        font-size: 16px; 
        text-align: right;
        border-top: solid 3px #dcdcd9;
        border-bottom: solid 3px #dcdcd9; }

        .barTotal th { 
            padding: 10px 0 10px 15px;
            text-align: right;
            color: #949491;
            text-transform: uppercase;
            font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
            font-weight: 900; }

        .barTotal td { 
            width: 200px;
            padding: 8px 0 8px 15px; 
            color: #40403f; 
            letter-spacing: 1px;
            font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
            font-weight: 900; }

            .barTotal tr:first-of-type th, .barTotal tr:first-of-type td { padding-top: 15px; }
            .barTotal tr:last-of-type th, .barTotal tr:last-of-type td { padding-bottom: 15px; }

            .barTotal .factorySubTotal {
                text-align: left;
                color: #949491;
                font: 900 18px/1.1 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; }

            .barTotal.subTotal { position: relative; }

            .barTotal .factorySubTotal span { font-size: 15px; }

            .grandTotal th { color: #787875 !important; }

            .barGrandTotal.barTotal { 
                margin: 0;
                border: none; 
                border-top: solid 10px #c7c7c6; }

                .barGrandTotal.barTotal td { 
                    width: 230px; 
                    padding-right: 30px; }

                .barGrandTotal.barTotal tr:first-of-type th, .barGrandTotal.barTotal tr:first-of-type td { padding-top: 30px; }
                .barGrandTotal.barTotal tr.grandTotal th, .barGrandTotal.barTotal tr.grandTotal td { padding-bottom: 30px; }

        .surchargeWrap { 
            margin-bottom: 10px;
            padding-top: 10px;
            border-top: solid 3px #dcdcd9; }

            /*.pageReview .surchargeWrap { 
                padding-bottom: 0;
                border: none; }*/

            .surcharge { 
                display: block;
                padding: 20px 0; 
                text-align: right;
                font-size: 15px; 
                color: #be1622; 
                font-weight: bold; }

            .surchargeWrap .bigCheck { 
                display: block; 
                float: right; 
                width: 100%;
                padding-bottom: 20px; 
                text-align:right;
                border-bottom: solid 3px #dcdcd9; }

                .surchargeWrap input { 
                    float: right; 
                    margin-top: 0; }

                .surchargeWrap label { 
                    height: 30px;
                    line-height: 30px;
                    font-size: 15px;
                    margin-right: 10px; 
                    text-transform: none; }

                .surchargeWrap .validation-summary { 
                    clear: both; 
                    float: left; 
                    margin: 20px 0 -10px; }

.pageBasket .barButtons { 
    border: none; 
    margin: 20px 0 40px;
    padding-top: 0; }

    .pageBasket .bUpdate.bButton.bDouble::after { 
        background-position-y: -50px;
        transform: none; }

    .pageBasket .barBasketButtons > .bButton.bDouble:not(.bOrder):last-of-type { position: relative; right: 0; float: right; color: #FFFFFF; }
        .pageBasket .barBasketButtons > .bButton.bDouble:not(.bOrder):last-of-type::before { display: none; }    
        .pageBasket .barBasketButtons > .bButton.bDouble:not(.bOrder):last-of-type::after { background-position-x: 0; }

.itemWarehouse .biHead .biThumb::after { background-position-y: -200px; }

    .pageBasket .slideThis .validation-summary { margin-top: 20px; }

.panelBasketGrandTotal { 
    position: relative;     
    border-top: solid 10px #c7c7c6; }

    .panelBasketGrandTotal .barTotal { border: none; }


/******  Revised Plug Types ******/

    /* .plugItemWrap - Still Used? No instances found Aug 2025 */ 
    /* .plugActive - Still Used? No instances found Aug 2025 */
    /*  .plugEU, .plugUK, .plugAUS, .plugUS - Still Used? No instances found Aug 2025 */

/*.plugTypes .plugEU, .plugTypes .plugUK, .plugTypes .plugAUS { 
    display: block; 
    float: left; 
    position: relative;
    margin-right: 40px;
    padding-right: 35px; }*/ 
    /*.plugItemWrap .plugAUS { margin-right: 0; }*/

    /*.plugItemWrap .plugTypes label::after { 
        content: ' ';
        display: block;
        position: absolute;*/
        /*width: 26px;
        height: 26px;*/
        /*width: 30px;
        height: 30px;
        top: -3px;
        right: -35px;*/
        /*background: url(../images/iSprite.png) no-repeat -80px -1700px; */
        /*background: url(../images/iPlugs.svg) no-repeat center 0; 
        background-size: cover; }*/  /* Grey */

        /*.plugItemWrap .plugTypes .plugEU label::after {*/ /*background-position-y: -1700px;*/ /*background-position-y: 20%; }
        .plugItemWrap .plugTypes .plugUK label::after {*/ /*background-position-y: -1750px;*/ /*background-position-y: 0%; }
        .plugItemWrap .plugTypes .plugUS label::after {*/ /*background-position-y: -1800px;*/ /*background-position-y: 40%; }
        .plugItemWrap .plugTypes .plugAUS label::after {*/ /*background-position-y: -1850px;*/ /*background-position-y: 60%; }
            
            .plugItemWrap .plugTypes > span:hover label { color: #000000; }

    .plugItemWrap input[type="radio"] { 
        display: block; 
        float: left; }

        .plugItemWrap input[type="radio"] { 
            width: 20px; 
            height: 20px; }*/

    /*.plugActive { 
        display: block; 
        position: relative; 
        min-width: 60px;
        padding-right: 35px; 
        color: #b0b0ad; 
        text-align: right;*/
        /*font-size: 21px; 
        font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
        font-weight: 900;*/ 
        /*font: 900 21px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; }*/
                
        /*.plugActive::after { 
            content: ' '; 
            display: block; 
            position: absolute;*/ 
            /*width: 26px; 
            height: 26px; */
            /*width: 30px;
            height: 30px;
            top: 0; 
            right: 0; 
            filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%);*/ 		/* #787875 Mid Grey */
            /*background: url(../images/iPlugs.svg) no-repeat center 0; 
            background-size: cover; }*/

        /*.plugItemWrap .plugTypes > span:hover label::after,*/ /*.plugActive::after {*/ 
            /*background-position-x: -320px!important; */
            /*filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); }*/ /* Grape */

            /*.plugEU.plugActive::after {*/ /*background: url(../images/iSprite.png) no-repeat -110px -1700px;*/ /*background-position-y: 20%; }*/ /* Grey? */
            /*.plugUK.plugActive::after {*/ /*background: url(../images/iSprite.png) no-repeat -110px -1750px;*/ /*background-position-y: 0%; }
            .plugUS.plugActive::after {*/ /*background: url(../images/iSprite.png) no-repeat -110px -1800px;*/ /*background-position-y: 40%; }
            .plugAUS.plugActive::after {*/ /*background: url(../images/iSprite.png) no-repeat -110px -1850px;*/ /*background-position-y: 60%; }*/


/*****************************************************************
= SHIPPING PAGE
*****************************************************************/

    /* OLD - Shipping Page No longer used */
                

/*****************************************************************
= EXTRAS PAGE
*****************************************************************/

    /* OLD - Extras Page No longer used */


/*****************************************************************
= REVIEW PAGE
*****************************************************************/

.pageExceptions .contentMain, .pageExceptions .contentWrap { padding-top: 0; }

.pageExceptions section { 
    position: relative; 
    margin: 0 30px;
    padding: 40px 0;
    border-bottom: dotted 4px #dcdcd9;
        /*border-width: 0 0 10px 0;*/
        border-width: 0 0 14px 0;
        border-style: dotted ;
        border-color: #dcdcd9; 
        /*border-image-source: url('../images/dotBorder.png');*/
        border-image-source: url('../images/dotBorder.svg');
        border-image-slice: 33% 33%; /* no unit for px, you can use % */
        border-image-repeat: round; /* the middle slices will be repeated cleanly up to the edges */ } 

    .pageExceptions section:first-of-type { 
        margin: 0;
        border-bottom: none;  }

    .pageExceptions section:last-of-type:not(.panelDottyBottom) { 
        padding-bottom: 0; 
        border-bottom: none; }

     .pageExceptions section h3, .pageBasic .revPanelDetails h3 { 
         margin-top: -6px;
         margin-bottom: 30px;
         text-align: center; 
         font-size: 36px; 
         color: #b0b0ad; 
         letter-spacing: -1px;
         font-weight: normal; }
        .pageExceptions section h3 span { 
            font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
            font-weight: 900; }

.pageBasic .revPanelDetails { 
    padding: 30px 30px 10px; 
    text-transform: uppercase;
    background: #dcdcd9;  }

    .pageBasic .revPanelDetails { text-align: center; }

    .pageBasic .revPanelDetails h2 { 
        margin: 0;
        text-align: center; 
        font-size: 42px; 
        color: #6f577e; 
        font-weight: normal; 
        text-transform: none; }

        .pageBasic .revPanelDetails h3:not(.hFactory) { 
            margin: -6px 0 0; 
            color: #5c5c5a;
            line-height: 1.1;
            font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
            font-weight: 900; 
            letter-spacing: -1px; }    

            .pageBasic .revPanelDetails h3.hFactory { 
                position: relative; 
                margin: 0;
                padding: 6px 0 0 50px;
                text-align: left;
                color: #40403f;  
                /*font-size: 24px; 
                font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
                font-weight: 900;*/ 
                font: 900 24px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; }

                .pageBasic .revPanelDetails h3.hFactory::after { 
                    content:' ';
                    position: absolute;
                    width: 42px;
                    height: 42px;
                    top: -2px;
                    left: 0;
                    background: url(../images/iSpriteBig.png) no-repeat -60px -900px; }

            .revPanelDetails .revDetails:first-of-type { min-height: 40px; }

    .pageExceptions label { text-transform: none; }

    .dueDate { 
        position: relative;
        width: 180px; 
        margin: 20px auto 10px;
        padding: 2px 0 0 50px; }

     .revPanelDetails .dueDate { 
         width: auto;
         min-height: 40px;
         margin: 0 0 19px; }

        .revPanelDetails .dueDate::after { top: -3px; }

    .revDetailsWrap { width: 50%; }
        .revDetailsWrap.left { text-align: left; } 
        .revDetailsWrap.right { text-align: right; } 
            .pageExceptions .revDetailsWrap.left { margin-top: -20px; }

        .revDetailsInner { display: inline-block; }

        .revDetailsCentre { 
            position: absolute;
            width: 100px; 
            bottom: 9px;
            left: 50%;
            margin-left: -50px;
            text-align: center; }

            .revDetails {         
                margin-bottom: 20px;
                font-size: 21px; 
                color: #40403f;
                text-align: left;
                text-transform: uppercase; }

                .revDetails label { 
                    display: block;
                    margin-bottom: 0; 
                    font-size: 13px; 
                    font-weight: bold; }

                .pageExceptions label { 
                    font-size: 18px;
                    color: #787875; }

                .pageBasic .revPanelDetails label { 
                    font-size: 13px !important;
                    color: #787875 !important;
                    text-transform: uppercase; }

                    .pageExceptions .revPanelDetails .dueDate label { margin-top: 0; }

                .revDetails span { 
                    display: block;
                    margin-top: -1px;
                    font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
                    font-weight: 900; 
                    letter-spacing: -1px; }

                .revDetailButtons.revDetails { margin-bottom: 0; }

                    .revDetailButtons.revDetails a { width: 230px; }

                    .revDetailButtons.revDetails a:nth-of-type(2) { clear: both; margin-top: 10px; }

    .pageExceptions .bEdit { 
        position: absolute; 
        top: 40px; 
        right: 0; }

        .pageExceptions .revPanelDetails .bEdit { right: 30px; }

        .pageOrders:not(.pageExceptions) .revPanelProducts h3 { margin-bottom: 10px; }

        .revPanelProducts h3::after, .oiIcon::after {            
            top: -5px; 
            left: 0; }

            .hiFactory .oiIcon::after { background-position-x: -100px; }

     /*.pageReview .surchargeWrap .bigCheck { 
         padding-bottom: 0; 
         border: none; }

    .pageReview .basketContainer { 
        float: none; 
        margin-top: 0; 
        text-align: left;
        border-top: solid 2px #dcdcd9; }*/

    .pageExceptions .revPanelShipping h3 { 
        padding: 0 50px; 
        line-height: 1; }

            .panelOrderAddress h4 {             
                position: relative;
                margin-bottom: 15px;
                padding-left: 55px; 
                line-height: 1;
                color: #b0b0ad;
                font-size: 24px; }

            .panelOrderAddress h5 { 
                margin-bottom: 0;
                color: #40403f; 
                font: 900 15px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; }

                .panelOrderAddress h4::after { 
                    content: ' '; 
                    display: block; 
                    position: absolute; 
                    width: 42px; 
                    height: 42px; 
                    top: 3px; 
                    left: 0; 
                    background: url(../images/iSpriteBig.png) no-repeat; background-position-x: -60px; }

                    .orderAddressSourcing h4::after { background-position-y: -900px; }
                    .orderAddressWarehouse h4::after { background-position-y: -960px; }
                    .orderAddressFreight h4::after { background-position-y: -780px; }
                    .orderAddressCarrier h4::after { background-position-y: -3600px; }
                    .orderAddressCustomer h4::after { background-position-y: -1500px; }
                    .orderAddressDelivery h4::after { background-position-y: -1560px; }

             .revPanelInfo p, .panelOrderAddress p, .panelOrderMoreInfo p { 
                 line-height: 1.5; 
                 font-size: 15px;
                 font-weight: bold; }

             .orderAddressContact { line-height: 1.2; }

                 .panelOrderAddress .email { 
                     display: block;
                     color: #40403f; }
                    .panelOrderAddress .email:hover { color: #6f577e; }

        .panelOrderAddress.dotty + .barButtons { border: none; }


/*****************************************************************
= PAGE ORDER COMPLETE
*****************************************************************/

    /* OLD - Page No longer used */


/*****************************************************************
= DRAFT ORDERS
*****************************************************************/

    /* OLD - DRAFT ORDERS No longer used */

.pageExceptions .revPanelDetails h3.hFactory { margin-top: 20px; }

.pageExceptions .revDetailsCentre { 
    width: 300px; 
    margin-left: -150px; }


/*****************************************************************
= RESTOCK WAREHOUSE
*****************************************************************/

    /* OLD - Page No longer used */


/*****************************************************************
= ORDER LIST
*****************************************************************/

        .tableList td.olStatus { 
            max-width: 130px;
            font-size: 11px; }

            .olStatus span { 
                display: block;
                position: relative;
                width: 100%;
                height: 100%;
                padding: 2px 0 0 40px; }

            .iStatus span::after, /*.iTimeline::after,*/ .panelTracker h3::after { 
                content: ' ';
                display: block;
                position: absolute;
                /*width: 33px;
                height: 26px;*/
                width: 28px;
                height: 28px;
                left: 0;                
                top: 50%;
                margin-top: -13px;
                /*background: url(../images/iStatus.png) no-repeat 50px -450px; Grey */ 
                background: url(../images/iStatus.svg) no-repeat center 0; 
                background-size: cover; }

                /*.iTimeline::after { 
                    left: 50%;
                    margin-left: -17px;
                    background-position-x: 0; }*/

                .iStatus.iStatus01 span::after/*, .iTimeline.iStatus01::after*/ { /*background-position-y: -450px;*/ background-position-y: 0; } /***  New Order/Order created  ***/
                .iStatus.iStatus02 span::after/*, .iTimeline.iStatus02::after*/ { /*background-position-y: -50px;*/ background-position-y: 4%; }  /***  Accepted  ***/
                .iStatus.iStatus03 span::after/*, .iTimeline.iStatus03::after*/ { /*background-position-y: -100px;*/ background-position-y: 8%; } /***  Awaiting Payment  ***/
                .iStatus.iStatus04 span::after/*, .iTimeline.iStatus04::after*/ { /*background-position-y: -150px;*/ background-position-y: 12%; } /***  Ready for Processing  ***/
                .iStatus.iStatus05 span::after/*, .iTimeline.iStatus05::after*/ { /*background-position-y: -200px;*/ background-position-y: 16%; } /***  Processing  ***/
                .iStatus.iStatus06 span::after/*, .iTimeline.iStatus06::after*/ { /*background-position-y: -250px;*/ background-position-y: 20%; } /***  Shipped  ***/
                .iStatus.iStatus07 span::after/*, .iTimeline.iStatus07::after*/ { /*background-position-y: -300px;*/ background-position-y: 24%; } /***  Received  ***/
                .iStatus.iStatus08 span::after/*, .iTimeline.iStatus08::after*/ { /*background-position-y: -350px;*/ background-position-y: 28%; } /***  Invoiced  ***/
                .iStatus.iStatus09 span::after/*, .iTimeline.iStatus09::after*/ { /*background-position-y: -400px;*/ background-position-y: 32%; } /***  Cancelled  ***/
                .iStatus.iStatus10 span::after { /*background-position-y: -550px;*/ background-position-y: 36%; } /***  Document Uploaded  ***/
                .iStatus.iStatus11 span::after { /*background-position-y: -650px;*/ background-position-y: 40%; } /***  New Date  ***/
                .iStatus.iStatus12 span::after { /*background-position-y: -700px;*/ background-position-y: 44%; } /***  Revised Date  ***/
                .iStatus.iStatus13 span::after { /*background-position-y: -750px;*/ background-position-y: 48%; } /***  On Schedule  ***/
                .iStatus.iStatus14 span::after { /*background-position-y: -800px;*/ background-position-y: 52%; } /***  Not On Schedule  ***/
                .iStatus.iStatus15 span::after { /*background-position-y: -900px;*/ background-position-y: 56%; } /***  Shipping Update  ***/
                .iStatus.iStatus16 span::after { /*background-position-y: -1650px;*/ background-position-y: 60%; } /***  Order Archived  ***/
                .iStatus.iStatus17 span::after { /*background-position-y: -1700px;*/ background-position-y: 64%; } /***  Order Un-Archived  ***/
                .iStatus.iStatus20 span::after { /*background-position-y: -850px;*/ background-image: url(../images/iCalendarDate.svg); background-position-y: 60%; } /***  Date Alert  ***/
                .iStatus.iStatusEdit span::after/*, .iTimeline.iStatusEdit::after*/ { /*background-position-y: -500px;*/ background-position-y: 68%; } /***  Edited  ***/
                .iStatus.iStatusDeleted span::after { /*background-position-y: -600px;*/ background-position-y: 72%; } /***  Doc Deleted  ***/
                .iStatus.iStatusAlert span::after { /*background: url(../images/iSprite.png) -244px -998px;*/ background-image: url(../images/iAction.svg); background-position-y: 30%; } /***  Alert  ***/

                    /*.iStatus.iStatus21 span::after { background-position-y: -1100px; }*/ /***  Factory Handover - Required  ***/
                    /*.iStatus.iStatus22 span::after { background-position-y: -1150px; }*/ /***  Container Requested  ***/
                    /*.iStatus.iStatus23 span::after { background-position-y: -1200px; }*/ /***  Container Request Received  ***/
                    /*.iStatus.iStatus24 span::after { background-position-y: -1050px; }*/ /***  Factory Handover - Actual  ***/
                    /*.iStatus.iStatus25 span::after { background-position-y: -1250px; }*/ /***  Vessel Cut Off  ***/
                    /*.iStatus.iStatus26 span::after { background-position-y: -1300px; }*/ /***  Vessel Sailing  ***/
                    /*.iStatus.iStatus27 span::after { background-position-y: -1350px; }*/ /***  Vessel Arrival At Port  ***/
                    /*.iStatus.iStatus28 span::after { background-position-y: -1400px; }*/ /***  Delivery - Estimated  ***/
                    /*.iStatus.iStatus29 span::after { background-position-y: -1450px; }*/ /***  Delivery - Actual  ***/
                    /*.iStatus.iStatus30 span::after { background-position-y: -1500px; }*/ /***  Customer Required  ***/

                    /*.iTimeline.iStatus01::after { margin: -14px 0 0 -18px; }
                    .iTimeline.iStatus02::after { margin-top: -14px; }
                    .iTimeline.iStatus05::after { margin: -14px 0 0 -16px; }
                    .iTimeline.iStatus06::after, .iTimeline.iStatusEdit::after { margin-left: -16px; }

                    .iTimeline.iStatusAlert::after {*/ 
                        /*background: url(../images/iSprite.png) -353px -288px;*/ 
                        /*background-image: url(../images/iAction.svg); 
                        background-position-y: 35%; }*/ /* White Alert */

                /*.olStatus.olIncomplete span::after { background-position-y: -2250px; }
                .olStatus.olNotInvoiced span::after { background-position-y: -2300px; }
                .olStatus.olComplete span::after { background-position-y: -2350px; }*/

                /*.alertOverdueOverview td.olStatus span::after { background-position-x: -100px; }

       .alertOverdueOverview .olStatus span { color: #be1622; }*/

        .alertOverdue .alertItem { 
            position: relative;
            float: left;
            height: 24px;
            padding-left: 36px;
            color: #be1622;
            font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
            font-weight: 900; }

            .alertOverdue .alertItem:nth-of-type(n+2) { margin-left: 60px; }
            .alertOverdue .alertItem::before { 
                content: ' ';
                display: block;
                position: absolute;
                width: 26px;
                height: 24px;
                top: -2px;
                left: 0;
                background: url(../images/iSprite.png) no-repeat -248px -1000px; }

            .alertItem strong { 
                font-family: Lato, Arial, Helvetica, sans-serif; 
                color: #40403f; }

            .alertItem span { 
                font-family: Lato, Arial, Helvetica, sans-serif; 
                color: #787875; }

/*****************************************************************
= ORDERS - Master
*****************************************************************/

    /*.pageOrdersInvoices h2.iconTitle::after { background-position-y: -600px; }*/
    /*.pageOrdersDocs h2.iconTitle::after { background-position-y: -1380px; }*/
    /*.pageOrdersTrack h2.iconTitle::after { background-position-y: -240px; }*/


/*****************************************************************
= ORDERS - OVERVIEW
*****************************************************************/

    .wrapDateTime { 
        position: relative;
        float: left; 
        width: 35%; 
        margin-right: 5%;
        padding-right: 50px; }
        .wrapDateTime:last-of-type { margin-right: 0; }

        .dateTime { font-weight: bold; }

    .mapResponsive { 
        position: absolute;
        overflow: hidden;
        width: 100%;
        top: 0;
        bottom: 55px; }

        .mapResponsive iframe {
            position: absolute; 
            width: 100%;
            height: 100%;
            left: 0;
            top: 0; }

        .hNote {
            display: block;
            padding-left: 3px;
            text-align: left;
            color: #40403f !important;
            font-size: 13px;
            font-weight: bold;
            letter-spacing: 0; }


/*****************************************************************
= ORDERS - DETAILS
*****************************************************************/ 

        .oiCustomerCode span { padding-left: unset; }

        .iBig.iSurcharge::after { background-position-y: -2760px; }
        .iBig.iCarriage::after { background-position-y: -2820px; }


/*****************************************************************
= ORDERS - GRN/INVOICES
*****************************************************************/

    /* OLD - GRN sections no longer used */

    
/*****************************************************************
= ORDERS - DOCS
*****************************************************************/
            
    /* OLD - no longer used */   
         

/*****************************************************************
= ORDERS - TRACKING
*****************************************************************/

    /* OLD - no longer used */        


/*****************************************************************
= ORDERS - History
*****************************************************************/

    /* OLD - no longer used */  


/*****************************************************************
= ORDERS - Delivery
*****************************************************************/

    /* OLD - Delivery Page No longer used */


/*****************************************************************
= NEW - SALES ORDER - LIST
*****************************************************************/

.pageOrdersList .barFilterWrap, .pageOrdersList .barFilterWrap .barFilter, .pageTracking .barFilterWrap { float: none; }

    .fgOrderCustomerKey { 
        width: calc((100% - 650px) * 0.6 ); 
        margin-top: 23px; }

    .fgOrderStatusSource { 
        width: calc((100% - 650px) * 0.4 ); 
        margin-top: 23px; /*padding-left: 40px;*/ }

        /* To Add Status Icon to Dropdown List -  Alas doesn't work - <option> strips away all html */  

        /*.fgOrderStatusSource option { 
            position: relative;
            min-height: 24px; }

            .fgOrderStatusSource option::after { 
                content: ''; 
                position: absolute;
                width: 24px;
                height: 24px;
                left: 0;
                top: 50%;
                margin-top: -12px;
                background: url(../images/iStatus.svg) no-repeat center 0; 
                background-size: cover; }

                .fgOrderStatusSource option:nth-of-type(1)::after { background-position-y: 0%; }*/ /***  New Order  ***/ 
                /*.fgOrderStatusSource option:nth-of-type(2)::after { background-position-y: 4%; }*/ /***  Accepted  ***/
                /*.fgOrderStatusSource option:nth-of-type(3)::after { background-position-y: 8%; }*/ /***  Awaiting Payment  ***/
        

    .fgOrderDateWrap { width: 470px; }

        .filterOrders .fgOrderDateWrap > label { 
            width: 100%;
            color: #787875;
            font-size: 18px; 
            text-transform: uppercase; }

        .filterOrders.barFilterGrey .fgOrderDate { width: 200px; }

            .fgOrderDate label { 
                width: 100%;
                margin-bottom: 5px;
                color: #5c5c5a; 
                font-size: 15px; }

            .filterOrders.barFilterGrey .fgOrderDateFrom { margin-right: 20px; }

    .filterOrders.barFilterGrey .arrowSq { margin-top: 9px; }

    .tableOrdersList .tTerms { padding-right: 0; }

    .tableOrdersList th.tNum, .tableOrderDetailList th.tNum { 
        text-align: right;
        padding-right: 0; }


/*****************************************************************
= NEW - SALES ORDER - DETAIL
*****************************************************************/

    .twinHead.hOrderStatus { 
        display: flex; 
        flex-wrap: wrap; }

        .twinHead.hOrderStatus .twinHead-Sml { 
            width: 100%; 
            margin-bottom: 0; }

        .twinHead.hOrderStatus .twinHead-Med { text-transform: none; }

            .twinHead.hOrderStatus .twinHead-Med + .twinHead-Med { 
                text-transform: none;
                letter-spacing: normal; }

                /*.twinHead.hOrderStatus .twinHead-Med + .twinHead-Med::after { 
                    content: ''; 
                    position: absolute;
                    width: 4px;
                    left: 0;
                    top: 6px;
                    bottom: 4px;
                    background: #dcdcd9; }*/

.pageOrderDetails section:not(.panelOrderOverview), .pageTrackingPO section:not(.panelOrderOverview) { display: flex; }
    
.panelOrderItems { flex-direction: column; }

    .pageOrderDetails h3 { 
        margin: 10px auto 10px; 
        padding-left: 54px; }

        .pageOrderDetails .iBig::after { 
            filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); 	/* Grape */
            background: url(../images/iSprite.svg) no-repeat center 47.5%;
            background-size: cover; }

    .panelOrderOverview { 
        display: grid;
        gap: 30px 50px;
        grid-template-columns: auto 1fr auto; 
        margin-bottom: 20px;
        padding-bottom: 20px; }

        .panelOrderOverview h3 { 
            position: relative;
            grid-column: 1 / span 3;
            display: flex; 
            gap: 5px 10px;
            justify-self: center;
            align-items: center;
            margin: 0 auto -6px;
            /*padding-left: 70px;*/
            color: #5c5c5a;
            font-size: 36px;
            line-height: 1;
            letter-spacing: -1px; }

            /*.panelOrderOverview h3::after { 
                top: -4px;
                background-position-x: -700px;
                background-position-y: -202px; }*/
            /*.panelOrderOverview h3.iFactory::after { top: -8px; }*/

            .panelOrderOverview h3 strong { color: #b0b0ad; }

            /*.panelOrderOverview h3 span { margin-left: 10px; }*/

.panelAlert { 
    position: relative;
    width: 100%;
    margin: 0 0 30px;
    padding: 12px 30px 12px 90px;
    font-size: 21px;
    font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
    font-weight: 900;
    border-radius: 4px;
    border: solid 3px #949491;
    background: #eeeeeb; }

    .panelAlert::before { 
        content: '';
        position: absolute;
        width: 74px;
        height: 78px;
        border-top-left-radius: 3px;
        top: -1px;
        left: -3px;
        /*    -moz-transform: scale(-1, 1);
            -webkit-transform: scale(-1, 1);
            -o-transform: scale(-1, 1);
            -ms-transform: scale(-1, 1);
        transform: scale(-1, 1);*/
        background: url(../images/iCornerz.svg) no-repeat center 12%;
        background-size: cover;
        /*background: url(../images/iCornerz.png) no-repeat center -3800px;*/ }

    .panelAlert::after { 
        content: '';
        position: absolute;
        /*width: 32px;
        height: 30px;
        top: 12px;
        left: 12px;*/
        /*background: url(../images/iAction.png) no-repeat 0 -2050px;*/ 
        width: 36px;
        height: 36px;
        top: 10px;
        left: 11px;
        filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); /* #FFFFFF White */
        background: url(../images/iAction.svg) no-repeat 0 70%; 
        background-size: cover; }  /* White Alert */

    .panelAlert-Green { color: #627e21; border-color: #5a7500; }
    .panelAlert-Amber { color: #c4501c; border-color: #c75a00; }
    .panelAlert-Red { color: #be1622; border-color: #98060a; }

        .panelAlert-Green::before { /*background-position-y: -3500px;*/ background-position-y: 12%; }
        .panelAlert-Amber::before { /*background-position-y: -3800px;*/ background-position-y: 15%; }
        .panelAlert-Red::before { /*background-position-y: -4000px;*/ background-position-y: 8%; }

        .miniStack, .miniStackIcon { 
            position: relative; 
            display: flex; 
            flex-wrap: wrap;
            flex-direction: column;
            margin-right: auto;
            padding: 2px 0 0 50px;
            color: #40403f; 
            font-size: 21px;
            text-align: left;
            text-transform: uppercase; }

            .miniStack { padding-left: 0; }

            .miniStackIcon:nth-of-type(2n) { margin-right: 0; }

            .miniStack label, .miniStackIcon label { 
                margin-bottom: -1px;
                color: #787875;
                font-size: 13px; 
                font-weight: bold; }

                .miniStack label { color: #6f577e; }

            .miniStack span, .miniStackIcon span { 
                display: block;
                font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
                font-weight: 900;
                white-space: nowrap;
                letter-spacing: -1px; }

                .bOrderSalesOrder, .bXLSOrder { 
                    width: 100%;
                    float: none;
                    max-width: 200px;
                    min-width: 150px;
                    margin: 0 auto 0; 
                    padding-right: 45px; }

                    .bOrderSalesOrder.bButton, .bXLSOrder.bButton { color: #5c5c5a; }
                    .bOrderSalesOrder.bButton:hover, .bXLSOrder.bButton:hover { color: #40403f; }

                    .bOrderSalesOrder.bIcon::after {     
                        position: absolute;
                        width: 26px;
                        height: 26px;
                        top: 50%;
                        left: unset;
                        right: 8px;
                        margin-top: -13px;
                        /*background: url(../images/iCodes.png) no-repeat -260px 0; */
                        background: url(../images/iCodes.svg) no-repeat center 0; 
                        background-size: cover; }

                .bXLSOrder.bButton { 
                    height: unset;
                    padding: 40px 10px 10px; }

                    .bXLSOrder.bButton::after { 
                        width: 30px;
                        height: 30px;
                        margin-left: -15px;
                        /*background: url(../images/iFiles.png) no-repeat -200px -100px;*/
                        background: url(../images/iFiles.svg) no-repeat center 10%; 
                        background-size: cover; }

                    .bXLSOrder.bButton:hover::before { border-color: #1f7244 !important; }

            .miniStackIcon::before { 
                content: '';
                display: block;
                position: absolute;
                width: 42px;
                height: 42px;
                top: 0;
                left: 0;
                background: url(../images/iSpriteBig.png) no-repeat -420px -480px; }

                .miniStack-DateHandover::before, .miniStackIcon.miniStack-Status::before, .miniStack-Shipped::before { 
                    /*background: url(../images/iStatus.png) no-repeat 0 -1000px; */
                    background: url(../images/iStatus.svg) no-repeat center 0; 
                    background-size: cover; }

                    .miniStack-Date::before { background-position-y: -480px; top: -3px; }
                    .miniStack-NoIcon::before { display: none; }
                    .miniStack-Author::before { background-position-y: -1620px; }
                    .miniStack-Shipped::before { /*background-position-y: -780px;*/ background-position-y: 20%; }
                    .miniStack-Account::before { background-position-y: -2040px; }
                    .miniStack-DateHandoverActual::before { /*background-position-y: -1050px;*/ background-position-y: 74%; }
                    .miniStack-DateHandoverRequired::before { /*background-position-y: -1100px;*/ background-position-y: 76%; }

                .miniStackIcon.miniStack-Status::before { filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); 	/* Grape */ }

                    .miniStackIcon.iStatus01::before { /*background: url(../images/iStatus.png) no-repeat -740px -1900px;*/ background-position-y: 3%; } /***  New Order  ***/
                    .miniStackIcon.iStatus02::before { /*background: url(../images/iStatus.png) no-repeat -740px -2000px;*/ background-position-y: 5%; } /***  Accepted  ***/
                    .miniStackIcon.iStatus03::before { /*background: url(../images/iStatus.png) no-repeat -740px -2100px;*/ background-position-y: 9%; } /***  Awaiting Payment  ***/
                    .miniStackIcon.iStatus04::before { /*background: url(../images/iStatus.png) no-repeat -740px -2200px;*/ background-position-y: 13%; } /***  Ready for Processing  ***/
                    .miniStackIcon.iStatus05::before { /*background: url(../images/iStatus.png) no-repeat -740px -2300px;*/ background-position-y: 17%; } /***  Processing  ***/
                    .miniStackIcon.iStatus06::before { /*background: url(../images/iStatus.png) no-repeat -740px -2400px;*/ background-position-y: 21%; } /***  Shipped  ***/
                    .miniStackIcon.iStatus07::before { /*background: url(../images/iStatus.png) no-repeat -740px -2500px;*/ background-position-y: 25%; } /***  Received  ***/
                    .miniStackIcon.iStatus08::before { /*background: url(../images/iStatus.png) no-repeat -740px -2600px;*/ background-position-y: 29%; } /***  Invoiced  ***/
                    .miniStackIcon.iStatus09::before { /*background: url(../images/iStatus.png) no-repeat -740px -2700px;*/ background-position-y: 33%; } /***  Cancelled  ***/

                .miniStack-DateUpdated .fontThin { 
                    display: inline; 
                    color: #787875; }

                .miniStack-Author .fontThin { display: flex; }

                .miniStack-Author .fontBlack { margin-right: 6px; }                

            .panelOrderOverview .miniStack-DateUpdated, .panelOrderOverview .miniStack-Shipped { 
                grid-column: 3;
                grid-row: 2; }

            .panelOrderOverview .miniStack-Status, .panelOrderOverview .miniStack-DateHandover { 
                grid-column: 1;
                grid-row: 3; }
            
            .panelOrderOverview .miniStack-Author { 
                grid-column: 3;
                grid-row: 3; }
            
            .panelOrderOverview .miniStack-OrderButton {                 
                grid-column: 2;
                grid-row: 2; 
                justify-self: center; } 

            .panelOrderOverview .miniStack-XLSButton, .panelOrderOverview .miniStack-DateHandoverActual {                 
                grid-column: 2;
                grid-row: 3; 
                justify-self: center; }   
            
            .miniStack-XLSButton .bButton + .bButton { margin-left: 10px; }

            .miniStack-Unlink { 
                display: flex; 
                justify-content: center; }

                .miniStack-Unlink .bButton { 
                    margin-top: 5px; 
                    padding-right: 40px; }

                    .miniStack-Unlink .bButton::after { 
                        width: 24px;
                        height: 24px;                        
                        top: 50%;
                        margin-top: -12px;
                        right: 8px;
                        background-position-y: -6500px; }

                .miniStack-Unlink .alertUnlinked { 
                    width: auto;
                    margin: 0 auto; 
                    padding: 8px 16px 8px 76px; }

                    .miniStack-Unlink .alertUnlinked, .miniStack-Unlink .alertUnlinked h5 { font-size: 15px; }

                        .miniStack-Unlink .alertUnlinked h5 { margin-bottom: 0; }

.panelOrderItems { border-bottom: none; }

    /*.tableOrderDetailList tr:last-of-type td { border-bottom-color: transparent; }*/

    .tableOrderDetailList th { font-size: 12px; }

        .tableOrderDetailList h5 span, .tableOrderDeliveredItems h5 span { 
            color: #6f577e; 
            font-size: 18px; }

        /*.tableOrderDetailList .plugActive {*/ 
            /*width: 26px; 
            height: 26px;*/ 
            /*width: 30px; 
            height: 30px;  }*/

            /*.tableOrderDetailList .plugActive::after { 
                right: 50%; 
                margin-right: -13px; }*/

        .tableOrderDetailList .tNum .specialPrice { width: auto; }

    .trOrder-mob { display: none; }

.tableSparePartsOrderLines .tTitle + .tCentre { text-align: right; }

.pageOrderDetails .revPanelShipping { margin-top: 20px; }

.panelOrderAddress { 
    display: flex;
    justify-content: space-between; 
    margin-top: 30px;  }

    .panelOrderAddressWrap { 
        position: relative; 
        max-width: 300px;
        padding-bottom: 30px; }

        .panelOrderAddressWrap .bSQ30 { 
            position: absolute; 
            top: 0; 
            right: 0; }

.panelOrderMoreInfo { padding-top: 20px; }

    .panelOrderMoreInfo h3.iBig::after { 
        /*background-position-y: -1920px;*/ 
        background-position-y: 46.5%;
        /*top: -3px;*/ }

    .panelOrderMoreInfo .flexColumn { 
        position: relative;
        width: 100%; 
        margin-top: 20px; }

.tableOrderDeliveredItems h5 { 
    margin-bottom: 0;
    font-size: 13px; }

    .tableOrderDeliveredItems .tCustomerCode { font-size: 15px; }

.tableOrderDeliveredItems .tLabel { 
    width: 32px; 
    padding-right: 0; 
    text-align: right; }

.pageOrderHistory h2 { margin: 0 auto 10px; }

.tableOrderHistory.tableList .tIcon { padding-top: 0; padding-bottom: 0; }


/*****************************************************************
= NEW - SALES ORDER - HISTORY
*****************************************************************/

.pageOrderHistory h2.iconTitle::after { background-position-y: -300px; }

    .oHiIcon::before { top: 16px; }

    .oHiIcon span::after { 
        content: ' ';
        position: absolute;
        /*width: 33px;
        height: 26px;*/
        width: 30px;
        height: 30px;
        top: 15px;
        left: 0;
        /*background: url(../images/iStatus.png) no-repeat -50px -2350px; */
        background: url(../images/iStatus.svg) no-repeat center 0; 
        background-size: cover; }

    .oHiIcon.iStatus.oHiAlert span::after { 
        top: 28px;
        /*background-image: url(../images/iSprite.png);
        background-position-x: -247px; 
        background-position-y: -1000px;*/ 
        background-image: url(../images/iAction.svg);
        background-position-x: center; 
        background-position-y: 30%;
        background-size: cover; }
    .oHiIcon.oHiDocReceived span::after { /*background-position-y: -2350px;*/ background-position-y: 82%; }
    .oHiIcon .oHiDispatchConfirmed::after { background-position-y: -2400px; } /* Still Used?  July 2025 */ 

    .tableOrderHistory.tableList .tIcon span::after { 
        height: 30px;
        width: 30px;
        margin-top: -15px;
        /*height: 26px; 
        margin-top: -13px;*/ }


/*****************************************************************
= NEW - SALES ORDER - VESSEL TRACKER
*****************************************************************/

.vesselTrackerWrap #map { 
    flex: 1; 
    width: auto; 
    min-height: 400px; }

/* replace map pin */
    .vesselTrackerWrap #map img[src="https://maps.gstatic.com/mapfiles/api-3/images/spotlight-poi2.png"] { 
        position: relative;
            -moz-box-sizing: border-box;
        box-sizing: border-box;
        /*background: url(../images/iSprite.png) no-repeat -350px -5000px;*/
        background: url(../images/iVessel.svg) no-repeat 0 0;
        background-size: cover;
        /*width: 27px !important;*/ /* Width of new image */
        /*height: 32px !important;*/ /* Height of new image */
        /*padding-left: 27px !important;*/ /* Equal to width of new image */ 
        width: 32px !important; /* Width of new image */
        height: 32px !important; /* Height of new image */
        padding-left: 32px !important; /* Equal to width of new image */ 
        top: unset !important;
        bottom: 0; }

    .vesselTrackerWrap .gm-style .gm-style-iw-c { padding: 25px 20px; }

        .vesselTrackerWrap #infoWindowContent { padding-right: 8px; }

            .vesselTrackerWrap h2 { 
                margin: 0 0 10px;
                font-size: 30px; }

            .vesselPOWrap { 
                display: flex; 
                align-items: center;
                margin-bottom: 10px; }

                .vesselTrackerWrap h3 { 
                    /*margin: 0 0 5px;*/
                    margin: 0;
                    color: #6f577e;
                    font-size: 21px; }

                .vesselTrackerWrap #bodyContent + .vesselPOWrap { 
                    border-top: solid 1px #c7c7c6; 
                    padding-top: 10px; }

            .vesselPOWrap .bButton.bButtonThin { 
                height: 28px; 
                padding-right: 25px; }

            .vesselTrackerWrap #bodyContent { font: 15px/1.1 "Lato", Arial, Helvetica, sans-serif; }

            .vesselTrackerWrap #bodyContent p { 
                display: flex; 
                font-weight: bold; }

                .vesselTrackerWrap #bodyContent b { 
                    width: 110px; 
                    font-weight: normal; 
                    text-transform: uppercase; }

                .vesselTrackerWrap #bodyContent .fontThin { margin-left: 5px; }

                .vesselTrackerWrap .gm-ui-hover-effect { 
                    top: 0 !important; 
                    right: 0 !important; } /* close modal button */

        .vesselTrackerWrap .gm-ui-hover-effect img { 
                -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding-left: 14px; 
            /*background: url(../images/iAction.png) no-repeat -81px -300px;*/
            filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%); 		/* #787875 Mid Grey */
            background: url(../images/iAction.svg) no-repeat center 50%; 
            background-size: cover; } /* Grey X 14 */

            .vesselTrackerWrap .gm-ui-hover-effect:hover img { /*background-position-x: -121px;*/ filter: invert(12%) sepia(48%) saturate(6975%) hue-rotate(347deg) brightness(103%) contrast(95%); } /* Red */

#vesselData.panelVesselData { 
    width: 40%;
    margin-left: 40px;
    padding-bottom: 40px;
    background: #eeeeeb; }

    .panelVesselData .fInline:last-of-type { margin-bottom: 0; }

    .panelVesselData label { width: 44%; }


/*****************************************************************
= EXCEPTIONS
*****************************************************************/

.revDetails.operaCodeList { 
    position: relative; 
    padding-left: 40px; }

    .revDetails.operaCodeList .tiOperaCo span { 
        top: 4px; 
        left: 0; }

    .exceptionList { margin-bottom: 15px; }

        .exceptionList th { color: #40403f; }

.pageExceptions .revPanelProducts { margin: 0; }

/*.pageExceptions .exceptionList th:first-of-type, .pageExceptions .exceptionList td:first-of-type { padding-left: 0; }
.pageExceptions .exceptionList th:last-of-type, .pageExceptions .exceptionList td:last-of-type { padding-right: 0; }*/

.exAddressWrap { display: flex;  }

.exlException { width: 10%; }

    .exceptionList .exlException .iAlert { line-height: 1; }
        .exceptionList .exlException .iAlert::after { 
            margin-top: -14px; 
            top: 50%; }

.pageExceptions .exlSKU.biName { z-index: auto; } /* For selectize-dropdown layer issue */

    .pageExceptions .biName h5 { margin-bottom: 0; }

        .pageExceptions .biName h5 span { font-size: 18px; }

            .pageExceptions tr:not(:hover) .biName h5 span { color: #40403f; }

                .pageExceptions tr:not(.trException):not(:hover) .biName h5 span { color: #787875; }

            .pageExceptions .biName .bProductInfo { top: -2px; }

            .pageExceptions .selectize-dropdown-content { z-index: 9999; }

.fgError label, .fgValid label { 
    position: relative; 
    padding-left: 20px; }

    .fgError label { color: #be1622; }

    .fgError label::before, .fgValid label::before { 
        content: ''; 
        position: absolute; 
        width: 16px; 
        height: 16px; 
        left: 0; 
        top: 50%; 
        margin-top: -8px; 
        /*background: url(../images/iAction.png) no-repeat -120px -300px;*/
        background: url(../images/iAction.svg) no-repeat center 5%; 
        background-size: cover; }

        .fgError label::before { filter: invert(12%) sepia(48%) saturate(6975%) hue-rotate(347deg) brightness(103%) contrast(95%); /* #be1622 RFEred */ }

        .fgValid label::before { /*background-position-x: -320px; background-position-y: -390px;*/ background-position-y: 15%; }

    .pageExceptions .exlPrice .form-group { min-width: 170px; }

    .pageExceptions .exceptionList .form-group { margin-bottom: 0; }

        .pageExceptions .fgError label { margin-top: 5px; }

.pageExceptions .form-control:not(hover):not(:focus), .pageExceptions tr:hover .form-control:not(hover), .exlSKU .selectize-input:not(:hover):not(:focus), 
    .fgError .form-control:not(hover)
    { border-color: #be1622 !important; }

    .pageExceptions .trException:hover .form-control:hover, .pageExceptions .trException:hover .form-control:focus, .pageExceptions .form-control:focus,
        .fgError .form-control:hover, .fgError .form-control:focus, .exlSKU .selectize-input:hover 
        { border-color: #7e0009 !important; }

    .pageExceptions .exlSKU .form-control { 
        width: 100%; 
        max-width: 150px; }

    .pageExceptions .exlCusSKU .form-control { 
        margin-top: 5px; 
        font-size: 15px; }

        .pageExceptions .exlCusSKU .fcExceptionCusSKU.form-control { 
            width: calc(80% - 20px); 
            max-width: 200px; }

        .exlSKU .skuSelector.selectize-control { 
            height: 40px; 
            z-index: 900; }

        .pageExceptions .exlSKU .selectizeSearch { width: 100%; }

        .exceptionList .exlQty .form-control { 
            max-width: 120px; 
            min-width: 72px; 
            padding: 6px; }

        .exlPrice .form-control { min-width: 90px; }
        .exlPrice { 
            width: 15%; 
            line-height: 0.8 ; }

.exAddressWrap .revPanelSoldTo { padding-bottom: 0; }
    .pageExceptions .revPanelShipTo { margin: 0 !important; padding-bottom: 20px; } 

.revPanelShipTo h3::after { background-position-y: -1560px; }
.revPanelSoldTo h3::after { background-position-y: -1500px; }

    .revPanelShipTo .formGroupH:last-of-type, .revPanelShipTo .formGroupH:nth-of-type(2) label { margin-bottom: 0; } 

    .revPanelShipTo p, .revPanelShipTo .revPanelInfo h4, .revPanelSoldTo p, .revPanelSoldTo .revPanelInfo h4 { text-align: left; }
    .revPanelShipTo .iFreight { 
        margin-top: 20px;
        padding-left: 40px; 
        text-align: left;
        color: #787875;
        font-size: 18px;  }

        .revPanelShipTo .iFreight .fontBlack { color: #40403f; }

        .revPanelShipTo .fgExCarrier label.iFreight { 
            display: inline-block;
            float: none;
            width: auto; 
            margin: 0 20px 0 0; 
            text-align: left; }
            .fgExCarrier label.iFreight::after { top: 8px; }

        .pageExceptions .revPanelShipTo .fgExCarrier .form-control { 
            display: inline-block; 
            float: none; 
            width: auto; }

        .pageExceptions.pageBasic .exDeliveryPanelAddress .bButton.bDouble { margin-top: 20px; }

    .pageExceptions .panelDottyBottom { margin: 20px 0; }

    .exceptionList h4.fontBlack { margin-bottom: 0; }

    .exlAlertMessage, .exlCusSKU .exlCodeReq, .exceptionList .invalid .exlQtyInvalid { 
        color: #be1622; 
        font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
        font-weight: 900;
        line-height: 1; }

        .exlAlertMessage { 
            display: block;
            margin: 6px 0 3px;
            font-size: 13px; }

        .exlCusSKU .exlCodeReq { 
            position: absolute;
            top: 20px;
            left: 220px;
            font-size: 15px;  }

        .exceptionList .invalid .exlQtyInvalid { font-size: 15px; line-height: 1.4; }

    .trCancelled:not(:hover) td > */*, .tableOrderDetailList .trCancelled:not(:hover) td*/ { opacity: 0.4; }/*
        .tableList .trCancelled:not(:hover) td, .tableList .trCancelled:not(:hover) td::after, .tableOrderDetailList .trOrder.trCancelled:hover td::after { border-color: #c7c7c6; }*/
        .trCancelled:not(:hover) .productInfoWrap { color: #40403f; }
        .trCancelled:not(:hover) .exlQty { color: rgba(64, 64, 63, 0.4) }

        .trCancelled .bButton.bReturn { 
            height: 30px; 
            margin-top: 0; 
            padding: 0 20px 0 5px; 
            line-height: 30px; 
            font-size: 13px; 
            background: #787875;
            z-index: 9; }
            .trCancelled .bButton.bReturn:hover { background-color: #be1622; }

            .trCancelled .bButton.bReturn::after { 
                width: 12px; 
                height: 14px; 
                top: 8px; 
                right: 5px; 
                background-position-x: -40px; 
                background-position-y: -180px; }

.pageExceptions .validation-summary { 
    width: calc(100% - 60px); 
    margin: 30px 30px 0; }
    
.pageExceptions .exOtherError { padding-bottom: 20px; }

    .exOtherError h4 { 
        margin-top: -5px;
        text-transform: unset; 
        color: #787875; }

        .exOtherError h4 .fontBlack { text-transform: uppercase; }

.exOtherError .bButton { 
    float: right; 
    margin-top: -15px;
    color: #FFFFFF; }

.exNotAcknowledgedError.exOtherError {  }

.exImportError.exOtherError form { 
    display: flex; 
    width: 100%; }

    .wrapClearDeliveryError { 
        display: flex; 
        flex-wrap: wrap;
        justify-content: flex-end;
        margin-left: auto; }

        .wrapClearDeliveryError .checkBox label { margin-bottom: 0; }

        .wrapClearDeliveryError .bButtonArrow { width: 100%; margin-top: 20px; }

    .exOtherError .bButton.bClearError { 
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        min-width: 200px;
        height: 100px;
        margin-left: auto;
        padding: 30px 10px 10px;
        line-height: unset; }

    .exErrorTitle { 
        display: block; 
        width: 100%; 
        margin-bottom: 10px; 
        text-align: center; }

    .exResubmitError { 
        position: relative;
        float: left; 
        width: 160px; 
        text-align: left; }

        .exOtherError .exResubmitError label { 
            display: block;
            position: absolute;
            top: 0;
            left: 35px;
            margin-bottom: 0;
            color: #FFFFFF; 
            font-size: 13px;
            text-transform: uppercase; 
            pointer-events: none; }

        .exOtherError .exResubmitError input[type="checkbox"] { 
            width: 30px; 
            height: 30px; 
            margin-top: 0; }


/*****************************************************************
= TRACKING
*****************************************************************/

    .preparedFor { 
        margin-top: 24px;
        text-align: right; 
        font-size: 15px; }

        .preparedFor label { font-weight: normal; } 

        .preparedFor strong { 
            color: #be1622;
            font-size: 18px;
            text-transform: uppercase; }

    .floatyHead thead { background: #FFFFFF; }

    .isFloated .floatyHead thead { border-bottom: solid 2px #787875; }

    .floatThead-container { 
        height: 122px;
        border-left: solid 30px #FFFFFF; 
        left: -30px !important; 
        overflow: visible !important; }

        .isFloated.floatThead-container .shadow { 
            position: absolute;
            width: 100%; 
            height: 24px; 
            top: 104px;
            background: url(../images/expanderShadow.png) no-repeat; 
            background-size: cover; 
            z-index: 9000; }

.pageTrackingList .barFilter.barFilterTracking { 
    float: none;
    position: relative; 
    display: grid;
    grid-template-columns: 1fr 1fr auto 80px;
    gap: 20px 40px;
    align-items: flex-start; 
    padding-bottom: 30px; }

    .barFilterTracking.barFilter .form-group { margin-right: 0; }

        .fgTrackingFilterArchive .checkBox.iIcon { padding-left: 40px; }

        .fgFilterArchive .checkBox::after { 
            width: 30px;
            height: 30px;
            top: 50%;
            margin-top: -15px;
            /*background: url(../images/iAction.png) no-repeat -120px -1600px;*/
            background: url(../images/iAction.svg) no-repeat center 65%; 
            background-size: cover; }

        .fgFilterArchive .checkBox label { 
            width: 100%; 
            margin: 0;
            color: #787875; }

            .fgFilterArchive .checkBox span { margin: 0 0 0 auto; }

        .fgTrackingFilter .radioFilter { 
            display: flex; 
            width: 100%; }

            .fgTrackingFilter .radioFilter .btn { width: calc((100% - 10px) / 3); }

            .fgTrackingOnSchedule.radioBigLabel.radioFilter .btn { 
                padding-left: 30px; 
                text-transform: uppercase; }

                .fgTrackingOnSchedule .btn.iAlert::after { 
                    content: '';
                    display: block;
                    width: 24px;
                    height: 24px;
                    left: 25px;
                    top: 50%;
                    margin-top: -12px;
                    /*background: url(../images/iAction.png) no-repeat -40px -2000px;*/
                    background: url(../images/iAction.svg) no-repeat center 30%; 
                    background-size: cover; }

                    .fgTrackingOnSchedule .btn.iAlert.active::after { /*background-position-y: -2050px;*/ background-position-y: 35%; }

            .fgTrackingAlertStatus.radioFilter.radioDouble .btn { 
                align-items: center;
                width: 115px;
                height: 100px; 
                padding-top: 60px; 
                text-transform: uppercase; 
                line-height: 1; }

                .fgTrackingAlertStatus.radioFilter.radioDouble .btn + .btn { margin-left: 3px; }

            .fgTrackingAlertStatus .btn::after, .fgDebtor .btn::after { 
                width: 42px;
                height: 42px;
                margin-left: -21px;
                /*background: url(../images/iSpriteBig.png) no-repeat 0 -4860px;*/
                background: url(../images/iCalendarDate.svg) no-repeat center 0; 
                background-size: cover; }

                .bTrackingAlert-NoWarning.btn::after { /*background-position-x: -300px; background-position-y: -60px;*/ 
                    background-image: url(../images/iStatus.svg); 
                    background-position-y: 100%; }
                .bTrackingAlert-HandoverExpired.btn::after { /*background-position-x: 0;*/ background-image: url(../images/iStatus.svg); background-position-y: 78%; }
                .bTrackingAlert-30Days.btn::after { /*background-position-x: -60px;*/ background-position-y: 20%; }
                .bTrackingAlert-07Days.btn::after { /*background-position-x: -120px;*/ background-position-y: 25%; }
                .bTrackingAlert-Unresolved.btn::after { /*background-position-x: -180px;*/ background-image: url(../images/iStatus.svg); background-position-y: 80%; }
                
            .fgTrackingAlertStatus label.btn:active, .fgTrackingAlertStatus label.btn.active, .fgTrackingAlertStatus label.btn:active:hover, .fgTrackingAlertStatus .btn.active strong, 
                .fgDebtor label.btn:active, .fgDebtor label.btn.active, .fgDebtor label.btn:active:hover, .fgDebtor .btn.active strong { color: #FFFFFF; }

                /*.fgTrackingAlertStatus .btn:active::after, .fgTrackingAlertStatus .btn.active::after { background-position-y: -4860px; }
                    .bTrackingAlert-NoWarning.btn:active::after, .bTrackingAlert-NoWarning.btn.active::after { background-position-x: 0; background-position-y: -60px; }*/
                
                .bTrackingAlert-NoWarning.btn:active::after, .bTrackingAlert-NoWarning.btn.active::after { /*background-position-y: -4920px;*/ 
                    background-image: url(../images/iSprite.svg); 
                    background-position-y: 41%;
                    filter: brightness(0) saturate(100%) invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White - Initial Black */ }
                .bTrackingAlert-30Days.btn:active::after, .bTrackingAlert-30Days.btn.active::after { background-position-y: 22.5%; }
                .bTrackingAlert-07Days.btn:active::after, .bTrackingAlert-07Days.btn.active::after { background-position-y: 27.5%; }
                .bTrackingAlert-HandoverExpired.btn:active::after, .bTrackingAlert-HandoverExpired.btn.active::after { background-position-y: 79%; }
                .bTrackingAlert-Unresolved.btn:active::after, .bTrackingAlert-Unresolved.btn.active::after { background-position-y: 81%; }
                        /*.bTrackingAlert-30Days.btn:active::after, .bTrackingAlert-30Days.btn.active::after,*/
                        /*.bTrackingAlert-07Days.btn:active::after, .bTrackingAlert-07Days.btn.active::after,*/
                        /*.bTrackingAlert-Unresolved.btn:active::after, .bTrackingAlert-Unresolved.btn.active::after*/
                .bTrackingAlert-NoWarning.btn:active::after, .bTrackingAlert-NoWarning.btn.active::after { /*background-position-y: -4920px;*/ 
                    filter: brightness(0) saturate(100%) invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White - Initial Black */ }

            .bTrackingAlert-30Days.btn strong, .bTrackingAlert-07Days.btn strong, .fgDebtor .btn strong { padding-right: 4px; }

                .bTrackingAlert-30Days.btn strong { color: #d17700; }
                .bTrackingAlert-07Days.btn strong { color: #c7501c; }

        .fgTrackingTerms.radioFilter .btn { padding-top: 45px; font-size: 18px; }            

            .fgTrackingTerms.radioFilter .btn.active, .fgTrackingTerms.radioFilter .btn.active:hover { color: #FFFFFF; }
                
    .barFilterTracking .arrowSq { 
        grid-column: 4;
        grid-row: 1 / span 2; }

.pageTrackingList section, .sectionExportWrap { 
    display: flex;
    flex-wrap: wrap;
    width: 100%; }

    .pageTrackingList .sResultsHeaderWrap, .sectionExportWrap .sResultsHeaderWrap { width: auto; }

    .pageTrackingList .buttonExportWrap, .sectionExportWrap .buttonExportWrap { 
        display: flex;
        margin-left: auto;
        margin-top: 10px; 
        padding-top: 10px; /* Like this for sticky padding */ 
        background: rgba(255, 255, 255, 0.85); }

        .pageTrackingList .buttonExportWrap .bExportSelected, .sectionExportWrap .buttonExportWrap .bExportSelected { 
            display: flex;
            align-items: center;
            width: auto;
            padding: 0 5px 0 15px;
            font-size: 15px;
            line-height: 1;
            white-space: nowrap; }

            .pageTrackingList .bExportSelected span, .sectionExportWrap .bExportSelected span { margin-right: 5px; }

            .pageTrackingList .bExportSelected .spinRingu, .sectionExportWrap .bExportSelected .spinRingu { 
                margin-left: auto;
                top: 0; 
                right: 0; }

        .pageTrackingList .buttonExportWrap + .tableTrackingList, .pageTrackingList .buttonExportWrap,
            .sectionExportWrap .buttonExportWrap + .tableList, .sectionExportWrap .buttonExportWrap { top: -1px; } /* Needed for JS to detect when position:sticky is stuck */

            .pageTrackingList .buttonExportWrap.stuck .bExportSelected, .sectionExportWrap .buttonExportWrap.stuck .bExportSelected { width: 100%; }

            .pageTrackingList .buttonExportWrap + .tableTrackingList thead.stuck th, .sectionExportWrap .buttonExportWrap + .tableList thead.stuck th { padding-top: 60px; }

    /* Commented Out on Order Tracking/SearchResults page - Still Used? Aug 2025 */
    /*h2.trackerListTitle { 
        width: 100%; 
        margin-bottom: -10px; 
        padding-left: 80px; }

        h2.trackerListTitle::after { 
            left: 30px; 
            top: 28px; 
            background-position-x: -300px; 
            background-position-y: -60px; }

        h2.trackerListTitle-Handover::after { background-position-y: -4860px; background-position-x: 0; }
        h2.trackerListTitle-NotChecked30::after { background-position-y: -4860px; background-position-x: -60px; }
        h2.trackerListTitle-NotChecked07::after { background-position-y: -4860px; background-position-x: -120px; }
        h2.trackerListTitle-Unresolved::after { background-position-y: -4860px; background-position-x: -180px; }*/

    .tableTrackingList thead br, .pageTracking .tabTrackingOrder br { display: none; }

        .tableTrackingList .tDate a { width: 110px; }

    /* Vessel Tracker Tab - Currently Commented Out until needed - July 2025 */

        .tabTrackingOrder .iconTab { 
            width: 32px;
            border-radius: unset;
            background: url(../images/iStatus.png) no-repeat -350px -1250px; 
            opacity: 1; }

            .tabTrackingOrder a:hover .iconTab { background-position-x: -400px; }

            .tabVesselInfo-Yes .iconTab { background-position-y: -1548px; }
            .tabVesselInfo-No .iconTab { background-position-y: -1598px; }


    .tableTrackingList .flex { justify-content: center; }

    .tableTrackingList .tTrackingStacked .flexWrap { 
        flex-wrap: nowrap;
        align-items: center; }

        .tableTrackingList .tTrackingStacked span { 
            position: relative;
            margin: 0 10px 0 0; }

        .tableTrackingList .tTrackingStacked strong { font-size: 18px; }

    .tableTrackingList .tOrderType { padding: 10px 10px 6px; }

        .tOrderType .flexColumn { 
            gap: 3px;
            align-content: center; }

        .tOrderType .iIcon, .panelOrderOverview h3 .iGiant, .fgTrackingTerms .btn::after { 
            width: 30px;
            height: 30px;
            margin: -2px auto 0;
            padding: 0;
            filter: invert(64%) sepia(5%) saturate(159%) hue-rotate(22deg) brightness(91%) contrast(87%); 		/* #949491 Light Grey */
            background: url(../images/iSprite.svg) no-repeat center 0; 
            background-size: cover; }

            .panelOrderOverview h3 .iGiant { 
                width: 42px; 
                height: 42px; 
                margin: 0; }

            .tOrderType .iIcon::after, .panelOrderOverview h3 .iGiant::after { display: none; }

            .iDDP.iIcon, .iFOB.iIcon, .panelOrderOverview h3 .iDDP.iGiant, .panelOrderOverview h3 .iFOB.iGiant, 
                .fgTrackingTerms .iDDP.btn::after, .fgTrackingTerms .iFOB.btn::after { background-position-y: 44%; }
            .iSTK.iIcon, .panelOrderOverview h3 .iSTK.iGiant, .fgTrackingTerms .iSTK.btn::after { background-position-y: 45.5%; }
            .iPTS.iIcon, .panelOrderOverview h3 .iPTS.iGiant, .fgTrackingTerms .iPTS.btn::after { background-position-y: 81.5%; }

            tr:hover .tOrderType .iIcon, .panelOrderOverview h3 .iGiant, .fgTrackingTerms .btn::after { 
                filter: invert(37%) sepia(62%) saturate(1739%) hue-rotate(20deg) brightness(105%) contrast(101%); 	/* #d17700 LG Mango */ }
            tr:hover .tOrderType .iSTK, .panelOrderOverview h3 .iSTK.iGiant, .fgTrackingTerms .iSTK.btn::after { 
                filter: invert(28%) sepia(43%) saturate(2712%) hue-rotate(350deg) brightness(97%) contrast(100%); 	/* #c73e14 SA Pumpkin */ }
            tr:hover .tOrderType .iPTS, .panelOrderOverview h3 .iPTS.iGiant, .fgTrackingTerms .iPTS.btn::after { 
                filter: invert(33%) sepia(84%) saturate(712%) hue-rotate(142deg) brightness(93%) contrast(103%); 	/* #007c85 TS Lake */  }

            .panelOrderOverview h3 .iGiant::after {  }

            .fgTrackingTerms.radioFilter .iDDP.btn:hover::before, .fgTrackingTerms.radioFilter .iFOB.btn:hover::before { border-color: #d17700; }
                .fgTrackingTerms.radioFilter .iSTK.btn:hover::before { border-color: #c73e14; }
                .fgTrackingTerms.radioFilter .iPTS.btn:hover::before { border-color: #007c85; }

            .fgTrackingTerms .btn::after { margin: 0 auto 0 -15px; }

            .fgTrackingTerms.radioFilter .btn.active { background-color: #d17700; }
                .fgTrackingTerms.radioFilter .iSTK.btn.active { background-color: #c73e14; }
                .fgTrackingTerms.radioFilter .iPTS.btn.active { background-color: #007c85; }

                .fgTrackingTerms.radioFilter .btn.active:hover { background-color: #b86200; }
                    .fgTrackingTerms.radioFilter .iSTK.btn.active:hover { background-color: #b32400; }
                    .fgTrackingTerms.radioFilter .iPTS.btn.active:hover { background-color: #00666e; }

                .fgTrackingTerms.radioFilter .btn.active::before, .fgTrackingTerms.radioFilter .btn.active:hover::before { border-color: transparent; }

                .fgTrackingTerms .btn.active::after { filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */ }



        tr:not(:hover) .tTrackingSource .fontBlack { color: #787875; }

        tr:hover .tTrackingSource .fontBlack { /*color: #6f577e;*/ color: #000000; }

        .tTrackingSource .flexColumn div { word-break: break-all; }

        .tTrackingSchedule .checkBox { height: auto; }

            .tTrackingSchedule .checkBox + .checkBox { margin-left: 10px; }

            .tTrackingSchedule .checkBox label { 
                justify-content: center;
                margin: 0;
                font-size: 10px; 
                white-space: nowrap; }

                .tTrackingSchedule .checkBox span { margin: 3px 0 0; }

                .tableTrackingList .tHandoverSuccess { 
                    padding-left: 30px; 
                    white-space: nowrap; }

                    .tHandoverSuccess span { 
                        color: #627e21; 
                        font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
                        font-weight: 900; }

                        .tHandoverSuccess span::after { 
                            content: ''; 
                            position: absolute;
                            display: block;
                            width: 18px;
                            height: 18px;
                            left: -20px;
                            top: 50%;
                            margin-top: -9px;
                            /*background: url(../images/iAction.png) no-repeat -306px -1055px;*/ 
                            background: url(../images/iAction.svg) no-repeat center 15%; 
                            background-size: cover; }

    .tableTrackingList .tTrackingHandover { padding-right: 0; }

    .tableTrackingList .iAlert { white-space: nowrap; }

    .tableList .trArchived:not(:hover) .tiOperaCo span::after
    .tableTrackingList.tableList .trArchived .tiOperaCo span::after { 
        /*background: url(../images/iAction.png) no-repeat -120px -1600px;*/ 
        filter: invert(45%) sepia(11%) saturate(1160%) hue-rotate(2deg) brightness(95%) contrast(83%); /* Archived #827252 */
        background: url(../images/iAction.svg) no-repeat center 60%; 
        background-size: cover; }
        .tableTrackingList .trArchived:hover .operaCo-U span::after { /*background-position-x: -240px;*/ filter: invert(18%) sepia(67%) saturate(3864%) hue-rotate(12deg) brightness(94%) contrast(92%); /* Company U #b3320a */ }
        .tableTrackingList .trArchived:hover .operaCo-H span::after { /*background-position-x: -320px;*/ filter: invert(45%) sepia(67%) saturate(532%) hue-rotate(359deg) brightness(95%) contrast(101%); /* Company H #b27711 */ }
        .tableTrackingList .trArchived:hover .operaCo-I span::after { /*background-position-x: -280px;*/ filter: invert(56%) sepia(11%) saturate(1769%) hue-rotate(142deg) brightness(90%) contrast(93%); /* Company I #4594a3 */ }
        .tableTrackingList .trArchived:hover .operaCo-A span::after { /*background-position-x: -360px;*/ filter: invert(67%) sepia(27%) saturate(4915%) hue-rotate(34deg) brightness(93%) contrast(82%); /* Company A #89a617 */ }
        .tableTrackingList .trArchived:hover .operaCo-D span::after, .tableTrackingList .trArchived:hover .operaCo-N span::after { /*background-position-x: -160px;*/ filter: invert(31%) sepia(15%) saturate(1706%) hue-rotate(279deg) brightness(101%) contrast(82%); /* Company D/N #8a4a69 */ }

    .pageTrackingList .pagination-container { width: 100%; }


/****** OVERVIEW ******/

.panelTrackerOverview {     
    display: grid;
    gap: 30px 50px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 20px;
    padding-bottom: 20px; }

    .panelTrackerOverview .miniStackIcon { margin-right: 0; }

        .panelTrackerOverview .miniStack-Account {  }

        .panelTrackerOverview .miniStackIcon span > span { display: inline; }

        .panelTrackerOverview .miniStackIcon:nth-of-type(6) { 
            grid-column: 1;
            grid-row: 3; }

        .panelTrackerOverview .miniStackIcon:nth-of-type(7) { 
            grid-column: 2;
            grid-row: 3; }

    .panelTrackSalesOrder .iCorner::after { background-position-y: -3050px; }
    .panelTrackFactory .iCorner::after { background-position-y: -2500px; }
    .panelTrackFreight .iCorner::after { background-position-y: -2400px; }
    .panelTrackCustomer .iCorner::after { background-position-y: -1500px; background-position-x: 0; }

    .panelTrackFactory h3, .panelTrackFreight h3, .panelTrackCustomer h3 { 
        display: flex;
        flex-direction: column; }

    .pageTrackingOverview h3 strong { 
        color: #787875; 
        font-size: 18px; 
        font-weight: bold; 
        letter-spacing: normal; }

.pageTrackingOverview section { padding-bottom: 30px; }

    /* STILL USED? Can't find any reference to this class - Jun 25 */

    /*.panelTrackSalesOrderWrap { 
        display: grid; 
        gap: 30px; 
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        list-style-type: none;
        width: 100%;
        padding: 0; }

            .panelTrackSalesOrderWrap a { 
                position: relative; 
                min-height: 120px; 
                display: flex; 
                flex-direction: column; 
                justify-content: center; 
                align-items: center;
                border-radius: 6px; 
                border: solid 6px #dcdcd9; 
                font-size: 24px;
                text-decoration: none;
                transition: all 0.3s; }

            .panelTrackSalesOrderWrap a:not(:hover) { 
                color: #949491;
                background: #eeeeeb; }

                .panelTrackSalesOrderWrap a:hover { 
                    border-color: #eeeeeb; 
                        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(120 120 117 / 20%);
                    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(120 120 117 / 20%); 
                    background: #FFFFFF; }

                .panelTrackSalesOrderWrap a:before { 
                    content: '';
                    position: static;
                    width: 36px; 
                    height: 36px; 
                    margin-bottom: 5px;
                    padding: 10px;
                    border-radius: 50%;
                    background: url(../images/iArrows.png) no-repeat center 8px; }

                    .panelTrackSalesOrderWrap a:hover:before { background-position-y: -42px; }

            .panelTrackSalesOrderWrap li:nth-of-type(6n+1) a:hover { color: #6f577e; }
                .panelTrackSalesOrderWrap li:nth-of-type(6n+1) a:before { background-color: #6f577e; }
            .panelTrackSalesOrderWrap li:nth-of-type(6n+2) a:hover { color: #4c3759; }
                .panelTrackSalesOrderWrap li:nth-of-type(6n+2) a:before { background-color: #4c3759; }
            .panelTrackSalesOrderWrap li:nth-of-type(6n+3) a:hover { color: #6b3355; }
                .panelTrackSalesOrderWrap li:nth-of-type(6n+3) a:before { background-color: #6b3355; }
            .panelTrackSalesOrderWrap li:nth-of-type(6n+4) a:hover { color: #766d78; }
                .panelTrackSalesOrderWrap li:nth-of-type(6n+4) a:before { background-color: #766d78; }
            .panelTrackSalesOrderWrap li:nth-of-type(6n+5) a:hover { color: #787875; }
                .panelTrackSalesOrderWrap li:nth-of-type(6n+5) a:before { background-color: #949491; }
            .panelTrackSalesOrderWrap li:nth-of-type(6n+6) a:hover { color: #944364; }
                .panelTrackSalesOrderWrap li:nth-of-type(6n+6) a:before { background-color: #944364; }*/

.panelTrackOverviewWrap { display: flex; }

    .panelTrackOverviewWrap .panelTrackOverviewItem { 
        display: flex; 
        flex-wrap: wrap; 
        flex-direction : column;
        width: calc((100% - 180px) / 3); 
        font-size: 18px;
        font-weight: bold; }

        .panelTrackOverviewWrap > div + div { margin-left: 90px; }

        .panelTrackOverviewItem h4 { font-size: 21px; }

        .panelTrackOverviewItem label { 
            color: #6f577e;
            font-size: 15px; 
            text-transform: uppercase; }

            .panelTrackOverviewItem span + label, .panelTrackAddressContact, .panelTrackOverviewItem .flexWrap + label, .panelTrackOverviewItem span + .flexWrap { margin-top: 20px; }

        .panelTrackOverviewItem p {  
            flex: 1;
            min-width: 0; /* Needed for ellipses to work  */
            line-height: 1.5; }

        .panelTrackOverviewItem .flexWrap label { width: 100%; }

        .panelTrackOverviewItem .termsInfo .bMoreInfo { top: -2px; right: -35px; }

.panelTrackFactory .sectionHeadMulti { align-items: flex-start; }

.panelTrackAddressItem {  padding: 20px;  }

.panelTrackAddressContact { width: 100%; }

.panelTrackCustomer h3 { position: relative; }

    .panelTrackCustomer .iOperaCo, .panelTrackAddressItem strong { font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; }

    .panelTrackCustomer .iOperaCo.iIcon::after { top: 2px; }

.pageTrackingPO .productInfoWrap { margin-bottom: 0; }

    .pageTrackingPO .tableList .tNum { text-align: right; }
        .pageTrackingPO .tableList td::before { text-align: left; }


/****** TRACKER ******/

.panelTracker:not(:hover) .bSQ40.bEdit { 
            background-color: #949491;
            background: -moz-linear-gradient(top, #949491 1%, #878783 100%);
            background: -webkit-gradient(top, #949491 1%, #878783 100%);
        background: linear-gradient(#949491, #878783); }

.panelTracker.trackerStatus-Alert:not(:hover) h3, .panelTracker.trackerStatus-Alert .panelTrackerDate strong { color: #be1622; }

    .panelTracker.trackerStatus-Alert:not(:hover) .bSQ40.bEdit { 
            background-color: #be1622;
            background: -moz-linear-gradient(top, #be1622 1%, #aa1414 100%);
            background: -webkit-gradient(top, #be1622 1%, #aa1414 100%);
        background: linear-gradient(#be1622, #aa1414); }

.panelTracker.trackerStatus-ToDo:not(:hover) h3 { color: #944364; }

    .panelTracker.trackerStatus-ToDo:not(:hover) .bSQ40.bEdit { 
            background-color: #944364;
            background: -moz-linear-gradient(top, #944364 1%, #7f3754 100%);
            background: -webkit-gradient(top, #944364 1%, #7f3754 100%);
        background: linear-gradient(#944364, #7f3754); }

.panelTracker .arrowSlideBar { 
    justify-content: space-between;
    align-items: center;
    width: 100%; 
    min-height: 80px;
    padding: 10px 0;
    border-bottom: solid 3px #dcdcd9; 
    transition: all 0.4s; }

    .panelTracker:last-of-type .arrowSlideBar:not(:hover) { border-bottom-color: transparent; }

    .panelTracker .arrowSlideBar::after { 
        content: ''; 
        position: absolute;
        top: -2px; 
        left: 0; 
        right: 0; 
        border-top: solid 3px transparent; 
        transition: all 0.3s; }

    .panelTracker .arrowSlideBar:hover, .panelTracker .arrowSlideBar:hover::after, .panelTracker .arrowSlideBar.in::after, 
        .panelTracker .arrowSlideBar.in + .slideThis { border-color: #6f577e }

        .panelTracker .arrowSlideBar.in { border-color: transparent; }

        .panelTracker .arrowSlideBar.in .inArrow { 
            bottom: 2px; 
            top: unset;
                ms-transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

            .panelTracker.expanderPanel .arrowSlideBar .inArrow::after { 
                background-position-x: -5px;
                    ms-transform: rotate(90deg);
                    -webkit-transform: rotate(90deg);
                transform: rotate(90deg); }

        .panelTracker .arrowSlideBar:hover, .panelTracker .arrowSlideBar:focus { text-decoration: none; }

    .panelTracker h3 { 
        width: 60%;
        margin: 0 auto 0 0;
        color: #949491; 
        font-size: 27px; }

        .panelTracker:not(.panelTrackerArchive) h3 { 
            position: relative;
            padding-left: 60px;  }

            .panelTracker h3::after { 
                width: 42px;
                height: 42px;
                margin-top: -21px;
                /*background-position-x: 0;*/ }

        .panelTracker h3 .fontThin { color: #40403f; }
            .panelTracker:hover  h3 .fontThin, .panelTracker .arrowSlideBar.in h3 .fontThin { color: #000000; }

    .panelTrackerDate { 
        width: 130px; 
        line-height: 1; }

        .panelTrackerDate span { font-size: 15px; }

        .panelTrackerDate strong { font-size: 21px; }

    .panelTrackerStatus { 
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 300px;
        margin: 0 auto; }

        .panelTrackerStatus span, .panelTrackerStatus span::after { 
            display: block;
            width: 24px; 
            height: 24px; }

        .panelTracker .in h3, .panelTracker .arrowSlideBar:hover h3 { color: #6f577e; } 

        .panelTracker .arrowSlideBar.in .bSQ40 { opacity: 0; }

    .panelTrackerEdit { 
        display: flex; 
        justify-content: space-between;
        align-items: center;
        width: 100%; 
        padding: 10px 0 15px; }

        .panelTracker .slideThis { 
            padding-bottom: 10px; 
            border-bottom: solid 3px transparent; }

        .panelTrackerEdit .fStacked, .panelTrackerEdit .form-control { margin-bottom: 0; }

        .panelTrackerEditDate { width: 30%; min-width: 180px; } 

            .panelTrackerEditDate .onewDateWrap { width: 100%; }

        .panelTrackerEditReason { width: calc(70% - 140px);  }

        .panelTrackerEdit .buttonWrap { align-items: center; }

            .panelTrackerEdit .buttonWrap label { text-transform: uppercase; }
        
.panelTracker .iAlert.iIcon { padding-left: 0; }

    .panelTracker .iAlert.iIcon::after { 
        width: 26px; 
        height: 26px; }

h2.panelTrackerCustomerDate { 
    display: flex; 
    width: 100%; }

    h2.panelTrackerCustomerDate .plum { margin-left: auto; }

.panelTrackerNoEdit .bSQ40NoButton { width: 43px; }

.panelTrackerArchive { 
    display: flex;
    padding: 20px 0 10px; }

    .panelTrackerArchive .flexColumn { 
        width: calc(100% - 100px); 
        padding-left: 60px; }

        .panelTrackerArchive .iArchive::after { 
            background-position-y: 60%;
            filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%); /* #787875 Mid Grey */
            top: 50%; 
            margin-top: -21px; }

        .panelTrackerArchive.panelTracker h3 { 
            width: 100%; 
            color: #6f577e !important; } 

            .panelTrackerArchive.panelTracker h3::after { display: none; }

        .panelTrackerArchive .labelNote { 
            margin: 0; 
            color: #40403f !important; 
            text-transform: none; }

        .panelTrackerArchive .fSwitch { margin-bottom: 0; }

    .panelTrackerArchive .fgSwitch { margin-left: auto; }    

    .trackerStatus-Alert .in .inArrow::after { background-color: #be1622; }
        .trackerStatus-Alert.panelTracker .bSQ30.bSqArrow { background: #be1622; }
        .trackerStatus-Alert .bSQ30.bSqArrow:hover { background-color: #aa1414; }
    .trackerStatus-Alert.panelTracker .arrowSlideBar.in + .slideThis { border-color: #be1622; }
    .trackerStatus-Alert .arrowSlideBar.in::before, .trackerStatus-ToDo .arrowSlideBar.in::before { 
        border-top: solid 3px #be1622;
        z-index: 100; }
    .trackerStatus-Alert:hover .arrowSlideBar.in h3, .trackerStatus-Alert .buttonWrap label { color: #be1622; }

    .trackerStatus-ToDo .in .inArrow::after { background-color: #944364; }
        .trackerStatus-ToDo.panelTracker .bSQ30.bSqArrow { background: #944364; }
        .trackerStatus-ToDo .bSQ30.bSqArrow:hover { background-color: #aa1414; }
    .trackerStatus-ToDo.panelTracker .arrowSlideBar.in + .slideThis, .trackerStatus-ToDo .arrowSlideBar.in::before { border-color: #944364; }
    .trackerStatus-ToDo:hover .arrowSlideBar.in h3, .trackerStatus-ToDo .buttonWrap label { color: #944364; }

/* No longer Used - July 2025 */
/*.panelTrackerTimeline { 
    display: flex;
    flex-direction: column;
    align-items: center; }*/

    /*.panelTrackerTimeline ul { margin-top: 20px; }

        .panelTrackerTimeline li { 
            display: flex;
            flex-direction: column;
            justify-content: center;
            min-height: 80px;
            margin-bottom: 30px;
            padding-left: 95px;
            padding-top: 0; 
            padding-bottom: 0 !important; }

            .panelTrackerTimeline li::before { 
                width: 6px;
                margin-left: -3px;
                top: 75px;
                bottom: -35px;
                left: 40px; }

            .panelTrackerTimeline li span.iTimeline { 
                width: 80px;
                height: 80px; 
                border: solid 6px #6f577e;
                background: none; }

                .panelTrackerTimeline p { 
                    color: #787875;
                    font-size: 21px; }*/

    /*.panelTrackerTimeline .grid { 
        display: grid;
        grid-template-columns: 1fr 80px 1fr;*/
        /* grid-gap: 0 20px;*/
        /*margin-top: 20px; 
        margin-left: -80px;*/ /* Hack for added ghost 4th column */ /*}*/

            /*.panelTrackerTimeline .iTimeline { 
                display: block;
                grid-column: col 2;
                justify-self: center; 
                position: relative;
                width: 80px;
                height: 80px; 
                margin-bottom: 30px;
                border-radius: 50%;
                border: solid 6px #6f577e;
                background: none; }*/

                /*.panelTrackerTimeline .iTimeline::before { 
                    content: ' ';
                    display: block;
                    position: absolute;
                    width: 6px;
                    margin-left: -3px;
                    top: 74px;
                    bottom: -36px;
                    left: 50%; 
                    background: #6f577e; }*/

                    /*.panelTrackerTimeline .grid div:first-of-type::before, .panelTrackerTimeline .grid div:nth-child(23)::before { display: none; }*/

                /*.timelineDateTitle { 
                    align-self: center;
                    display: flex;
                    flex-direction: column;
                    justify-content: center; 
                    margin-bottom: 30px; }*/

                    /*.panelTrackerTimeline h5 {
                        margin-bottom: -2px;
                        font-size: 18px; }

                    .panelTrackerTimeline p { 
                        margin: 0;
                        color: #787875;
                        font-size: 21px;
                        font-weight: bold;
                        line-height: 1.2; 
                        text-transform: uppercase; }*/

                /*.panelTrackerTimeline .grid div:nth-child(1), .panelTrackerTimeline .grid div:nth-child(2) { grid-row: row 1; }
                .panelTrackerTimeline .grid div:nth-child(3), .panelTrackerTimeline .grid div:nth-child(4) { grid-row: row 2; }
                .panelTrackerTimeline .grid div:nth-child(5), .panelTrackerTimeline .grid div:nth-child(6) { grid-row: row 3; }
                .panelTrackerTimeline .grid div:nth-child(7), .panelTrackerTimeline .grid div:nth-child(8) { grid-row: row 4; }
                .panelTrackerTimeline .grid div:nth-child(9), .panelTrackerTimeline .grid div:nth-child(10) { grid-row: row 5; }
                .panelTrackerTimeline .grid div:nth-child(11), .panelTrackerTimeline .grid div:nth-child(12) { grid-row: row 6; }
                .panelTrackerTimeline .grid div:nth-child(13), .panelTrackerTimeline .grid div:nth-child(14) { grid-row: row 7; }
                .panelTrackerTimeline .grid div:nth-child(15), .panelTrackerTimeline .grid div:nth-child(16) { grid-row: row 8; }
                .panelTrackerTimeline .grid div:nth-child(17), .panelTrackerTimeline .grid div:nth-child(18) { grid-row: row 9; }
                .panelTrackerTimeline .grid div:nth-child(19), .panelTrackerTimeline .grid div:nth-child(20) { grid-row: row 10; }
                .panelTrackerTimeline .grid div:nth-child(21), .panelTrackerTimeline .grid div:nth-child(22) { grid-row: row 11; }
                .panelTrackerTimeline .grid div:nth-child(23), .panelTrackerTimeline .grid div:nth-child(24) { grid-row: row 12; }

                .panelTrackerTimeline .grid div:nth-child(4n+4) { grid-column: col 1; margin-right: 20px; text-align: right; }
                .panelTrackerTimeline .grid div:nth-child(4n+2) { grid-column: col 3; margin-left: 20px; }

                    .panelTrackerTimeline .iStatus01::after, .panelTracker:not(.panelTrackerArchive):nth-of-type(1) h3::after { background-position-y: -950px; }*/ /***  New Order/Order created  ***/
                    /*.panelTrackerTimeline .iStatus20::after, .panelTracker:nth-of-type(2) h3::after { background-position-y: -1000px; }*/ /***  Factory Handover - Estimated  ***/
                    /*.panelTrackerTimeline .iStatus21::after, .panelTracker:nth-of-type(3) h3::after { background-position-y: -1100px; }*/ /***  Factory Handover - Required  ***/
                    /*.panelTrackerTimeline .iStatus22::after, .panelTracker:nth-of-type(4) h3::after { background-position-y: -1150px; }*/ /***  Container Requested  ***/
                    /*.panelTrackerTimeline .iStatus23::after, .panelTracker:nth-of-type(5) h3::after { background-position-y: -1200px; }*/ /***  Container Request Received  ***/
                    /*.panelTrackerTimeline .iStatus24::after, .panelTracker:nth-of-type(6) h3::after { background-position-y: -1050px; }*/ /***  Factory Handover - Actual  ***/
                    /*.panelTrackerTimeline .iStatus25::after, .panelTracker:nth-of-type(7) h3::after { background-position-y: -1250px; }*/ /***  Vessel Cut Off  ***/
                    /*.panelTrackerTimeline .iStatus26::after, .panelTracker:nth-of-type(8) h3::after { background-position-y: -1300px; }*/ /***  Vessel Sailing  ***/
                    /*.panelTrackerTimeline .iStatus27::after, .panelTracker:nth-of-type(9) h3::after { background-position-y: -1350px; }*/ /***  Vessel Arrival At Port  ***/
                    /*.panelTrackerTimeline .iStatus28::after, .panelTracker:nth-of-type(10) h3::after { background-position-y: -1400px; }*/ /***  Delivery - Estimated  ***/
                    /*.panelTrackerTimeline .iStatus29::after, .panelTracker:nth-of-type(11) h3::after { background-position-y: -1450px; }*/ /***  Delivery - Actual  ***/
                    /*.panelTrackerTimeline .iStatus30::after, .panelTracker:nth-of-type(12) h3::after { background-position-y: -1500px; }*/ /***  Customer Required  ***/


                    /*.panelTrackerTimeline .iStatus30.iTimeline { 
                        width: 90px;
                        height: 90px;
                        border: solid 6px #944364; }

                    .panelTrackerTimeline .iStatus30 + .timelineDateTitle h5 { color: #6b3355; font-size: 18px; }
                    .panelTrackerTimeline .iStatus30 + .timelineDateTitle .fontBlack { color: #944364; font-size: 24px; }*/


/****** HISTORY ******/

    .tableTrackerHistory.tableList .tIcon span { 
        height: 30px;
        transition: transform 0.3s; }

        .tableTrackerHistory.tableList .tIcon span::after { 
            width: 30px;
            height: 30px;
            margin-top: -15px;
            /*background-position-x: -400px;*/ }

            .tableTrackerHistory tr:hover .tIcon span { transform: scale(1.1); }

        /*.tableTrackerHistory tr:hover .tIcon span::after { background-position-x: -450px; }*/

/****** INSPECTIONS ******/

    .tableTrackerInspections.tableList td { vertical-align: middle; }

        .tableTrackerInspections .tInspectionDate { white-space: nowrap; }

        .tableTrackerInspections .tInspectionResult { width: auto; }

    .panelTrackInspectionOverview .panelInspectOverviewLeft span > .fontBlack { display: inline; }

    .panelTrackInspectionOverview .miniStack:last-of-type { margin-bottom: 0; }

    .panelTrackInspectionOverview .bDownloadSelected { 
        width: 100%; 
        margin-bottom: 20px; }

        .panelTrackInspectionOverview .bDownloadSelected::after { 
            top: 6px;
            right: 7px;
            background-position-y: -3800px; }
        
        .panelTrackInspectionOverview .spinWrap .spinRingu { right: -100%; top: -32px; }

    .panelTrackInspectionOverview .panelPSIReport { 
        margin-bottom: 0; 
        padding-top: 20px; 
        padding-bottom: 20px; }

    .panelTrackInspectionGallery {  }


/****** PURCHASE ORDER ******/

    .tOrderDoc .iOrder::after { top: -4px; }

        .tOrderDoc .iOrder:not(:hover)::after { opacity: 0.6; }


/*****************************************************************
= COLOUR GRAPE - DASHBOARD
*****************************************************************/

    .basketEmpty { color: #6b3355; }

    .basketEmpty::after { background-color: #6f577e; }


 /*****************************************************************
= COLOURS GRAPE 
*****************************************************************/   
 
/* COLOUR */
    .sectionHead, .radioDouble .btn label, .modalAddTrigger .radioDouble label.btn, .radioSingle .btn label, .modal h4, .conOptionWrap h4, .selectize-dropdown [data-selectable] .highlight, /*.pageBasic h1.twinHead .twinHead-Sml,*/ 
        h2.sectionTitle span, h2.iconTitle span, .contentTitle span,
        .modalTableList td, .modalMoreInfo .centredModalHead h5 span, .modal-body h4, .conSKU,
        .biHead .biName h3, .biName h5 span, .slideThis .addExtraName h5, .barTotal .factorySubTotal span,
        .panelOrderAddress h4,
        .pageBasic .revPanelDetails h2, .pageExceptions section h3, .pageExceptions .revPanelDetails h2,
        .sideNav li a, 
        .pageScheduledHistory .taskSearchlist strong,
        .preparedFor strong, 
        .dragOrder a:focus
        { color: #6f577e; }    

        .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { color: #6f577e !important; }

    /*.orderProgress li.active span,*/
        .centredModalHead h5 span, .sideNav li a:hover, .sideNav li.active a { color: #594366; }

    .basketList tr:hover h5, .basketList tr:hover h5 span { color: #4c3759; }    

/* BACKGROUND - POSITION */
    .bDownloadXLS.bButton.bDouble::after, .bUploadXLS.bButton.bDouble::after, .bDownloadXLSWrap .bDownloadXLS::after,
        .bUpdate.bButton.bDouble::after, /*.bButton.bDouble.bBack.bEmpty::after,*/ .bUploadDocWrap::after/*, .modal-footer .bModalClose:hover::after*/
        { background-position-x: -360px; }  /* Grape */
    
    /*td.olStatus span::after, .iStatus span::after { background-position-x: -400px; }*/

    .basketList tr .bButtonLite.bUpdate:hover, .basketList tr .bButtonLite.bDelete:hover 
        { background-position-x: -349px; }

    .iBig::after, .modal .iBig::after,
        h3.sectionTitle.iconTitle::after, .onewDateWrap .ui-datepicker-trigger:hover,
        .pageBasic .revPanelDetails h3.hFactory:after , .revPanelDetails .dueDate::after
        { background-position-x: -420px; }

    .biHead .biThumb::after, .revPanelProducts h3::after, .oiIcon::after { background-position-x: -700px; }

/* BACKGROUND - FILTER */
    .bButton.bDouble.bBack.bEmpty::after, .modal-footer .bModalClose:hover::after 
        { filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); } 	/* Grape */


/* BACKGROUND - COLOUR */
    .iContainer .conFill::after , .containerMini .iContainer .conFill, .iContainer .conPercent, .iContainer .conPercentFill, .biHead:not(.in) .iContainer .conFill,
        .iContainer .conPercent , .iContainer div.on , .basketContainer .iContainer .conPercent , .basketContainer .iContainer div.on, .conFull,
        .iContainer .conPercent , .iContainer .conPercentFill, .containerMini .iContainer .conFill,
        /*.orderProgress ul::before , .orderProgress li.active span::after , .orderProgress li.completed span::before,*/
        .addExtraItem.in, .pageBasic:not(.pageDetails) .addExtraItem.in .inArrow::after,
        .arrowSlideBar .inArrow::after, 
        .arrowSq.hoverSlide, .dragOrder a:hover,
        .biHead.in .inArrow::after, .biHead:hover .inArrow::after,
        .itemChecked
        { background-color: #6f577e; }

    .bButton:not(.bGrey):not(.bConfirm):not(.bReject):not(.bModalGrey):not(.bSearchDoc):hover,
        .addressNew:hover .bSQ30.bNew,
        .bButton:not(.bGrey):not(.bConfirm):not(.bReject):not(.bSearchDoc):focus , .bButton.bDouble:not(.bGrey):not(.bConfirm):not(.bReject):not(.bSearchDoc):hover , .radioDouble .btn.active:hover, .radioSingle .btn.active:hover,
        /*.pgWrap a.active:hover ,*/ .bSQ30.bSqArrow:hover , .filterPage li a.active:hover , header .navbar-toggle:hover , .arrowSq.hoverSlide::after, .bSQ30.bEdit:hover, .pageBasic .bUploadDocWrap .bButton:hover
            { background: #594366; }

/* BORDER */
    .biHead.in , .biHead:hover,
        .pageQuick tr:hover .selectize-control.single .selectize-input, .conSKU,
        .modalTableList tr:hover th::after, .modalTableList tr:hover td::after,
        .addExtraItemWrap .slideThis, 
        .sideNav ul,
        .radioDouble .btn:hover::before, .radioSingle .btn:hover::before, .bButton.bDouble.bGrey:hover::before,
        .modal-footer .bModalClose:hover::before, .modalDropdownNav.nav .open > a, .modalDropdownNav.nav .open > a:hover, .modalDropdownNav.nav .open > a:focus
        { border-color: #6f577e; }
    
    .quickList tr:hover .form-control, .pageOrders tr:hover .form-control:not(:focus) { border-color: #948d99; }

/* BUTTONS */
    .bButton:not(.bGrey):not(.bConfirm):not(.bReject):not(.bModalGrey):not(.bSearchDoc),
        .radioDouble .btn.active , .radioDouble .btn:active, .open > .radioDouble .dropdown-toggle.btn,
        .radioSingle .btn.active, .radioSingle .btn:active, .open > .radioSingle .dropdown-toggle.btn,
        /*.pgWrap a.active ,*/ .bSQ30.bSqArrow , .filterPage li a.active, .bSQ30.bNew, .bSQ30.bEdit,
        header .navbar-toggle, .pageBasic .bUploadDocWrap .bButton {
        background-color: #6f577e;
            background: -moz-linear-gradient(top, #6f577e 1%, #594366 100%); 
            background:-webkit-gradient(top, #6f577e 1%, #594366 100%); 
            background: linear-gradient(#6f577e, #594366); }

/* BOX SHADOWS */
    #ModalLessThan .ltQty .form-control:focus, .modalDropdownNav:focus { 
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(111, 87, 126, 0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(111, 87, 126, 0.5); }

/* FTZ */
    /* OLD - No longer used */


/*****************************************************************
= OTHER TASKS MASTER
*****************************************************************/

    .taskSearchlist .tiCheck, .tableList .tiCheck { 
        width: 40px; 
        padding-right: 0; 
        text-align: center; }

        .tiCheck .itemChecked { background-color: #89a617; }

    .taskSearchlist tr:not(.trChecked):not(:hover) h3, .tableList tr:not(.trChecked):not(:hover) h3 { color: #949491; }


/*****************************************************************
= OTHER TASKS INNER MASTER
*****************************************************************/

.pageReports h1, .pageTools h1, 
    .pageBasic h1.hOrderStatus,
    .pageOrders-New h1, .pageContainerLoad h1, .pageCustomers h1, .pageExpenditure h1, .pageDebtorList h1, .pageCreditorList h1, /* .pageOrders h1? (x1 so far) */
    .pageMarketing h1,
    .pageNPD h1, .pageProducts h1, .pageProductClass h1, 
    .pageCompany h1, .pageUsers h1, .pageScheduled h1, .pageConsolidators h1, .pageDataRoom h1, 
    .pageSpares h1, .pageWarranty h1, .pageInspections h1, .pageInspectors h1, .pageSourcing h1 { 
    display: flex; 
    gap: 10px;
    align-items: center; }

    /*.pageProductClass h1 span, .pageCompany h1 span, .pageUsers h1 span, .pageScheduled h1 span { margin-right: 10px; } */

.pageTracking h1::after { background-position-y: -4000px; top: 3px; }
/*.pageTracking.pageBasic h1.hOrderStatus::after { background: url(../images/iSpriteGiant.png) no-repeat -700px -4000px; }*/
    .pageTracking h1.twinHead::after { top: 8px; } 
    .pageVesselTracker h1::after { background-position-x: -700px; }
.pageCustomers h1::after { background-position-y: -700px; top: 3px; }
.pageBasic .h1Draft::after { background-position-y: -1500px; background-position-x: -100px; }
    /*.pageUsers h1::after { background-position-y: -800px; top: 1px; }*/
    .pageScheduled h1::after { background-position-y: -900px; height: 51px; top: 2px; }
    /*.pageReports h1::after { background-position-y: -1000px; }*/
    .pageReports h1::after, .pageReportsSellout h1::after, 
        .pageBasic h1.hOrderStatus::after, 
        .pageOrders-New h1::after, .pageTools h1::after, .pageContainerLoad h1::after, .pageCustomers h1::after, .pageExpenditure h1::after, .pageDebtorList h1::after, .pageCreditorList h1::after,
        .pageMarketing h1::after,
        .pageNPD h1::after, .pageProducts h1::after, .pageProductClass h1::after, 
        .pageCompany h1::after, .pageUsers h1::after, .pageScheduled h1::after, .pageConsolidators h1::after, .pageDataRoom h1::after,
        .pageSpares h1::after, .pageWarranty h1::after, .pageInspections h1::after, .pageInspectors h1::after, .pageSourcing h1::after, .pageDocValidity h1::after { 
            width: 54px;
            height: 54px;
            top: unset;
            margin-top: 0;
            background: url(../images/iSprite.svg) no-repeat center 0; 
            background-size: cover; 
            filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); } /* #6f577e Grape */ 
        /*.pageReportsSummary h1::after { background-position-y: -2300px; background-position-x: 0; }*/
        /*.pageReportsAnalysis h1::after { background-position-y: -6400px; background-position-x: -700px;}*/ 
        /*.pageReportsByMonth h1::after { background-position-y: -2300px; background-position-x: -300px; }*/
        /*.pageReportsTrends h1::after { background-position-y: -2300px; background-position-x: -100px; }*/
        /*.pageReportsBreakdown h1::after { background-position-y: -2300px; background-position-x: -200px; }*/
        .pageReportsCountry h1::after { background-position-y: -5800px; background-position-x: -700px; }
        /*.pageReportsSelloutByCustomer h1::after { background-position-y: -6000px; background-position-x: -700px; }*/
        /*.pageReportsSelloutByProduct h1::after { background-position-y: -6100px; background-position-x: -700px; }*/
        /*.pageReportsSelloutTrendsByCustomer h1::after { background-position-y: -6200px; background-position-x: -700px; }*/
        /*.pageReportsSelloutTrendsByProduct h1::after { background-position-y: -6300px; background-position-x: -700px; }*/
    .pageWarehouse h1::after { background-position-y: -200px; top: 3px; }
    /*.pageCompany h1::after { background-position-y: -1200px; }*/
    .pageExpenditure h1::after { background-position-y: -4400px; }
    /*.pageDebtorList h1::after { background-position-y: -3800px; top: 0; }*/
    /*.pageCreditorList h1::after { background-position-y: -5900px; top: 5px; }*/
    .pageTools h1::after { background-position-y: -1300px; }
    /*.pageDocs h1::after, h1.hDocs::after { background-position-y: -1400px; top: 3px; }*/
    /*.pageConsolidators h1::after { background-position-y: -1800px; }*/
    /*.pageWarranty h1::after { background-position-y: -1900px; top: 6px; }*/
    /*.pageInspections h1::after { background-position-y: -2100px; top: 3px; }*/
    /*.pageInspectors h1::after { background-position-y: -2300px; }*/
    /*.pageCompliance h1::after { background-position-y: -4900px; }*/ /* Old - Unused Icon? */
    /*.pageDocValidity h1::after { background-position-y: -5200px; }*/
    /*.pageSKUValidity h1::after { background-position-y: -5100px; }*/
    /*.pageSpares h1::after { background-position-y: -2200px; }*/
    /*.pageProducts h1::after { background-position-y: -2200px; background-position-x: -600px; top: 3px; }*/
    /*.pageProductClass h1::after { background-position-y: -2300px; background-position-x: -600px; }*/
    .pageProductDocs h1::after { background-position-y: -2600px; background-position-x: 0; top: 2px; }
        .pageProductDocsRequested h1::after { background-position-x: -100px; }
        .pageProductDocsSubmitted h1::after { background-position-x: -300px; }
        .pageProductDocsExpired h1::after { background-position-x: -600px; }
    /*.pageNPD h1::after { background-position-y: -2700px; }*/ 
    /*.pageSourcing h1::after { background-position-y: -2800px; background-position-x: 0; }
        .pageSourcingDeActivated h1::after { background-position-x: -100px; }*/

    .pageBasic h1.hOrderStatus::after { /*background: url(../images/iStatus.png) no-repeat 0 -1800px;*/ background-image: url(../images/iStatus.svg); }
        /*.pageBasic h1.iStatus01::after { background-position-y: -1900px; }*/ /***  New Order  ***/
        /*.pageBasic h1.iStatus02::after { background-position-y: -2000px; }*/ /***  Accepted  ***/
        /*.pageBasic h1.iStatus03::after { background-position-y: -2100px; }*/ /***  Awaiting Payment  ***/
        /*.pageBasic h1.iStatus04::after { background-position-y: -2200px; }*/ /***  Ready for Processing  ***/
        /*.pageBasic h1.iStatus05::after { background-position-y: -2300px; }*/ /***  Processing  ***/
        /*.pageBasic h1.iStatus06::after { background-position-y: 0; background-position-y: -2400px; }*/ /***  Shipped  ***/
        /*.pageBasic h1.iStatus07::after { background-position-y: -2500px; }*/ /***  Received  ***/
        /*.pageBasic h1.iStatus08::after { background-position-y: -2600px; }*/ /***  Invoiced  ***/
        /*.pageBasic h1.iStatus09::after { background-position-y: -2700px; }*/ /***  Cancelled  ***/

        /* Any icons below used? */
        /*.pageBasic h1.iStatus10::after { background-position-y: -2800px; }*/ /***  Document Uploaded  ***/
        /*.pageBasic h1.iStatus11::after { background-position-y: -2900px; }*/ /***  New Date  ***/
        /*.pageBasic h1.iStatus12::after { background-position-y: -3000px; }*/ /***  Revised Date  ***/
        /*.pageBasic h1.iStatus13::after { background-position-y: -3100px; }*/ /***  On schedule  ***/
        /*.pageBasic h1.iStatus14::after { background-position-y: -3200px; }*/ /***  Not on schedule  ***/
        /*.pageBasic h1.iStatus15::after { background-position-y: -3300px; }*/ /***  Shipping update  ***/
        /*.pageBasic h1.iStatus16::after { background-position-y: -3400px; }*/ /***  Order Archived  ***/
        /*.pageBasic h1.iStatus17::after { background-position-y: -3500px; }*/ /***  Order Un-Archived  ***/ 
        .pageBasic h1.iStatus20::after { /*background-position-y: -3600px;*/ background: url(../images/iCalendarDate.svg) center 60%; } /***  Date Alert  ***/
        .pageBasic h1.iStatusEdit::after { /*background-position-y: -500px;*/ background-position-y: 68%; } /***  Edited  ***/
        .pageBasic h1.iStatusAlert::after { /*background: url(../images/iSprite.png) -244px -998px;*/ background: url(../images/iAction.svg) center 30%; } /***  Alert  ***/
        .pageBasic h1.iStatusDeleted::after { /*background-position-y: -600px;*/ background-position-y: 70%; } /***  Doc Deleted  ***/

    .pageNoPermission h1::after { background-position-x: -100px; background-position-y: -300px; top: 3px; }
    .pageExceptions.pageBasic h1::after { background: url(../images/iSpriteBig.png) -120px -1860px; }  

.titleNote, h2.iconTitle .titleNote { 
    display: inline-block;
    position: relative;
    top: -3px;
    color: #40403f;
    /*font-size: 11px; 
    font-family: 'LatoWebBlack',Lato,Arial,Helvetica,sans-serif;
    font-weight: 900;
    line-height: 1.2;*/
    font: 900 11px/1.2 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
    letter-spacing: normal; }

    .tableList tr:hover th.thRowHover, .tableList tr:hover th.thRowHover::after,
    .dragOrder a:hover, .dragOrder a:focus 
    { border-color: #6f577e; }

.form-checkGroup h4 {
    margin: 0 0 -2px; 
    color: #6f577e; 
    font-size: 21px;
    font-weight: bold; }

    .ui-sortable-helper .dragOrder a { 
        color: #FFFFFF !important;
        border-color: #3e2c4a !important; 
        background-color: #3e2c4a !important; }

    .ui-sortable-helper .dragOrder a::before, .ui-sortable-helper .dragOrder a::after { 
        content: ' ';
        position: absolute;
        width: 16px;
        height: 16px;
        right: 50%;
        margin-right: -6px;
            -ms-transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        /*background: url(../images/iArrows.png) no-repeat center -3000px;*/
        background: url(../images/iArrows.svg) no-repeat center 30%; 
        background-size: cover; }

    .ui-sortable-helper .dragOrder a::before { top: -35px; }

    .ui-sortable-helper .dragOrder a::after { 
        bottom: -35px;
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
        transform: rotate(90deg); }


/******  Add New  ******/

.addNewWrap h4 { 
    margin: 20px 0;
    padding-top: 20px;
    border-top: dotted 4px #dcdcd9;
        /*border-width: 10px 0 0 0;*/
        border-width: 14px 0 0 0;
        border-style: dotted;
        border-color: #dcdcd9;
        /*border-image-source: url(../images/dotBorder.png);*/
        border-image-source: url(../images/dotBorder.svg);
        border-image-slice: 33% 33%;
        border-image-repeat: round; }

.addNew { 
    display: flex;
    width: 100%; }

    .addNew .form-group { 
        flex: 1 1 auto; 
        margin-right: 20px; }

        .addNew .form-control { display: inline-block; } /* full width flex fix */

        .addNew .fgCheck { 
            display: flex;
            flex-direction: column; 
            flex: 0 1 70px;
            align-items: center; }

        .addNew .bSQ30 { 
            align-self: center; 
            min-width: 40px; 
            margin: 0 0 0 10px; 
            line-height: 40px; 
            color: #FFFFFF; 
            font-size: 15px; 
            font-weight: bold; 
            text-align: center;
            text-transform: uppercase; }

            .addNew .bSQ30::after { 
                left: unset; 
                right: 0; }

        .addNew .onewDateWrap { width: 100%; }

            .addNew .datepicker { max-width: 250px; }

            .addNew .onewDateWrap .ui-datepicker-trigger { top: -3px; }            

        .addNewUploaderWrap > div { position: relative; }
                
            .addNewUploaderWrap > div::after { 
                content: ''; 
                display: block; 
                position: absolute; 
                width: 22px;
                top: 10px; }

            .addNew .addNewUploaderWrap .bButton.bSearchDoc { 
                width: 100%; 
                min-width: 150px;
                margin-top: 0; }

            .addNewUploaderWrap .uploadergrid { 
                /*position: absolute;*/
                width: 100%; 
                min-width: unset !important;
                border: none; 
                margin-top: 5px; }

                .addNewUploaderWrap .uploadergrid td:first-child { 
                    width: 20px; 
                    padding-left: 0; }

                .addNewUploaderWrap .uploadergrid td:nth-child(2) span { 
                    display: block;  
                    max-width: 200px; 
                    word-break: break-word;
                    /*overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;*/ }

                .addNewUploaderWrap .uploadergrid td:last-child { 
                    width: 35px; 
                    padding-right: 0; }


                .addNew .radioSingle {  }

.addNewTableData.addNewWrap { margin-bottom: 20px; }

    .addNewTableData.addNewWrap h4 { 
        margin: 10px 0 10px;
        padding-top: 0px; 
        border: none; 
        color: #6f577e; 
        font-size: 15px; }

    .addNew .dropzone { min-height: 120px; }


/******  DROPZONE  ******/

    .fgDropZone.dropzone.dz-started .dz-message {     
        display: block;
        order: 2;
        margin: 0; }

    .fgDropZone.dropzone .dz-preview { 
        display: flex;
        flex-direction: column; 
        min-height: unset;
        margin: auto 0 0; }

    .fgDropZone.dropzone .dz-preview.dz-file-preview .dz-image { 
        height: auto;
        background: none; }

    .pageBasic .dropzone .dz-preview .dz-image, .fgDropZone.dropzone .dz-preview .dz-image, 
        .pageBasic .dropzone .dz-preview.dz-file-preview .dz-image, .fgDropZone.dropzone .dz-preview.dz-file-preview .dz-image { border-radius: unset; }

        .pageBasic .dropzone .dz-preview:hover .dz-image img, .fgDropZone.dropzone .dz-preview:hover .dz-image img { 
               -webkit-filter: unset; 
            filter: unset; 
            opacity: 0.3; }

    .fgDropZone.dropzone .dz-preview .dz-details { 
        position: relative;
        max-width: 150px;
        padding: 10px 0 0;
        text-align: left; 
        line-height: 1; 
        opacity: 1; }

        .fgDropZone.dropzone .dz-preview:hover .dz-details { color: #000000; }

        .fgDropZone .dz-preview.dz-image-preview { opacity: 1; }

        .fgDropZone.dropzone .dz-preview .dz-details .dz-size { margin-bottom: 0; }

            .fgDropZone.dropzone .dz-preview .dz-details .dz-filename span, .fgDropZone.dropzone .dz-preview .dz-details .dz-size span { 
                padding: 0;
                border: none;
                border-radius: 0;
                background: none; }

            .fgDropZone.dropzone .dz-preview .dz-details .dz-filename:hover span, .fgDropZone.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: none; }

    .fgDropZone.dropzone .dz-preview .dz-progress { 
        position: relative;
        height: 12px;
        margin: 3px 0;
        left: unset;
        top: unset;
        border: none;
        z-index: 1; }

        .fgDropZone.dropzone .dz-preview .dz-progress .dz-upload { background: #944364 !important; }

    .fgDropZone.dropzone .dz-preview .dz-remove { 
        position: relative;
        padding-right: 10px;
        text-align: left;
        text-transform: uppercase; }

        .fgDropZone.dropzone .dz-remove::after { 
            content: ''; 
            position: absolute; 
            width: 15px;
            height: 15px;
            right: 0;
            top: 50%;
            margin-top: -8px;
            /*background: url(../images/iAction.png) no-repeat -80px -300px; */ /* Grey to Hover Red */
            filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%); /* #787875 Mid Grey */
            background: url(../images/iAction.svg) no-repeat center 5%; 
            background-size: cover; }

    .fgDropZone.dropzone .dz-remove { color: #40403f; }

        .fgDropZone.dropzone .dz-remove:hover { color: #be1622; }

        .fgDropZone.dropzone .dz-remove:hover::after { /*background-position-x: -120px;*/ filter: invert(12%) sepia(48%) saturate(6975%) hue-rotate(347deg) brightness(103%) contrast(95%); /* #be1622 RFEred */ }

    .fgDropZone.dropzone .dz-preview .dz-error-mark { 
        margin-left: -24px;
        margin-top: -24px; }

        .fgDropZone.dropzone .dz-preview .dz-error-mark svg { 
            width: 48px;
            height: 48px;
            border-radius: 4px;
            border: solid 3px #FFF;
            /*background: #FFFFFF url(../images/iAction.png) no-repeat -263px -853px;*/ 
            filter: invert(12%) sepia(48%) saturate(6975%) hue-rotate(347deg) brightness(103%) contrast(95%); /* #be1622 RFEred */ 
            background: url(../images/iAction.svg) no-repeat center 5%; 
            background-size: cover; }

        .fgDropZone.dropzone .dz-file-preview .dz-error-mark { 
            top: 0; 
            margin-top: 0; }

            .fgDropZone.dropzone .dz-preview .dz-error-mark svg g { display: none; }

        .fgDropZone.dropzone .dz-file-preview .dz-error-message { top: 80px; }

        .fgDropZone.dropzone .dz-image-preview .dz-error-message { top: 130px; }

.radioDouble.radioCurrency .btn:not(.active) label { color: #a4427b; }

    .radioDouble.radioCurrency .btn:hover::before { border-color: #a4427b ; }

.radioDouble.radioCurrency .btn.active , .radioDouble.radioCurrency .btn:active {   
        background-color: #a4427b!important; 
        background: -moz-linear-gradient(top, #a4427b 1%, #993d72 100%)!important; 
        background: -webkit-gradient(top, #a4427b 1%, #993d72 100%)!important; 
    background: linear-gradient(#a4427b, #993d72)!important; }


/*****************************************************************
    OTHER TASKS FOB/FACTORY - OLD DELETED SECTION
*****************************************************************/


/*****************************************************************
    OTHER TASKS FTZ - OLD DELETED SECTION
*****************************************************************/


/*****************************************************************
    OTHER TASKS Warehouse - OLD DELETED SECTION
*****************************************************************/


/*****************************************************************
= LG - Expenditure
*****************************************************************/

.pageExpenditure .barFilterWrap { float: none; }

.barFilterExpenditure .fgFilterDateWrap { width: calc((100% - 130px) * 0.6); }

.fgPaymentSupplier { width: calc((100% - 130px) * 0.4); }

.hasExportNumWrap { 
    position: relative; 
    padding-top: 20px; }

    .hasExportNumWrap .numOfProducts, .hasExportNumWrap .hasExportAdjacent { 
        position: absolute; 
        left: 30px; 
        top: 30px; 
        z-index: 1010; }

        .hasExportNumWrap .hasExportAdjacent { 
            display: flex;
            align-items: center;
            min-height: 40px;
            padding-right: 180px;
            left: 0; 
            top: 0; }

    /*.contentWrap .hasExportNumWrap*/ .pageSpareBillMaterial .contentWrap .hasExportNumWrap { padding-top: 0; }

        /*.contentWrap .hasExportNumWrap .numOfProducts*/ .pageSpareBillMaterial .contentWrap .hasExportNumWrap .numOfProducts { left: 0; }

        /*.contentWrap .hasExportNumWrap .hasExportAdjacent*/ /*.pageSpareBillMaterial .contentWrap .hasExportNumWrap .hasExportAdjacent { padding-right: 0; }*/

    .stickyExportWrap { 
        position: sticky; 
        display: flex;
        width: 100%;
        top: 0; 
        padding-top: 10px; 
        background: #FFFFFF;
        z-index: 1000; }

    .hasExportNumWrap .buttonExportWrap {         
        margin-left: auto;         
        top: 0; } 

        .hasExportNumWrap:not(.sectionExportWrap) .buttonExportWrap { 
            float: none; 
            padding-right: 0; }

        .sectionExportWrap.hasExportNumWrap .buttonExportWrap {  } 

        .hasExportNumWrap .buttonExportWrap .bExportSelected { 
            width: auto; 
            padding-right: 35px; 
            font-size: 15px; 
            line-height: 30px; }

            .hasExportNumWrap .bExportSelected::after { transform: none; }

                .hasExportNumWrap .spinWrap { 
                    top: -28px;
                    right: -127px; }

                    .sectionExportWrap.hasExportNumWrap .spinWrap { 
                        top: 0; 
                        right: unset; 
                        overflow: hidden; }

                .hasExportNumWrap:not(.sectionExportWrap) .gtrRight .spinRingu { right: -93px; }

                .hasExportNumWrap .bDownloadXLS.bButton::after { 
                    width: 20px;
                    height: 20px;
                    margin-top: -10px;
                    transform: none;
                    transition: opacity 0.3s background-color 0.3s;
                    /*background: url(../images/iFiles.png) no-repeat -350px -100px;*/                    
                    background: url(../images/iFiles.svg) no-repeat center 14%; 
                    background-size: cover; }

                    .hasExportNumWrap .bDownloadXLS.bButton:hover { background-color: #594366; }

                    .hasExportNumWrap .bDownloadXLS.bButton:not(:hover)::after { opacity: 0.7; }

                .hasExportNumWrap .bDownloadXLS .spinRingu { 
                    top: -28px;
                    right: -116px; }

.tableExpenditure .tDate { white-space: nowrap; }

    .tableList .tCentre .paymentType { 
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
        border-radius: 1px;
        color: #FFFFFF;
        font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; }

        .paymentType-A { background: #d17700; } /* Adjustment (Gain/Loss) */
        .paymentType-B { background: #5e8f88; } /* Brought Forward */
        .paymentType-C { background: #a31f10; } /* Credit Note */
        .paymentType-D { background: #b29864; } /* Discount */
        .paymentType-F { background: #c75014; } /* Refund */        
        .paymentType-I { background: #949491; } /* Invoice */
        .paymentType-P { background: #00666e; } /* Payment */
        .paymentType-R { background: #944364; } /* Receipt */


/*****************************************************************
= LG - DEBTORS
*****************************************************************/

.pageDebtorList {  }

.barFilterDebtor { padding-bottom: 30px; }

    .barFilterDebtor .fgDebtor.fRadioGroup.radioDouble .btn { 
        padding-top: 56px;
        text-transform: uppercase; 
        line-height: 1; }

        .barFilterDebtor .fgDebtor.radioFilter .btn::after { top: 8px; }

            /*.fgDebtor .btn::after { background-position-y: -5880px; }*/

            .bDebtorAlert-90Plus.btn::after { /*background-position-x: 0;*/ background-position-y: 5%; }
            .bDebtorAlert-60Plus.btn::after { /*background-position-x: -60px;*/ background-position-y: 10%; }
            .bDebtorAlert-30Plus.btn::after { /*background-position-x: -120px;*/ background-position-y: 15%; }
            .bDebtorAlert-Current.btn::after { /*background-position-x: -420px; background-position-y: -4860px;*/ background-position-y: 0%; }

                .fgDebtor .bDebtorAlert-90Plus.active.btn::after, .fgDebtor .bDebtorAlert-90Plus:active.btn::after { background-position-y: 7.5%; }
                .fgDebtor .bDebtorAlert-60Plus.active.btn::after, .fgDebtor .bDebtorAlert-60Plus:active.btn::after { background-position-y: 12.5%; }
                .fgDebtor .bDebtorAlert-30Plus.active.btn::after, .fgDebtor .bDebtorAlert-30Plus:active.btn::after { background-position-y: 17.5%; }
                .fgDebtor .bDebtorAlert-Current.active.btn::after, .fgDebtor .bDebtorAlert-Current:active.btn::after { background-position-y: 2.5%; }

            /*.fgDebtor .btn:active::after, .fgDebtor .btn.active::after { background-position-y: -5940px; }*/
            /*.bDebtorAlert-Current.btn:active::after, .bDebtorAlert-Current.btn.active::after { background-position-y: -4920px; }*/
            /*.fgDebtor .bDebtorAlert-Total.btn::after { background-position-x: -300px; background-position-y: -5820px; }
            .bDebtorAlert-Total.btn:active::after, .bDebtorAlert-Total.btn.active::after { background-position-x: 0; }*/

    .barFilterDebtor .arrowSq.submitSearch80 { margin: 0 0 0 auto; }

.tableList .tNum.sortBy { text-align: right; }

    .tableList .t90Plus::before { color: #a31f10; }
    .tableList .t60Plus::before { color: #b32400; }
    .tableList .t30Plus::before { color: #b86200; }

/*****************************************************************
= LG - CUSTOMERS Section
*****************************************************************/

.bAddCustomer.bButton { padding-right: 40px; }

    .bAddCustomer.bButton::after { 
        top: 8px;
        right: 4px;
        background-position-y: -3200px; }

.pageCustomerOverview .form-group.formGroupH label { width: 26%; }
.pageCustomerOverview .form-group.formGroupH .form-control { width: 74%; }

.cusKeyContact {
    margin-top: -10px;
    padding-top: 30px;
    border-top: solid 10px #c7c7c6; }

    .tableKeyContacts { 
        float: none; 
        margin-bottom: 0; }

        .tableKeyContacts .tTitle { 
            display: block;
            color: #6f577e; 
            font-size: 15px; }

    .tableKeyContacts .tPhone { padding-left: 40px; }

.pageCustomerOverview .barButtons { 
    border-top: solid 10px #c7c7c6; 
    border-image: none; }


/******  CUSTOMERS - ACCOUNTS  ******/

.pageUsers .taskSearchlist { margin-bottom: 0; }

    .pageCustomers .tiOperaCo { text-align: center; }

        .taskSearchlist .tiOperaCo { padding-right: 30px; }

        .tiOperaCo span { 
            display: block; 
            width: 30px; 
            height: 30px; 
            margin: 0 auto; }

            .tiOperaCo span::after, .iOperaCo.iIcon::after { 
                content: ' ';
                position: absolute; 
                width: 30px; 
                height: 30px; 
                top: 0;
                left: 0;
                /*background: url(../images/iCodes.png) no-repeat -300px 0; */
                background: url(../images/iCodes.svg) no-repeat center 0; 
                background-size: cover; }

                /*.tiOperaCo .operaCo-U::after, .operaCo-U span::after, .operaCo-U.iOperaCo::after*//*, .bOrderSalesOrder.operaCo-U::after*/ /*{ background-position-y: 0; }
                .tiOperaCo .operaCo-I::after, .operaCo-I span::after, .operaCo-I.iOperaCo::after*//*, .bOrderSalesOrder.operaCo-I::after*/ /*{ background-position-y: -100px; }
                .tiOperaCo .operaCo-H::after, .operaCo-H span::after, .operaCo-H.iOperaCo::after*//*, .bOrderSalesOrder.operaCo-H::after*/ /*{ background-position-y: -200px; }
                .tiOperaCo .operaCo-A::after, .operaCo-A span::after, .operaCo-A.iOperaCo::after*//*, .bOrderSalesOrder.operaCo-A::after*/ /*{ background-position-y: -300px; }
                .tiOperaCo .operaCo-X::after, .operaCo-X span::after, .operaCo-X.iOperaCo::after*//*, .bOrderSalesOrder.operaCo-X::after*/ /*{ background-position-y: -400px; }
                .tiOperaCo .operaCo-D::after, .operaCo-D span::after, .operaCo-D.iOperaCo::after*//*, .bOrderSalesOrder.operaCo-D::after*/ /*{ background-position-y: -500px; }
                .tiOperaCo .operaCo-N::after, .operaCo-N span::after, .operaCo-N.iOperaCo::after*//*, .bOrderSalesOrder.operaCo-N::after*/ /*{ background-position-y: -600px; }*/

                .tiOperaCo .operaCo-U::after, .operaCo-U span::after, .operaCo-U.iOperaCo::after, .bOrderSalesOrder.operaCo-U::after { background-position-y: 0; }
                .tiOperaCo .operaCo-I::after, .operaCo-I span::after, .operaCo-I.iOperaCo::after, .bOrderSalesOrder.operaCo-I::after { background-position-y: 10%; }
                .tiOperaCo .operaCo-H::after, .operaCo-H span::after, .operaCo-H.iOperaCo::after, .bOrderSalesOrder.operaCo-H::after { background-position-y: 20%; }
                .tiOperaCo .operaCo-A::after, .operaCo-A span::after, .operaCo-A.iOperaCo::after, .bOrderSalesOrder.operaCo-A::after { background-position-y: 30%; }
                .tiOperaCo .operaCo-X::after, .operaCo-X span::after, .operaCo-X.iOperaCo::after, .bOrderSalesOrder.operaCo-X::after { background-position-y: 40%; }
                .tiOperaCo .operaCo-D::after, .operaCo-D span::after, .operaCo-D.iOperaCo::after, .bOrderSalesOrder.operaCo-D::after { background-position-y: 50%; }
                .tiOperaCo .operaCo-N::after, .operaCo-N span::after, .operaCo-N.iOperaCo::after, .bOrderSalesOrder.operaCo-N::after { background-position-y: 60%; }

                .tiOperaCo .operaCo-Old, .tiOperaCo .operaCo-S { 
                    color: rgba(255, 255, 255, 0.7);
                    text-align: center;

                    /*font-size: 24px;
                    font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
                    font-weight: 900; 
                    line-height: 30px;*/
                    font: 900 24px/30px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
                    text-indent: unset; }

                    .tiOperaCo .operaCo-Old::before, .tiOperaCo .operaCo-S::before { 
                        content: ' ';
                        position: absolute; 
                        width: 30px; 
                        height: 30px; 
                        top: 0;
                        left: 0;
                        border-radius: 50%;
                        background: #b0b0ad; 
                        z-index: -1; }

                        tr:hover .tiOperaCo .operaCo-Old, tr:hover .tiOperaCo .operaCo-S { color: rgba(255, 255, 255, 0.9); }

                            tr:hover .tiOperaCo .operaCo-Old::before, tr:hover .tiOperaCo .operaCo-S::before { background: #949491; }

                .tiOperaCo .operaCo-Old::after, .tiOperaCo .operaCo-S::after { display: none; }
            
        .operaCodeList th.tiOperaCo { padding-left: 0; text-align: left; }

        .operaCodeList td.tiOperaCo { padding-right: 10px; text-align: left; }

            .operaCodeList .tiOperaCo span {
                display: inline-block; 
                position: absolute; 
                left: 0; 
                top: 12px; }

            .operaCodeList .tiOperaCo .operaCo-S { text-indent: unset; }

                .pageCustomerAccounts tr:not(:hover) .bDelete.bSQ30.bRed { background: #949491; }

        .pageCustomerAccounts .contentWrap:last-of-type { padding-top: 10px; }

.tiStockCode { width: 24%; }


/******  CUSTOMERS - WAREHOUSES  ******/

.pageCustomerWarehouse .tiCurrency { padding-top: 8px; }

       option.dropCurrency { position: relative; }

        option.fontCurrencyDollar::after { 
            content: '$'; 
            display: inline-block;
            height: 25px;
            width: auto;
            margin-left: 10px;
            color: #6f577e;
            /*font-size: 21px;
            font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
            font-weight: 900;*/ 
            font: 900 21px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; }

.addSelectButton.form-group, .addSelectButton.selectizeSearch { 
    position: relative;
    width: 380px; 
    padding-right: 50px; }

    .addSelectButton .bSQ40 { 
        position: absolute; 
        right: 0; 
        top: 0; }

    .pageCustomerStockCode .notReq { padding-top: 10px; }


/******  CUSTOMERS - ADDRESSES  ******/       

    .pageAddress h3.iconTitle { margin-bottom: 20px; }

        .pageAddress h3.iconTitle::after { top: -2px; background-image: url(../images/iSpriteBig.png); }

            .addressBilling .iconTitle::after { background-position-y: -1500px; }
            .addressDelivery .iconTitle::after { background-position-y: -1560px; }

        .pageAddress section h3 br { display: none; }

    .myAddressWrap { 
        float: left; 
        width: 100%; 
        margin-bottom: 40px; }

        .addressItem { 
            position: relative;
            float: left; 
            width: 31%; 
            min-height: 260px; 
            margin: 0 3.5% 20px 0; 
            padding: 20px; 
            font-size: 13px;
            color: #000000;
            line-height: 1.3;
            font-weight: bold;
            background: #dcdcd9; }
            .pageMyAccount:not(.pageAddress) .addressItem:nth-of-type(3n), .pageAddress .addressItem:nth-child(3n) { margin-right: 0; }
            
            .pageAddress .addressItem { min-height: 285px; }

            .addressItem p label { 
                float: left; 
                width: 60px; 
                margin-bottom: 0; }
            .addressItem p span { 
                display: block; 
                float: left; }

            .addressItem .bSQ30.bDelete { margin: -10px 0 10px 3px; }
            .addressItem .bSQ30.bEdit { margin: -10px -10px 10px 3px; }
            .addressItem .bSQ30.bNew { 
                position: absolute;
                bottom: 10px;
                right: 10px;
                margin: 0; }

                .addressItem .bSQ30.bNew::after { /*background-position-y: -843px;*/ 
                    background: url(../images/iArrows.svg) no-repeat center 40%;
                    background-size: cover; }

                    .addressItem .bSQ30.bNew:not(:hover)::after { opacity: 0.7; }

            .addressItem h4 { 
                clear: both;
                width: 100%;
                margin: 0 0 4px;
                color: #787875;
                font: 900 18px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
                text-transform: uppercase; }

            .addressItem.addressNew, .bGalleryAdd, .dotBorder { 
                border: dotted 5px #dcdcd9; 
                    /*border-width: 10px;*/
                    border-width: 14px;
                    border-style: dotted ;
                    border-color: #dcdcd9; 
                    /*border-image-source: url('../images/dotBorder.png');*/
                    border-image-source: url('../images/dotBorder.svg');
                    border-image-slice: 33% 33%;
                    border-image-repeat: round;
                    background: none; }

                .addressItem.addressNew:hover, .bGalleryAdd:hover, .dotBorder:hover { 
                    border-color: #c7c7c6; 
                    /*border-image-source: url('../images/dotBorder-drk.png');*/
                    filter: brightness(0) saturate(100%) invert(88%) sepia(5%) saturate(123%) hue-rotate(22deg) brightness(81%) contrast(87%);	/* #b0b0ad Lighter Grey + colour reset */
                    text-decoration: none; }

                    .addressItem.addressNew:focus, .bGalleryAdd:focus, .dotBorder:focus { 
                        text-decoration: none; 
                        outline: none; }

                .addressItem.addressNew h4 { 
                    margin-top: 80px;
                    font-size: 24px; 
                    text-align: center; 
                    line-height: 1; }

                    .addressItem.addressNew:hover h4 { color: #5c5c5a; }

                    .addressItem.addressNew h4::after, .bGalleryAdd span::after { 
                        display: block;
                        position: absolute;
                        content: '+';
                        top: 20px;
                        left: 50%;
                        margin-left: -25px;
                        color: #dcdcd9;
                        font: 900 80px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; }

    .pageAddress .addressFreight .addressItem { min-height: 280px; }
        .addressFreight .addressItem p a { display: block; }

    .addressItem.ui-sortable-helper { 
        border: dashed 3px #6f577e;
        background-color: #FFFFFF !important; }

        .addressItem.ui-sortable-helper h4 { color: #4c3759; }

        .addressItem.ui-sortable-helper::before, .addressItem.ui-sortable-helper::after, .ui-sortable-helper .dragAddressWrap::before, .ui-sortable-helper .dragAddressWrap::after { 
            content: ' ';
            position: absolute;
            width: 16px;
            height: 16px;
            right: 50%;
            margin-right: -6px;
                -ms-transform: rotate(-90deg);
                -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            /*background: url(../images/iArrows.png) no-repeat center -3000px;*/ 
            background: url(../images/iArrows.svg) no-repeat center 30%; 
            background-size: cover; }

            .addressItem.ui-sortable-helper::before { top: -35px; }

            .addressItem.ui-sortable-helper::after { 
                bottom: -35px;
                    -ms-transform: rotate(90deg);
                    -webkit-transform: rotate(90deg);
                transform: rotate(90deg); }

        .ui-sortable-helper .dragAddressWrap::before, .ui-sortable-helper .dragAddressWrap::after { 
            right: auto;
            top: 50%;
            margin-right: 0;
            margin-top: -8px;
            -ms-transform: none;
                -webkit-transform: none;
                transform: none; }

            .ui-sortable-helper .dragAddressWrap::before { 
                left: -35px; 
                -ms-transform: rotate(180deg);
                    -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }

                .ui-sortable-helper .dragAddressWrap::after { right: -35px; }

    .pageAddress.pageBasic h2.iconTitle { 
        line-height: 1; 
        margin-bottom: 30px; }

        .pageAddress.pageBasic .form-control { max-width: 800px; }
            .pageAddress.pageBasic .form-control-50 { max-width: 400px; }
            .pageAddress .oWrap .form-group.formGroupH .form-control.fcNoLabel { margin-left: 26%; }

    .pageBasic .bigCheck input[disabled=disabled][type="checkbox"]:checked { 
        display: block; 
        position: relative; }
        .pageBasic .bigCheck input[disabled=disabled][type="checkbox"]:checked::after { 
            content: ' '; 
            position: absolute; 
            width: 30px; 
            height: 30px; 
            border-radius: 3px;
            background: #798b12 url(../images/iSprite.png) no-repeat -34px -94px; }


/******  CUSTOMERS - STOCK CODES  ******/

    /*.pageCustomerStockCode .addNewWrap {
        float: left; 
        width: 100%; }*/ /* OLD - No longer Used */


/******  CUSTOMERS - DOCS  ******/

.pageCustomerDocuments .tableDocsList { float: none; }

    .pageCustomerDocuments .tFileType { width: 30px; }

.pageCustomerDocuments .dotty { margin: 20px 0; }


/******  CUSTOMERS - PRICE  ******/

    /*OLD DELETED SECTION*/


/******  CUSTOMERS - RESTRICTED  ******/

.pageCustomers .bButton.bSqAddCustomer { padding-right: 50px; }

    .pageCustomers .bButton.bSqAddCustomer::after { 
        top: 8px; 
        right: 4px; 
        background-position-y: -3200px; } 

        .pageCustomers .bButton.bSqAddCustomer:not(:hover)::after { opacity: 0.6; }


/******  CUSTOMERS - TARGETS  ******/

/*    .taskSearchlist td { min-height: 50px; }

        .taskSearchlist .oiTargetYear, .tableTargets .oiTargetYear { 
            padding-left: 0; 
            text-align: left; }

            .taskSearchlist .oiTargetYear h5, .tableTargets .oiTargetYear h5 { margin-bottom: 0; }

        .taskSearchlist .oiTargetAmount, .tableTargets .oiTargetAmount { text-align: center; }

            .taskSearchlist .oiTargetAmount span, .tableTargets .oiTargetAmount span { 
                display: inline-block; 
                min-width: 100px; 
                text-align: right; }

        .addNewCusTarget .form-group { 
            flex: 1 1 12.5%;
            margin-right: 5px; }

            .addNewCusTarget .taAddOne + .taAddOne, .addNewCusTarget .form-group:nth-of-type(2) { margin-right: 20px; }

            th.taHeadOne, .addNew .taAddOne label, #modalEditCusTargets .form-group.taEditOne label { color: #6c4883; }

                .addNew .taAddOne .form-control:not(:hover):not(:focus), .pageUsers .taOne .form-control:not(:hover):not(:focus), 
                    #modalEditCusTargets .form-group.taEditOne .form-control:not(:hover):not(:focus)
                    { border-color: #ae9db9; }

            th.taHeadTwo, .addNew .taAddTwo label, #modalEditCusTargets .form-group.taEditTwo label { color: #8e8395; }

                .addNew .taAddTwo .form-control:not(:hover):not(:focus), .pageUsers .taTwo .form-control:not(:hover):not(:focus) , 
                    #modalEditCusTargets .form-group.taEditTwo .form-control:not(:hover):not(:focus) 
                    { border-color: #ccc6cf; }

    .addNewCusTarget .form-control { padding-left: 4px; }

    #modalEditCusTargets hr.dotty { margin-top: 10px; }*/


/***  NEW CUSTOMERS - TARGETS LAYOUT  ***/

.pageCustomerTargets .sectionTitle { width: 100%; }

    .customerTargetsWrap form { width: calc(50% - 30px); }

    .cusTargetColumns {  }

        .customerTargetsWrap form + form { margin-left: 60px; }


/******  CUSTOMERS - RFE TEAM  ******/

    /*OLD DELETED SECTION*/


/******  CUSTOMERS - REVENUE  ******/

/*.pageCustomerRevenue .navbar-collapse { overflow: hidden; }*/

.sideNavCustomer.sideNav { 
    float: left; 
    width: 220px; 
    margin: 20px 50px 0 0; }

    .sideNavCustomer.sideNav ul { border-color: #6f577e; }

        .sideNavCustomer.sideNav a { 
            color: #949491; 
            text-decoration: none !important; }

        .sideNavCustomer.sideNav .active a { 
            color: #6f577e;
            font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
            font-weight: 900; }

        .sideNavCustomer.sideNav .bRevSummary { 
            height: 100px;
            padding-top: 60px;
            color: #FFFFFF; }

            .sideNavCustomer.sideNav .bRevSummary::after { 
                width: 42px;
                height: 42px;
                top: 10px;
                margin-left: -21px;
                background: url(../images/iSpriteBig.png) 0 -1740px; }

                .sideNavCustomer.sideNav .bRevSummary:not(:hover)::after { opacity: 0.7; }

.contentCustomerRevenue { 
    float: left; 
    width: calc(100% - 280px); }

    .contentCustomerRevenue .tableList { margin-top: 0; }

    .tableCusRevenue th:not(.thRowHover), .tableCusRevenue td { text-align: right; }

    .tableCusRevenue tbody th { text-transform: none; }
     
    .pageBasic .theadBig .tTitle { 
        text-align: left; 
        font-weight: normal; 
        text-transform: none; }

.pageCustomerMargin .sideNav .bRevSummary { margin-top: 0; }

.tableCusMargin {  }

    .tableCusMargin.tableList .tTitle { text-align: left; }

.tableCustomerBreakdown th.tNum { text-align: right } 

.tableCustomerBreakdown .tTitle { white-space: nowrap; } 


/******  CUSTOMERS - Debtors  ******/ 

    

/*****************************************************************
= IT - RFE Staff Section
*****************************************************************/

.pageBasic h1.avatarUser::after, .iAvatar { 
    display: block;
    width: 64px; 
    height: 64px; 
    border: solid 3px #FFFFFF; 
    border-radius: 50%; 
    top: -6px;
    background: url(../images/iAvatar.png) center 0; }
        
    .pageBasic h1.avatarUser.avatarSA::after, .tiDeptSA .tiAvatar span, .avatarUser.avatarSA .avatarUserWrap, .deptSA .iAvatar { background-position-y: -100px; }
    .pageBasic h1.avatarUser.avatarLG::after, .tiDeptLG .tiAvatar span, .avatarUser.avatarLG .avatarUserWrap, .deptLG .iAvatar { background-position-y: -200px; }
    .pageBasic h1.avatarUser.avatarAC::after, .tiDeptAC .tiAvatar span, .avatarUser.avatarAC .avatarUserWrap, .deptAC .iAvatar { background-position-y: -300px; }
    .pageBasic h1.avatarUser.avatarNP::after, .tiDeptNP .tiAvatar span, .avatarUser.avatarNP .avatarUserWrap, .deptNP .iAvatar { background-position-y: -400px; }
    .pageBasic h1.avatarUser.avatarQC::after, .tiDeptQC .tiAvatar span, .avatarUser.avatarQC .avatarUserWrap, .deptQC .iAvatar { background-position-y: -500px; }
    .pageBasic h1.avatarUser.avatarTS::after, .tiDeptTS .tiAvatar span, .avatarUser.avatarTS .avatarUserWrap, .deptTS .iAvatar { background-position-y: -600px; }
    .pageBasic h1.avatarUser.avatarMA::after, .tiDeptMA .tiAvatar span, .avatarUser.avatarMA .avatarUserWrap, .deptMA .iAvatar { background-position-y: -900px; }
    .pageBasic h1.avatarUser.avatarIT::after, .tiDeptIT .tiAvatar span, .avatarUser.avatarIT .avatarUserWrap, .deptIT .iAvatar { background-position-y: -800px; }
    .pageBasic h1.avatarUser.avatarMG::after, .tiDeptMG .tiAvatar span, .avatarUser.avatarMG .avatarUserWrap, .deptMG .iAvatar { background-position-y: -700px; }
    /*.pageBasic h1.avatarUser.avatarGO::after, .tiDeptGO .tiAvatar span , .avatarUser.avatarGO .avatarUserWrap { background-position-y: -700px; }*/
    .pageInspectors .avatarUser .avatarUserWrap { background-position-y: -2500px; }

/*.radioDept.btn-group, */.radioSecurity.btn-group { 
    width: 100%; 
    margin-bottom: 10px; }

    /*.radioDept.radioDouble .btn,*/ .radioSecurity.btn-group .btn { 
        width: 70px; 
        height: 70px;
        padding-top: 35px; 
        margin-right: 6px; }

        .radioDouble.btn-group .btn + .btn, .radioSecurity.btn-group .btn + .btn { margin-right: 6px; }
        /*.radioDept.radioDouble.btn-group .btn:last-of-type, */.radioSecurity.btn-group .btn:last-of-type { margin-right: 0; }

.radioDept.btn-group { 
    display: flex;
    width: 100%; 
    margin-bottom: 10px; }

    .radioDept.radioDouble.btn-group .btn { 
        width: 70px; 
        height: 80px;
        padding-top: 45px; 
        margin: 0; }

        .radioDept.btn-group .btn + .btn { margin-left: 6px; }

        .radioDept.radioDouble:not(.checkDate) .btn label { 
            margin: 0;
            font: 900 18px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
            letter-spacing: -1px; }

            .radioDept.radioDouble:not(.checkDate) .btn:not(.bDeptALL) label::first-letter { 
                font-size: 150%; 
                font-family: Lato, Arial, Helvetica, sans-serif; 
                font-weight: bold; } 

            .fg-MiniDept .radioDept.radioDouble .btn.bDeptALL label { letter-spacing: normal; }
                .fg-MiniDept .radioDept.radioDouble .btn.bDeptALL label::first-letter { font-size: unset; }   

            .radioDept.radioDouble .btn::after { 
                top: 14px;
                width: 32px;
                height: 28px;
                margin-left: -16px;
                background: url(../images/iSprite.png) no-repeat -250px 0;
                opacity: 0.7; }   

                .radioDept.radioDouble .btn:hover::after { opacity: 1; }

            /*.bDeptSA { order: 1; }
            .bDeptLG { order: 2; }
            .bDeptMA { order: 3; }
            .bDeptAC { order: 4; }
            .bDeptNP { order: 5; }
            .bDeptQC { order: 6; }
            .bDeptTS { order: 7; }
            .bDeptIT { order: 8; }
            .bDeptMG { order: 9; }*/
            
                .radioDept.radioDouble .bDeptSA.btn::after { background-position-y: -5700px; margin-left: -14px; }
                .radioDept.radioDouble .bDeptLG.btn::after { background-position-y: -5750px; margin-left: -14px; }
                .radioDept.radioDouble .bDeptAC.btn::after { background-position-y: -5800px; margin-left: -12px; }
                .radioDept.radioDouble .bDeptNP.btn::after { background-position-y: -5100px; }
                .radioDept.radioDouble .bDeptQC.btn::after { background-position-y: -5850px; background-position-x: -300px; margin-left: -13px; }
                .radioDept.radioDouble .bDeptTS.btn::after { background-position-y: -3500px; }
                .radioDept.radioDouble .bDeptMA.btn::after { background-position-y: -4850px; }
                .radioDept.radioDouble .bDeptIT.btn::after { background-position-y: -6000px; background-position-x: -350px; margin-left: -14px; }
                .radioDept.radioDouble .bDeptMG.btn::after { 
                    /*background: url(../images/iArrows.png) no-repeat center -2950px;*/ 
                    width: 24px; 
                    height: 24px; 
                    margin-left: -12px; 
                    background: url(../images/iArrows.svg) no-repeat center 30%; 
                    background-size: cover; }

            .pageBasic .radioDept.radioDouble .btn:active label { 
                color: #FFFFFF; 
                opacity: 0.6; }

            .pageUsers .radioDept.radioDouble .btn label { font-size: 15px; }

            .radioDept.radioDouble .btn:active::after, .radioDept.radioDouble .active.btn::after { background-position-x: 0; }   
            
                .radioDept.radioDouble .bDeptMG.active.btn::after { 
                    /*background-position-x: center; 
                    background-position-y: -450px;*/ 
                    background-position-y: 20%; }

            /*.radioDept.radioDouble .btn:active::after { background-position-y: -50px; opacity: 0.4; }            
            .radioDept.radioDouble .active.btn::after { background-position-y: -50px; }*/
            .radioDept.radioDouble .active.btn label { color: #FFFFFF!important; }

            /*SA - Sales*/      
                .radioDept.radioDouble .bDeptSA.btn label, .userDeptHead.userDeptHeadSA { color: #c73e14; }
                    .radioDept.radioDouble .bDeptSA.btn:hover::before, .radioDept.radioDouble .bDeptSA.btn:focus::before { border-color: #c73e14; }          
                    .radioDept.radioDouble .bDeptSA.btn.active, .radioDept.radioDouble .bDeptSA.btn:active, .radioDept.radioDouble .bDeptSA.btn.focus { 
                        background-color: #c73e14;
                            background: -moz-linear-gradient(top, #c4501c 1%, #b34614 100%);
                            background: -webkit-gradient(top, #c4501c 1%, #b34614 100%);
                            background: linear-gradient(#c73e14, #b32400); }
            /*LG - Logistics - exCustomer Service*/
                .radioDept.radioDouble .bDeptLG.btn label, .userDeptHead.userDeptHeadLG { color: #d17700; }
                    .radioDept.radioDouble .bDeptLG.btn:hover::before, .radioDept.radioDouble .bDeptLG.btn:focus::before { border-color: #d17700; }
                    .radioDept.radioDouble .bDeptLG.btn.active, .radioDept.radioDouble .bDeptLG.btn:active, .radioDept.radioDouble .bDeptLG.btn.focus { 
                        background-color: #d17700;
                            background: -moz-linear-gradient(top, #d17700 1%, #b86200 100%);
                            background: -webkit-gradient(top, #d17700 1%, #b86200 100%);
                            background: linear-gradient(#d17700, #b86200); }
            /*MA - Marketing*/
                .radioDept.radioDouble .bDeptMA.btn label, .userDeptHead.userDeptHeadMA { color: #a31f10; }
                    .radioDept.radioDouble .bDeptMA.btn:hover::before, .radioDept.radioDouble .bDeptMA.btn:focus::before { border-color: #a31f10; }
                    .radioDept.radioDouble .bDeptMA.btn.active, .radioDept.radioDouble .bDeptMA.btn:active, .radioDept.radioDouble .bDeptMA.btn.focus { 
                        background-color: #a31f10;
                            background: -moz-linear-gradient(top, #a31f10 1%, #941709 100%);
                            background: -webkit-gradient(top, #a31f10 1%, #941709 100%);
                            background: linear-gradient(#a31f10, #941709); }
            /*AC - Accounts*/
                .radioDept.radioDouble .bDeptAC.btn label, .userDeptHead.userDeptHeadAC { color: #5e8f88; }
                    .radioDept.radioDouble .bDeptAC.btn:hover::before, .radioDept.radioDouble .bDeptAC.btn:focus::before { border-color: #5e8f88; }
                    .radioDept.radioDouble .bDeptAC.btn.active, .radioDept.radioDouble .bDeptAC.btn:active, .radioDept.radioDouble .bDeptAC.btn.focus { 
                        background-color: #5e8f88;
                            background: -moz-linear-gradient(top, #5e8f88 1%, #46756e 100%);
                            background: -webkit-gradient(top, #5e8f88 1%, #46756e 100%);
                            background: linear-gradient(#5e8f88, #46756e); }
            /*NP - New Product Development*/
                .radioDept.radioDouble .bDeptNP.btn label, .userDeptHead.userDeptHeadNP { color: #7e9e3f; }
                    .radioDept.radioDouble .bDeptNP.btn:hover::before, .radioDept.radioDouble .bDeptNP.btn:focus::before { border-color: #7e9e3f; }
                    .radioDept.radioDouble .bDeptNP.btn.active, .radioDept.radioDouble .bDeptNP.btn:active, .radioDept.radioDouble .bDeptNP.btn.focus { 
                        background-color: #7e9e3f;
                            background: -moz-linear-gradient(top, #7e9e3f 1%, #668528 100%);
                            background: -webkit-gradient(top, #7e9e3f 1%, #668528 100%);
                            background: linear-gradient(#7e9e3f, #668528); }
            /*QC - QC and Compliance */
                .radioDept.radioDouble .bDeptQC.btn label, .userDeptHead.userDeptHeadQC { color: #944364; }
                    .radioDept.radioDouble .bDeptQC.btn:hover::before, .radioDept.radioDouble .bDeptQC.btn:focus::before { border-color: #944364; }
                    .radioDept.radioDouble .bDeptQC.btn.active, .radioDept.radioDouble .bDeptQC.btn:active, .radioDept.radioDouble .bDeptQC.btn.focus { 
                        background-color: #944364;
                            background: -moz-linear-gradient(top, #944364 1%, #7a2b53 100%);
                            background: -webkit-gradient(top, #944364 1%, #7a2b53 100%);
                            background: linear-gradient(#944364, #7a2b53); }                    
            /*TS - Tech Support*/
                .radioDept.radioDouble .bDeptTS.btn label, .userDeptHead.userDeptHeadTS { color: #007c85; }
                    .radioDept.radioDouble .bDeptTS.btn:hover::before, .radioDept.radioDouble .bDeptTS.btn:focus::before { border-color: #007c85; }
                    .radioDept.radioDouble .bDeptTS.btn.active, .radioDept.radioDouble .bDeptTS.btn:active, .radioDept.radioDouble .bDeptTS.btn.focus { 
                        background-color: #007c85;
                            background: -moz-linear-gradient(top, #007c85 1%, #00666e 100%);
                            background: -webkit-gradient(top, #007c85 1%, #00666e 100%);
                            background: linear-gradient(#007c85, #00666e); }
            /*IT - IT*/
                .radioDept.radioDouble .bDeptIT.btn label, .userDeptHead.userDeptHeadIT { color: #6f577e; }
                    .radioDept.radioDouble .bDeptIT.btn:hover::before, .radioDept.radioDouble .bDeptIT.btn:focus::before { border-color: #6f577e; }
                    .radioDept.radioDouble .bDeptIT.btn.active, .radioDept.radioDouble .bDeptIT.btn:active, .radioDept.radioDouble .bDeptIT.btn.focus { 
                        background-color: #6f577e;
                            background: -moz-linear-gradient(top, #6f577e 1%, #594366 100%);
                            background: -webkit-gradient(top, #6f577e 1%, #594366 100%);
                            background: linear-gradient(#6f577e, #594366); }
            /*MG - Management*/
                .radioDept.radioDouble .bDeptMG.btn label, .userDeptHead.userDeptHeadMG { color: #4c3759; }
                    .radioDept.radioDouble .bDeptMG.btn:hover::before, .radioDept.radioDouble .bDeptMG.btn:focus::before { border-color: #4c3759; }
                    .radioDept.radioDouble .bDeptMG.btn.active, .radioDept.radioDouble .bDeptMG.btn:active, .radioDept.radioDouble .bDeptMG.btn.focus { 
                        background-color: #4c3759;
                            background: -moz-linear-gradient(top, #4c3759 1%, #342040 100%);
                            background: -webkit-gradient(top, #4c3759 1%, #342040 100%);
                            background: linear-gradient(#4c3759, #342040); } 
            /*ALL - All Departments*/
                .radioDept.radioDouble .bDeptALL.btn label, .userDeptHead.userDeptHeadALL { color: #949491; }
                    .radioDept.radioDouble .bDeptALL.btn:hover::before, .radioDept.radioDouble .bDeptALL.btn:focus::before { border-color: #949491; }
                    .radioDept.radioDouble .bDeptALL.btn.active, .radioDept.radioDouble .bDeptALL.btn:active, .radioDept.radioDouble .bDeptALL.btn.focus { 
                        background-color: #949491;
                            background: -moz-linear-gradient(top, #949491 1%, #878783 100%);
                            background: -webkit-gradient(top, #949491 1%, #878783 100%);
                            background: linear-gradient(#949491, #878783); }
            /*GO - Go To Market*/
                /*.radioDept.radioDouble .bDeptGO.btn label , .userDeptHead.userDeptHeadGO { color: #95a229; }
                    .radioDept.radioDouble .bDeptGO.btn:hover::before , .radioDept.radioDouble .bDeptGO.btn:focus::before { border-color: #95a229; }
                    .radioDept.radioDouble .bDeptGO.btn.active , .radioDept.radioDouble .bDeptGO.btn:active , .radioDept.radioDouble .bDeptGO.btn.focus { 
                        background-color: #95a229;
                            background: -moz-linear-gradient(top, #95a229 1%, #889421 100%);
                            background: -webkit-gradient(top, #95a229 1%, #889421 100%);
                            background: linear-gradient(#95a229, #889421); }*/

            .radioDept.radioDouble .bDeptMA.btn label , .radioDept.radioDouble .bDeptMg.btn label { letter-spacing: -2px; }            

    .fg-MiniDept .radioDept.radioDouble .btn { 
        flex: 1;
        width: auto;
        height: 40px; 
        padding: 0;  }

        .fg-MiniDept .radioDept.radioDouble .btn:not(:hover):not(:focus) { background-color: #eeeeeb; }
            .fg-MiniDept .radioDept.radioDouble .btn:hover:not(:focus) { background-color: #FFFFFF; }

        .fg-MiniDept .radioDept.radioDouble .btn:not(:hover):not(:focus)::before { border-color: #c7c7c6; }

        .fg-MiniDept .radioDept.radioDouble .btn label { 
            height: 40px;
            font-size: 13px;
            line-height: 40px !important; }

            .fg-MiniDept .radioDept.radioDouble .btn label::first-letter { font-size: 18px; }

        .fg-MiniDept .radioDept.radioDouble .btn::after { display: none; }

.pageUsers .topTabs .nUserTeam br { display: none; }

.pageUsers .barFilterGrey .radioDept { margin-bottom: 0; }

.pageUsers .barFilterGrey .fgFilterArchive label { font-size: 15px; }   

.pageUsers.pageCustomers .userDeptHead { 
    width: auto; 
    margin-left: 10px; }

.userListHead, .userDeptHead { 
    color: #b0b0ad;
    letter-spacing: -1px;
    font: 900 36px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; }

    .userListHead + .userListHead { margin-left: 10px; }

.tiAvatar { 
    width: 70px; 
    padding-right: 20px; }

    .tiAvatar img, .avatarUser img/*, .avatarProduct img*/ { 
        height: 64px; 
        width: 64px; 
        border-radius: 50%;
        border: none; }

        .tiAvatar span, .avatarUser .avatarUserWrap/*, .avatarProduct .avatarProductWrap*/ { 
            display: block;
            height: 64px; 
            width: 64px;
            background: #FFFFFF url(../images/iAvatar.png) no-repeat center 0; }

.taskSearchlist td.tiName { 
    font-size: 18px; 
    font-weight: normal; }

    .tiDept strong { font-size: 13px; }

.tiDept span { 
    display: inline-block; 
    height: 30px; 
    width: 30px; 
    margin-right: 10px;
    line-height: 30px;
    border-radius: 1px;
    text-align: center;
    color: #FFFFFF; 
    font-size: 13px; }

    .tiDept span::first-letter { font-weight: normal; }

        .tiDeptSA .tiDept span { background: #c4501c; }
        .tiDeptLG .tiDept span { background: #d17700; }
        .tiDeptAC .tiDept span { background: #5e8f88; }
        .tiDeptNP .tiDept span { background: #7e9e3f; }
        .tiDeptQC .tiDept span { background: #944364; }
        .tiDeptTS .tiDept span { background: #007c85; }
        .tiDeptMA .tiDept span { background: #a31f10; }
        .tiDeptIT .tiDept span { background: #6f577e; }
        .tiDeptMG .tiDept span { background: #6f577e; }

    .pageUsers td.tPhone { 
        font-size: 16px; 
        line-height: 1; }

        .pageUsers th.tPhone { padding-left: 0; }

        .pageUsers .tPhone .tPhoneLabel { 
            color: #6f577e; 
            font: bold 13px "Lato", Arial, Helvetica, sans-serif !important; }  

        .pageUsers .iPhone, .pageUsers .iPhone::after, .pageCustomers .iPhone, .pageCustomers .iPhone::after, .panelTrackOverviewItem .iPhone::before { 
            content: ''; 
            display: block;
            position: absolute;
            width: 30px;
            height: 30px;
            top: 50%;
            left: 0;
            margin-top: -15px; }

            .pageUsers .iPhone, .pageCustomers .iPhone, .panelTrackOverviewItem .iPhone::before { 
                border-radius: 50%;
                background: #6f577e; }

            .pageUsers .iPhone::after, .pageCustomers .iPhone::after, .iPhone.iIcon::after { 
                background: url(../images/iSprite.png) no-repeat 7px -1243px; }

            .panelTrackOverviewItem .iPhone::after { background-position-y: -1247px; }
 
.pageBasic h1.avatarUser, .pageBasic h1.avatarProduct { padding-left: 80px; }

    .pageBasic h1.avatarUser::after, .pageBasic h1.avatarProduct::after, .pageUsers.pageBasic .tiDept::before, .pageUsers.pageBasic .tiOffice::before { display: none; }

        .avatarUser .avatarUserWrap/*, .avatarProduct .avatarProductWrap*/ { 
            position: absolute; 
            left: 0; 
            top: -6px; 
            border-radius: 50%;
            border: solid 3px #FFFFFF; }

            .avatarUser .avatarUserWrap img/*, .avatarProduct .avatarProductWrap img*/ { 
                position: absolute; 
                left: -3px; 
                top: -3px; }

.pageUserOverview .flex { width: 100%; }

    .pageUserOverview .panelUserOverview { 
        width: 100%; 
        margin-right: 120px; }

        .pageUserOverview .form-group.formGroupH:first-of-type .form-control:last-of-type { margin-right: 0; }

        .pageUserOverview .form-group .radioDept label { width: 100%; }

        .pageUserOverview .form-group.cusO-KAD { margin-bottom: 0; }

        .pageUserOverview .barButtons { 
            margin-top: 0; 
            padding-top: 0; }

    .pageUserOverview .panelUserAvatar { width: 280px; }

        .pageUserOverview .panelUserAvatar h3 { font-size: 30px; }

        .pageUserOverview .fgAddTrackerDocType { width: 100%; }

        .pageUserOverview .panelUserAvatar h2 { line-height: 1; }

.pageUsers .userPermissionList { margin: 0; }

    .userPermissionList h3 { margin: 0 0 0 20px; }

        .userPermissionList .tiCheck:not(:first-of-type) { width: 100px; }
            .userPermissionList .tiCheck:last-of-type { width: 130px; }
            .userPermissionList .tiCheck .bigCheck input { margin: 0 auto; }

.tableUserSalesTeam .tiAvatar { padding-left: 20px; }

.tableUserSalesTeam td.tiName { font-size: 24px; }

.panelUserAvatar , .bDeleteAvatar.bButton { 
    float: left; 
    width: 100%; }

    .bDeleteAvatar.bButton { text-align: center; }

    .panelUserAvatar .left { 
        position: relative;
        padding-bottom: 60px; }

            .pageUserOverview .avatarWrap { margin: 0 auto; }

            .panelUserAvatar .bChangeAvatar::after, .panelUserAvatar .bChangeAvatar .bButton::after { 
                bottom: 9px; 
                top: unset; }

            .panelUserAvatar .bButton {
                width: 100%;
                margin-top: 0; }

            .panelUserAvatar .bCancelAvatar.bButton, .panelUserAvatar .bSaveAvatar.bButton { 
                position: relative; 
                margin-bottom: 10px; 
                bottom: unset; 
                text-align: center; }

            .panelUserAvatar .bDeleteAvatar.bButton { margin: 10px 0 0; }

            .pageUserOverview .panelUserAvatar .fgDropZone { margin-top: 20px; }

    .panelUserAvatar .right { 
        float: right; 
        width: 60%;
        height: 310px;
        margin-left: 4%;
        padding: 60px;
        background: #eeeeeb; }

        .panelUserAvatar p { 
            font-size: 18px; 
            font-weight: bold; }

.panelAddUser .form-group { width: 800px; }

    .iconTitle .titleAlt { font-weight: bold; }

.pageUsers .tableTargets .form-control { 
    text-align: right; 
    padding-right: 6px; 
    padding-left: 6px; }

    .pageUsers .tableTargets .oiTargetCustomer.oiTargetYear { 
        width: 19%; 
        white-space: normal; }

        .tableTargets .taPercent { color: #6f577e; }

    .pageUserCountries .barButtons, .pageInspectorsFactories .barButtons { margin-top: 0; }

        .cusInspectorFactory.form-group { display: flex; }

            .cusInspectorFactory.form-group.formGroupH label { 
                width: auto !important; 
                margin-left: 10px; 
                line-height: 40px; }

        .pageBasic .panelUserInspectorFactories .grid, .pageProductSKUFeatures .grid { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }

        .pageBasic .panelUserInspectorFactories .grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }

            .pageBasic .panelUserInspectorFactories label { text-transform: none; }


/*****************************************************************
= IT - SCHEDULED TASKS Section
*****************************************************************/

.taskScheduledList h4 { margin-bottom: 0; }

.taskScheduledList .tiScheduled { text-transform: none; }

.panelAddFormTrigger .form-control { min-width: 200px; }

    .formGroupScheduleRepeat.form-group label { width: 25%; }

    .formGroupScheduleRepeat.form-group .form-control { width: 29%; }

        .formGroupScheduleRepeat .left { 
            height: 40px; 
            line-height: 40px; 
            margin-left: 10px;
            font-size: 18px; 
            color: #787875;
            text-transform: uppercase;
            font-weight: bold; }

    .formGroupScheduleRepeat .checkDate.radioDouble { width: 75%; }

        .formGroupScheduleRepeat .checkDate.radioDouble .btn { 
            width: 60px; 
            height: 60px; 
            padding: 30px 0 0; 
            text-align: center; }

            .formGroupScheduleRepeat .checkDate.radioDouble label { 
                display: inline-block; 
                float: none; 
                width: auto; 
                height: auto; 
                font-size: 16px; 
                line-height: normal; }

        .checkDate.radioDouble .btn::after { background: url(../images/iSprite.png) no-repeat -0px -100px; top: 10px; }
            .checkDate.radioDouble .btn:hover::after { background-position-x: -80px; opacity: 0.3; }
                .checkDate.radioDouble .btn.active::after , .checkDate.radioDouble .btn.focus::after { background-position-x: -39px; background-position-y: -100px; }

    .formGroupScheduleRepeat {  }

        .modalAddTrigger .formGroupScheduleRepeat.form-group .wrapRepeatDays.radioBig { 
            display: flex;
            align-items: center;
            width: 60%; 
            height: auto;
            min-height: 30px;
            line-height: normal; }

            .wrapRepeatDays + .wrapRepeatDays { margin: 5px 0 0 25%; }

            .wrapRepeatDays.radioBig .radioBigLabel { 
                display: flex;
                align-items: center;
                width: auto; 
                height: auto;
                min-height: 30px;
                line-height: normal; }

            .wrapRepeatDays .fontBlack { 
                margin-right: 5px;
                color: #6f577e; }

        .pageScheduledHistory .taskSearchlist td { font-size: 18px; }

            .pageScheduledHistory .tiHistoryResult .alertSuccess { color: #798b12; }

        .alertSuccess { 
            display: block; 
            padding-left: 30px; }

            .alertSuccess::after { 
                content: ' ';
                position: absolute;
                width: 20px;
                height: 20px;
                top: 0;
                left: 0;
                border-radius: 2px;
                background: #798b12 url(../images/iSprite.png) no-repeat 3px -293px; }
 
        .pageScheduledOverride .oWrap { margin-bottom: 60px; }

            .pageScheduledOverride .statement { margin: 60px 0 40px; }

            .pageScheduledOverride .bButton.bOrder { float: none; }

    .modalAddTrigger .formGroupScheduleRepeat label:not(.radioBigLabel) { width: 25%; }

    .modalAddTrigger .formGroupScheduleRepeat.form-group .form-control { width: 29%; }

    .modalAddTrigger .weekly.formGroupScheduleRepeat .btn-group { 
        display: flex; 
        width: calc(75% - 45px); }

    .modalAddTrigger .weekly.formGroupScheduleRepeat.form-group .btn-group label { 
        flex: 1; 
        width: auto; }


/*****************************************************************
= IT - WAREHOUSES / COMPANIES Section
*****************************************************************/

.operaCodeList + .contentWrap { padding-top: 0; }

.pageCompany .tiOperaCo { 
    width: 50px; 
    text-align: left; }

.pageCompany .panelCompanyDetail .tiOperaCo { 
    position: relative; 
    float: left; 
    width: 30px; 
    margin-top: 5px; }

    .pageCompany.pageBasic .fcCompanyOwnership.form-control { width: 80px; }

    .panelCompanyDetail .operaCo-U, .panelCompanyDetail .operaCo-H, .panelCompanyDetail .operaCo-I, .panelCompanyDetail .operaCo-A, 
        .panelCompanyDetail .operaCo-X, .panelCompanyDetail .operaCo-D, .panelCompanyDetail .operaCo-N { 
        text-indent: -9999px; 
        overflow:hidden; }

    .pageCompany .panelCompanyDetail .operaCo-Old { 
        border-radius: 50%; 
        color: rgba(255, 255, 255, 0.8); 
        background: #949491; }
        .pageCompany .panelCompanyDetail .operaCo-Old::before { display: none; }

    .bankCurrency { 
        width: auto;
        margin-bottom: 20px;
        font-size: 24px; }

        .bankCurrency span { 
            display: inline-block;
            width: 40px;
            height: 40px;
            line-height: 37px;
            margin-right: 5px;
            text-align: center;
            color: #FFFFFF;
            font-size: 30px;
            border-radius: 50%;
            background: #6f577e; }

        .bankAccountItem h5 { margin-bottom: 0; }

        .bankAccountItem .sortCode { width: 100px; }

        .bankAccountItem.disabled { 
            color: #949491;
            background: #eeeeeb; }

            .bankAccountItem.disabled::before { 
                content: '';
                position: absolute; 
                width: 100%;
                left: 0;
                top: 0;
                bottom: 0;
                border: solid 3px #dcdcd9; }

            .bankAccountItem.disabled .bankCurrency span, .bankAccountItem.disabled .bSQ30:not(:hover) { background: #b0b0ad; }

    .mdlBankCodeWrap .form-group:not(.mdlBankSortCode) { margin-bottom: 20px; }

        .modal .mdlBankCodeWrap h4 { padding-right: 0; }

        .modalAddEdit .form-group.mdlBankSortCode { margin: 20px 0 0; }

        .mdlBankAccountCode { 
            position: relative;
            padding-left: 35px; }

            .mdlBankAccountCode .fontBlack { 
                position: absolute; 
                top: -1px;
                left: 0;
                color: #6f577e;
                font-size: 21px; }


/*****************************************************************
= TOOLS Section
*****************************************************************/

.panelToolsList .bBigButton { padding-top: 75px; }

    .panelToolsList .bBigButton h3 { text-transform: none; }

        .panelToolsList .bBigButton span { 
            color: #b0b0ad;
            font-size: 24px; 
            text-transform: uppercase;
            letter-spacing: -1px; }

        .panelToolsList .bBigButton strong { 
            display: block;
            margin-top: 5px;
            color: #6f577e;
            font-size: 21px;
            text-transform: none; 
            line-height: 1.2; }

    .panelToolsList .bBigButton::after { 
        content: ''; 
        position: absolute;
        width: 180px;
        height: 80px;
        left: 50%;
        margin-left: -90px;
        opacity: 0.6;
            -webkit-transition: all ease-in 0.4s;
        transition: all ease-in 0.4s;
        background: url(../images/iLogos.png) no-repeat center; }

        .panelToolsList .bBigButton:hover::after { opacity: 0.8; }

        .panelToolsList .iToolAdidas.bBigButton::after { background-position-y: 0; top: 20px; }
        .panelToolsList .iToolReebok.bBigButton::after { background-position-y: -100px; top: 12px; }
        .panelToolsList .iToolDynamax.bBigButton::after { background-position-y: -200px; top: 50px; }
        .panelToolsList .iToolWalmart.bBigButton::after { background-position-y: -300px; top: 40px; }
        .panelToolsList .iToolAmazon.bBigButton::after { background-position-y: -400px; top: 45px; }

/* Add logo to H2 title top bar */
/*  .pageStockUpdate .revPanelDetails { text-align: center; } 
        .pageStockUpdate .revPanelDetails h2 { display: inline-block; position: relative; }

            .pageStockUpdate .revPanelDetails h2::after { 
                content: '';
                position: absolute;
                width: 180px;
                height: 70px;
                left: 0;
                background: url(../images/iLogos.png) no-repeat center; }*/

.pageStockUpdate .uploadXLWrap .centre { margin-top: 10px; }

    .pageStockUpdate .sectionHead { margin-top: 20px; }

    .pageStockUpdate .updateStockHead2.sectionHead { margin-top: 80px; }

    .headStep { 
        display: block; 
        margin-bottom: 10px; 
        color: #b0b0ad; 
        text-transform: uppercase; }

        .headStep strong { color: #787875; }

    .pageBasic .bUploadDocWrap .bButton { width: auto; }
        .pageBasic .bUploadDocWrap .bButton::after { display: none; }

    .pageStockUpdate .bUploadDocWrap .bUpdateCSV.bButton, .pageStockUpdate .uploaderbrowsebutton {
        position: relative;
        float: none;
        z-index: 9600; }

        .pageStockUpdate .uploaderbrowsebutton { 
            position: relative;
            width: auto;
            min-width: 150px;
            height: 70px;
            padding-top: 40px;
            bottom: 0;
            left: 50%;
            margin-left: -100px;
            border-radius: 3px;
            border: none;
            color: #FFFFFF;
            font-size: 15px;
            font-weight: 700;
            text-transform: uppercase;
                -webkit-appearance: button;
            cursor: pointer;
                background-color: #6f577e;
                background: -moz-linear-gradient(top, #6f577e 1%, #594366 100%);
                background: -webkit-gradient(top, #6f577e 1%, #594366 100%);
            background: linear-gradient(#6f577e, #594366); }

            .pageStockUpdate .uploaderbrowsebutton:hover { background: #594366; }

.pageStockUpdate .bUploadDocWrap form { 
    display: flex;
    justify-content: center; }

    .pageStockUpdate .bUploadDocWrap::after { 
        bottom: unset; 
        top: 15px; }
        
    .pageStockUpdate .bUploadDocWrap .bUpdateCSVWrap { 
        display: inline-block; 
        position: relative; 
        overflow: hidden;
        width: 100%; }

        .pageStockUpdate .bUploadDocWrap .bUpdateCSVWrap::after { 
            content: '';
            position: absolute;
            width: 24px;
            height: 22px;
            padding-top: 5px;
            top: 35px;
            left: 50%;
            margin-left: -10px;
            cursor: pointer;
            background: url(../images/iSprite.png) no-repeat 0 -350px;
            z-index: 9700;
            pointer-events: none; /* fix for non clickable button icon */ }

        .pageStockUpdate .bUpdateCSVWrap .bUpdateCSV.bButton.bDouble { 
            width: auto;
            min-width: 150px; }

    .pageStockUpdate .bDownloadCSVWrap.bUploadDocWrap { top: -90px; }

        .pageStockUpdate .bDownloadCSVWrap.bUploadDocWrap::after { display: none; }

        .pageStockUpdate .bUploadDocWrap .bDownloadCSV.bButton { z-index: 9800; }

            .pageStockUpdate .bUploadDocWrap .bDownloadCSV::after { 
                display: block;
                width: 24px;
                height: 24px;
                margin-left: -12px;
                opacity: 0.5;
                    -ms-transform: rotate(90deg);
                    -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
                /*background: url(../images/iArrows.png) center -450px; */
                background: url(../images/iArrows.svg) no-repeat center 20%; 
                background-size: cover; }

                .pageStockUpdate .bUploadDocWrap .bDownloadCSV:hover::after { opacity: 1; }


/*****************************************************************
= SA - REPORTS Section
*****************************************************************/

    .panelReportsList h3 span { 
            color: #40403f; 
            font-size: 21px; }

    .panelReportsList strong { 
        display: block; 
        font-size: 36px; 
        letter-spacing: -1px; }

    .panelReportsList .iBig { margin-bottom: 0; }

        .panelReportsList .iBig::after { background-position-y: -3780px; }

            .iReportsRevSum.iBig::after { background-position-x: 0; }
            .iReportsRevMonth.iBig::after { background-position-x: -420px; background-position-y: -6000px; }
            .iReportsRevTrend.iBig::after { background-position-x: -60px; }
            .iReportsRevCountry.iBig::after { background-position-x: -420px; background-position-y: -6120px; }
            .iReportsRevBreakdown.iBig::after { background-position-x: -120px; }
            .iReportsWarAPAC.iBig::after { background-position-x: -120px; top: -3px; }
            .iReportsWarEMEA.iBig::after { background-position-x: -180px; top: -3px; }


/******  REPORTS - REVENUE ******/

.pageReports:not(.pageReportsBreakdown) .contentMain { padding-top: 10px; }

.panelRevenueGraph.contentMain { 
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    background: #FFFFFF; }

    .graphWrap { 
        width: 940px;        
        margin-top: 20px; }

    /*.graphWrap { min-height: 200px !important; height: auto !important; }
    .graphWrapSummary.graphWrap { min-height: 360px !important; height: auto !important; }*/

.pageReports .contentHead h2 { 
    margin: 0 0 0 70px; 
    font-size: 36px;
    line-height: 1; }

.pageReportsSummary .graphWrapSummary { width: 100%; }

.pageReports .panelReportTable { 
    margin-top: 10px; 
    padding-top: 0; }

.pageReports .tableRevenueSummary { 
    margin-bottom: 0; 
    table-layout: fixed; }

    .pageReports .tableList tr:hover td { color: #6f577e; }

    .tableRevenueSummary .trTotal td, .tableSpareParts .trTotal td { 
        border-bottom: none;
        color: #594366;
        background: #eeeeeb; }

        .tableRevenueSummary .trTotal td::after, .tableSpareParts .trTotal td::after { display: none; }

        .pageReports .tableRevenueSummary .trTotal td { border-bottom: none !important; }

.pageReports .tableRevenueSummary .tRevenueOther { 
    padding-top: 0;
    padding-bottom: 20px;
    border: none !important; }

    .tRevenueOther a.slideToggle { 
        display: block; 
        width: 100%; 
        border-bottom: solid 3px #949491; 
        text-decoration: none; }

        tr:hover .tRevenueOther a.slideToggle { border-color: #787875; }
        .tRevenueOther a.slideToggle.in { 
            border-bottom: solid 3px #6f577e; 
            z-index: 900; }

        .tRevenueOther a.slideToggle.in .inArrow { bottom: -17px; }

            .tRevenueOther .inArrow::after { 
                background-color: #949491; 
                background-position-y: 76.4%;
                /*background-position-y: -1241px;*/ }

                tr:hover .tRevenueOther .inArrow::after { background-color: #787875; }
                .tRevenueOther a.slideToggle.in .inArrow::after { 
                    background-color: #6f577e; 
                    bottom: -20px; }

            tr:hover .tRevenueOther a.slideToggle.in { border-color: #594366; }
                tr:hover .tRevenueOther a.slideToggle.in .inArrow::after { background-color: #594366; }

    .tRevenueOther .tableRevenueSummary { margin: 0; }

        .pageReports .tRevOtherOverview tr td, .pageReports .tableRevenueSummary .tRevenueOther::after { border: none !important; }

            .tRevOtherOverview tr td::after, .tRevOtherOverview tr:hover td::after { display: none; }

            tr:hover .tRevOtherList td:not(:hover), tr:hover .tRevOtherList tr:not(:hover) td::after { border-color: #FFFFFF; }

            .tRevenueOther .tableRevenueSummary .tTitle { padding-left: 0; }

            .tRevenueOther .tableRevenueSummary .tPercent { 
                width: 80px; 
                padding-right: 0; }

                .tRevenueOther .tRevOtherList .tPercent { width: 80px; }

            .tRevOtherList.tableRevenueSummary { 
                margin-top: 20px;
                border-bottom: solid 3px #6f577e; }

            .pageReports .tRevOtherList th { 
                height: 30px; 
                color: #787875; }

                .pageReports .tRevOtherList.tableRevenueSummary td::after, .pageReports .tRevOtherList.tableRevenueSummary tr:hover td::after,
                    .pageReports .tRevOtherList.tableList td, .pageReports .tRevOtherList.tableList tr:hover td { border-width: 1px !important; }

.pageReports .panelRevenueBack { padding-bottom: 30px; }


/******  REPORTS - GROSS PROFIT ******/

.tNum .marginSub sub { 
    display: flex;
    height: 10px;
    justify-content: flex-end;
    top: 8px;
    right: -8px;
    font-size: 80%; }

.tableGrossProfit .tRevOtherList.tableList .tNum { width: 17%; }

    .tableGrossProfit .tRevOtherList.tableList td.tNum:last-of-type { padding-right: 0; }


/******  REPORTS - REVENUE ANALYSIS ******/

.pageReportsAnalysis .contentMain.graphReportWrap { padding-top: 30px; }

    .pageReportsAnalysis .graphWrap { width: 100%; }

.pageReportsAnalysis h2.sectionTitle { 
    margin: 10px 0 0;  
    text-align: center; }

.pageReportsAnalysis .graphReportWrap .flexWrap { 
    justify-content: flex-end;
    margin-bottom: 0;
    padding-bottom: 10px; }

    .pageReportsAnalysis .graphReset { margin-top: 0; }

        .pageReportsAnalysis .graphReset::after { 
            right: 8px;
                -ms-transform: rotate(-90deg);
                -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }

.pageReportsAnalysis.pageReports .panelReportTable { 
    gap: 40px; 
    margin-top: 0; 
    padding-top: 30px; }

    .pageReportsAnalysis .panelReportTable .flexColumn { width: calc((100% - 80px) / 3); }

        .pageReportsAnalysis .panelReportTable h3 { 
            margin-bottom: 20px;
            color: #787875; }

        .pageReportsAnalysis .panelReportTable ul { 
            list-style-type: none;             
            padding-left: 0; }

            .pageReportsAnalysis .panelReportTable li + li { margin-top: 10px; }

                .pageReportsAnalysis .panelReportTable li a { 
                    display: block; 
                    position: relative; 
                    padding-left: 16px;
                    color: #40403f;
                    font-weight: bold;
                    transition: background-color 0.3s; }

                    .pageReportsAnalysis .panelReportTable li a:hover { 
                        text-decoration: none; 
                        color: #6f577e; }

                    .pageReportsAnalysis .panelReportTable li a::before { 
                        content: ''; 
                        position: absolute; 
                        width: 6px;
                        left: -6px;
                        top: 2px;
                        bottom: -8px;
                        margin-top: -6px;
                        background: #dcdcd9; }

                    .pageReportsAnalysis .panelReportTable li:hover a::before { background: #b0b0ad;  }

                    .pageReportsAnalysis .panelReportTable li a.active { 
                        font-weight: bold; 
                        color: #944364; 
                        text-decoration: none; }

                        .pageReportsAnalysis .panelReportTable li a.active::before { 
                            opacity: 1; 
                            background: #944364; }


/******  REPORTS - BY MONTH ******/

.pageReportsByMonth {  }

    .tableRevenueByMonth thead .tCentre { 
        font-size: 18px; 
        font-weight: normal; }

    .tableRevenueByMonth thead tr th { height: auto; }

        .tableRevenueByMonth thead tr + tr th { padding-bottom: 20px; }

    .tableRevenueByMonth.tableList .tNum { text-align: right; }

    .tableRevenueByMonth .trListTotal .plum, .tableRevenueByMonth tr:hover td.plum, .tableRevenueByMonth .plum::before { color: #944364; }
    .tableRevenueByMonth .trListTotal .pumpkin, .tableRevenueByMonth tr:hover td.pumpkin, .tableRevenueByMonth .pumpkin::before { color: #c73e14; }

    .tableRevenueByMonth h4 span { 
        color: revert; 
        font-size: revert; }

    .tableRevenueByMonth .tTitle { white-space: nowrap; }

    .tableRevenueByMonth .tNum.tTotal { padding-left: 30px; }


/******  REPORTS - TRENDS ******/

.contentReportsRevTrends .panelRevenueGraph { 
    padding-top: 30px; 
    background: #FFFFFF; }  

    .graphWrapTrends { min-height: 350px !important; }

.pageReports .tRevOtherList.tableList h4 { text-transform: none; }


/******  REPORTS - GROSS PROFIT TRENDS ******/

.pageReportsTrends .panelReportGrossProfitTrend.contentMain { margin-top: 0; } /* Temp - to remove top gap, until chrats panel added */


/******  REPORTS - BREAKDOWN ******/

.pageReportsBreakdown .contentMain, .pageDebtorList .contentMain { padding-bottom: 0; }

.pageReportsBreakdown .barFilterWrap { 
    float: none; 
    min-height: 60px; }

    .pageReportsBreakdown .filterReportsBreakdown.barFilterGrey { 
        display: grid;
        gap: 25px 50px;
        grid-template-rows: repeat(4, 65px);
        grid-auto-flow: column;
        grid-template-columns: auto minmax(250px, 1fr) 250px;
        justify-content: stretch; }

        .filterReportsBreakdown.barFilterGrey .form-group { 
            width: 100%;
            margin: 0; }

            .filterReportsBreakdown .form-control { margin: 0; }

            .filterReportsBreakdown .fgYear, .filterReportsBreakdown .fgProduct { width: 250px; }

            .fgDateFrom { grid-area: 1 / 3; }
            .fgDateTo { grid-area: 2 / 3; }
            /*.fgYear { grid-area: 1 / 1; }*/ 
            .fgSalesManager { grid-area: 1 / 1; }
            .fgCountry { grid-area: 2 / 1; }
            .fgCategory { grid-area: 3 / 1; }
            .fgSupplier { grid-area: 4 / 1; }

            .filterReportsBreakdown.barFilterGrey .hoverSlide { grid-area: 4 / 3; margin-left: auto; }

        .fgBreakdownProductCustomer { 
            grid-area: 1 / span 1 / last-line / auto ;
            grid-area: 1 / 2 / last-line / auto ;
            display: flex; 
            flex-direction: column; }

        .fgBreakdownProductCustomer .form-group + .form-group { margin-top: 20px; }

.filterReportsBreakdown br { 
    display: block;
    width: 100%;
    flex-basis: 100%;
    height: 0; }

/* NO LONGER USED? - Aug 2025 */
/*.panelReportBreakdownButtons { 
    display: flex; 
    justify-content: center; 
    margin-top: 40px; }

    .panelReportBreakdownButtons .bButton { 
        width: 200px; 
        margin: 0; }
        
        .panelReportBreakdownButtons .bButton::after { 
            width: 30px;
            height: 30px;
            top: 8px;
            margin-left: -15px;            
            background-image: url(../images/iSprite.png);
            background-position-y: -4450px; }

        .panelReportBreakdownButtons .bView {  }

            .panelReportBreakdownButtons .bView.bButton::after { background-position-x: 0; }*/

            /*.panelReportBreakdownButtons .bExportXL.bButton::after { background-position-x: -50px; }*/

        /*.panelReportBreakdownButtons p { 
            height: 100px;
            line-height: 100px;
            margin: 0 40px;
            font-size: 21px; }*/
        
.panelReportBreakdownTable tbody { overflow-x: auto; }

.tableReportBreakdown { margin-bottom: 0; }

    .tableReportBreakdown th { vertical-align: bottom; }

    .tCountryCode { text-align: center; }

    .tableReportBreakdown .thDoubleTitle span { color: #594366; }

        .tableReportBreakdown .thDoubleTitle .thBreakdownInvoiced { margin-left: -30px; }
        .tableReportBreakdown .thDoubleTitle .thBreakdownOrdered { margin-left: -29px; }
        .tableReportBreakdown .thDoubleTitle .thBreakdownTotal { margin-left: -40px; }

            .tableReportBreakdown th.tFOBTotal { padding-right: 24px; }

        .trPager .pagination-container { margin: 20px 0 20px; }

        /*.tableReportBreakdown tbody tr:last-of-type td { 
            color: #000000; 
            font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
            font-weight: 900; 
            border-top: solid 2px #6f577e !important; 
            border-bottom: solid 2px #6f577e !important; }*/

        .tableReportBreakdown .trBreakdownTotal td, .tableList .trListTotal td {             
            color: #6f577e;
            font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
            /*font-size: 16px;*/
            background: #eeeeeb; }

    /*.panelReportBreakdownButtons .spinWrap .spinRingu { 
        top: -68px; 
        right: -50%; 
        margin-left: -10px; }*/

    .panelReportBreakdownTable h3, .panelReportBreakdownTable .pWrap { text-align: center; }

        .panelReportBreakdownTable h3 { margin-top: 40px; }

        .panelReportBreakdownTable .pWrap { 
            font-size: 16px; 
            font-weight: bold; 
            text-transform: uppercase; }


/******  REPORTS - BY COUNTRY ******/

.pageReportsCountry .contentHead { padding-bottom: 0; }

    .pageReportsCountry h1 { z-index: 90; }

    .pageReportsCountry #searchParameters { 
        order: 2;
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        padding: 30px 30px; 
        background: #FFFFFF; 
        z-index: 90;}

        .pageReportsCountry #searchParameters div + div { margin-left: 60px; }

        .pageReportsCountry #searchParameters span { 
            color: #6f577e;
            font: 900 15px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
            text-transform: uppercase; }

        .pageReportsCountry #searchParameters p { 
            margin-bottom: 0;
            font-size: 21px; 
            font-weight: bold; }

        .pageReportsCountry .fgCoreProducts { min-width: 110px; }

        .pageReportsCountry .fgDateFrom, .pageReportsCountry .fgDateTo { min-width: 100px; }

        .pageReportsCountry .fgDateFrom {  }

        .pageReportsCountry .fgDateTo { min-width: 100px; }

    #revenueByCountryMap { 
        order: 1;
        position: relative;
        height: 70vw !important;
        margin: -5vw 0; }

    .pageReportsCountry .graphLegendWrap { 
        order: 1; 
        position: relative; }

        .pageReportsCountry .graphLegend { 
            position: absolute; 
            bottom: 5vw;
            left: 30px; }

            .pageReportsCountry .graphLegend span { border: solid 1px #40403f; }

                .pageReportsCountry .revenueZero strong { color: #c7c7c6; }

            .pageReportsCountry .graphLegend strong { width: unset; }

    .pageReportsCountry form { 
        order: 2; 
        position: relative; 
        margin-bottom: 10px;
        z-index: 90; }

        .fgByCountryProductCustomer {
            grid-area: 1 / 1 / 3 / 2;
            display: flex; }

            .pageReportsCountry .filterReportsByCountry.barFilterGrey {
                display: grid;
                gap: 25px 50px;
                grid-template-rows: 65px 65px 40px;
                grid-template-columns: auto 250px;
                padding-bottom: 30px; }

            .pageReportsCountry .filterReportsByCountry .fgBreakdownCustomer { margin: 0 0 0 30px; }

            .filterReportsByCountry .fgDateFrom { grid-area: 1 / 2 / 2 / 2; }

            .filterReportsByCountry .fgDateTo { grid-area: 2 / 2 / 3 / 2; }

                .filterReportsByCountry .multi .selectize-input { min-height: 135px; }

            .filterReportsByCountry.barFilterGrey .hoverSlide { 
                grid-area: 3 / 2 / 4 / 2; 
                margin-top: 0; }

    .galleryGridByCountryWrap { 
        order: 3; 
        background: #FFFFFF; }

        .pageReportsCountry .galleryGridByCountryWrap:last-of-type .galleryGridByCountry { 
            border: none; 
            padding-bottom: 40px; }

        .pageReportsCountry .galleryGridByCountryWrap + .galleryGridByCountryWrap { padding-top: 0; }

        .galleryGridByCountry { margin-bottom: 10px; }

            .galleryGridByCountry label { margin-bottom: 10px; }

            .galleryGridByCountry strong { 
                /*color: #6f577e; */ /*Removed due to Negative Red highlight colour*/
                font-size: 24px; }

                .galleryGridByCountry strong .rfeRed { font-weight: bold; } 


/******  REPORTS - SELLOUT ******/

/* Temp for Drop Nav */

.nSalesSelloutMenu { width: 100%; margin-top: 10px; }

    .headerNav-New .nSalesSelloutMenu a::after { display: none !important; }

    .nSalesSelloutMenu ul { 
        display: flex; 
        flex-wrap: wrap; 
        gap: 30px; }

/* End Temp */

.pageReportsSellout .contentTitleTripleStack { 
    align-items: unset;
    margin-top: 20px;
    padding-bottom: 0; }

    .pageReportsSellout .contentTitleTripleStack h2, .pageReportsSellout .bDownloadXLS { margin: 0; }

        .pageReportsSellout .hasExportNumWrap .sectionTitle { line-height: 1; }

        .pageReportsSellout .contentTitleTripleStack strong { 
            color: #949491; 
            text-transform: uppercase; }

            .pageReportsSellout .contentTitleTripleStack h2 + strong { margin-bottom: 10px; }

            .pageReportsSellout .buttonExportWrap { padding-right: 0; }

                .pageReportsSellout .buttonExportWrap .bExportSelected { width: 150px; }

                .hasExportAdjacent + .tableDisplayWrap { display: none; }

.pageReportsSellout .barButtons { 
    padding-left: 0; 
    padding-right: 0; }


/*** Sellout by Customer ***/

.pageReportsSellout .topTabs span { font-weight: normal; }

    .pageReportsSellout .topTabs .active span { 
        font-family: "Lato", Arial, Helvetica, sans-serif !important; 
        font-weight: normal; }

    /* Sellout Filter Panel No longer Used */
/*.pageReportsSelloutByCustomer .contentTitlePanel { 
    padding-top: 25px;
    padding-bottom: 6px;
    background: #FFFFFF; }

    .pageReportsSelloutByCustomer .contentTitlePanel .dotty { 
        justify-content: flex-end;
        width: 100%; }

        .pageReportsSelloutByCustomer .contentTitlePanel .fInline { 
            width: auto;
            max-width: 400px; 
            margin-bottom: 15px; }*/

.tableNavWrap { 
    position: relative;

    display: flex; 
    width: 100%;
    margin-top: 40px; 
    /*padding-bottom: 5px;*/
    /*border-bottom: solid 3px #c7c7c6; */
    /*padding-left: 20%;*/ }

    .tableNavWrap::before { 
        content: ''; 
        position: absolute; 
        width: 100%;
        bottom: 0;
        border-bottom: solid 3px #c7c7c6; 
        z-index: 0; }

    .tableNavTabs { 
        list-style-type: none;
        display: flex; 
        gap: 0 5px; 
        margin: 0;
        padding: 0; }

        .tableNavTabs li {     
            flex-basis: auto;
            flex-grow: 1; }

        .tableNavTabs li a { 
            display: flex; 
            justify-content: center; 
            align-items: center; 
            min-width: 120px;
            height: 50px; 
            padding: 0 20px; 
            font-size: 15px;
            font-weight: bold;
            text-transform: uppercase; 
            padding: 5px 5px; 
            border-top-left-radius: 4px;
            border-top-right-radius: 4px; 
            border: solid 3px #c7c7c6; 
            color: #787875;
            background: #dcdcd9; }

            .tableNavTabs a:hover { 
                color: #5c5c5a; 
                text-decoration: none;
                background: #eeeeeb;  }

            .tableNavTabs li.active a { 
                position: relative;
                border-bottom-color: #FFFFFF;
                color: #6f577e;
                background: #FFFFFF; 
                z-index: 10; }

                .tableNavTabs .active a:hover { background: #FFFFFF; }

    .tableDisplayWrap { 
        display: flex;
        gap: 0 5px;
        margin: 0 0 5px auto; }

        .bDisplayToggle {
            position: relative;
            display: flex;
            justify-content: center; 
            align-items: center; 
            width: 40px;
            height: 40px;
            border: solid 3px #dcdcd9; 
            border-radius: 4px;
            transition: all 0.3s;
            background: #dcdcd9;
            
            color: #787875; 
            font-weight: bold; 
            font-size: 18px; }

            .tableDisplayWrap .bDisplayToggle::after { 
                content: '';
                position: relative;
                display: block;
                width: 20px;
                height: 20px; }

            .bDisplayToggle:hover { 
                text-decoration: none;
                border-color: #b0b0ad;
                background: #eeeeeb;
                color: #40403f; }

            .bDisplayToggle.active { 
                color: #6f577e;
                border-color: #6f577e; 
                color: #6f577e; 
                background: #FFFFFF; }

            .bDisplayToggle-Unit::after { background: url(../images/iSpriteTiny.png) no-repeat -50px -1850px; }
            .bDisplayToggle-Value::after { background: url(../images/iSpriteTiny.png) no-repeat -50px -1900px; }

                .bDisplayToggle.bDisplayToggle:not(:hover):after { opacity: 0.7; }

                .bDisplayToggle.bDisplayToggle.active:after { 
                    opacity: 1;
                    background-position-x: -150px; }

            .bDisplayToggle30.bDisplayToggle { 
                width: 30px;
                height: 30px; }

.tableSellout.tableList { 
    margin-top: 0; 
    text-transform: unset; }

    .tableSelloutYear.tableList thead th { height: 25px; }

        .tableSelloutYear.tableList .trSelloutYear th {  
            padding-top: 10px;
            top: 30px;
            padding-bottom: 0;
            border-bottom: none; 
            font-size: 15px; 
            font-weight: normal; 
            z-index: 1200; }

        .tableSelloutYear.tableList .trSelloutMonth th { 
            padding-top: 5px; 
            top: 30px; 

            text-align: right; }

    .tableSelloutYear .tDisabled { color: #b0b0ad; }

     /*.tableSelloutYear.tableList td { width: calc(80% / 12); }*/ /* minus 20% title width For Months */
     .tableSelloutYear td { padding: 8px 10px; }

        .tableSellout tbody .tTitle, .tableSellout tbody .tBlank { 
            width: 20%;
            padding-left: 0; 
            border-right: solid 2px #eeeeeb; 
            text-transform: unset; }

            .tableSellout tbody .tTitle h5 { 
                margin: 0; 
                font-size: 15px; 
                line-height: 1; 
                text-transform: uppercase; }

                .tableSellout tbody .tTitle h6 { 
                    margin-bottom: 0;
                    color: #949491; 
                    text-transform: uppercase; }

                    .tableSellout tbody .tTitle h5 + h6 { text-transform: unset; }

                .tableSelloutYear tr.over .tTitle h5, .tableSellout tr:hover .tTitle h5, .tableSellout tr:hover .tTitle h6 { color: #6f577e; } 

                .tableSelloutYear.tableList tbody tr:first-of-type .tTitle { border-top: none; }

    .tableSelloutYear .tNum:first-of-type/*, .tableSelloutYear .tNum.tNewYear*/ { padding-left: 12px; }
        /*.tableSelloutYear .tNum:nth-of-type(6) { padding-right: 12px; }*/

    .tableSelloutYear tr:not(.trSelloutMob) .tTitle { 
        /*display: none; */
        padding-right: 8px; }

    .tableSellout thead th:last-of-type, .tableSellout td:last-of-type { padding-right: 0; }

    .tableSellout .trTotal th, .tableSellout .trTotal td { border-bottom: solid 2px #949491; }
        .tableSellout.tableList .trTotal td { border-bottom: solid 2px #949491 !important; }

    .tableSelloutYear .trTotal.trMob th { border-bottom: none !important; }

        .tableSelloutYear .trTotal.trMob .tTitle::after { border-top-color: #949491; }

    /*.tableSelloutYear.tableList .tBlank, .tableSelloutYear .trSelloutMob .tTitle::after { display: none; }

    .tableSelloutYear .trSelloutMob { display: table-row }*/

    .tableSelloutYear .trSelloutMob { display: none; }

    .tableSelloutYear.tableList .trSelloutMob .tTitle { 
        width: 100%; 
        height: unset;
        padding-right: 0; 
        padding-bottom: 0;
        padding: 10px 0 0 0;
        border-right: none; }    

.tableSelloutQuarter {  }

.tableSelloutStockTurn th.sortBy { font-size: 14px; }

/*.tableSelloutYear.tableList td, .tableSelloutStockTurn.tableList td { width: calc(80% / 4); }*/ /* minus 20% title width */

.tableSelloutYear.tableList td, .tableSelloutStockTurn.tableList td { width: calc(75% / 4); } /* minus 20% title width */

.pageReportsSellout .tableNavWrap { margin-top: 80px; }

    .pageReportsSellout .contentSelloutCustomerSKU .tableNavWrap { /*margin-top: 60px;*/ margin-top: 100px; }


/*** Sellout by Product ***/

.pageReportsSelloutByProduct .barFilterGrey/* .fStacked*/ { 
    width: 100%; 
    padding-bottom: 30px;}

    .pageReportsSelloutByProduct .radioSelloutTerritory { width: calc(100% - 100px); }

    .pageReportsSelloutByProduct .radioSelloutTerritory.radioDouble .btn { 
        /*flex-basis: auto;
        flex-grow: 1; */
        flex: 1;
        width: auto; 
        text-transform: uppercase;
        transition: background 0.4s; 
        background: #eeeeeb; }

        .pageReportsSelloutByProduct .radioSelloutTerritory.radioDouble .btn::before { border-color: #c7c7c6; }

            .pageReportsSelloutByProduct .radioSelloutTerritory.radioDouble .btn::after { 
                top: 16px;
                /*background-position-y: -100px;*/ 
                background-position-y: 10%; }

        .pageReportsSelloutByProduct .radioSelloutTerritory.radioDouble label { 
            margin-bottom: 0;
            color: #5c5c5a; }

        .pageReportsSelloutByProduct .radioSelloutTerritory.radioDouble .btn:hover { background: #FFFFFF; }

            .pageReportsSelloutByProduct .radioSelloutTerritory.radioDouble .btn:hover::before { border-color: #b0b0ad; }

            .pageReportsSelloutByProduct .radioSelloutTerritory.radioDouble .btn:not(:hover)::after { opacity: 0.7; }

            .pageReportsSelloutByProduct .radioSelloutTerritory.radioDouble .btn:hover label { color: #40403f; }

        .pageReportsSelloutByProduct .radioSelloutTerritory.radioDouble .btn.active { background: #FFFFFF; }

            .pageReportsSelloutByProduct .radioSelloutTerritory.radioDouble .btn.active::before { 
                display: block;
                border-color: #6f577e; }

            .pageReportsSelloutByProduct .radioSelloutTerritory.radioDouble .btn.active::after { 
                opacity: 1;
                /*background-position-y: -2900px;  */   
                background-position-y: 30%; }

            .pageReportsSelloutByProduct .radioSelloutTerritory.radioDouble .btn.active label { color: #6f577e; }

            .pageReportsSelloutByProduct .radioSelloutTerritory.radioDouble .btn.active:hover::before { border-color: rgba(111, 87, 126, 0.5); }

            .pageReportsSelloutByProduct .radioSelloutTerritory + .arrowSq.hoverSlide { margin: 0 0 0 20px; }


/*** Sellout Trend by Customer ***/

.pageReportsSellout.pageReports h1 .fontThin { margin-right: 5px; } 

.fgSelloutTrendFilter { gap: 20px 20px; }

/*.fgRadioSelloutTerritory { 
    justify-items: center; 
    width: 100%;
    min-height: 300px; }

    .fgRadioSelloutTerritory .fRadioGroup { margin: auto 0; }

        .pageReportsSelloutTrendsByCustomer .radioSquares.radioDouble .btn { padding: 20px 10px; }*/

.fgRadioSelloutTerritory { 
    display: block;
    width: 100%;
    margin: 80px 0 100px; }

    .fgRadioSelloutTerritory .fRadioGroup { 
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        max-width: 1200px;
        margin: auto; }

        .pageReportsSelloutTrendsByCustomer .radioSquares.radioDouble .btn { padding: 20px 10px; }

            .radioSelloutTerritory .arrowSq.hoverSlide { margin-top: 0; }

                .radioSelloutTerritory .arrowSq .submitArrow { padding-top: 43px; }

section.filterSelloutTerritory { 
    /*display: grid; 
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    max-width: 900px;*/
    display: flex;
    justify-content: center;
    margin: auto; }

.pageReportsSelloutTrends.pageBasic .contentMain { padding-top: 30px; }

    .pageReportsSelloutTrends .contentTitleTripleStack { 
        margin-top: 30px;
        z-index: 1210; }

    .pageReportsSelloutTrends .hasExportAdjacent + .tableDisplayWrap { 
        position: sticky;
        display: flex; 
        justify-content: flex-end;
        padding: 10px 0;
        left: 0;
        top: 0;
        background: #FFFFFF;
        z-index: 1200; }

.selloutTrendSlide { 
    width: 100%;
    margin: 10px 0 20px; }

    .selloutTrendItem {  }

        .selloutTrendItemTitle { 
            position: relative;
            flex-wrap: wrap;
            gap: 10px;
            align-items: center;
            min-height: 70px;
            /*padding: 10px 0 5px;*/
            padding: 10px 0;
            border-bottom: solid 3px #c7c7c6; }

            .selloutTrendItemTitle.in { border-bottom-color: transparent; }

                .selloutTrendItemTitle.in::after { 
                    content: '';
                    position: absolute;
                    display: block;
                    width: 100%;
                    left: 0;
                    top: -3px;
                    height: 3px;
                    background: #6f577e;
                    z-index: 1000; }

            .selloutTrendItemTitle h3 { 
                margin-bottom: 0; 
                color: #949491; }

                .selloutTrendItemTitle:hover h3 { color: #40403f; }

                .selloutTrendItemTitle.in h3 { 
                    color: #6f577e; 
                    font-family: 'LatoWebBlack',Lato,Arial,Helvetica,sans-serif; }

                .selloutTrendItemTitle h3 span { font-size: 15px; }

                .selloutTrendItemTitle h3 strong { font-size: 18px; }

            .selloutTrendItemTitle .tableDisplayWrap { 
                flex-wrap: wrap; 
                margin-bottom: 0;
                z-index: 900; }

                .selloutTrendItemTitle .bDisplayToggle-List::after { background: url(../images/iSpriteTiny.png) no-repeat -50px -1800px; }

                    .selloutTrendItemTitle .bDisplayToggle-List.in { 
                        border-color: #6f577e; 
                        background: #FFFFFF; }

                        .selloutTrendItemTitle .bDisplayToggle-List.in:hover { border-color: rgba(111, 87, 126, 0.5); }

                        .selloutTrendItemTitle .bDisplayToggle-List.in::after, .selloutTrendItemTitle .bDisplayToggle-Arrow::after { 
                            width: 16px;
                            height: 16px;
                            background: url(../images/iArrows.svg) no-repeat center 30%; 
                            background-size: cover; } /* grape */

                            .selloutTrendItemTitle .bDisplayToggle-List.in::after { 
                                    -ms-transform: rotate(-90deg); 
                                    -webkit-transform: rotate(-90deg);
                                transform: rotate(-90deg); 
                                opacity: 1; }

            .selloutTrendItemTitle .bDisplayToggle-Arrow { 
                display: flex !important; 
                height: 40px !important; } /* Overrides code from slide JS */

                .selloutTrendItemTitle .bDisplayToggle-Arrow::after { background-position-y: 10%; } /* grey */

            .selloutTrendItemTitle .buttonExportWrap { 
                max-height: 0; 
                opacity: 0; 
                transition: 0.4s; }

                .pageReportsSellout .buttonExportWrap::before { display: none; }

                .selloutTrendItemTitle.in .spinWrap {
                    max-height: 40px; 
                    opacity: 1; 
                    z-index: 900; }

                    .selloutTrendItemTitle .spinWrap.in .bExportSelected::after { background: none; }

                    .selloutTrendItemTitle .spinWrap.in .spinRingu { right: -109px; }

        /*.selloutTrendItem .slideThis { 
            max-height: 0; 
            transition: max-height 0.4s; 
            overflow: hidden; }

            .selloutTrendItem .slideThis.in { max-height: 255px; }*/

        .selloutTrendItem .tableSelloutTrendYear { 
            margin-bottom: 0;
            border-bottom: solid 3px #6f577e; }

            /*.tableSelloutTrendYear.tableSellout tbody .tTitle, .tableSelloutTrendYear.tableSellout tbody .tBlank { width: 90px; }*/

                /*.tableSelloutTrendYear.tableSelloutYear.tableList td { 
                    width: calc((100% - 90px) / 12);*/ 
                    /*margin-top: 5px;*/ /*}*/ /* What is this for? */

            .tableSelloutTrendYear.tableSellout tbody .tTitle, .tableSelloutTrendYear.tableSellout tbody .tBlank { width: 150px; }

                .tableSelloutTrendYear.tableSelloutYear.tableList td { width: calc((100% - 150px) / 4); }

            .tableSelloutTrendYear.tableSelloutYear thead .trSelloutMonth th {
                 padding-top: revert; 
                 top: unset; 
                 /*border-bottom: solid 2px #6f577e;*/
                 border-bottom: solid 2px #c7c7c6; }

            .tableSelloutTrendYear.tableSelloutYear thead th { 
                /*height: 50px;*/ 
                height: 40px; 
                padding-bottom: 2px; }

    .selloutTrendItemTitle h3.flexColumn { 
        gap: 3px;
        line-height: 1; }

        .selloutTrendItemTitle h3 strong { font-size: 21px; }

        .selloutTrendItemTitle h3 span { font-size: 15px; }

    .contentSelloutTrendSKU .selloutTrendSlide { margin-top: 50px; }    

.selloutTrendSlide + .barButtons { margin-top: 30px; }

            
/*** Sellout Trend by Product ***/



/*****************************************************************
= MA - MARKETING DASH
*****************************************************************/

.pageTopProductSalesDash {  }

.pageTopProductSalesDash .barFilterWrap { margin-bottom: 30px; }

.filterTopProductSales.barFilter { 
    gap: 30px;
    margin: 0;
    padding-top: 30px; 
    padding-bottom: 30px;
    background: #FFFFFF; }

    .filterTopProductSales .form-group, .filterTopProductSales .form-control { margin-bottom: 0; }

    .filterTopProductSales .form-control { 
         padding-left: 8px;
         font-size: 15px; }

    .fgTopSalesKeyword, .fgTopSalesRange { width: calc((100% - 500px) * 0.23); } /* (4 x 30px) 280px + 90px + 10px */

    .fgTopSalesCategory { width: calc((100% - 500px) * 0.34); }

    .fgTopSalesTerritory { width: calc((100% - 500px) * 0.20); }

    .fgTopSalesDate.fgFilterDateWrap { 
        gap: 10px; 
        width: 250px;
        margin-right: 0; }

        .fgTopSalesDate .form-group { 
            display: flex;
            align-items: center;
            margin: 0; }

            .fgTopSalesDate .form-group label { 
                width: 80px; 
                margin-right: 10px;
                text-align: right; }

            .fgTopSalesDate .form-control { margin: 0; }

            .fgTopSalesDate.fgFilterDateWrap .ui-datepicker-trigger { 
                background: url(../images/iSprite.svg) no-repeat center 3.5%;
                background-size: cover; 
                transition: all 0.3s;
                filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%); }

                .fgTopSalesDate .ui-datepicker-trigger:hover { filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); }

            /*.fgTopSalesDate .datepicker { width: 150px; }*/

    .filterTopProductSales .submitSearch80, .filterTopProductSales .submitSearch80 .submitArrow { 
        width: 90px;
        height: 90px; }

        .filterTopProductSales .submitSearch80 { margin: 0 0 0 10px; }

            .filterTopProductSales .submitSearch80::before { top: 16px; }

            .filterTopProductSales .submitSearch80 .submitArrow { padding-top: 50px; }

    .TopProductSalesTabHead { 
        display: flex; 
        width: 100%; 
        margin: 0 0 20px; 
        /*padding-bottom: 20px;*/ 
        border-bottom: solid 3px #6f577e; }

    .TopProductSalesTitleWrap { 
        display: flex; 
        flex-wrap: wrap; 
        gap: 10px 30px;
        padding-bottom: 20px; }

        .TopProductSalesTitleWrap form { 
            order: 2; 
            margin-left: auto; }

        .TopProductSalesTitle { 
            gap: 5px; 
            margin: auto 0 10px; }

            .TopProductSalesTitle h2, .TopProductSalesTitle h3 { 
                margin: 0; 
                line-height: 1; }

                .TopProductSalesTitle h2 { font-size: 36px; }
                .TopProductSalesTitle h3 { font-size: 24px; }

        .TopProductSalesTabBar { 
            display: flex; 
            margin: auto 0 -3px auto; }

            .TopProductSalesTabBar .bExportXL { margin: 0 0 15px; }

                .bExportXL80.bExportXL.hasSpinRingu { 
                    display: flex;
                    flex-direction: column; 
                    justify-content: center;
                    gap: 5px;
                    height: 80px;
                    padding: 5px 20px;
                    line-height: unset; }

                    .bExportXL80 strong { order: 2; }

                    .bExportXL80.bExportXL.hasSpinRingu::after { 
                        position: relative;
                        width: 30px;
                        height: 30px;
                        top: 0;
                        left: 50%; 
                        margin-left: -15px; 
                        /*background-position-x: -100px;*/ }

                    .bExportXL80 .spinRinguWrap { 
                        order: 1; 
                        /*position: relative; */
                        flex-direction: column; 
                        justify-content: center;
                        gap: 5px;
                        padding: 0;
                        /*padding: 10px 20px 5px;*/ }

                        .in.bExportXL80 .spinRinguWrap strong { opacity: 1; }

                        .hasSpinRingu.bExportXL80 .spinRinguWrap .spinRingu { margin-right: auto; }

            .TopProductSalesTabBar ul, .toggleTopProductSales ul { 
                display: flex;
                gap: 12px;
                list-style-type: none; 
                margin: auto 0 0 12px; 
                padding: 0; }

                .TopProductSalesTabItem { 
                    display: flex; 
                    justify-content: center;
                    align-items: center;
                    gap: 5px;
                    flex-direction: column;
                    width: 100px;
                    margin-bottom: 15px;
                    padding: 10px;
                    border-radius: 4px;
                    border: solid 3px transparent;
                    color: #787875;
                    font-size: 15px;
                    text-transform: uppercase; 
                    transition: all 0.3s; 
                    background: #dcdcd9; }

                    .TopProductSalesTabItem:hover { 
                        color: #40403f;
                        /*border-color: #949491;*/
                        text-decoration: none; 
                        background: #FFFFFF; }

                        .iTabCirque { 
                            position: relative;
                            width: 32px;
                            height: 32px;
                            border-radius: 50%; }

                            .iTabCirque.ir { 
                                color: transparent;
                                background: #787875; }

                        .iTabCirque::after { 
                            content: ''; 
                            position: absolute;
                            width: 20px;
                            height: 20px;
                            top: 50%;
                            left: 50%;
                            margin: -10px 0 0 -10px;
                            transition: all 0.3s;
                            background: url(../images/iSprite.svg) no-repeat center 0;
                            background-size: cover; 
                            filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); } /* #FFFFFF White */

                        .TopProductSalesTabItem:not(:hover) .iTabCirque::after { opacity: 0.7; }

                        .TopProductSalesTabBar ul .active { 
                            background: #c7c7c6; }

                        .active .TopProductSalesTabItem { 
                            margin-bottom: 0;
                            padding-bottom: 25px;
                            border-color: #6f577e;
                            border-bottom-left-radius: 0;
                            border-bottom-right-radius: 0;
                            border-bottom-color: transparent;
                            color: #6f577e;
                            background: #c7c7c6; }

                            .active .iTabCirque.ir { background: #6f577e; }

    .wrapTopProductSales {  } 

    .pageTopProductSalesDash .gridTopTrumps li:nth-of-type(1) .itemTopTrumpHead { background: #752f42; }
        .pageTopProductSalesDash .gridTopTrumps li:nth-of-type(1) .itemTopTrumpData strong { color: #752f42; }

    .pageTopProductSalesDash .gridTopTrumps li:nth-of-type(2) .itemTopTrumpHead { background: #991c34; }
        .pageTopProductSalesDash .gridTopTrumps li:nth-of-type(2) .itemTopTrumpData strong { color: #991c34; }

    .pageTopProductSalesDash .gridTopTrumps li:nth-of-type(3) .itemTopTrumpHead { background: #c73c12; }
        .pageTopProductSalesDash .gridTopTrumps li:nth-of-type(3) .itemTopTrumpData strong { color: #c73c12; }

    .pageTopProductSalesDash .gridTopTrumps li:nth-of-type(4) .itemTopTrumpHead { background: #cf7600; }
        .pageTopProductSalesDash .gridTopTrumps li:nth-of-type(4) .itemTopTrumpData strong { color: #cf7600; }

    .pageTopProductSalesDash .gridTopTrumps li:nth-of-type(5) .itemTopTrumpHead { background: #a89e0e; }
        .pageTopProductSalesDash .gridTopTrumps li:nth-of-type(5) .itemTopTrumpData strong { color: #a89e0e; }

    .pageTopProductSalesDash .gridTopTrumps li:nth-of-type(n + 6) .itemTopTrumpHead { background: #949491; }
        .pageTopProductSalesDash .gridTopTrumps li:nth-of-type(n + 6) .itemTopTrumpData strong { color: #949491; }

        .wrapTopProductSales .itemTopTrumpData strong { letter-spacing: -1px; }
   
            .wrapTopProductSales .itemTopTrumpData .textLC { 
                font-size: 66%; 
                color: currentColor !important; }

        .pageTopProductSalesDash .gridTopTrumps + .wrapTableTopTrumps {
            background: #FFF;
            padding-bottom: 30px; }


/***** Top Product Sales Details Page ******/

.pageTopProductSalesDetail .TopProductSalesTitleWrap { padding-bottom: 0; }

    .pageTopProductSalesDetail .TopProductSalesTitle h2 { font-size: 30px; }
    .pageTopProductSalesDetail .TopProductSalesTitle h3 { font-size: 18px; }

.toggleTopProductSales { 
    display: flex; 
    flex-wrap: wrap;
    gap: 10px;
    align-items: flex-end;
    margin: -30px 0 0 0; }

    .toggleTopProductSales ul { margin: 0 0 0 auto; }

        .toggleTopProductSales .TopProductSalesTabItem { margin-bottom: 0; }

        .toggleTopProductSales .TopProductSalesTabItem:hover { border-color: #c7c7c6; }

        .toggleTopProductSales .active .TopProductSalesTabItem { 
            padding-bottom: 10px; 
            border-radius: 4px;
            border: solid 3px #6f577e;
            background: none; }



/*****************************************************************
= IT - CONSOLIDATORS Section 
*****************************************************************/

.bAddConsolidator.bButton::after { 
    top: 11px;
    right: -4px;
    background-position-x: -350px; 
    background-position-y: -1150px; }

    .bAddConsolidator.bButton:not(:hover)::after, .bAddInspector.bButton:not(:hover)::after { opacity: 0.6; }

    .listConsolidatorFactory { 
        list-style-type: none;
        padding-left: 0;
        font-size: 18px; 
        font-weight: bold; }

        .listConsolidatorFactory li { margin-bottom: 20px; }

        .pageConsolidators .gtrBoth .dotty { margin: 20px 0; }

        .pageConsolidators .panelAddForm { margin-bottom: 0; }

            .pageConsolidators .panelAddForm .form-control { min-width: 300px; }

    .fgConsolidatorMaxSKU .flex { 
        flex-direction: row; 
        flex-wrap: nowrap; 
        justify-content: flex-start }

        .fgConsolidatorMaxSKU .flex label { 
            width: auto !important; 
            margin-right: 10px; }

        .fgConsolidatorMaxSKU .form-control { min-width: 50px; }

            .fgConsolidatorMaxSKU .form-control:not(:last-of-type) { margin-right: 30px; }

    .fgConsolidatorMOQ { margin-bottom: 0; }

        .fgConsolidatorMOQ span { 
            display: block; 
            float: left; }

            .fgConsolidatorMOQ input { margin: 5px 0 0; }

        .fgConsolidatorMOQ .consolidatorMOQNote { 
            height: 40px; 
            line-height: 40px;
            margin-left: 10px;
            color: #787875;
            font-size: 18px; 
            font-weight: bold; }


/*****************************************************************
= TS - WARRANTY CLAIMS
*****************************************************************/

.h1MenuWrap { 
    position: relative;
    display: flex; 
    gap: 20px; }

        .h1MenuWrap:not(.hasMenu) .cirqueMenuHead { display: none; }

        .h1MenuWrap > .twinHead { padding-left: 0; }

           .contentHeadMulti .h1MenuWrap .cirqueMenuHead {  } 

    .cirqueMenuHead { 
        position: relative;
        display: block;
        width: 42px; 
        min-width: 40px;
        height: 60px;
        margin: 18px 0 0 0;
        text-align: center;
        transition: all 0.3s; }

        .cirqueNav { 
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center; 
            width: 42px; 
            height: 42px; 
            top: 0;
            left: 0;
            border-radius: 50%;
            background: #6f577e; }

        .cirqueNav::after { 
            content: '';
            width: 20px;
            height: 20px;
            margin-top: 2px;
                -ms-transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            background: url(../images/iArrows.svg) no-repeat center 20%;
            background-size: cover;
            transition: all 0.3s; }

            .cirqueNav:not(:hover)::after { opacity: 0.7; }

        .cirqueMenuHead .fontBlack { 
            display: block;
            position: absolute;
            width: 100%;
            bottom: 0;
            font-size: 12px; 
            color: #40403f; 
            text-transform: uppercase;
            line-height: 1; }

            .cirqueMenuHead:hover .fontBlack { color: #000000; }

                .cirqueMenuHead:hover::after { opacity: 1; }

    /* H1 Menu Slider */

    .h1MenuWrap .cirqueMenuHead + .dropdown-menu { 
        list-style-type: none;
        display: flex;
        flex-direction: column;
        width: 180px;
        top: 120px;
        left: -20px;
        padding-top: 10px;
        border-radius: 2px;
        opacity: 0;
        transform: translateY(1em);
        transition: opacity ease-in 0.2s, top ease-in 0.2s, z-index 0s linear 0.01s;
            transition-delay: 0s, 0s, 0.3s;
        z-index: -1;
        background: #828281; }

         .h1MenuWrap.open .cirqueMenuHead + .dropdown-menu { 
             display: flex; 
             opacity: 1; 
             top: 80px;
             transform: translateY(0%);
             transition-delay: 0.1s, 0.1s, 0s;
             z-index: 1000; }

        .h1MenuWrap .cirqueMenuHead + .dropdown-menu::before {
            content: '';
            position: absolute;
            width: 20px;
            height: 20px;
            top: -10px;
            left: 30px;
            background: #828281;
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg); 
            transform: rotate(45deg); 
            z-index: -1; }

        .h1MenuWrap .cirqueMenuHead + .dropdown-menu a { 
            display: block;
            padding: 5px 10px;
            color: #dcdcd9;
            font-size: 21px;
            text-decoration: none;
            text-transform: uppercase; } 

            .h1MenuWrap .cirqueMenuHead + .dropdown-menu a:hover { 
                color: #FFFFFF;
                background: #70706f; } 

            .h1MenuWrap .cirqueMenuHead + .dropdown-menu a.active { 
                color: #FFFFFF;
                font-weight: bold;
                /*font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
                font-weight: 900;*/ }


    .pageWarranty h1.twinHead { 
        width: auto; 
        margin-top: 15px; 
        margin-bottom: 35px; }

        .pageWarranty .hasMenu h1.twinHead { padding-left: 0; }

            .h1MenuWrap.hasMenu h1::after { display: none; }

        .pageWarranty h1.twinHead .twinHead-Sml { color: #787875; }

        .pageWarranty .twinHead-Med { line-height: 1; }

/******  WARRANTY CLAIMS - DASH  ******/

.pageWarrantyDash { 
    display: flex;
    flex-wrap: wrap; }

    .fgWarrantyReportFilter { 
        display: flex;
        flex-direction: column;
        position: relative;
        margin-left: auto; 
        padding-left: 20px; } /* flex for float right */

        .fgWarrantyReportFilter .onewDateWrap { 
            justify-content: flex-end;
            align-items: baseline;
            width: auto;
            margin: 10px 30px 0 0; 
            padding-right: 40px; }

            .fgWarrantyReportFilter label { margin: 0 10px 0 0; }

            .fgWarrantyReportFilter .form-control { 
                float: none; 
                width: 140px; 
                min-width: unset; 
                height: 36px;
                margin: 0 !important; }

            .fgWarrantyReportFilter .ui-datepicker-trigger { 
                width: 36px;
                height: 36px;
                top: -2px; 
                background: url(../images/iSprite.png) no-repeat -320px -1240px; }

                .fgWarrantyReportFilter .ui-datepicker-trigger:hover { background-position-x: -360px; }

    .pageWarrantyDash .bWarrantyClaim.bButton { 
        width: 80px; 
        height: 80px; 
        margin-top: 10px;
        padding: 46px 5px 0;
        font-size: 13px; 
        text-align: center; 
        line-height: 1; 
        cursor: pointer; }

        .pageWarrantyDash .bWarrantyClaim::after { 
            width: 30px;
            height: 30px;
            top: 10px;
            left: 50%;
            margin-left: -13px;
            /*background: url(../images/iWarranty.png) no-repeat -150px -800px; */
            background: url(../images/iWarranty.svg) no-repeat center 5%; 
            background-size: cover; }

        .pageWarrantyDash .bWarrantyClaim:not(:hover)::after { opacity: 0.5; }

    .pageWarrantyDash .warrantyDashWrap { width: 100%; }

    /** no css grid fallback **/ 
    .panelWarrantyReportDateDisplay { margin: 0 }

        .panelWarrantyReportDateDisplay li { 
            float: left; 
            width: calc((100% - 140px) / 9);
            padding-top: calc((100% - 140px) / 9);
            margin: 0 20px 20px 0; }

.panelWarrantyReportDateDisplay { 
    display: grid;
    grid-template-columns: repeat(9, minmax(100px, 1fr));
    gap: 15px;
    justify-content: space-between;
    list-style-type: none;
    width: 100%;
    margin: 0;
    padding: 0; }

@supports (display: grid) {

        .panelWarrantyReportDateDisplay > li { 
            width: 100%;              
            padding-top: 100%;
            margin: 0; }
}

    .panelWarrantyReportDateDisplay li { 
        position: relative; }

        .panelWarrantyReportDateDisplay li a {  
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            border-radius: 4px;
            text-align: center;
            overflow: hidden;
            cursor: pointer;

            transition: all 0.2s ease-in, background ease-in 0.3s;
            background: #eeeeeb; }

            .panelWarrantyReportDateDisplay li a:hover {       
                transition: all 0.2s ease-in;
                top: -5px;
                left: -5px;
                bottom: -5px;
                right: -5px;
                box-shadow: 0 0 20px rgba(64, 64, 62, 0.2);
                background: #FFFFFF; }

                .panelWarrantyReportDateDisplay a:hover, .panelWarrantyReportDateDisplay a:focus { text-decoration: none; }

                .panelWarrantyReportDateDisplay a::after { 
                    content: ''; 
                    position: absolute;
                    width: 37px;
                    height: 40px;
                    top: -40px;
                    right: 0;
                    transition: all ease-in 0.3s;
                    /*background: url(../images/iCornerz.png) no-repeat right 0;*/ 
                    background: url(../images/iCornerz.svg) no-repeat center 35%;
                    background-size: cover; }

                    .panelWarrantyReportDateDisplay a:hover::after { top: 0; }

            .panelWarrantyReportDateDisplay h4 { 
                margin-bottom: -4px;
                padding-top: 52px;
                color: #5c5c5a; 
                font-size: 15px; }

                .bWarrantyDash-Credited h4, .bWarrantyDash-Exchanged h4, .bWarrantyDash-Spares h4, .bWarrantyDash-Rejected h4, .bWarrantyDash-Unknown h4 { 
                    font-size: 11px; 
                    line-height: 1; }

                    .bWarrantyDash-Credited h4 span, .bWarrantyDash-Exchanged h4 span, .bWarrantyDash-Spares h4 span, .bWarrantyDash-Rejected h4 span, .bWarrantyDash-Unknown h4 span { 
                        display: block;
                        margin: -1px 0;
                        font-size: 14px; 
                        color: #000000; }

            .panelWarrantyReportDateDisplay strong, .panelWarrantyReportTop5 strong {
                display: block;
                color: #6f577e; 
                font-size: 48px; 
                letter-spacing: -1px; }

                .panelWarrantyReportDateDisplay strong { font-size: 42px; }

            .panelWarrantyReportDateDisplay .iBig::after { 
                width: 48px;
                height: 48px;
                margin-left: -20px;
                top: 0;
                /*background-image: url(../images/iWarranty.png); 
                background-position-x: -200px;*/ 
                background: url(../images/iWarranty.svg) no-repeat center 0; 
                background-size: cover; }

                .bWarrantyDash-Total .iBig::after { 
                    /*background-position-y: -800px;*/ 
                    filter: brightness(0) saturate(100%) invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); 	/* Grape */
                    background-position-y: 0;  }
                .bWarrantyDash-New .iBig::after { /*background-position-y: 0;*/ background-position-y: 10%; }
                .bWarrantyDash-Progress .iBig::after { /*background-position-y: -100px;*/ background-position-y: 20%; }
                .bWarrantyDash-Completed .iBig::after { /*background-position-y: -200px;*/ background-position-y: 30%; }
                .bWarrantyDash-Credited .iBig::after { /*background-position-y: -300px;*/ background-position-y: 40%; }
                .bWarrantyDash-Exchanged .iBig::after { /*background-position-y: -400px;*/ background-position-y: 50%; }
                .bWarrantyDash-Spares .iBig::after { /*background-position-y: -500px;*/ background-position-y: 60%; }
                .bWarrantyDash-Rejected .iBig::after { /*background-position-y: -600px;*/ background-position-y: 70%; }
                .bWarrantyDash-Unknown .iBig::after { /*background-position-y: -700px;*/ background-position-y: 80%; }

                .bWarrantyDash-New strong { color: #cf7b0e; }
                .bWarrantyDash-Progress strong { color: #3898ad; }
                .bWarrantyDash-Completed strong { color: #627e21; }
                /*.bWarrantyDash-Rejected strong { color: #40403f; }
                .bWarrantyDash-Unknown strong { color: #944364; }*/

                .bWarrantyDash-Total a::after { background-position-y: 35%; }
                .bWarrantyDash-New a::after { background-position-y: 41%; }
                .bWarrantyDash-Progress a::after { background-position-y: 51%; }
                .bWarrantyDash-Completed a::after { background-position-y: 47%; }

.panelWarrantyReportByCountry { 
    width: 100%; 
    margin: 20px 0 0;
    padding: 30px 30px 20px;
    background: #FFFFFF; }

    .pageWarrantyDash h2, .pageProductClassList h2 { 
        margin-bottom: 10px;
        color: #FFFFFF;
        font-size: 42px; 
        letter-spacing: -1px;
        line-height: 1; }

    .panelWarrantyReportByCountry h3 {  
        margin-bottom: 20px;
        color: #949491;
        font-size: 30px; }

        .pageWarrantyDash h2 span, .panelWarrantyReportByCountry h3 span { color: #6f577e; }

    .panelWarrantyReportByCountry img, .panelWarrantyReportYTDoughnut img, .panelWarrantyReportAnnual img { 
        width: 100%;
        height: auto;
        object-fit: contain; }

        .panelWarrantyReportByCountry img { 
            max-height: 400px; 
            text-align: left; }

.panelWarrantyReportYTDoughnut { 
    display: flex;
    flex-direction: column;
    width: calc((100% - 60px) * 0.33); 
    margin: 60px 60px 60px 0; }

    .warrantyReportWrap { 
        height: 100%;
        padding: 30px 20px 20px;
        background: #FFFFFF; }

        .panelWarrantyReportYTDoughnut .warrantyReportWrap, .doughnutPanel { 
            display: flex;
            flex-direction: column;
            align-items: center; }

            .panelWarrantyReportYTDoughnut i { font-style: unset; }

            .panelWarrantyReportYTDoughnut ul, .doughnutLegend ul { 
                list-style-type: none; 
                margin: 20px 0 0;
                padding-left: 0; }

                .panelWarrantyReportYTDoughnut li, .doughnutLegend li {  
                    display: flex;
                    align-items: center;
                    margin: 4px 0;
                    color: #40403f;
                    font-size: 13px; 
                    font-weight: bold; }

                    .panelWarrantyReportYTDoughnut li span, .doughnutLegend li span { 
                        display: inline-block; 
                        width: 32px; 
                        height: 16px; 
                        margin: 0 10px 0 0; }

                    .panelWarrantyReportYTDoughnut li strong, .doughnutLegend li strong { 
                        display: inline-block; 
                        width: 28px;
                        margin-right: 10px;
                        color: #000000; 
                        text-align: right; }

.panelWarrantyReportAnnual { 
    display: flex;
    flex-direction: column;
    width: calc((100% - 60px) * 0.67); 
    margin: 60px 0; }

.panelWarrantyReportTop5 { width: 100%; }

    .panelWarrantyReportTop5 h2 { margin-right: auto; }

    .panelWarrantyReportTop5 ul { 
        list-style-type: none; 
        display: flex; 
        margin: 0; 
        padding: 0; }

        .panelWarrantyReportTop5 li { 
            width: calc(88% / 5); /* 100% - (4 x 3%) */
            margin-right: 3%; }

            .panelWarrantyReportTop5 li:last-of-type { margin-right: 0 !important; }

            .panelWarrantyReportTop5 li a { 
                display: flex;
                flex-direction: column;
                justify-content: center;
                height: 100%;
                padding: 20px 10px;
                background: #FFFFFF;
                align-items: center;
                align-self: stretch;
                text-align: center; 
                text-decoration: none;
                    -webkit-transition: all 0.2s ease-in;
                    -ms-transition: all 0.2s ease-in;
                    -moz-transition: all 0.2s ease-in;
                transition: all 0.2s ease-in, background ease-in 0.3s;
                    -webkit-transform: scale(1); 
                    -ms-transform: scale(1); 
                    -moz-transform: scale(1);
                transform: scale(1); }

                .panelWarrantyReportTop5 li a:hover { 
                        -webkit-transition: all 0.2s ease-in;
                        -ms-transition: all 0.2s ease-in;
                        -moz-transition: all 0.2s ease-in;
                    transition: all 0.2s ease-in;
                        -webkit-transform: scale(1.05);
                        -ms-transform: scale(1.05);   
                        -moz-transform: scale(1.05);
                    transform: scale(calc(1 + 10px));
                    box-shadow: 0 0 20px rgba(64, 64, 62, 0.2); }

                .panelWarrantyReportTop5 h4 { 
                    margin-bottom: 5px;
                    color: #6f577e;
                    font-size: 21px; 
                    line-height: 1; }

                .panelWarrantyReportTop5 h5 { 
                    margin-bottom: 0;
                    color: #40403f;
                    font-size: 13px;
                    line-height: 1; }

                .panelWarrantyReportTop5 strong { line-height: 1; }


/******  WARRANTY CLAIMS - LIST PAGE  ******/

.pageWarranty .topTabs .fontBlack span { margin-right: 4px; }

    .pageWarrantyByClaim .barFilterWrap { float: none; }

        .filterWarranty { padding-top: 30px; }

        .filterWarranty .fgWarrantyProduct { 
            align-self: flex-start; 
            width: calc((100% - 100px) * 0.5); }

        .filterWarranty .fgWarrantyKeyword, .filterWarranty .fgWarrantyRegion, .filterWarranty .fgWarrantyCountry { width: calc((100% - 100px) * 0.3); }

            .filterWarranty.barFilter .fgWarrantyKeyword, .filterWarranty.barFilter .fgWarrantyClaimSupplier { margin-right: 0; }

        .filterWarranty .fgWarrantyType { width: calc((100% - 100px) * 0.2); }

        .filterWarranty .fgWarrantyClaimSupplier { width: calc((100% - 100px) * 0.4); }

        .filterWarranty .fgWarrantyDate { width: calc((100% - 260px) * 0.3); }

        .filterWarranty .formGroupWarrantyStatus, .filterWarranty.barFilter .arrowSq { 
            align-self: flex-end; 
            float: none; }

            .filterWarranty .formGroupWarrantyStatus { margin-left: auto; }

        .filterWarrantyProduct .form-group { float: left; }

            .filterWarrantyProduct .fgWarrantyType { width: 250px; }

            .filterWarrantyProduct .fgWarrantySupplier { width: calc(100% - 800px); }

            .filterWarrantyProduct .fgWarrantyDate { width: 200px; }

        .filterWarrantyProduct .form-group:not(:first-of-type) { margin-left: 50px; }

    .formGroupWarrantyStatus { 
        float: left;
        width: 342px; }

            .formGroupWarrantyStatus .radioDouble .btn label, .radioWarranty .btn, .radioWarrantyResolution.radioFilter .btn { font-size: 13px; }

                .formGroupWarrantyStatus .radioDouble .btn::after, .radioWarrantyResolution.radioFilter .btn::after, .tableWarrantyList .thIconMini::before { 
                    width: 30px; 
                    height: 30px; 
                    top: 18px;
                    margin-left: -13px;
                    /*background: url(../images/iWarranty.png) no-repeat 0 0; */
                    background: url(../images/iWarranty.svg) no-repeat center 5%; 
                    background-size: cover; }

                    .formGroupWarrantyStatus .radioDouble .btn:hover::before { border-color: #948d99 }

            .iWarrantyNew.iWarrantyStatus span::after, .tNew.thIconMini::before, .iWarrantyNew.iWarrantyBig::after, 
                .formGroupWarrantyStatus .radioDouble .bWarrantyNew::after 
                { /*background-position-y: 0;*/ background-position-y: 10%; }
            .iWarrantyProgress.iWarrantyStatus span::after, .tProgress.thIconMini::before, .iWarrantyProgress.iWarrantyBig::after, 
                .formGroupWarrantyStatus .radioDouble .bWarrantyProgress::after  
                { /*background-position-y: -100px;*/ background-position-y: 20%; }
            .iWarrantyComplete.iWarrantyStatus span::after, .tComplete.thIconMini::before, .iWarrantyComplete.iWarrantyBig::after, 
                .formGroupWarrantyStatus .radioDouble .bWarrantyComplete::after, .radioWarrantyResolution.radioFilter .bWarrantyAny::after    
                { /*background-position-y: -200px;*/ background-position-y: 30%; }
            .iWarrantyCredit.iWarrantyStatus span::after, .tCredit.thIconMini::before, .iWarrantyCredit.iWarrantyBig::after,
                .formGroupWarrantyStatus .radioDouble .bWarrantyCredit::after, .radioWarrantyResolution.radioFilter .bWarrantyCredit::after  
                { /*background-position-y: -300px;*/ background-position-y: 40%; }
            .iWarrantyExchange.iWarrantyStatus span::after, .tExchange.thIconMini::before, .iWarrantyExchange.iWarrantyBig::after,
                .formGroupWarrantyStatus .radioDouble .bWarrantyExchange::after , .radioWarrantyResolution.radioFilter .bWarrantyExchange::after  
                { /*background-position-y: -400px;*/ background-position-y: 50%; }
            .iWarrantySpares.iWarrantyStatus span::after, .tSpares.thIconMini::before, .iWarrantySpares.iWarrantyBig::after,
                .formGroupWarrantyStatus .radioDouble .bWarrantySpares::after, .radioWarrantyResolution.radioFilter .bWarrantySpares::after 
                { /*background-position-y: -500px;*/ background-position-y: 70%; }
            .iWarrantyReject.iWarrantyStatus span::after, .tRejected.thIconMini::before, .iWarrantyReject.iWarrantyBig::after,
                .formGroupWarrantyStatus .radioDouble .bWarrantyReject::after, .radioWarrantyResolution.radioFilter .bWarrantyReject::after 
                { /*background-position-y: -600px;*/ background-position-y: 60%; }
            .iWarrantyUnknown.iWarrantyStatus span::after, .tUnknown.thIconMini::before, .iWarrantyUnknown.iWarrantyBig::after,
                .formGroupWarrantyStatus .radioDouble .bWarrantyUnknown::after, .radioWarrantyResolution.radioFilter .bWarrantyUnknown::after   
                { /*background-position-y: -700px;*/ background-position-y: 80%; } 

                .formGroupWarrantyStatus .radioDouble .btn.active::before, .formGroupWarrantyStatus .radioDouble .btn:focus::before,
                    .radioFilter.radioDouble .btn.active::before, .radioFilter.radioDouble .btn:focus::before
                    { display: block; }

                    .filterWarrantyProduct .submitArrow { 
                        opacity: 0.5;
                        background: url(../images/iSprite.png) no-repeat -269px -280px; }

            .filterWarranty .arrowSq { margin-top: 0; margin-bottom: 15px; }

.panelWarrentyListClaims, .panelInspectionList { 
    padding-top: 30px;
    border-top: solid 10px #c7c7c6; }

    .panelWarrentyListClaims  > .hasExportNumWrap { padding-top: 0; }

        .buttonExportWrap { 
            display: inline-block;
            position: relative;
            float: right; 
            top: -30px; }
                
    .buttonExportWrap { 
        position: sticky; 
        width: auto; 
        top: 8px; 
        z-index: 9999; }

            .bButton.bExportSelected { 
                margin-top: 0; 
                z-index: 9998; }

                .buttonExportWrap .bExportSelected { 
                    width: 100px;
                    padding: 6px 30px 0 10px;
                    font-size: 13px; 
                    line-height: 1.2; }

                .bButton.bExportSelected::after { 
                    width: 16px;
                    height: 16px;
                    margin-top: -7px;
                    top: 50%;
                    right: 10px;
                    opacity: 0.5;
                        ms-transform: rotate(90deg);
                        -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
                    /*background: url(../images/iArrows.png) no-repeat center -850px; */ /* White */
                    background: url(../images/iArrows.svg) no-repeat center 20%; 
                    background-size: cover; }

                    .bButton.bExportSelected:hover::after { opacity: 1; }

    /*Spinner Ring*/

        .barButtons .spinWrap { 
            float: right; 
            margin-top: 20px; }

            .barButtons .spinWrap:not(.in) { overflow: hidden; }

            .barButtons .spinWrap .bButton { 
                margin-top: 0; }

                .barButtons .spinWrap .spinRingu { 
                    top: 12px;
                    right: -88px; }

        .spinWrap .bButton { 
            background: #6f577e !important; 
            transition: background ease 2s, width ease-in-out 0.3s; }

        .hasSpinRingu.bExportXL { padding-right: 40px; }

            .hasSpinRingu.bExportXL.bButton::after { transition-delay: unset; }

            .hasSpinRingu.bExportXL:not(:hover)::after { opacity: 0.7; }

            .spinRinguWrap { 
                position: absolute; 
                display: flex;
                align-items: center;
                top: 0; 
                bottom: 0; 
                left: 0; 
                right: 0; 
                padding: 0 10px; 
                border-radius: 3px;
                transition: all 0.3s;
                background: transparent; }

                .hasSpinRingu:not(.in) .spinRinguWrap { 
                    color: transparent; 
                    font-size: 1px; }

                .in.hasSpinRingu .spinRinguWrap { background: #aa1414; }

        .spinWrap.in .bButton, .spinWrap.in.hoverSlide, .pagination li > a.in { 
            background: #aa1414 !important; }

            .spinWrap .bButton::after, .hasSpinRingu strong, .hasSpinRingu.bButton::after { 
                opacity: 1; 
                transition: opacity ease-in 0.3s; 
                transition-delay: 0.8s; }

                .spinWrap.in .bButton::after, .in.hasSpinRingu strong, .in.hasSpinRingu.bButton::after { 
                    opacity: 0; 
                    transition: opacity ease-out 0.3s; 
                    transition-delay: 0s; }

                .spinWrap .spinRingu,
                    .spinRingu:after, .pagination > li .spinRingu, .hasSpinRingu .spinRingu {
                      border-radius: 50%;
                      width: 24px;
                      height: 24px; }

                    .spinWrap.in .spinRingu, .pagination li > a.in .spinRingu, .hasSpinRingu.in .spinRinguWrap, .in.hasSpinRingu .spinRinguWrap .spinRingu { opacity: 1; }

                    .spinWrap .spinRingu, .pagination > li .spinRingu, .hasSpinRingu .spinRingu {
                        overflow: hidden;
                        top: -26px;
                        right: -62px;
                        opacity: 0;
                        transition: opacity ease-in 0.5s;
                        z-index: 9999;

                        font-size: 10px;
                        position: relative;
                        text-indent: -9999em;
                        border-top: 4px solid #ffffff;
                        border-right: 4px solid rgba(255, 255, 255, 0.2);
                        border-bottom: 4px solid #ffffff;
                        border-left: 4px solid #ffffff;
                            -webkit-transform: translateZ(0);
                            -ms-transform: translateZ(0);
                        transform: translateZ(0);
                            -webkit-animation: load8 1.1s infinite linear;
                        animation: load8 1.1s infinite linear; }

                    @-webkit-keyframes load8 {
                      0% {
                        -webkit-transform: rotate(0deg);
                        transform: rotate(0deg);
                      }
                      100% {
                        -webkit-transform: rotate(360deg);
                        transform: rotate(360deg);
                      }
                    }
                    @keyframes load8 {
                      0% {
                        -webkit-transform: rotate(0deg);
                        transform: rotate(0deg);
                      }
                      100% {
                        -webkit-transform: rotate(360deg);
                        transform: rotate(360deg);
                      }
                    }

                    .hasSpinRingu .spinRinguWrap .spinRingu { 
                        top: unset; 
                        right: unset;
                        margin-left: auto; }

                /*.spinWrap.in .bExportSelected { width: 100px !important; }*/
                .navTabButton.spinWrap .spinRingu {     
                    top: -52px;
                    right: calc(-100% + 35px); }

            .barFilterGrey .hoverSlide .spinRingu, .pagination > li .spinRingu { 
                position: absolute;
                top: 50%;
                right: 50%;
                margin-top: -12px;
                margin-right: -12px; }

                .spinWrap.in.hoverSlide .submitArrow, .barFilterGrey .spinWrap.in.submitSearch80::before { background: none; }

                    .spinWrap.in.submitSearch80 .spinRingu { margin-top: -18px; }

            .pagination > li a.in { 
                color: transparent; 
                font-size: 1px; }

                .pagination > li .spinRingu {  } 

    .tableWarrantyList.tableList, .tableRowBorder.tableList { margin-top: 0; border-collapse: collapse; } /*  collapse needed for row borders  */

        .tableWarrantyList.tableList tbody td, .tableWarrantyList.tableList tbody td::after, .tableList tbody .rowBorder td, .tableList tbody .rowBorder td::after
            { transition: none !important; border: none !important; }

            .tableWarrantyClaimList.tableList tbody tr { border-top: solid 2px #dcdcd9; }

            .tableWarrantyProductList.tableWarrantyList.tableList tbody tr, .tableWarrantyClaimList.tableList tbody tr:last-of-type,
                .tableList tbody .rowBorder, .tableList tbody .rowBorder:last-of-type                    
                { border-bottom: solid 2px #dcdcd9; }

            .tableWarrantyList .stickyHead tr, .tableWarrantyClaimList.tableList tbody tr:first-of-type, 
                .tableWarrantyList.tableList tbody tr.rowNoHover { border: none; }

        .tableWarrantyList th { height: 70px; }

            .tableWarrantyList .thIconMini::before { top: 5px; }

                    .tableWarrantyList tbody tr:hover td, .tableWarrantyList tbody tr:hover .tWarrantySKU { color: #000000 !important; }

                    .tableList tbody .rowBorder:hover td { color: #594366 !important; }

        .tableWarrantyList.tableList .rowNoHover td, .tableList tbody .rowBorder td { 
            padding-top: 6px; 
            padding-bottom: 6px; 
            border: none; }

        .tableWarrantyList.tableList tbody td, .tableWarrantyList.tableList tbody td::after,
            .tableWarrantyList.tableList .rowNoHover td::after,
            .tableWarrantyList.tableList tr:hover .rowNoHover td, 
            .tableWarrantyList.tableList tr:hover .rowNoHover:hover td,
            .tableWarrantyList.tableList tr:hover .rowNoHover td::after
            { border: none; }

        .tableWarrantyList.tableList .rowNoHover td:first-of-type { padding-left: 0; }
        .tableWarrantyList.tableList .rowNoHover td:last-of-type { padding-right: 0; }

        .tableWarrantyList .dateTime { width: 165px; }
        .tableWarrantyList .tRef { width: 140px; }
        .tableWarrantyList .tStatus { width: 135px; }
        .tableWarrantyList th.tNum { width: 70px; text-align: right; }
        .tableWarrantyList .tPO { width: calc((100% - 405px) * 0.33); }
            .tableWarrantyList td.tPO {     
                overflow-wrap: break-word;
                word-wrap: break-word; }
        .tableWarrantyList .tProducts { width: calc((100% - 405px) * 0.66); }

            .tableWarrantyList .tAction {  
                width: 60px;
                padding-right: 0;
                text-align: center; }

            .tableWarrantyList .tActionSingle .bSQ30 { 
                display: block; 
                margin-left: 0; }

            .iWarrantyStatus span, .iWarrantyBig { padding-left: 36px; }

                .iWarrantyBig { position: relative; }

            .iWarrantyStatus.olStatus { 
                font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
                font-weight: 900; }

                .iWarrantyStatus i { 
                    display: block;
                    color: #40403f;
                    font-family: Lato, Arial, Helvetica, sans-serif;
                    font-style: normal; 
                    font-size: 10px;
                    font-weight: bold; }

                .iWarrantyStatus.olStatus span { font-size: 12px; }

                    .iWarrantyStatus.iWarrantyNew span, .iWarrantyStatus.iWarrantyNew ~ .fontBlack .tWarrantySKU { color: #c46f00; }
                    .iWarrantyStatus.iWarrantyProgress span, .iWarrantyStatus.iWarrantyProgress ~ .fontBlack .tWarrantySKU { color: #3898ad; }
                    .iWarrantyStatus.iWarrantyCredit span, .iWarrantyStatus.iWarrantyCredit ~ .fontBlack .tWarrantySKU,
                        .iWarrantyStatus.iWarrantyExchange span, .iWarrantyStatus.iWarrantyExchange ~ .fontBlack .tWarrantySKU,
                        .iWarrantyStatus.iWarrantySpares span, .iWarrantyStatus.iWarrantySpares ~ .fontBlack .tWarrantySKU,
                        .iWarrantyStatus.iWarrantyReject span, .iWarrantyStatus.iWarrantyReject ~ .fontBlack .tWarrantySKU 
                        { color: #5a7500; }
                    .iWarrantyStatus.iWarrantyUnknown span, .iWarrantyStatus.iWarrantyUnknown ~ .fontBlack .tWarrantySKU { color: #944364; }

                        tr:hover .iWarrantyNew span { color: #ad5701; }
                        tr:hover .iWarrantyProgress span { color: #238499; }
                        tr:hover .iWarrantyCredit span, tr:hover .iWarrantyExchange span, tr:hover .iWarrantySpares span { color: #566b00; }
                        tr:hover .iWarrantyReject span { color: #000000; }
                        tr:hover .iWarrantyUnknown span { color: #7a3551; }

                .iWarrantyStatus span::after, .iWarrantyBig::after { 
                    content: ''; 
                    position: absolute;
                    width: 30px;
                    height: 30px;
                    left: 0;
                    /*background: url(../images/iWarranty.png) no-repeat 0 0;*/
                    background: url(../images/iWarranty.svg) no-repeat center 0; 
                    background-size: cover; }

                .iWarrantyBig::after { 
                    /*content: ''; 
                    position: absolute;*/
                    width: 42px;
                    height: 42px;
                    top: 0;
                    /*left: 0;*/
                    /*background: url(../images/iWarranty.png) no-repeat -50px 0;*/ } 

                .iWarrantyStatus span::after { 
                    top: 50%;
                    /*left: 0;*/
                    margin-top: -12px; 
                    background-position-x: center !important;
                    /*background-position-x: 0 !important;*/ }

            .tWarrantyAlert .tWarrantySKU { 
                display: inline-block;
                padding-left: 25px; }

                .tWarrantyAlert .tWarrantySKU::before { 
                    content: ''; 
                    position: absolute;
                    width: 19px;
                    height: 16px;
                    top: 50%;
                    left: 0;
                    margin-top: -8px;
                    background: url(../images/iSprite.png) no-repeat -300px -1000px; }

                .tableWarrantyList .tWarrantyAlert strong, .tableWarrantyList .tWarrantyAlert span { color: #be1622 !important; }

        table tr.noResults:hover { background: none; }

            table tr.noResults td { 
                padding-top: 50px; 
                padding-bottom: 50px; 
                text-align: center; }

            table tr.noResults:hover td { color: #40403f; }

            .tableWarrantyList tr.selected td { color: #000000; }

            .tableWarrantyList tr.rowNoHover.selected td:first-of-type::before, .tableWarrantyList tr.rowNoHover.selected td:last-of-type::before { top: -3px; }

/******  WARRANTY BY PRODUCT  ******/

    .tableWarrantyProductList th { 
        vertical-align: bottom;
        border: none !important;
        font-size: 13px; }

        table .thIconMini { 
            position: relative;
            font-size: 11px; 
            text-align: center;
            white-space: nowrap; }

            .thIconMini::before { 
                top: 5px;
                left: 50%;
                margin-left: -13px; }

                .tableWarrantyProductList th a::after { top: 0 !important; }

                .tableWarrantyProductList.tableList .sortBy a::after { 
                    top: 50% !important;
                    margin-top: -6px; }

            .tableWarrantyProductList th.tExchange, .tableWarrantyProductList th.tProgress, .tableWarrantyProductList th.tUnknown { padding: 0; }

            .tableWarrantyProductList .tSKU { min-width: 170px; }

            .tableWarrantyProductList td.tNum { 
                font-size: 15px; 
                text-align: center; }

                .tableWarrantyProductList td.tNum span { 
                    display: inline-block; 
                    width: 45px; 
                    text-align: right; }

            .tNew.thIconMini::before { margin-left: -14px; }

/******  Warranty OVERVIEW  ******/

.pageWarrantyDetails .contentHead h1 { padding-right: 210px; }

    .pageWarrantyDetails h2.sectionTitle { color: #949491; }
        .pageWarrantyDetails h2.sectionTitle span { color: #6f577e; }

    .warrantyDate { 
        position: absolute; 
        top: 22px; 
        right: 0; 
        color: #6f577e;
        font-size: 36px; 
        text-transform: uppercase;
        letter-spacing: -1px; }   
 
.pageWarrantyDetails section, .pageInspectionDetails section { 
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: solid 10px #c7c7c6; }

    .panelWarrantyClaimant { position: relative; }

        .panelWarrantyClaimant h2::after { background-position-y: -1620px; }

            .panelWarrantyClaimant .form-group .form-control::-webkit-input-placeholder { color: #40403f; }
            .panelWarrantyClaimant .form-group .form-control::-moz-placeholder { color: #40403f; }
            .panelWarrantyClaimant .form-group .form-control:-ms-input-placeholder { color: #40403f; }
            .panelWarrantyClaimant .form-group .form-control:-moz-placeholder { color: #40403f; }
        .panelWarrantyClaimant .form-group .form-control::placeholder { 
            color: #40403f;
            opacity: 1; }

    .panelWarrantyClaimant .labelOptional { min-width: 60px; }

/******  WARRANTY PRODUCTS  ******/

.panelWarrantyProduct, .panelWarrantyProductName { position: relative; }

    .panelWarrantyProduct label { 
        display: block;
        margin-bottom: 1px;
        color: #787875;
        font-size: 18px; 
        font-weight: bold;
        text-transform: uppercase; }

    .panelWarrantyProduct .panelWarrantyProductHead { 
        gap: 0 30px;
        justify-content: space-between;
        margin-bottom: 10px;
        border-bottom: solid 3px; }

        .panelWarrantyProductHead > div {
            flex-basis: auto;
            flex-grow: 1; 
            padding-bottom: 10px; }

        .panelWarrantyProductHead strong { 
            display: block;
            margin: -3px 0 0;
            font-size: 24px; }

        .panelWarrantyProductName { 
            margin-top: -2px; }

            .panelWarrantyProductName h3 { 
                margin: 0;
                line-height: 1.1; }

                .panelWarrantyProductName .iWarrantyBig::after { top: 5px; }

                .panelWarrantyProductName strong { 
                    margin: 0 0 -6px; 
                    white-space: nowrap; }

                .panelWarrantyProductName i { 
                    display: inline-block;
                    margin-top: 5px;
                    color: #40403f;
                    font-size: 18px; 
                    font-style: normal; 
                    line-height: 1.1;
                    text-transform: none; }

                .panelWarrantyProductName .bEdit, .pageInspectionDetails .bEdit.bSQ30Lite, .panelWarrantyLink .bEdit { 
                    position: absolute;
                    top: 0;
                    right: 0;
                    border: solid 2px #c7c7c6; }

                    .panelWarrantyStatus01 .bSQ30Lite.bEdit:hover::after { /*background-position-x: -315px;*/ filter: invert(40%) sepia(96%) saturate(338%) hue-rotate(37deg) brightness(91%) contrast(88%); /* #627e21 Yes/Go Green */ }
                    .panelWarrantyStatus02 .bSQ30Lite.bEdit:hover::after { /*background-position-x: -275px;*/ filter: invert(51%) sepia(38%) saturate(624%) hue-rotate(143deg) brightness(94%) contrast(95%); 	/* #3898ad Progress Aqua */ }
                    .panelWarrantyStatus03 .bSQ30Lite.bEdit:hover::after { /*background-position-x: -235px;*/ filter: invert(43%) sepia(87%) saturate(4689%) hue-rotate(22deg) brightness(96%) contrast(104%);	/* #c75a00 Amber */ }

                        .pageInspectionDetails .bEdit.bSQ30Lite::after { border-color: #be1622; }

                .alertWarrantyHead.panelWarrantyProductName h3 strong, .panelWarrantyLink.alertWarrantyHead h3 { color: #be1622; }

                    .alertWarrantyHead .iWarrantyBig::after { 
                        /*background: url(../images/iSpriteBig.png) no-repeat -120px -1860px;*/ 
                        background: url(../images/iAction.svg) no-repeat center 30%; 
                        background-size: cover; }

                        .alertWarrantyHead .bSQ30Lite.bEdit::after, .alertWarrantyHead .bSQ30Lite.bEdit:hover::after { /*background-position-x: -115px;*/ filter: invert(12%) sepia(48%) saturate(6975%) hue-rotate(347deg) brightness(103%) contrast(95%); 	/* #be1622 RFEred */ }

                .panelWarrantyProductStatus strong { white-space: nowrap; }

            .panelWarrantyProduct .bDelete { 
                position: absolute; 
                top: 0; 
                right: 0; }

                .panelWarrantyProduct .bSQ30.bDelete::after { 
                    width: 18px; 
                    height: 18px; 
                    margin: 7px 0 0 7px; 
                    transition: all 0.3s; }

                    .panelWarrantyProduct .bSQ30.bDelete:not(:hover)::after { opacity: 0.7; }

    .panelWarrantyProductDetails { flex-wrap: wrap; }

        .panelWarrantyProductDetails > div { 
            padding-right: 20px; 
            padding-top: 10px; }
            .panelWarrantyProductDetails > div:last-child { padding-right: 0; }

            .panelWarrantyProductDate { flex: 1 1 200px; min-width: 185px; }
            .panelWarrantyProductQty { flex: 1 1 80px; }
            .panelWarrantyProductSerial, .panelWarrantyProductPO { flex: 1 1 180px; }
            .panelWarrantyProductRetailer { flex: 1 1 250px; }

                .panelWarrantyProductDate .wrapDateTime { width: 100%; }

                    .panelWarrantyProductDate .onewDateWrap .ui-datepicker-trigger { top: -3px; }
            
                    .panelWarrantyProductSerial .labelOptional { padding-top: 10px; }

            .panelWarrantyProductDetails .validation-summary { margin-top: 10px; }

    .panelWarrantyProductDocs { margin: 10px 0 20px; }

        .panelWarrantyProductDocs label { margin-bottom: 10px; }

        .panelWarrantyProductDocs .dateTime span { 
            display: inline-block; 
            margin-left: 5px; }

            .panelWarrantyProductDocs .iFiletype { 
                display: inline-flex; 
                width: auto;
                min-width: 70px; 
                padding-right: 40px;
                text-indent: unset; }

                .panelWarrantyProductDocs a:not(:hover) .iFiletype { color: #40403f; }

                .panelWarrantyProductDocs .iFiletype::after { 
                    left: unset; 
                    right: 0; }

    .pageWarrantyDetails .panelWarrantyProduct section { border: none; }

            .panelWarrantyProduct .tableWarrantyNotesList .dateTime { padding-left: 0; }

            .panelWarrantyProduct .tableWarrantyNotesList .tAction { padding-right: 0; }

            .panelWarrantyProduct .tableWarrantyNotesList .tAction, .panelWarrantyProduct .tableWarrantyNotesList .tActionWrap { height: auto; }

    .panelWarrantyProduct .formGroupWarrantyStatus .radioDouble .bWarrantyComplete { margin-right: 6px; }

    .panelWarrantyProduct .formGroupWarrantyStatus .radioDouble .btn:last-child { margin-right: 0; }

    .formGroupWarrantyResolution { 
        position: relative;
        width: 660px; 
        margin-bottom: 0;
        padding-left: 60px; }

        .pageWarrantyByClaim .formGroupWarrantyResolution { 
            width: 630px;
            margin-left: auto; }

        .formGroupWarrantyResolution::after { 
            content: ''; 
            position: absolute;
            width: 32px;
            height: 32px;
            top: 54px;
            left: 28px;
            margin: 0 0 0 -12px;
            filter: invert(46%) sepia(27%) saturate(4725%) hue-rotate(47deg) brightness(91%) contrast(101%); /* #6e8a00 Green */
            /*background: url(../images/iArrows.png) no-repeat center -2700px; */
            background: url(../images/iArrows.svg) no-repeat center 0; 
            background-size: cover; }

            .formGroupWarrantyStatus2 .radioDouble .btn + .btn, .formGroupWarrantyResolution.radioFilter .btn + .btn { margin: 0 0 0 6px; }

        .formGroupWarrantyFault { margin-bottom: 0; }

            .formGroupWarrantyFault .form-group:last-of-type { margin-bottom: 0; }

    .panelWarrantyProductStatus .radioWarranty { margin-top: 10px; }

        .pageWarrantyByClaim .radioWarranty .btn { 
            width: 100px; 
            height: 60px; 
            margin: 0;
            padding: 38px 5px 10px;
            font-size: 12px; }

            .pageWarrantyByClaim .radioWarranty .btn + .btn { margin: 0 0 0 3px; }

            .pageWarrantyByClaim .radioWarranty .btn::after { top: 9px; }

        .panelWarrantyAddProduct h2.iconTitle::before { 
            content: ''; 
            position: absolute;
            left: 0;
            top: 3px;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: #6f577e; }

        .panelWarrantyAddProduct h2.iconTitle::after { 
            /*width: 36px;
            height: 36px;*/
            /*background: url(../images/iAction.png) -240px -750px; */
            width: 19px;
            height: 19px;
            top: 11px;
            left: 9px;
            filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); /* #FFFFFF White */
            background: url(../images/iAction.svg) no-repeat center 20%; 
            background-size: cover; }

        .panelWarrantyAddProduct .ui-datepicker-trigger { top: -3px !important; }

        .fgPhotoUpload { margin-bottom: 30px; }

            .pageWarrantyDetails .panelWarrantyAddProduct .fgPhotoUpload label {
                width: 100%;
                height: unset;
                line-height: unset;
                margin: 15px 0 10px; }

                .fgPhotoUpload .labelOptional { padding-top: 12px; }

            .fgPhotoUpload .iCamera.iBig::after {
                top: -4px;
                background-position-x: -420px;
                background-position-y: -3540px; }

            .bUploadDocWrap {
                position: relative;
                float: left;
                width: 100%;
                padding-bottom: 40px; }

                .bUploadDocWrap::after {
                    content: ' ';
                    position: absolute;
                    display: block;
                    width: 28px;
                    height: 28px;
                    padding-top: 5px;
                    bottom: 6px;
                    right: 10px;
                    cursor: pointer;
                    background: url(../images/iSprite.png) no-repeat 0px -600px;
                    pointer-events: none;
                    z-index: 9700; }

                .fgPhotoUpload .uploadergrid { margin-bottom: 10px; }

                    .fgPhotoUpload .uploadergrid td { padding: 10px 0; }

                .fgPhotoUpload .bButton {
                    position: absolute;
                    width: 100%;
                    bottom: 0;
                    margin: 20px 0 0; }


/******  Warranty DOCUMENTS  ******/

.panelWarrantyDocs h2 { margin-bottom: 30px; }

    .panelWarrantyDocs h2::after { 
        top: -6px;
        background-position-y: -3120px; }

    .pageWarrantyDetails section { padding-bottom: 50px; }

    .listWarrantyDocs { 
        position: relative; 
        flex-flow: row wrap;
        width: 100%; 
        margin-top: -2px;
        padding: 10px 40px 10px 0;
        font-size: 18px;
        font-weight: bold;
        border-top: solid 2px transparent; 
        border-bottom: solid 2px #c7c7c6; 
        transition: ease-in 0.4s; }

        .listWarrantyDocs:last-of-type { border-bottom-color: transparent; }
 
        .listWarrantyDocs:hover { border-color: #6f577e; }

        .listWarrantyDocs-Download { 
            display: block;
            text-decoration: none !important; }

        .listWarrantyDocs-Download .date { 
            display: inline-flex; 
            margin-right: 30px;
            color: #40403f; }

        .listWarrantyDocs-Download .file { 
            position: relative; 
            display: inline-flex; 
            padding-right: 30px;
            color: #40403f; }
 
        .listWarrantyDocs-Download:hover .date, .listWarrantyDocs-Download:hover .file { 
            color: #6f577e;
            text-decoration: none !important; }

            .listWarrantyDocs-Download .file::after { 
                content: ''; 
                position: absolute;
                width: 16px; 
                height: 16px;
                right: 0;
                top: 50%; 
                margin-top: -8px;
                /*background: url(../images/iArrows.png) no-repeat center -3000px;*/ /* Grape */
                background: url(../images/iArrows.svg) no-repeat center 30%; 
                background-size: cover; }

        .listWarrantyDocs-Download:hover { color: #6f577e; } 

        .listWarrantyDocs .bDelete { 
            position: absolute; 
            right: 0; 
            top: 50%; 
            margin-top: -15px; }

        .panelWarrantyDocs .bDownloadAll { 
            width: 100%; 
            text-align: center; }

            .panelWarrantyDocs .bDownloadAll::after { 
                top: 6px;
                right: 5px;
                background-position-x: 0; 
                background-position-y: -3800px; }
                .panelWarrantyDocs .bDownloadAll:not(:hover)::after { opacity: 0.5; }

    .tableWarrantyDocs { 
        width: 100%; 
        margin: 0; }

        .tableWarrantyDocs td:first-of-type { padding-left: 0 !important; }
        
        .tableWarrantyDocs td:last-of-type { padding-right: 0 !important; }

        .tableWarrantyDocs .listWarrantyDocs-Download:not(:hover) { color: #787875; }

        .tableWarrantyDocs .tDocTitle { text-transform: none; }

        table .tViewFileType { width: 50px; }

            .tViewFileType .iFiletype { 
                width: auto; 
                height: 30px;
                line-height: 30px;
                padding-right: 36px;
                color: #40403f;
                font-size: 13px;
                overflow: unset;
                text-indent: unset; }

                .tViewFileType .iFiletype:hover { color: #000000; }

                .tViewFileType .iFiletype::after { 
                    left: unset; 
                    right: 0; }

                .tableWarrantyDocs .bDelete { z-index: 120; }

    .panelWarrantyDocs h3.hBiColour { 
        margin-bottom: 20px;
        font-size: 30px; 
        line-height: 1; }

        .pageWarrantyDetails .bUploadDocWrap .bButton.bSearchDoc { 
            width: 100%; 
            left: 0; 
            margin-left: 0; 
            cursor: pointer; }

            .pageWarrantyDetails .bUploadDocWrap::after { 
                top: unset; 
                bottom: 20px; }

    tr.internal td { color: #944364; }

        tr.internal:hover td, .tableWarrantyDocs tr.internal:hover td::after { border-color: #944364; }

        tr.internal .tWarrantyDocsTitle { padding-left: 40px; }

        .tableWarrantyDocs .tWarrantyDocsTitle .iIcon, .tWarrantyDocsTitle .iIcon::after { display: none; }

            tr.internal .tWarrantyDocsTitle .iIcon { 
                display: block;
                position: absolute;
                width: 30px; 
                height: 30px;
                top: 50%;
                left: 10px; 
                margin-top: -15px;
                padding: 0;
                background: url(../images/iSprite.png) no-repeat -50px -4350px; }

    .fgWarrantyDocsInternal { 
        display: inline-flex; 
        align-items: center; 
        width: 100%; 
        margin: 20px 0 0; }

        .fgWarrantyDocsInternal strong { color: #787875; }


/******  Warranty NOTES  ******/

.panelWarrantyNotes h2::after { 
    top: 8px;
    background-position-y: -3480px; }

    .tableWarrantyNotesList.rTable-980, .tableNotesList.tableList { margin: 0 0 20px; }

        .tableWarrantyNotesList.tableList .dateTime, .tableNotesList.tableList .dateTime { width: 180px; }

        .tableWarrantyNotesList .tSKU { white-space: nowrap; }

        .tableWarrantyNotesList .tNote, .tableNotesList .tNote { text-transform: none; }

    tr.trWarrantyNotesDocs > td { 
        padding-top: 0; 
        padding-right: 0 !important; }
        
    .trWarrantyNotesDocs:not(:last-of-type):not(:hover) > td { border-bottom: solid 2px #c7c7c6 !important; }

        tr + tr.trWarrantyNotesDocs > td::after, tr:hover + tr.trWarrantyNotesDocs > td::after { border-top: solid 2px #FFFFFF !important; }        

    .trWarrantyNotesDocs .tableWarrantyNotesDocs { width: 100%; }

        .trWarrantyNotesDocs .tableWarrantyNotesDocs td { font-size: 15px; }

        .tableWarrantyNotesDocs .tFileType { 
            width: 30px; 
            padding-right: 0 !important; }

    .panelWarrantyNotes hr.dotty, .modalAddEdit .tableWarrantyNotesDocs { margin-bottom: 20px; }

/*.pageWarrantyDetails .barButtons, .pageInspectionDetails .barButtons { margin: 0; }*/

    .modalAddEdit .tableWarrantyNotesDocs .dateTime { width: 190px; }


/******  WARRANTY LINKS  ******/

.panelWarrantyLinks { 
    display: flex; 
    flex-direction: column; } 

.panelWarrantyLinks .centreWrap { margin-bottom: 10px; }

    .panelWarrantyLink:not(:last-of-type) { margin-bottom: 50px; }

        .panelWarrantyLink:not(.alertWarrantyHead) .iWarrantyBig::after { display: none; }

        .panelWarrantyLinkWrap { display: inline-block; }

            .panelWarrantyLink h3 { 
                margin-bottom: 10px;
                padding-left: 0;
                color: #6f577e; }

            .panelWarrantyLink h4 { 
                position: relative;
                min-height: 30px;
                padding-right: 40px; }

                .panelWarrantyLink h4 + h4 { margin-top: 10px }

            .panelWarrantyLink .form-control { height: 70px; }    

            .panelWarrantyLink.alertWarrantyHead { 
                padding-left: 60px; 
                position: relative;  }
                .panelWarrantyLink.alertWarrantyHead .iWarrantyBig::after { left: -60px; }

                .panelWarrantyLink .bEdit { top: -5px; }

                    .panelWarrantyLink .bEdit:hover { border-color: #be1622; }

            .fgWarrantyLink h4 { 
                min-height: unset;
                margin: 30px 0 0; }

            .fgWarrantyLink .labelNote { margin-top: 15px; }
 

/**  WARRANTY COLOURS  **/

.formGroupWarrantyStatus .radioDouble .bWarrantyNewClaim:focus::before, .formGroupWarrantyStatus .bWarrantyNew:hover::before, .panelWarrantyStatus03 .panelWarrantyProductHead,
    .panelWarrantyStatus03 .panelWarrantyProductName .bEdit:hover
    { border-color: #cf7b0e !important; }
.formGroupWarrantyStatus .radioDouble .bWarrantyInProgress:focus::before, .formGroupWarrantyStatus .bWarrantyProgress:hover::before, .panelWarrantyStatus02 .panelWarrantyProductHead,
    .panelWarrantyStatus02 .panelWarrantyProductName .bEdit:hover
    { border-color: #3898ad !important; }
.formGroupWarrantyStatus .radioDouble .bWarrantyCompleted:focus::before, .formGroupWarrantyStatus .bWarrantyComplete:hover::before, .panelWarrantyStatus01 .panelWarrantyProductHead,
    .panelWarrantyStatus01 .panelWarrantyProductName .bEdit:hover, .formGroupWarrantyResolution .btn.active::before, .radioWarrantyResolution.radioFilter .btn:hover::before
    { border-color: #6e8a00 !important; }   
.formGroupWarrantyResolution .bWarrantyReject:hover::before, .radioWarrantyResolution.radioFilter .bWarrantyReject:hover::before, .radioWarrantyResolution.radioFilter .bWarrantyReject.active::before
    { border-color: #40403f !important; }  
.formGroupWarrantyResolution .bWarrantyUnknown:hover::before
    { border-color: #944364 !important; }  
.alertWarrantyHead.panelWarrantyProductName .bEdit:hover { border-color: #be1622; }

.panelWarrantyStatus01 .panelWarrantyProductHead strong { color: #6e8a00; }
.panelWarrantyStatus02 .panelWarrantyProductHead strong { color: #3898ad; }
.panelWarrantyStatus03 .panelWarrantyProductHead strong { color: #cf7b0e; }

    /*.formGroupWarrantyStatus .bWarrantyNew.active {
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(206, 140, 27, 0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(206, 140, 27, 0.5); } 
    .formGroupWarrantyStatus .bWarrantyProgress.active {
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(217, 94, 16, 0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(217, 94, 16, 0.5); } 
    .formGroupWarrantyStatus .bWarrantyComplete.active, .formGroupWarrantyStatus .bWarrantyCredit.active, .formGroupWarrantyStatus .bWarrantyExchange.active, .formGroupWarrantyStatus .bWarrantySpares.active {
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(110, 138, 0, 0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(110, 138, 0, 0.5); } 
    .formGroupWarrantyStatus .bWarrantyReject.active {
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(64, 64, 62, 0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(64, 64, 62, 0.5); }*/ 

    .formGroupWarrantyStatus .bWarrantyNew:hover {
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(206, 140, 27, 0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(206, 140, 27, 0.5); } 
    .formGroupWarrantyStatus .bWarrantyProgress:hover {
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(56, 152, 173, 0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(56, 152, 173, 0.5); } 
    .formGroupWarrantyStatus .bWarrantyComplete:hover, .formGroupWarrantyStatus .bWarrantyCredit:hover, .formGroupWarrantyStatus .bWarrantyExchange:hover,
        .formGroupWarrantyStatus .bWarrantySpares:hover, .radioWarrantyResolution.radioFilter .btn:hover {
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(110, 138, 0, 0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(110, 138, 0, 0.5); } 
    .formGroupWarrantyStatus .bWarrantyReject:hover, .radioWarrantyResolution.radioFilter .bWarrantyReject:hover {
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(64, 64, 62, 0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(64, 64, 62, 0.5); } 

    /*.formGroupWarrantyStatus .radioFilter.radioWarranty .btn:not(.active),*/ .formGroupWarrantyStatus .btn.active, .formGroupWarrantyStatus .radioDouble .btn.active label { 
        color: #FFFFFF; }

        .formGroupWarrantyStatus .btn.active::before { border-color: transparent !important; }

        .formGroupWarrantyStatus .btn.active::after, .formGroupWarrantyResolution .btn.active::after { 
            /*background-position-x: -150px;*/ 
            filter: brightness(0) saturate(100%) invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */ }

        .formGroupWarrantyStatus .radioDouble .bWarrantyNew.active, .formGroupWarrantyStatus .radioDouble .bWarrantyNew:active { background: #cf7b0e; } 
            .formGroupWarrantyStatus .radioDouble .bWarrantyNew.active:hover { background: #bb5d00; }
        .formGroupWarrantyStatus .radioDouble .bWarrantyProgress.active, .formGroupWarrantyStatus .radioDouble .bWarrantyProgress:active { background: #3898ad; } 
            .formGroupWarrantyStatus .radioDouble .bWarrantyProgress.active:hover { background: #238499; }
        .formGroupWarrantyStatus .radioDouble .bWarrantyComplete.active, .formGroupWarrantyStatus .radioDouble .bWarrantyComplete:active,
            .formGroupWarrantyStatus .radioDouble .bWarrantyCredit.active, .formGroupWarrantyStatus .radioDouble .bWarrantyExchange.active, 
            .formGroupWarrantyStatus .radioDouble .bWarrantySpares.active, 
            .radioWarrantyResolution.radioFilter .btn.active, .radioWarrantyResolution.radioFilter .btn:active, .radioWarrantyResolution.radioFilter .btn.active:hover {
                background: #6e8a00; } 
            .formGroupWarrantyStatus .radioDouble .bWarrantyComplete.active:hover { background: #607800; }
        .formGroupWarrantyStatus .radioDouble .bWarrantyReject.active, 
            .radioWarrantyResolution.radioFilter .bWarrantyReject.active, .radioWarrantyResolution.radioFilter .bWarrantyReject:active, .radioWarrantyResolution.radioFilter .bWarrantyReject.active:hover { 
                background: #40403f; }
            .formGroupWarrantyStatus .radioDouble .bWarrantyReject.active:hover { background: #292928; }
        .formGroupWarrantyStatus .radioDouble .bWarrantyUnknown.active { background: #944364; }
            .formGroupWarrantyStatus .radioDouble .bWarrantyUnknown.active:hover { background: #7a3551; }

.noUpdatePermission .panelWarrantyClaimant .formGroupH { display: flex; }

    .noUpdatePermission .panelWarrantyClaimant .formGroupH + .formGroupH { margin-top: 15px; }

        .noUpdatePermission .panelWarrantyClaimant .formGroupH + .fgWarrantyClaimAddressExtra { margin-top: 0; }

    .noUpdatePermission .panelWarrantyClaimant .formGroupH label { 
        width: 30%; 
        height: unset; 
        line-height: normal; 
        margin: 0; }

        .noUpdatePermission .panelWarrantyClaimant .labelOptional span:not(.fontBlack) { display: none; }

    .noUpdatePermission .panelWarrantyClaimant .formGroupH .fcNoControl { 
        width: 70%; 
        margin-top: 0; }

    .noUpdatePermission .panelWarrantyProductDetails > div { 
        flex-basis: auto; 
        flex-grow: 1; }

        .noUpdatePermission .panelWarrantyProductSerial .fcNoControl { white-space: nowrap; }

        .noUpdatePermission .panelWarrantyProductDetails .form-group .fcNoControl { margin-top: 0; }

    .noUpdatePermission .panelWarrantyProductProblem .fcNoControl { line-height: 1.4; }

    .noUpdatePermission .tableWarrantyNotesList.rTable-980 .tFileOwner { padding-right: 0; }

    .noUpdatePermission .panelWarrantyProductCondition.formGroupH label { margin-bottom: 0; }    

.noUpdatePermission .panelWarrantyProductStatus .radioWarranty { margin-top: 0; }

    .noUpdatePermission .formGroupWarrantyStatus .radioDouble { margin-top: 10px; }
        .noUpdatePermission .formGroupWarrantyStatus .radioDouble .btn { 
            display: flex;
            align-items: center;
            width: unset;
            height: 42px;
            margin: 0;
            padding: 0 0 6px 50px;
            color: #40403f;
            cursor: unset;
                -webkit-box-shadow: none;
            box-shadow: none;
            background: none; }
            .noUpdatePermission .formGroupWarrantyStatus .radioDouble .btn:not(.active) { display: none; }
            .noUpdatePermission .formGroupWarrantyStatus .radioDouble .btn::before { display: none; }
            .noUpdatePermission .formGroupWarrantyStatus .radioDouble .btn::after { 
                width: 42px;
                height: 42px;
                left: 0; 
                top: 0; 
                margin-left: 0; 
                background-position-x: -50px; }
            .noUpdatePermission .formGroupWarrantyStatus .radioDouble .btn:hover { background: none; }

        .noUpdatePermission .formGroupWarrantyFault .form-control { 
            height: unset;
            padding: 0;
            border: none; 
                -webkit-box-shadow: none;
            box-shadow: none; }

    .pageWarrantyDetails .noUpdatePermission .formGroupWarrantyResolution/*, .noUpdatePermission .formGroupWarrantyFault*/ { margin: 0; }

        .noUpdatePermission .formGroupWarrantyFault > .form-group { display: flex; }

            .noUpdatePermission .formGroupWarrantyFault > .form-group:first-of-type { margin-bottom: 5px; }

            .noUpdatePermission .formGroupWarrantyFault .form-group:empty { margin-bottom: 0; }

            .noUpdatePermission .formGroupWarrantyFault > .form-group label { 
                width: 84px;
                margin-right: 10px;
                text-transform: none; }

            .noUpdatePermission .formGroupWarrantyFault > .form-group span { margin: 0; }


/*****************************************************************
= QC - INSPECTION REPORTS
*****************************************************************/

.pageInspections .topTabs a span { margin-right: 5px; }

.filterInspectLeft { 
    width: calc(100% - 775px);  /* 50px + 280px(3 x 90px + 2 x 5px) + 50px + 265px(2 x 130px + 5px) + 50px + 80px */
    margin-right: 50px; }

.filterInspectMiddle { 
    width: 280px; 
    margin-right: 50px; }

    .radioInspection.radioDouble .btn, .radioCFA.radioDouble .btn, .radioYesNo.radioDouble .btn, .radioProductDocStatus .btn { width: 90px; }

        .radioInspection.radioDouble .btn::after { 
            width: 30px; 
            height: 30px; 
            top: 18px;
            margin-left: -13px;
            /*background: url(../images/iSprite.png) no-repeat -50px 0;*/ 
            background: url(../images/iSprite.svg) no-repeat center 0; 
            background-size: cover; }

            /*.radioInspection.radioDouble .btn::after { background-position-x: -50px; }  */  

    .radioYesNo.radioDouble .btn { 
        padding-top: 50px;
        transition: all 0.3s; }
            
        .radioYesNo.radioDouble .btn::after { 
            width: 36px; 
            height: 36px; 
            top: 14px;
            margin-left: -18px;
            transition: all 0.3s;
            /*background: url(../images/iAction.png) no-repeat -50px 0;*/ 
            background: url(../images/iAction.svg) no-repeat center 0;
            background-size: cover; }

            .radioYesNo.radioDouble .bYes::after { 
                /*background-position-y: -800px;*/ 
                filter: invert(40%) sepia(96%) saturate(338%) hue-rotate(37deg) brightness(91%) contrast(88%); 	/* #627e21 Yes/Go Green */
                background-position-y: 50%; }

            .radioYesNo.radioDouble .bNo::after { 
                /*background-position-y: -850px;*/ 
                filter: invert(12%) sepia(48%) saturate(6975%) hue-rotate(347deg) brightness(103%) contrast(95%); /* #be1622 RFEred */
                background-position-y: 55%; }

            /*.radioInspection.radioDouble .btn:hover::after*//*, .radioCFA.radioDouble .btn:hover::after*/ /*{ background-position-x: -100px; }*/

            /*.radioInspection.radioDouble .btn.active::after, .radioInspection.radioDouble .btn:focus::after*/
                /*.radioCFA.radioDouble .btn.active::after, .radioCFA.radioDouble .btn:focus::after,*/
                /*.radioYesNo.radioDouble .btn.active::after, .radioYesNo.radioDouble .btn:focus::after*/
                /*{ background-position-x: 0; }*/

            .radioYesNo.radioDouble .btn.active::after, .radioYesNo.radioDouble .btn:focus::after
                { filter: brightness(0) saturate(100%) invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%);  /* #FFFFFF White */ }

        .radioInspection .btn.active, .radioInspection .radioDouble .btn.active label, .radioYesNo .btn.active, .radioYesNo .radioDouble .btn.active label { color: #FFFFFF; }

            .radioInspection .btn.active::before, .radioYesNo .btn.active::before, .radioCFA .btn.active::before, .radioCFALevel .btn.active::before { border-color: transparent !important; }

    .fgInspectResult { width: 280px; }

    .fgCFA { 
        width: 280px;
        margin: 21px 0 0; }

        .radioCFA.radioDouble .btn::after, .radioCFALevel .btn::after, .radioProductDocStatus .btn::after { 
            width: 34px; 
            height: 34px; 
            top: 16px;
            margin-left: -15px;
            /*background: url(../images/iInspections.png) no-repeat -50px 0; */
            background: url(../images/iInspections.svg) no-repeat center 0; 
            background-size: cover; }

.filterInspectRight { position: relative; }

    .filterInspectDateWrap { display: flex; }

        .filterInspectDateWrap .fgWarrantyDateTo { margin-left: auto; }

    .fgInspectionType { 
        float: left;
        margin: 51px 0 0; }

        .fgInspectionType label { display: block; }

    .fgInspectionType .radioDouble .btn { 
        width: 130px; 
        margin-right: 5px; 
        padding-top: 40px; 
        line-height: 1.1; }

        .filterInspectRight .fgInspectionType .btn:last-of-type { margin-right: 0; }

        .fgInspectionType .radioDouble .btn::after { top: 14px; }

        .fgInspectionType .bReInspection::after, .fInline .bRedo::after { 
            height: 22px; 
            /*background: url(../images/iAction.png) no-repeat -200px -100px; */
            transition: all 0.3s;
            filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); 	/* Grape */
            background: url(../images/iAction.svg) no-repeat center 10%; 
            background-size: cover; }

            .fgInspectionType .bReInspection.active::after, .fgInspectionType .bReInspection:active::after, 
                .fInline .bRedo.active::after, .fInline .bRedo:active::after { /*background-position-x: 0; background-position-y: -100px;*/ filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */ }
            .fInline .bRedo.active::after, .fInline .bRedo:active::after { opacity: 0.7; }

            .fgInspectionType .bReInspection:hover::after, .fInline .bRedo:hover::after,
            .fgInspectionType .bReInspection.active::after, .fInline .bRedo.active::after { background-position-y: 10%; } /* Button Arrow Override */

    .filterInspections.barFilter .arrowSq { margin-top: 77px; }

.panelInspectionList { padding-top: 0; }

.tableInspectionList td { 
    font-size: 15px;
    vertical-align: top; }

    .tableInspectionList tbody tr:hover td { color: #000000; }

        /*.tInspectionRef::before { 
            content: ''; 
            position: absolute;
            width: 10px;
            top: 3px;
            bottom: 3px;
            left: 0;
            background-color: transparent; 
            transition: background ease-in 0.4s; }

            .trFail:hover .tInspectionRef::before, .trRe-work:hover .tInspectionRef::before { background-color: transparent; }*/

    .tableInspectionList .tPO { word-break: break-word; }

    .tableInspectionList .tInspectionType { line-height: 1; }

        .tInspectionResult span, .tInspectionCFA span { 
            position: relative;
            display: inline-block;
            padding-top: 34px;
            font: 900 11px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; }

        .tInspectionResult { width: 75px; }

            .tInspectionResult span::after, .tInspectionCFA span::after { 
                content: ''; 
                position: absolute; 
                left: 50%; 
                top: 0; }

                .tInspectionResult span::after, .iInspection.iIcon span::after { 
                    width: 30px;
                    height: 30px;
                    margin-left: -15px; 
                    /*background: url(../images/iSprite.png) no-repeat -50px -4100px; */
                    /*transition: filter 0.4s;*/ /* this flickers */
                    background: url(../images/iSprite.svg) no-repeat center 0; 
                    background-size: cover; }

                    .iInspectionPass span::after, .radioInspection.radioDouble .bInspectPass::after, table .iInspectPass.thIconMini::before { /*background-position-y: -4150px;*/ background-position-y: 71%; }
                    .iInspectionFail span::after, .radioInspection.radioDouble .bInspectFail::after, table .iInspectFail.thIconMini::before { /*background-position-y: -4200px;*/ background-position-y: 71.5%; }
                    .iInspectionRework span::after, .iInspectionRe-work span::after, .radioInspection.radioDouble .bInspectRework::after, table .iInspectRework.thIconMini::before { /*background-position-y: -4250px;*/ background-position-y: 72%; }

                    /*tr:hover .tInspectionResult span::after {*/ /*background-position-x: -100px;*/ /*}*/

                        .radioInspection.radioDouble .bInspectPass::after, tr:hover .iInspectionPass span::after { background-position-y: 74%; }
                        .radioInspection.radioDouble .bInspectFail::after, tr:hover .iInspectionFail span::after { background-position-y: 74.5%; }
                        .radioInspection.radioDouble .bInspectRework::after, tr:hover .iInspectionRework span::after { background-position-y: 75%; }

                        tr:hover .iInspectionPass span::after { filter: brightness(0) saturate(100%) invert(40%) sepia(96%) saturate(338%) hue-rotate(37deg) brightness(91%) contrast(88%); /* #627e21 Yes/Go Green */ }
                        tr:hover .iInspectionFail span::after { filter: brightness(0) saturate(100%) invert(12%) sepia(48%) saturate(6975%) hue-rotate(347deg) brightness(103%) contrast(95%); /* #be1622 RFEred */ }
                        tr:hover .iInspectionRework span::after { filter: brightness(0) saturate(100%) invert(31%) sepia(19%) saturate(1678%) hue-rotate(284deg) brightness(96%) contrast(85%); /* Plum */ }

        .tableInspectionList .tInspectionCFA { 
            width: 100px; 
            text-align: center; }

            .iCFA span::after { 
                width: 34px;
                height: 34px;
                margin-left: -16px; 
                /*background: url(../images/iInspections.png) no-repeat -50px 0px;*/ 
                background: url(../images/iInspections.svg) no-repeat center 0; 
                background-size: cover; }

                .iCFALevel01 span::after, .iCFALevel02 span::after, .iCFALevel03 span::after, .iCFALevel04 span::after, .iCFALevel05 span::after { top: 3px; }

                /*.iCFALevel01 span::after { background-position-y: 0; }*/
                /*.iCFALevel02 span::after { background-position-y: -50px; }*/
                /*.iCFALevel03 span::after { background-position-y: -100px; }*/
                /*.iCFALevel04 span::after { background-position-y: -150px; }*/
                /*.iCFALevel05 span::after { background-position-y: -200px; }*/
                /*.iCFAApproved span::after, .radioCFA.radioDouble .bCFA-Approved::after { background-position-y: -250px; }*/
                /*.iCFAPending span::after, .radioCFA.radioDouble .bCFA-Pending::after { background-position-y: -300px; }*/
                /*.iCFARejected span::after, .radioCFA.radioDouble .bCFA-Rejected::after { background-position-y: -350px; }*/


        .iBig.iCFA { 
            margin: 0;
            padding-left: 60px; }

            /*.iBig.iCFA::after { 
                width: 48px;
                height: 48px;
                background: url(../images/iInspections.png) no-repeat 0 0; }

                .iCFALevel01.iBig::after { background-position-y: -500px; }
                .iCFALevel02.iBig::after { background-position-y: -600px; }
                .iCFALevel03.iBig::after { background-position-y: -700px; }
                .iCFALevel04.iBig::after { background-position-y: -800px; }
                .iCFALevel05.iBig::after { background-position-y: -900px; }
                .iCFAApproved.iBig::after { background-position-y: -1000px; }
                .iCFARejected.iBig::after { background-position-y: -1200px; }*/

            .iBig.iCFA::after { 
                width: 48px;
                height: 48px;
                background: url(../images/iInspections.svg) no-repeat center 0; 
                background-size: cover; }

                .iCFALevel01.iBig::after, .iCFALevel01 span::after { background-position-y: 0; }
                .iCFALevel02.iBig::after, .iCFALevel02 span::after { background-position-y: 10%; }
                .iCFALevel03.iBig::after, .iCFALevel03 span::after { background-position-y: 20%; }
                .iCFALevel04.iBig::after, .iCFALevel04 span::after { background-position-y: 30%; }
                .iCFALevel05.iBig::after, .iCFALevel05 span::after { background-position-y: 40%; }
                .iCFAApproved.iBig::after, .iCFAApproved span::after, .radioCFA.radioDouble .bCFA-Approved::after { background-position-y: 50%; }
                .iCFAPending.iBig::after, .iCFAPending span::after, .radioCFA.radioDouble .bCFA-Pending::after { background-position-y: 60%; }
                .iCFARejected.iBig::after, .iCFARejected span::after, .radioCFA.radioDouble .bCFA-Rejected::after { background-position-y: 70%; }

                    .radioCFA.radioDouble .bCFA-Approved:hover::after { background-position-y: 52.5%; }
                    .radioCFA.radioDouble .bCFA-Pending:hover::after { background-position-y: 62.5%; }
                    .radioCFA.radioDouble .bCFA-Rejected:hover::after { background-position-y: 72.5%; }

                    .radioCFA.radioDouble .bCFA-Approved.active::after, .radioCFA.radioDouble .bCFA-Approved:focus::after { background-position-y: 55%; }
                    .radioCFA.radioDouble .bCFA-Pending.active::after, .radioCFA.radioDouble .bCFA-Pending:focus::after { background-position-y: 65%; }
                    .radioCFA.radioDouble .bCFA-Rejected.active::after, .radioCFA.radioDouble .bCFA-Rejected:focus::after { background-position-y: 75%; }

    .tableInspectionList .tProducts { 
        white-space: nowrap;
        line-height: 1.5; }

    .tableInspectionList .bSQ30.bSqArrow { margin-left: 0; }

.tableInspectProductList th { vertical-align: bottom; }

    .tableInspectProductList .tTotal { width: 130px; }

        .tableInspectProductList .tNum { text-align: center; }

        .tableInspectProductList tbody .tNum span { 
            display: inline-block;
            text-align: right; }

    .tableInspectProductList .thIconMini { width: 9%; } 
     
        .tableInspectProductList .thIconMini::before { 
            margin-left: -15px;
            /*background: url(../images/iSprite.png) no-repeat -50px 0;*/ 
            background: url(../images/iSprite.svg) no-repeat center 0; 
            background-size: cover; }

/**  INSPECTION DETAILS PAGES  **/


.panelInspectionOverview  { 
    display: flex; 
    flex-wrap: wrap;
    justify-content: space-between; }

    .panelInspectionOverview .centreWrap { 
        width: 100%; 
        margin-bottom: 20px; }

    .panelInspectOverviewLeft { 
        display: flex; 
        flex-wrap: wrap; }

        .panelInspectOverviewLeft { 
            flex: 1 1 calc(100% - 300px); 
            padding-right: 20px; }

        .panelInspectOverviewLeft .form-group, .panelInspectionCFA .form-group, .panelInspectOverviewLeft .miniStack { margin-bottom: 30px; }

            .panelInspectOverviewLeft .form-group { 
                width: 50%;
                padding-right: 40px; }

            .panelInspectionOverview label, .panelInspectionCFA label { margin-bottom: 0; }

                .panelInspectionCFA .fgInspectResult label, .panelInspectionCFA .panelWarrantyProductProblem label, .panelInspectionCFA .fgInspectResult { margin-bottom: 10px; }

            .panelInspectionOverview .fcNoControl, .panelInspectionCFA .fcNoControl { margin-top: 5px; }
                
                .panelInspectionOverview .fcNoControl { 
                    overflow-wrap: break-word;
                    word-break: break-word;
                    word-wrap: break-word; }

                .panelInspectOverviewLeft .form-group:not(:first-of-type) .fcNoControl, .panelInspectionCFA .fcNoControl { text-transform: uppercase; }

            .panelInspectOverviewLeft .iBig { padding-top: 10px; }

                .panelInspectOverviewLeft .iBig::after { 
                    /*background-position-y: -3720px;*/ 
                    background: url(../images/iSprite.svg) no-repeat center 0;
                    background-size: cover; }
                    .iBig.iInspectPass::after { /*background-position-x: 0;*/ background-position-y: 71%; }
                    .iBig.iInspectFail::after { /*background-position-x: -60px;*/ background-position-y: 71.5%; }
                    .iBig.iInspectRework::after { /*background-position-x: -120px;*/ background-position-y: 72%; }

            .panelInspectOverviewLeft .fgEditable { 
                display: block; 
                padding-right: 0; }

            .panelInspectOverviewLeft .miniStack:nth-of-type(2) span { 
                white-space: normal; 
                    word-break: break-all; 
                word-break: break-word; }


/** no css grid fallback **/ 
    .gridGalleryImgSKU, .panelInspectOverviewMiddle li, .npdDetailSKUS li { 
        float: left; 
        width: calc((100% - 120px) / 4);
        margin: 0 40px 20px 0; }

    .gridGalleryImgSKU { float: none; }

/** with css grid **/ 
.gridGalleryImgSKU, .panelInspectOverviewMiddle ul, .npdDetailSKUS { 
    display: grid;
    gap: 20px 40px;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    list-style-type: none;
    padding: 0; }

@supports (display: grid) {

    .gridGalleryImgSKU, .panelInspectOverviewMiddle ul { margin-bottom: 30px; }

        .gridGalleryImgSKU li, .panelInspectOverviewMiddle li, .npdDetailSKUS li { 
            width: 100%;       
            margin: 0; }

            .panelInspectOverviewMiddle .fgEditable { 
                display: block; 
                padding-right: 0; }
}

    .panelInspectOverviewMiddle { 
        width: 100%; 
        margin-top: 20px; }

        .panelInspectOverviewMiddle h4 { color: #787875; }

        .gridGalleryImgSKU, .panelInspectOverviewMiddle ul, .npdDetailSKUS { 
            list-style-type: none;
            width: 100%; 
            padding-left: 0; }

                .gridGalleryImgSKU img,.panelInspectOverviewMiddle img, .npdDetailSKUS img { 
                    width: 50px; 
                    height: 50px; }

                    .gridGalleryImgSKU img[src*="pCamera"], .panelInspectOverviewMiddle img[src*="pCamera"], .npdDetailSKUS img[src*="pCamera"] { 
                        width: 28px; 
                        height: 24px; 
                        margin: 8px 11px; }

                .gridGalleryImgSKU .fontBlack, .panelInspectOverviewMiddle .fontBlack, .npdDetailSKUS .fontBlack { 
                    display: inline-block;
                    margin: 0 0 0 20px;
                    font-size: 18px; }

                    .panelInspectOverviewMiddle .fontBlack span, .npdDetailSKUS .fontBlack span { 
                        display: block;
                        font-size: 15px; }

                .panelInspectOverviewMiddle .bEdit.bSQ30Lite { 
                    top: 50%; 
                    margin-top: -15px; }

    .gridGalleryImgSKU a { align-items: center; }

        .gridGalleryImgSKU img { 
                -webkit-transition: all 0.2s ease-in;
                -ms-transition: all 0.2s ease-in;
                -moz-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
                -webkit-transform: scale(1); 
                -ms-transform: scale(1); 
                -moz-transform: scale(1);
            transform: scale(1); }

            .gridGalleryImgSKU a:hover img { 
                    -webkit-transform: scale(1.2);
                    -ms-transform: scale(1.2);   
                    -moz-transform: scale(1.2);
                transform: scale(1.2); }

            .gridGalleryImgSKU .fontBlack i { 
                display: inline-block;
                /*font-size: 15px;*/ }

            .gridGalleryImgSKU a:hover .fontBlack { color: #000000; }

    .panelPSIReport { 
        display: flex;
        flex: 1 1 250px;
        flex-direction: column;
        align-content: center;
        max-width: 300px;
        margin-bottom: 25px;
        margin-left: auto; /*  force flex item to right  */
        padding: 40px 20px;
        border-radius: 4px;
        border: solid 6px #dcdcd9;
        background: #eeeeeb; }

        .panelPSIReport h3 { 
            text-align: center; 
            line-height: 1; }

            .panelPSIReport h3 span { 
                font-size: 15px; 
                word-break: break-all; }

            .panelPSIReport form { 
                display: flex; 
                justify-content: center; }

                .panelPSIReport form .bDownloadPSI.bButton { width: 100%; }

        .bDownloadPSI.bButton::after { 
            width: 30px;
            height: 30px;
            /*background: url(../images/iSprite.png) no-repeat 0 -4300px; */
            filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */
            background: url(../images/iSprite.svg) no-repeat center 72.5%; 
            background-size: cover; }

    .iInspectionHistory::after { 
        width: 30px;
        height: 30px;
        background-position-x: 0; 
        background-position-y: -4350px; }

    .panelInspectionHistory .tableInspectionList td { vertical-align: middle; }

        .panelInspectionHistory .tableInspectionList .tInspectionRef, .panelInspectionHistory .tableInspectionList .tInspectionDate { padding-left: 0; }

         .panelInspectionHistory .tlPO { 
            overflow-wrap: break-word;
            word-break: break-word;
            word-wrap: break-word; }

        .panelInspectionHistory .iIcon { 
            height: 30px;
            padding-top: 0; 
            line-height: 30px;
            white-space: nowrap;
            text-align: left; }

            .panelInspectionHistory .iIcon::after { 
                left: 0; 
                top: 50%; 
                margin: -15px 0 0; } 

        .panelInspectionHistory .tableInspectionList.rTable-980 .tInspectionResult { text-align: left; }

/*.panelInspectionPhotos .galleryWrap { width: 100%; }*/


/** no css grid fallback **/ 
    .photoWrap { margin: 10px 0 0; }

        .photoWrap li { 
            float: left; 
            width: calc((100% - 120px) / 7);
            padding-top: calc((100% - 120px) / 7);
            margin: 0 20px 20px 0; }

/** with css grid **/ 
.photoWrap { 
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    list-style-type: none;
    width: 100%;
    padding: 0; }

@supports (display: grid) {

    .photoWrap { margin: 10px 0 25px; }

        .photoWrap > li { 
            width: 100%;              
            padding-top: 100%;
            margin: 0; }
}


    .photoWrap li { position: relative; }

        .photoWrap a:not(.bSQ30Lite) { 
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;

            text-align: center;
            background: #eeeeeb;
            overflow: hidden;
            cursor: pointer;
            border-radius: 2px;
            
                -webkit-transition: all 0.2s ease-in;
                -ms-transition: all 0.2s ease-in;
                -moz-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
                -webkit-transform: scale(1); 
                -ms-transform: scale(1); 
                -moz-transform: scale(1);
            transform: scale(1); }

            .photoWrap a:not(.bSQ30Lite):hover { 
                z-index: 2;
                    -webkit-transition: all 0.2s ease-in;
                    -ms-transition: all 0.2s ease-in;
                    -moz-transition: all 0.2s ease-in;
                transition: all 0.2s ease-in;
                    -webkit-transform: scale(calc(1 + 10px));
                    -ms-transform: scale(calc(1 + 10px));   
                    -moz-transform: scale(calc(1 + 10px));
                transform: scale(calc(1 + 10px)); }

            /* .photoStrip - IS THIS STILL USED? July 2025 */
            .photoWrap.photoStrip a.bSQ30Lite::before { 
                content: '';
                position: absolute;
                width: 24px;
                height: 24px;
                border-radius: 2px;
                top: 50%;
                left: 50%;
                margin: -12px 0 0 -12px;
                opacity: 0.8;
                background-color: #FFFFFF; }

                .photoWrap.photoStrip .bSQ30Lite:hover::before { opacity: 1; }

                .photoWrap.photoStrip .bDelete { background-position-x: -72px; }
                .photoWrap.photoStrip .bDelete:hover { background-position-x: -112px; }


            .photoWrap img { 
                width: 100%;
                height: 100%;
                object-fit: cover; 
                transition: all 0.3s; }

                .photoWrap a:hover img, .photoWrap .bDelete:hover + a img { transform: scale(1.05); }

            /*.galleryArrow { overflow: hidden; }*/

                .photoWrap a::after/*, .galleryArrow::after*/ , .galleryArrowGrid a::after {
                    position: absolute;
                    content: " ";
                    width: 30px;
                    height: 30px;
                    /*background: #be1622 url(../images/iSpriteTiny.png) no-repeat -150px 0;*/
                    /*background: #be1622 url(../images/iArrows.png) no-repeat center -843px;*/
                    background: #be1622 url(../images/iArrows.svg) no-repeat center 40%; 
                    background-size: cover;
                    right: 10px;
                    bottom: -40px;
                    border-radius: 2px;
                        -webkit-transition: bottom 0.3s;
                    transition: bottom 0.3s; 
                    transition-delay: 0.1s; }

                    .photoWrap li:hover a::after/*, .galleryArrow:hover::after*/ , .galleryArrowGrid li:hover a::after { bottom: 10px; }

                    .galleryNPDFile a:not(.bDelete)::after { /* Hover Arrow size 20 */
                        width: 20px;
                        height: 20px;
                        right: 5px;
                        bottom: -40px; 
                        /*background-position-y: -1246px;*/ }

                        .galleryNPDFile li:hover a:not(.bDelete)::after { bottom: 5px; }

                        .galleryNPDImg li a:not(.bDelete)::after { background: #be1622 url(../images/iSpriteTiny.png) no-repeat -150px 0; }
                        .galleryNPDDoc li a:not(.bDelete)::after { background: url(../images/iSpriteTiny.png) no-repeat -150px -50px; }

            .photoWrap .bDelete, .galleryFeatured .bSQ30Lite {     
                position: absolute;
                float: none;
                top: 0;
                right: 0;
                opacity: 0; 
                transition: ease-in 0.3s;
                z-index: 9990; }

                .photoWrap li:hover .bDelete, .photoWrap .bDelete:hover, .galleryFeatured li:hover .bSQ30Lite, .galleryFeatured .bSQ30Lite:hover { opacity: 1; }

                .photoWrap .bDelete:hover + a, .dropzone .dz-image.over img { 
                    border: dashed 3px #be1622; 
                    /*transition: ease-in 0.3s;*/ 
                        -webkit-transform: scale(calc(1 + 10px));
                        -ms-transform: scale(calc(1 + 10px));   
                        -moz-transform: scale(calc(1 + 10px));
                    transform: scale(calc(1 + 10px)); }

                    .photoWrap .bDelete:hover + a::after, .galleryFeatured .buttonStrip:hover + a::after, .photoWrap .buttonStrip:hover + a::after { opacity: 0; }

        .panelImagesProduct .galleryFeatured li:first-of-type { /* Supersize just product image panel 1st photo */
            grid-column: 1 / 3;
            grid-row: 1 / 3; }

            .photoWrap a.bGalleryAdd { 
                display: flex;
                justify-content: center;
                align-content: center;
                flex-wrap: wrap;
                background: none; }

                .photoWrap .bGalleryAdd, .photoWrap .bGalleryAdd:hover { transform: none; }

                .photoWrap .bGalleryAdd span { 
                    display: block; 
                    position: relative;
                    width: 32px; 
                    height: 32px;
                    margin: 0 auto 10px; }

                .photoWrap .bGalleryAdd span::after { 
                    position: absolute;
                    width: 32px; 
                    height: 32px; 
                    font-size: 60px;
                    left: 0;
                    top: -20px;
                    margin: 0;
                    color: #c7c7c6; }

                .bGalleryAdd strong { 
                    display: block;
                    width: 100%;
                    margin: 0 auto;
                    color: #787875;
                    font-size: 24px;
                    text-transform: uppercase; }

                    .bGalleryAdd:hover strong { 
                        color: #6f577e; }

    .photoWrap.sortable a:not(.bSQ30Lite):hover, .galleryNPDFile.photoWrap a:not(.bSQ30Lite):hover { 
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(120, 120, 117, 0.2);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(120, 120, 117, 0.2); } 

.photoWrap .ui-sortable-helper { position: relative; }

    .photoWrap.sortable .ui-sortable-helper a.galleryPhotoWrap { 
        border: solid 2px #9d8fa5;
        overflow: unset;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(111, 87, 126, 0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(111, 87, 126, 0.5); } 

    .photoWrap.sortable li.ui-sortable-helper .bSQ30Lite, .photoWrap.sortable li.ui-sortable-helper a::after { 
        opacity: 0; 
        transition: none; }

        .ui-sortable-helper .dragUpDown::before, .ui-sortable-helper .dragUpDown::after, .ui-sortable-helper .dragLeftRight::before, .ui-sortable-helper .dragLeftRight::after { 
            content: ' ';
            position: absolute;
            width: 16px;
            height: 16px;
            /*background: url(../images/iArrows.png) no-repeat center -3000px; */
            background: url(../images/iArrows.svg) no-repeat center 30%; 
            background-size: cover; }

            .ui-sortable-helper .dragUpDown::before, .ui-sortable-helper .dragUpDown::after { 
                right: 50%;
                margin-right: -6px; }

                .ui-sortable-helper .dragUpDown::before { 
                    top: -20px;
                        -ms-transform: rotate(-90deg);
                        -webkit-transform: rotate(-90deg);
                    transform: rotate(-90deg); }

                .ui-sortable-helper .dragUpDown::after { 
                    bottom: -20px;
                        -ms-transform: rotate(90deg);
                        -webkit-transform: rotate(90deg);
                    transform: rotate(90deg); }

            .ui-sortable-helper .dragLeftRight::before, .ui-sortable-helper .dragLeftRight::after { 
                top: 50%;
                margin-top: -8px; }

                .ui-sortable-helper .dragLeftRight::before { 
                    right: -18px;
                        -ms-transform: rotate(0);
                        -webkit-transform: rotate(0);
                    transform: rotate(0); } 

                .ui-sortable-helper .dragLeftRight::after { 
                    left: -18px;
                        -ms-transform: rotate(180deg);
                        -webkit-transform: rotate(180deg);
                    transform: rotate(180deg); } 


.panelInspectionCFA p { 
    margin-top: 20px;
    font-size: 18px; 
    font-weight: bold; }

.fgCFAAssessment .iCFA { 
    height: 48px; 
    line-height: 42px; }

    .fgCFAAssessment .iCFA::after { 
        top: 0; 
        left: 0; }

/**  BY PRODUCTS PAGE  **/

.filterInspectionProducts { display: flex; }

    .filterInspectionProducts .form-group/*, .filterInspectionProducts .fgFilterDateWrap*/ { margin-right: 30px; }

    .filterInspectionProducts .fgInspectProduct { width: calc((100% - 100px) * 0.2); }

    .filterInspectionProducts .fgInspectSupplier { width: calc((100% - 100px) * 0.3); }

    .filterInspectionProducts .fgFilterDateWrap { width: calc((100% - 100px) * 0.5); margin-right: 0; }

        .filterInspectionProducts .fgFilterDateWrap .fgFilterDateFrom { margin-right: 20px; }


/**  FORTHCOMING PAGE  **/

.filterInspectionForthcoming { 
    display: flex; 
    border-bottom: solid 10px #c7c7c6; }

    .filterInspectionForthcoming .form-group { flex: 1; }

        .filterInspectionForthcoming .fgInspectSupplier { width: calc((100% - 140px) * 0.4); }

        .filterInspectionForthcoming .fgFilterDateWrap { width: calc((100% - 140px) * 0.6); }

.tableInspectionForthcoming {  } 

   .tableInspectionForthcoming .tTrackingSource .flexWrap { align-items: center; }

.pageInspectionForthcoming .panelOrderOverview { display: flex; }

    .pageInspectionForthcoming h3 { 
        justify-self: flex-start; 
        margin: 0; }

    .pageInspectionForthcoming .miniStack-Date { margin: 0 0 0 auto; }

    .tableInspectionForthcomingProduct { border-bottom: solid 2px #c7c7c6; }

.panelTrackerDoc { padding: 30px 0 20px; }

    .tableTrackerDoc .tTitle { word-break: break-all; }

    .tableTrackerDoc .tFileType { width: 30px; }

.panelTrackerSpecial { flex-wrap: wrap; }

    .panelTrackerSpecial .iconTitle::after { background-position-y: -4260px; }

    .panelTrackerSpecial .tableTrackerDoc .iFiletype { color: transparent; }

.panelForthcomingComplete { 
    margin-bottom: -10px; 
    padding-top: 24px; }

    .panelForthcomingComplete form { width: 100%; }

        .panelForthcomingComplete .fgSwitch { width: 300px; }

            .panelForthcomingComplete .fSwitchLabel { 
                width: 300px; 
                left: 80px; }


/**  Inspection Colours  **/

/* Default Filter */

.radioFilter.radioDouble .btn:hover::before, .radioFilter .btn.active::before { border-color: #6f577e; } 

    .radioFilter .btn:hover, .bButtonExpand:hover {
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(64, 64, 62, 0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(64, 64, 62, 0.5); } 

        .radioFilter .btn.active, .radioFilter .btn:active { background: #6f577e; } 

            .radioFilter .btn.active:hover { background: #594366; }


/* Re-Work */

    .trRe-work:not(:hover) .tInspectionResult, tr.trRe-work .tInspectionRef, tr.trRe-work:hover .tInspectionRef { /*color: #6f577e;*/ color: #944364; }

    .radioInspection.radioDouble .bInspectRework:hover::before, .tableInspectionList.radioDouble .trRe-work:hover td, .tableInspectionList .trRe-work:hover td::after
        { border-color: #944364; } 

        .radioInspection .bInspectRework:hover {
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(64, 64, 62, 0.5);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(64, 64, 62, 0.5); } 

            .radioInspection.radioDouble .bInspectRework.active, .radioInspection.radioDouble .bInspectRework:active, .trRe-work:hover .bSqArrow { background: #944364; } 

                .radioInspection.radioDouble .bInspectRework.active:hover, .trRe-work:hover .bSqArrow:hover { background: #7a3551; }

/* Pass */

    .bYes.bDouble:hover, .iYes, 
    .trPass:not(:hover) .tInspectionResult, tr:not(:hover) .iCFAApproved, .iBig.iCFAApproved, .radioYesNo .bYes:not(.active), 
        .tableList .tProductDocStatus-Approved { 
        color: #627e21; }

    .bYes.bButton.bDouble:hover::before,
    .radioInspection.radioDouble .bInspectPass:hover::before, .tableInspectionList .trPass:hover td, .tableInspectionList .trPass:hover td::after,
        .radioCFA.radioDouble .bCFA-Approved:hover::before, .radioYesNo.radioDouble .bYes:hover::before, .radioFilter .bProductDocStatus-Approved.btn:hover::before, 
        .radioDouble .npdCat-Complete.btn:hover::before { 
        border-color: #627e21; } 

        .bYes.bDouble:hover,
        .radioInspection .bInspectPass:hover, .radioCFA .bCFA-Approved:hover, .radioYesNo.radioDouble .bYes:hover, .radioFilter .bProductDocStatus-Approved.btn:hover, 
            .radioDouble .npdCat-Complete.btn:hover {
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(98, 126, 33, 0.5);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(98, 126, 33, 0.5); } 

            .bYes.bDouble.active, .bYes.bDouble:active,
            .radioInspection.radioDouble .bInspectPass.active, .radioInspection.radioDouble .bInspectPass:active, .trPass:hover .bSqArrow,
                .radioCFA.radioDouble .bCFA-Approved.active, .radioCFA.radioDouble .bCFA-Approved:active, 
                .radioYesNo.radioDouble .bYes.active, .radioYesNo.radioDouble .bYes:active, .radioFilter .bProductDocStatus-Approved.btn.active, .radioFilter .bProductDocStatus-Approved.btn:active, 
                .radioDouble .npdCat-Complete.btn.active, .radioDouble .npdCat-Complete.btn:active { 
                background: #627e21; } 
                .bYes.bDouble.active:hover, .bYes.bDouble:active:hover,
                .radioInspection.radioDouble .bInspectPass.active:hover, .trPass:hover .bSqArrow:hover, .radioCFA.radioDouble .bCFA-Approved.active:hover, 
                    .radioYesNo.radioDouble .bYes.active:hover, .radioFilter .bProductDocStatus-Approved.btn.active:hover, 
                    .radioDouble .npdCat-Complete.btn.active:hover { 
                    background: #4e6d07; }

/* Fail */

    .bNo.bDouble:hover, .iNo,
    .trFail:not(:hover) .tInspectionResult, tr:not(:hover) .iCFARejected, .iBig.iCFARejected, .radioYesNo .bNo:not(.active),
        tr.trFail .tInspectionRef, tr.trFail:hover .tInspectionRef, .tableList .tProductDocStatus-Overdue { 
        color: #aa1414; }

    .bNo.bDouble.bButton:hover::before,
    .radioInspection.radioDouble .bInspectFail:hover::before, .tableInspectionList .trFail:hover td, .tableInspectionList .trFail:hover td::after,
        .radioCFA.radioDouble .bCFA-Rejected:hover::before, .radioYesNo.radioDouble .bNo:hover::before, .radioFilter .bProductDocStatus-Overdue.btn:hover::before { 
        border-color: #be1622; } 

        .bNo.bDouble:hover,
        .radioInspection .bInspectFail:hover, .radioCFA .bCFA-Rejected:hover, .radioYesNo.radioDouble .bNo:hover, .radioFilter .bProductDocStatus-Overdue.btn:hover {
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(64, 64, 62, 0.5);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(64, 64, 62, 0.5); } 

            .bNo.bDouble.active, .bNo.bDouble:active,
            .radioInspection.radioDouble .bInspectFail.active, .radioInspection.radioDouble .bInspectFail:active, .trFail:hover .bSqArrow,
                .radioCFA.radioDouble .bCFA-Rejected.active, .radioCFA.radioDouble .bCFA-Rejected:active, 
                .radioYesNo.radioDouble .bNo.active, .radioYesNo.radioDouble .bNo:active, .radioFilter .bProductDocStatus-Overdue.btn.active, .radioFilter .bProductDocStatus-Overdue.btn:active { 
                background: #be1622; } 
                .bNo.bDouble.active:hover, .bNo.bDouble:active:hover,
                .radioInspection.radioDouble .bInspectFail.active:hover, .trFail:hover .bSqArrow:hover, .radioCFA.radioDouble .bCFA-Rejected.active:hover,
                    .radioYesNo.radioDouble .bNo.active:hover, .radioFilter .bProductDocStatus-Overdue.btn.active:hover { 
                    background: #aa1414; }

/* Pending */

    tr:not(:hover) .iCFAPending, .tableList .tProductDocStatus-Progress { color: #3898ad; }

    .radioCFA.radioDouble .bCFA-Pending:hover::before, .radioFilter .bProductDocStatus-Progress.btn:hover::before { border-color: #3898ad; } 

        .radioCFA .bCFA-Pending:hover, .radioFilter .bProductDocStatus-Progress.btn:hover {
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(56, 152, 173, 0.5);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(56, 152, 173, 0.5); } 

            .radioCFA.radioDouble .bCFA-Pending.active, .radioCFA.radioDouble .bCFA-Pending:active, .radioFilter .bProductDocStatus-Progress.btn.active, .radioFilter .bProductDocStatus-Progress.btn:active                
                { background: #3898ad; } 
                .radioCFA.radioDouble .bCFA-Pending.active:hover, .radioFilter .bProductDocStatus-Progress.btn.active:hover                
                { background: #298094; }

/* New/Request */

    .tableList .tProductDocStatus-New { color: #cf7b0e; }

    .radioFilter .bProductDocStatus-New.btn:hover::before { border-color: #ce8c1b; } 

        .radioFilter .bProductDocStatus-New.btn:hover {
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(206, 140, 27, 0.5);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(206, 140, 27, 0.5); } 

            .radioFilter .bProductDocStatus-New.btn.active, .radioFilter .bProductDocStatus-New.btn:active { background: #ce8c1b; } /* both .active & :active are needed */
                .radioFilter .bProductDocStatus-New.btn.active:hover { background: #b5780e; }

/* Rejected */

    .tableList .tProductDocStatus-Rejected { color: #292928; }

    .radioFilter .bProductDocStatus-Rejected.btn:hover::before { border-color: #40403f; } 

        .radioFilter .bProductDocStatus-Rejected.btn:hover {
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(64, 64, 62, 0.5);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(64, 64, 62, 0.5); } 

            .radioFilter .bProductDocStatus-Rejected.btn.active, .radioFilter .bProductDocStatus-Rejected.btn:active { background: #40403f; } 
                .radioFilter .bProductDocStatus-Rejected.btn.active:hover { background: #292928; }

/* Submitted */

    .tableList .tProductDocStatus-Submitted { color: #ad4e00; }

    .radioFilter .bProductDocStatus-Submitted.btn:hover::before { border-color: #cc5b00; } 

        .radioFilter .bProductDocStatus-Submitted.btn:hover {
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(204, 91, 0, 0.5);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(204, 91, 0, 0.5); } 

            .radioFilter .bProductDocStatus-Submitted.btn.active, .radioFilter .bProductDocStatus-Submitted.btn:active { background: #cc5b00; } 
                .radioFilter .bProductDocStatus-Submitted.btn.active:hover { background: #ad4e00; }

/* Progress - Amber */

    /*.npdCat-Progress { color: #b35900; }*/

        .radioDouble .npdCat-Progress.btn:hover::before { border-color: #d17000; } 

            .radioDouble .npdCat-Progress.btn:hover {
                    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(209, 112, 0, 0.5);
                box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(209, 112, 0, 0.5); } 

                .radioDouble .npdCat-Progress.btn.active, .radioDouble .npdCat-Progress.btn:active  { background: #d17000; } 
                    .radioDouble .npdCat-Progress.btn.active:hover  { background: #b35900; }

.pageTrackingHistory .addNew { display: block; }

    .pageTrackingHistory .addNew form { 
        display: flex; 
        flex-wrap: wrap; }
        
        .pageTrackingHistory .addNew .form-control { margin-bottom: 0; }

        .pageTrackingHistory .addSelectButton { 
            margin-right: 0;
            padding-right: 0; }

        .pageTrackingHistory  .addNew .validation-summary ul { padding-left: 0; }

                
/*****************************************************************
= QC - NSPECTORS
*****************************************************************/

.bAddInspector.bButton::after { 
    top: 11px;
    right: -4px;
    background-position-x: -350px; 
    background-position-y: -1200px; }

.tableInspectorList .tiAvatar span { background-position-y: -2590px; }

.tableInspectorList .tInspectionCFA { text-align: center; }

    .tableInspectorList .tInspectionCFA, .tableInspectorList .dateTime { width: 15%; }

    .tableInspectorList .tInspectionCFA .iBigCentre {  }


    .tableInspectorList .tInspectionCFA .iCFA.noData { 
        width: 6px;
        height: 6px; 
        padding: 0 !important; }

.fgInspectorType { width: 360px; }

.fgInspectorsAddCFA { margin-top: 10px; }

    .pageInspectorsAdd .fgInspectorsAddCFA.form-group label { 
        width: auto; 
        margin-right: 20px; }

/*.panelAddFactoryInspector .slideThis { margin: 20px 0 0 20px; } SLIDE NOT USED */

.fgNewFactoryInspector.addNew .form-group { margin-right: 0; }

    .fgNewFactoryInspector .form-group:last-of-type { margin-bottom: 0; }

    .panelAddFactoryInspector .addNew { 
        flex-direction: column;
        margin: 20px 0 0 0; }

        .panelAddFactoryInspector .addNew label { margin-bottom: 5px; }

.fgInspectorsCFALevel { 
    display: flex;
    align-items: center;
   /* margin-bottom: 5px;*/ }

    /*.fgInspectorsCFALevel .fcNoControl { 
        display: flex; 
        flex-wrap: wrap;
        align-items: center;
        margin-top: 0; }*/

        /*.fgInspectorsCFALevel .bigCheck { width: 30px; }

            .fgInspectorsCFALevel .bigCheck input { margin-top: 2px; }*/

    .fgInspectorsCFALevel .fcNoControl { 
        display: flex; 
        /*flex-wrap: wrap;*/
        align-items: center;
        width: 70%;
        margin-top: 0; }

        .fgInspectorsCFALevel .checkBox { width: 30px; }

            /*.fgInspectorsCFALevel .checkBox input { margin-top: 2px; }*/

        .fgInspectorsCFALevel #cfaLevel { 
            display: flex;
            align-items: center;
            width: calc(100% - 30px); 
            /*margin-top: -6px;*/ }

            .fgInspectorsCFALevel .iCFA { 
                display: flex;
                align-items: center;
                margin: 0 auto 0 20px;
                padding: 0 60px 0 0; }

                .fgInspectorsCFALevel .iCFA::after { 
                    top: -10px; 
                    right: 0; }

            .fgInspectorsCFALevel .bButton { margin: -5px 0 0 auto; }

.modal .fgRadioCFALevel.form-group { margin-bottom: 20px; }

.radioCFALevel.radioDouble, .fRadioGroup { 
    display: flex; 
    justify-content: flex-start; }

    .radioCFALevel.radioDouble .btn, .fRadioGroup .btn { width: 100%; }

        .fRadioGroup.radioDouble .btn + .btn { margin: 0 0 0 10px; }

    .radioDouble.radioCFALevel label { 
        color: transparent;
        text-indent: -9999px;
        float: none; 
        width: 100%; 
        height: auto; 
        text-align: center; 
        line-height: 1.1; }

    .radioCFALevel .btn::after { 
        width: 48px; 
        height: 48px;
        margin-left: -20px;
        top: 50%;
        margin-top: -22px;
        /*background-position-x: 0;*/ }

    .radioCFALevel .bCFALevel01::after, .radioCFALevel .bCFALevel01.active::after, .radioCFALevel .bCFALevel01:active::after { /*background-position-y: -500px;*/ background-position-y: 0; }
    .radioCFALevel .bCFALevel02::after, .radioCFALevel .bCFALevel02.active::after, .radioCFALevel .bCFALevel02:active::after { /*background-position-y: -600px;*/ background-position-y: 10%; }
    .radioCFALevel .bCFALevel03::after, .radioCFALevel .bCFALevel03.active::after, .radioCFALevel .bCFALevel03:active::after { /*background-position-y: -700px;*/ background-position-y: 20%; }
    .radioCFALevel .bCFALevel04::after, .radioCFALevel .bCFALevel04.active::after, .radioCFALevel .bCFALevel04:active::after { /*background-position-y: -800px;*/ background-position-y: 30%; }
    .radioCFALevel .bCFALevel05::after, .radioCFALevel .bCFALevel05.active::after, .radioCFALevel .bCFALevel05:active::after { /*background-position-y: -900px;*/ background-position-y: 40%; }

    .radioCFALevel .btn:not(.active):hover { background: #FFFFFF; }

        /*.radioCFALevel .btn:hover::after { background-position-x: -100px; }*/
        .radioCFALevel .bCFALevel01:hover::after { background-position-y: 2.5%; }
        .radioCFALevel .bCFALevel02:hover::after { background-position-y: 12.5%; }
        .radioCFALevel .bCFALevel03:hover::after { background-position-y: 22.5%; }
        .radioCFALevel .bCFALevel04:hover::after { background-position-y: 32.5%; }
        .radioCFALevel .bCFALevel05:hover::after { background-position-y: 42.5%; }


        .radioCFALevel .bCFALevel01:not(.active):hover::before { border-color: #f1a101; }
        .radioCFALevel .bCFALevel02:not(.active):hover::before { border-color: #c9c600; }
        .radioCFALevel .bCFALevel03:not(.active):hover::before { border-color: #afc20a; }
        .radioCFALevel .bCFALevel04:not(.active):hover::before { border-color: #668f1f; }
        .radioCFALevel .bCFALevel05:not(.active):hover::before { border-color: #378777; }

    /*.radioCFALevel .btn.active::after, .radioCFALevel .btn:focus::after { background-position-x: -200px; }*/
    .radioCFALevel .bCFALevel01.active::after, .radioCFALevel .bCFALevel01:focus::after { background-position-y: 5%; }
    .radioCFALevel .bCFALevel02.active::after, .radioCFALevel .bCFALevel02:focus::after { background-position-y: 15%; }
    .radioCFALevel .bCFALevel03.active::after, .radioCFALevel .bCFALevel03:focus::after { background-position-y: 25%; }
    .radioCFALevel .bCFALevel04.active::after, .radioCFALevel .bCFALevel04:focus::after { background-position-y: 35%; }
    .radioCFALevel .bCFALevel05.active::after, .radioCFALevel .bCFALevel05:focus::after { background-position-y: 45%; }

        .radioCFALevel .bCFALevel01.active { background: #f1a101; }
            .radioCFALevel .bCFALevel01.active:hover { background: #d68800; }
        .radioCFALevel .bCFALevel02.active { background: /*#e3d400*/ #c9c600; }
            .radioCFALevel .bCFALevel02.active:hover { background: /*#c9c600*/ #aab000; }
        .radioCFALevel .bCFALevel03.active { background: #afc20a; }
            .radioCFALevel .bCFALevel03.active:hover { background: #97a800; }
        .radioCFALevel .bCFALevel04.active { background: #668f1f; }
            .radioCFALevel .bCFALevel04.active:hover { background: #527515; }
        .radioCFALevel .bCFALevel05.active { background: #378777; }
            .radioCFALevel .bCFALevel05.active:hover { background: #276e60; }

    .pageInspectorsCFAHistory .barButtons { margin-top: 10px; }

    .pageInspectorsInspections .pgPager { margin-bottom: 0; }


/*****************************************************************
= COMPLIANCE MATRIX
*****************************************************************/

/* NOT YET CODED - July 2025 */
/* Don't Delete may be used in future */

.pageCompliance .barFilterWrap { float: none; }

    .barFilterCompliance .fgMultiSelect { width: calc(50% - 275px); }

    .barFilterCompliance .flexColumn, .barFilterCompliance .fgSwitchText { 
        width: 320px; 
        justify-content: flex-end; }

        .barFilterCompliance .fSwitchLabel {     
            width: 240px;
            left: unset;
            right: 80px;
            text-align: right;
            font-size: 15px; }

        .tableCompliance { 
            height: 100%; /* needed for vertical scroll */
            margin-top: 0;
            font-size: 15px; }

            .tableCompliance.rTable-600 thead.stickyHead th { 
                padding-top: 10px;
                vertical-align: bottom; 
                border-width: 1px; }

                /*.tableList th:first-of-type, .tableCompliance.tableList .tSKU { padding-left: 12px; }*/

                .tableCompliance.tableList .tSKU {
                        position: -webkit-sticky;
                    position: sticky;
                    left: 0;             
                    padding-left: 12px; 
                    white-space: nowrap; 
                    background: #FFFFFF;
                    z-index: 2000; }

                    .tableCompliance.tableList .stickyHead .tSKU { z-index: 2100; }

                    .tableCompliance.tableList .stickyHead .tDescription, .tableCompliance.tableList .stickyHead .tSource { background: #FFFFFF; }

                    .tableCompliance.tableList .stickyShadow { 
                        display: block;
                        position: absolute;
                        width: 12px;
                        top: 0;
                        bottom: 0; 
                        right: 0; 
                        opacity: 0;
                        transition: all 0.3s;
                        border-right: solid 1px #dcdcd9;
                        /*box-shadow: 15px 0px 15px -10px rgba(0,0,0,0.75);*/
                        box-shadow: 6px 0 15px -5px #000;
                        clip-path: inset(0px -15px 0px 0px);
                        background: #FFF; }

                        .tableCompliance tr:last-of-type .stickyShadow { clip-path: inset(0px -15px -15px 0px); }

                    /*.tableCompliance .stickyCol.stickyShadow { opacity: 1; }*/

                    .stickyDetect { 
                        position: absolute; 
                        width: 1px; 
                        height: 1px; 
                        left: -100px; }

                /*.tableCompliance.tableList .stickyShadow, .tableCompliance.tableList .shadowCover {                     
                    display: block;
                    width: 30px;
                    top: 0;
                    bottom: 0; }

                    .tableCompliance.tableList .stickyShadow { 
                        position: sticky !important;
                        right: -30px; 
                        background: #949491;
                        z-index: 1980 !important;  }

                    .tableCompliance.tableList .shadowCover { 
                        position: relative !important; 
                        right: -30px; 
                        background: #FFFFFF;
                        z-index: 1990 !important;  }*/

                .tableCompliance .thVCat { 
                    height: 200px; 
                    border-right: solid 1px #FFFFFF; 
                    font-family: "Lato", Arial, Helvetica, sans-serif !important; }

                    /*.thVCatWrap { 
                        display: flex; 
                        justify-content: flex-start;
                        align-items: flex-end; 
                        transform: rotate(-90deg);  }*/

                    .thVCat > div /*.thVCat .thVCatWrap > div*/ { 
                        /*display: flex;
                        flex-wrap: wrap;
                        justify-content: flex-start;

                        flex-direction: column-reverse;
                        height: 100%;
                        writing-mode: vertical-lr; 
                        transform: rotate(180deg);*/

                        /*align-items: center;*/
                        /*transform: rotate(-90deg);*/
                        /*width: 100%;*/
                        /*width: 200px;*/
                        /*padding: 0 20px;*/
                        /*transform-origin: left center;*/

                        color: #FFFFFF; 
                        line-height: 1; }

                        .thVCat strong, .thVCat span { height: 200px; }

                            .thVCat strong { 
                                font-size: 13px; 
                                opacity: 0.7; }

                            .thVCat span { 
                                font-size: 18px; 
                                text-transform: none; 
                                font-weight: normal; }

                    .thVCat::before { 
                        content: ''; 
                        display: block;
                        position: static;  
                        width: 40px; }

    .vCatWrap { 
        display: flex; 
        justify-content: center; 
        align-items: flex-end; 
        width: 0;
        padding-left: 50%; }

    .vCatWrap > div { 
        writing-mode: vertical-rl; 
        transform: scale(-1); 
        margin-left: auto;     
        display: flex;
        min-height: 40px;
        flex-direction: column; }

                .tableCompliance.tableList .thComplianceType01 { background: #944364; }
                    .tableCompliance.tableList .thComplianceType01:hover { background: #7f3754; }
                .tableCompliance.tableList .thComplianceType02 { background: #a31f10; }
                    .tableCompliance.tableList .thComplianceType02:hover { background: #941709; }
                .tableCompliance.tableList .thComplianceType03 { background: #c73e14; }
                    .tableCompliance.tableList .thComplianceType03:hover { background: #b32400; }
                .tableCompliance.tableList .thComplianceType04 { background: #7e9e3f; }
                    .tableCompliance.tableList .thComplianceType04:hover { background: #668528; }
                .tableCompliance.tableList .thComplianceType05 { background: #007c85; }
                    .tableCompliance.tableList .thComplianceType05:hover { background: #00666e; }
                .tableCompliance.tableList .thComplianceType06 { background: #4c3759; }
                    .tableCompliance.tableList .thComplianceType06:hover { background: #342040; }

            .tableCompliance.tableList td.tSKU { color: #6f577e; }

            .tableCompliance td.tDescription, .tableCompliance td.tSource { text-transform: none; }

                .tableCompliance th.tDescription span, .tableCompliance th.tSource span { 
                    display: block; 
                    min-width: 160px; }

            .tableCompliance .tDate { white-space: nowrap; }

                /*.tableCompliance .tDate > div { min-width: 32px; }*/

            .tableCompliance.tableList td:last-of-type { padding-right: 12px; }

                .tableCompliance.tableList .noData { width: 100%; }

                .dataY, .dataN {     
                    display: flex;
                    justify-content: center; 
                    height: 20px; }

                    .dataY::before, .dataN::before { 
                        content: ''; 
                        display: block; 
                        position: absolute; 
                        width: 20px; 
                        height: 20px; 
                        top: 50%; 
                        left: 50%; 
                        margin: -10px 0 0 -10px; 
                        /*background: url(../images/iAction.png) no-repeat; */
                        background: url(../images/iAction.svg) no-repeat center 0; 
                        background-size: cover; }

                        .dataY::before { /*background-position-x: -320px; background-position-y: -150px;*/ background-position-y: 15%; }
                        .dataN::before { /*background-position-x: -120px; background-position-y: 0;*/  background-position-y: 5%; }

                .tRedAlert, .tRedAlert { font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; }

                    .tableCompliance .tRedAlert { color: #be1622 !important; }
                    .tableCompliance .tAmberAlert { color: #ce690f !important; }


/* Test Collapse Columns on TH Click */

.tableCompliance .thVCat { transition: all 0.3s ease-in; }

    .tableCompliance .thVCat:hover { cursor: pointer; }

        .tableCompliance .thVCat:hover .vCatWrap { opacity: 0.8; }

    /*.tableCompliance .colCollapse { background: #627e21 !important; }*/

    .tableCompliance .colCollapse .vCatWrap, .tDate.colCollapse span { display: none; }

        .tableCompliance .colCollapse.thVCat::before { width: 10px; }

        .tableCompliance .colCollapse.thVCat::after { 
            content: ''; 
            display: block; 
            position: absolute; 
            width: 20px; 
            height: 20px; 
            bottom: 20px; 
            left: 50%; 
            margin-left: -12px; 
            background: url(../images/iAction.png) no-repeat 0 -2150px;  } /* Col Collapse Icon */

            .tableCompliance .colCollapse.thVCat:hover::after { background-position-x: -40px; }



/****** DOCUMENT VALIDITY ******/

/*table.tableDocValidity.tableList thead th { height: unset; padding-top: 0; padding-bottom: 0; font-size: 12px; border-bottom: none; }

.tableDocValidity thead td { padding-top: 0; }

.tableDocValidity .tStatus, .tableDocValidity .tFileType { width: 30px; }

    .tableDocValidity .tFileName { padding-left: 0; }

        .tableDocValidity td.tFileName { text-transform: none; }*/

.pageDocValidity h2 { padding-bottom: 20px; }

.headDocValidity { 
    width: 100%; 
    margin-bottom: 10px; 
    padding-bottom: 10px; 
    border-bottom: solid 3px #6f577e; }

    .headDocValidity > div { 
        font-size: 15px; 
        font-weight: bold; }

    .headDocValidity > div + div { margin-left: 30px; }

        .headDocValidity label { 
            margin-bottom: 5px; 
            font-size: 12px; 
            font-weight: bold; 
            text-transform: uppercase; }

        .headDocValidity .headStatus { width: 32px; }

            .headDocValidity .headStatus { padding-top: 20px; }

        .headDocValidity .headTitle { 
            width: calc((100% - 230px) * 0.2); 
            margin-left: 20px; }

            .headDocValidity .headTitle .fontThin { 
                font-size: 15px; 
                text-transform: uppercase; }

        .headDocValidity .headDescription { width: calc((100% - 230px) * 0.35); }

        .headDocValidity .headFile { width: calc((100% - 230px) * 0.45); }

            .headDocValidity .headFile label { padding-left: 44px; }

            .headDocValidity .iFiletype {  
                align-self: center;
                width: 40px; 
                margin-right: 10px; 
                overflow: unset; }

            .headFile strong {
                align-self: center;
                width: 100%; 
                word-break: break-all; }

        .headDocValidity .headDate { width: 88px; }

.panelDocValidity .gridGalleryImgSKU { margin-top: 20px; }

    .gridGalleryImgSKU .fontBlack { font-size: 15px; }


/****** SKU VALIDITY ******/

.headSKUValidity { 
    align-items: center;
    width: 100%; 
    padding-bottom: 30px; }

    .headSKUValidity .iconTitle { 
        margin-bottom: 0;
        padding-bottom: 0;
        color: #949491; }

    .barFilter .fgSKUValidity.fStacked { margin: -10px 0 0 auto; }

        .fgSKUValidity .radioSingle { 
            font-weight: bold; }

            .fgSKUValidity .radioSingle .btn { width: 80px; }

            .fgSKUValidity .radioSingle label.active { color: #FFFFFF; }

.panelSKUValidity .panelSKUValid-Title { 
    display: flex; 
    align-items: center; 
    width: 100%; }

    .panelSKUValid-Title img { 
        width: 50px; 
        height: 50px; 
        margin-right: 10px; 
        /*background: url(../images/noImage.png);*/
        background: url(../images/noImage.svg);
        background-size: cover; } 

    .panelSKUValid-Title h3 { 
        margin-bottom: 0; 
        font-size: 24px;  }

    .panelSKUValid-Title h4 { 
        margin: 0 0 0 auto;
        text-align: right; 
        line-height: 1; }

        .panelSKUValid-Title h4 span { color: #787875; font-size: 15px; }

        .panelSKUValid-Title h4 strong { color: #be1622; font-size: 21px;  }

.tableDocValidity { margin: 0 0 20px; }

.tableDocValidity .tStatus, .tableDocValidity .tFileType { width: 30px; }

    .tableDocValidity .tFileName { padding-left: 0; }

        .tableDocValidity td.tFileName { text-transform: none; }

        .tableDocValidity .tDate { 
            white-space: nowrap; 
            width: 110px; 
            padding-right: 0; }


/*****************************************************************
= TS SPARE PARTS
*****************************************************************/

/****** SPARES DASH ******/

.pageSparesDash .contentHead { padding-bottom: 0; }

.pageSparesDash .cirqueNav { background: #0c7c84; }
    .pageSparesDash cirqueMenuHead:hover .cirqueNav { background: #00656c; }

    /* OLDER Wrapper - No Longer Used */
    /*.buttonBarSpares { 
        display: grid; 
        grid-template-columns: 1fr 1fr;
        gap: 20px 60px;*/ 
        /*margin: 10px 0 40px;*/ 
        /*margin: 10px 0 20px !important;*/
        /*margin: 0; }*/ /*temp whilst only 1 button */  

    .headButtonBarSpares { 
        gap: 10px;
        max-width: 330px;
        margin-left: auto; } 

        .headButtonBarSpares .bExportXL.bButton { 
            margin: 0;
            padding-right: 40px; 
            transition: background 0.3s;
            background: #47a270 !important; }

            .headButtonBarSpares .bExportXL.bButton:hover { background: #2e8d59 !important; }

            .headButtonBarSpares .bExportXL::after, .hasSpinRingu.bExportXL::after { 
                width: 20px;
                height: 20px; 
                right: 10px;
                /*background: url(../images/iFiles.png) no-repeat -350px -100px;*/                   
                background: url(../images/iFiles.svg) no-repeat center 14%; 
                background-size: cover; }

            .headButtonBarSpares .bExportXL:nth-of-type(1) { width: 145px; }
            .headButtonBarSpares .bExportXL:nth-of-type(2) { width: 175px; }

        .headButtonBarSpares .bButtonBig /*.buttonBarSpares .bButtonBig*/ { 
            display: flex;
            align-items: center;
            flex: 1;
            gap: 15px;
            width: 100%;
            height: 120px;
            /*padding: 0 30px;*/
            color: #FFFFFF; 
            text-transform: uppercase; 
            border-radius: 3px; 
            transition: all 0.3s; }

            .headButtonBarSpares .bButtonBig:hover, .headButtonBarSpares .bButtonBig:focus /*.buttonBarSpares .bButtonBig:hover, .buttonBarSpares .bButtonBig:focus*/ { text-decoration: none; }

            .headButtonBarSpares .iSVG /*.buttonBarSpares .iSVG*/ { 
                width: 60px; 
                height: 60px; }

                .headButtonBarSpares .iSVG::after /*.buttonBarSpares .iSVG::after*/ { 
                    width: 100%; 
                    height: 100%;
                    top: 0; 
                    margin-top: 0; }

            .headButtonBarSpares .flexColumn /*.buttonBarSpares .flexColumn*/ { line-height: 1; }

                .headButtonBarSpares .bButtonBig:not(:hover) .flexColumn strong /*.buttonBarSpares .bButtonBig:not(:hover) .flexColumn strong*/ { opacity: 0.8; }

                .headButtonBarSpares .fontThin /*.buttonBarSpares .fontThin*/ { font-size: 21px; }

                .headButtonBarSpares .bButtonBig strong /*.buttonBarSpares strong*/ { 
                    width: 100%;
                    font-size: 42px; }

            /* OLDER Wrapper - No Longer Used */
            /*.buttonBarSpares .bBillOfMaterials { grid-area: 1 / 2 / 2 / 3; align-self: flex-end; margin-left: auto; }*/ /*temp whilst only 1 button */                

            .bBillOfMaterials { background: #0c7c84; }
                .bBillOfMaterials:hover { background: #00656c; }

            .bPartsOnOrder { background: #0095ad; }
                .bPartsOnOrder:hover { background: #007c8f; }

.panelSparesDash + .panelSparesDash { margin-top: 10px; }

        .panelSparesDash h2 { 
            color: #787875; 
            line-height: 1; }

        .gridTopTrumps { 
            list-style-type: none; 
            display: flex;
            gap: 12px;
            margin: 0 0 40px;  /* to add space when fewer than 5 items (So no Show More button) */
            padding: 0; }

            .gridTopTrumps li { 
                flex: 1; 
                max-width: 25%;
                transition: all 0.4s;
                transform: scale(1);
                background: #eeeeeb; }

                .gridTopTrumps li:hover { 
                    transform: scale(1.05); 
                    background: #FFFFFF; }

                .itemTopTrumps { 
                    display: flex;
                    flex-direction: column;
                    /*transform: scale(1); */
                    /*transition: all 0.4s;*/ }

                    li:hover .itemTopTrumps, .itemTopTrumps:focus { text-decoration: none; }     
                    
            .gridTopTrumps + .wrapTableTopTrumps { margin-top: -40px; } /* to add space when fewer than 5 items (So no Show More button) */

                .itemTopTrumpHead { 
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-end;
                    width: 100%;
                    min-height: 75px;
                    padding: 5px 20px 10px;
                    color: #FFFFFF; 
                    line-height: 1;
                    transition: all 0.4s;
                    background: #949491; }

                    .itemTopTrumpHead .rankNumber { 
                        margin: 10px 0 3px;
                        color: #FFFFFF; 
                        font-size: 21px; 
                        font-weight: normal;
                        letter-spacing: -1px; 
                        transition: all 0.4s; }

                        li:not(:hover) .itemTopTrumpHead .rankNumber { opacity: 0.6; }

                    .itemTopTrumpHead h4 { 
                        margin-bottom: 2px; 
                        font-size: 18px;
                        font-weight: normal;
                        line-height: 1; }

                    .itemTopTrumpHead h5 { 
                        overflow-wrap: break-word;
                        word-break: break-all; }

                    .itemTopTrumpHead strong { font-size: 15px; }

                .itemTopTrumpData { 
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    width: 100%;
                    /*min-height: 140px;*/
                    min-height: 120px;
                    padding: 15px 20px;
                    color: #40403f;
                    text-transform: uppercase;
                    line-height: 1;
                    transition: all 0.4s;
                    background: #eeeeeb; }

                    .itemTopTrumps:hover .itemTopTrumpData { 
                        background: #FFFFFF; }

                    .itemTopTrumpData span { 
                        font-size: 15px;
                        font-weight: bold; }

                    .itemTopTrumpData strong { font-size: 48px; }

                    .itemTopTrumpData h5 { 
                        margin: 2px 0 0;
                        font-size: 21px; 
                        line-height: 1; }

                        .itemTopTrumps:hover .itemTopTrumpData span, .itemTopTrumps:hover .itemTopTrumpData h5 { color: #000000; }

                .pageSparesDash .gridTopTrumps li:nth-of-type(1) .itemTopTrumpHead { background: #0c7c84; }
                    .pageSparesDash .gridTopTrumps li:nth-of-type(1) .itemTopTrumpData strong { color: #0c7c84; }

                .pageSparesDash .gridTopTrumps li:nth-of-type(2) .itemTopTrumpHead { background: #0095ad; }
                    .pageSparesDash .gridTopTrumps li:nth-of-type(2) .itemTopTrumpData strong { color: #0095ad; }

                .pageSparesDash .gridTopTrumps li:nth-of-type(3) .itemTopTrumpHead { background: #69a99e; }
                    .pageSparesDash .gridTopTrumps li:nth-of-type(3) .itemTopTrumpData strong { color: #69a99e; }

                .pageSparesDash .gridTopTrumps li:nth-of-type(4) .itemTopTrumpHead { background: #47a270; }
                    .pageSparesDash .gridTopTrumps li:nth-of-type(4) .itemTopTrumpData strong { color: #47a270; }

                .pageSparesDash .gridTopTrumps li:nth-of-type(5) .itemTopTrumpHead { background: #90a141; }
                    .pageSparesDash .gridTopTrumps li:nth-of-type(5) .itemTopTrumpData strong { color: #90a141; }

                /*.pageSparesDash .gridTopTrumps li:nth-of-type(n + 6) .itemTopTrumpHead { background: #949491; }
                    .pageSparesDash .gridTopTrumps li:nth-of-type(n + 6) .itemTopTrumpData strong { color: #949491; } */               

                .pageBasic .gridTopTrumps li:nth-of-type(6) .itemTopTrumpHead { background: #787875; }
                    .pageBasic .gridTopTrumps li:nth-of-type(6) .itemTopTrumpData strong { color: #787875; }

                .pageBasic .gridTopTrumps li:nth-of-type(7) .itemTopTrumpHead { background: #858581; }
                    .pageBasic .gridTopTrumps li:nth-of-type(7) .itemTopTrumpData strong { color: #858581; }

                .pageBasic .gridTopTrumps li:nth-of-type(8) .itemTopTrumpHead { background: #949491; }
                    .pageBasic .gridTopTrumps li:nth-of-type(8) .itemTopTrumpData strong { color: #949491; }

                .pageBasic .gridTopTrumps li:nth-of-type(9) .itemTopTrumpHead { background: #a1a19d; }
                    .pageBasic .gridTopTrumps li:nth-of-type(9) .itemTopTrumpData strong { color: #a1a19d; }

                .pageBasic .gridTopTrumps li:nth-of-type(10) .itemTopTrumpHead { background: #adadaa; }
                    .pageBasic .gridTopTrumps li:nth-of-type(10) .itemTopTrumpData strong { color: #adadaa; }

        .slideToggle.bMore { 
            width: 160px; 
            margin: 10px 0 0 auto; }

            .slideToggle.bMore::after { 
                width: 18px; 
                height: 18px;
                background: url(../images/iAction.svg) no-repeat center 20%; 
                background-size: cover; }

            .slideToggle.bMore { background: #6f577e !important; }

            .slideToggle.bMore:hover, .slideToggle.bMore:active { background: #594366 !important; }

                .slideToggle.in.bMore::after { background-position-y: 25%; }

                .pageSparesDash .slideToggle.bMore { background: #0c7c84 !important; }
                .pageSparesDash .slideToggle.bMore:hover, .slideToggle.bMore:active { background: #00656c !important; }

            .slideToggle + .tableList { margin-top: 10px; }

        .tableTopTrumpsDash.tableList { 
            margin: 10px 0 30px;
            background: #FFFFFF; }

            .tableTopTrumpsDash thead { background: #dcdcd9; }
                
                .tableTopTrumpsDash thead th { 
                    height: 60px; 
                    padding-top: 15px; }

                .tableTopTrumpsDash .tTitle { width: 60px; }

                .tableTopTrumpsDash .tThumb { 
                    width: 70px; 
                    text-align: center; }

                    .tableTopTrumpsDash .tThumb .thumb { 
                        width: 50px; 
                        height: 50px; }

                .tableTopTrumpsDash .tNum { width: 80px; }

                    .tableTopTrumpsDash .tUsage.tNum { width: 60px; }

                    .tableTopTrumpsDash.tableList .tNum span { width: 40px; }

                        .tableTopTrumpsDash.tableList th.tNum span { width: 60px; }

                .tableTopTrumpsDash.tableList .tDescription { text-transform: initial; }

                .tableTopTrumpsDash.tableList .tValue.tNum span { width: 150px; }

    .wrapSpares-StockCover .itemTopTrumpData .fontBlack { margin-top: -2px; }

    .wrapSpares-StockCover .itemTopTrumpData h5 { margin-top: 10px; }

    .wrapSpares-LargestIncrease .itemTopTrumpData strong { letter-spacing: -1px; }

    .wrapSpares-LargestIncrease .gridTopTrumps sup { font-size: 65%; }

    .wrapSpares-FutureSales .gridTopTrumps { 
        display: grid; 
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }

        .wrapSpares-FutureSales .gridTopTrumps li { max-width: 100%; }

        .gridTopTrumpsThumb.gridTopTrumps li { background: #FFFFFF; }

            .wrapSpares-FutureSales .itemTopTrumps { width: 100%; }
    
                .gridTopTrumpsThumb .itemTopTrumpData { 
                    flex: 1;
                    padding: 5px 20px 15px;
                    background: #FFFFFF; }

                     .wrapSpares-FutureSales img, .gridTopTrumpsThumb .thumb { 
                         width: 90px; 
                         height: 90px; }

                    .wrapSpares-FutureSales .itemTopTrumpData strong { font-size: 42px; }

                    .wrapSpares-FutureSales .itemTopTrumpData h5 { font-size: 15px; }


/****** BILL OF MATERIALS ******/

    .pageSpares .sResultsHeaderWrap { margin-top: 10px; }

        .pageSpares .barFilterGrey .fgSparesFactory { margin-right: 0; }

    .pageSpares .bExportSelected { 
        width: auto; 
        padding-right: 35px; 
        font-size: 15px; 
        line-height: 30px; }

        .pageSpares .bExportSelected::after { transform: none; }

            .pageSpares .spinRingu { 
                top: -28px;
                right: -127px; }

    .tableSpareParts { margin-top: 0; }

        .tableSpareParts td { font-size: 13px; }

            .tableSpareParts .date { min-width: 150px; }

            .tPartsValue { width: 100px; }

            .tableSpareParts .tSKU { font-weight: normal; }

            .tableSpareParts th.tCheck { text-align: right; }

    .pageSparesDetails .sectionTitle { margin: 10px 0 0; }

    .pageSparesDetails .sectionTitle, .pageSparesDetails .sectionTitle span { color: #949491; }

        .pageSparesDetails .sectionTitle strong { 
            color: #6f577e; 
            font-size: 24px; }

    .tableSparesBreakdown { margin-bottom: -20px; }

.pageSpareBillMaterial {  }

.pageSparesDetails .contentHeadMulti h1.twinHead { gap: 0; }

    .twinHead.avatarProduct .avatarProductWrap { top: 0; }

        .twinHead.avatarProduct .twinHead-Sml { 
            margin-top: -2px;    
            font-size: 18px;
            font-family: Lato, Arial, sans-serif; 
            font-weight: bold; 
            letter-spacing: normal; }

        .pageSpareBillMaterial .numOfProducts { top: 20px; }

        .pageSpareBillMaterial .spinRingu { right: -92px; }

    .pageSpareBillMaterial .contentTitlePanel .form-control { width: 300px; }

    .pageSpareBillMaterial .mobSticky { 
        display: none; 
        position: sticky;
        width: calc(100% + 40px);
        top: 0;
        margin-left: -20px;
        padding: 10px 20px;
        background: #FFFFFF; 
        z-index: 900; }

        .pageSpareBillMaterial .mobSticky .form-control { width: 100%; }

    /*.tableSparesBillMaterial tr:not([style*="display: none;"]):last-of-type td { color: #be1622 !important; }*/

    .pageSpareBillMaterial .tableSparesBillMaterial + .slideToggle {     
        margin-top: -30px;
        margin-bottom: 30px; }

    .pageSpareBillMaterial .slideToggle + .slideThis { width: 100%; }

        /*.pageSpareBillMaterial .slideToggle + .slideThis { margin-top: -20px; }*/

.pageSparesDetails .galleryCheckGrid h3 { margin-bottom: 10px; }

.pageSparesDetails .galleryCheckGrid .sparesItem { 
    display: flex;
    align-items: center; 
    gap: 10px; 
    color: #787875;
    text-decoration: none; }

    .pageSparesDetails .galleryCheckGrid .sparesItem:hover { color: #000000; }

    .galleryArrowGrid a::after { right: 0; }

    .pageSparesDetails .iAvatar { 
        position: static;
        top: unset;
        margin-top: 0;
        left: 0;
         opacity: 1; }

        .pageSparesDetails .iAvatar img { border-radius: 0; }

        .sparesItem .flexColumn { padding-right: 20px; }

        .pageSparesDetails .sparesItem strong { font-size: 18px; }

        .pageSparesDetails .sparesItem span { 
            font-size: 15px; 
            font-weight: bold; }

.pageSparesAvailability {  }

        .panelPartsAvailability + .panelPartsAvailability { margin-top: 30px; }

        .panelPartsAvailability h2.sectionTitle { 
            margin-top: 0; 
            line-height: 1; }

        .panelPartsAvailabilityList { 
            list-style-type: none; 
            display: flex; 
            flex-wrap: wrap; 
            gap: 10px;
            width: 100%;
            height: 110px;
            margin: 20px 0 0;
            padding: 0; }

            .panelPartsAvailabilityList li {
                flex: 1;
                height: 100%; }

                .panelPartsAvailabilityItem { 
                    position: relative;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    /*gap: 10px;*/
                    gap: 5px;
                    height: 100%;
                    padding: 0 10px;
                    border-radius: 3px;
                        border: solid 6px transparent;
                    transition: all 0.3s;
                    background: #eeeeeb; }

                    .panelPartsAvailabilityList:hover .panelPartsAvailabilityItem { 
                        transform: scale(1.05);
                        text-decoration: none;
                        background: #FFFFFF; }

                        .panelPartsAvailabilityList:hover .panelPartsAvailabilityItem { border-color: #dcdcd9; }

                .panelPartsAvailabilityTitle { 
                    align-content: center; 
                    transition: all 0.4s; 
                    background: #949491; }

                    .panelPartsAvailabilityTitle h2 { 
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 5px;
                        margin: 0;
                        font-size: 18px; 
                        color: #FFFFFF; }

                        .panelPartsAvailabilityTitle h2 strong { font-size: 30px; }

                            .panelPartsAvailabilityTitle h2 .flex { gap: 5px; }

                        .panelPartsAvailabilityList:hover .panelPartsAvailabilityTitle { background: #6f577e; }

                            .panelPartsAvailabilityList:hover .panelPartsAvailabilityTitle h2 { font-weight: bold; }

                    .panelPartsAvailabilityItem h4 { font-size: 15px; }

                        .panelPartsAvailabilityItem:hover h4 { color: #40403f; }

                    .panelPartsAvailabilityList .panelPartsAvailableNum { font-size: 36px; }

                    .panelPartsAvailabilityItem strong sup { 
                        font-size: 60%; 
                        top: -0.5em; }

                    .panelPartsAvailableNum { color: #6f577e; } 

            .panelPartsAvailabilityList:hover a.panelPartsAvailabilityItem { border-color: #949491; }

                .panelPartsAvailabilityList a.panelPartsAvailabilityItem:focus { text-decoration: none; }

                .panelPartsAvailabilityList li:hover a.panelPartsAvailabilityItem, .in a.panelPartsAvailabilityItem { border-color: #6f577e; }

        .panelPartsAvailable-hasSlider { position: relative; }

                a.panelPartsAvailabilityItem { z-index: 9999 !important; }

                    .panelPartsAvailable-hasSlider::before { 
                        content: ''; 
                        position: absolute; 
                        width: 20px; 
                        height: 20px; 
                        bottom: 5px;
                        left: 50%;
                        margin: 0 auto 0 -10px;
                            -ms-transform: rotate(45deg);
                            -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        transition: all 0.3s ease-in;
                        z-index: 0;
                        background: #6f577e }

                        .in.panelPartsAvailable-hasSlider::before { bottom: -10px; }

        .panelPartsOnOrder, .panelPartsAvailabilityGraph { margin-top: 30px; }

            .panelPartsOnOrder .tableList { margin-bottom: 10px; }

                .panelPartsOnOrder .tNum { width: 15%; }

                .panelPartsOnOrder .tDate { 
                    width: 30%; 
                    padding-right: 50px; }

        .pageSpares .barButtons .bDashSpares.bButton.bDouble::after {             
            width: 30px;
            height: 30px;
            top: 17px;
            margin-left: -15px;
            filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); /* Grape */
            background: url(../images/iSprite.svg) no-repeat center 82%; 
            background-size: cover; }


/****** PARTS ON ORDER ******/




/*****************************************************************
= PRODUCTS Section
*****************************************************************/

.pageProducts {  }

.productsHeadAdd { align-items: center; }

    .productsHeadAdd h3 { 
        margin: 0 20px 0 0;
        color: #787875; }

        .productsHeadAdd .bHead { 
            margin: 0; 
            padding-right: 45px; }

            .productsHeadAdd .bHead + .bHead { margin-left: 10px; }

            .productsHeadAdd .bHead::after { 
                content: ''; 
                position: absolute; 
                width: 30px; 
                height: 30px; 
                right: 8px;
                top: 50%;
                margin-top: -15px;
                background: url(../images/iSprite.png) no-repeat 0 -4550px; }

                .productsHeadAdd .bHead:not(:hover)::after { opacity: 0.6; }

                .bHead.bProductNewGrouped { 
                    background: #6b3355;
                        background: -moz-linear-gradient(top, #6b3355 1%, #572b45 100%); 
                        background:-webkit-gradient(top, #6b3355 1%, #572b45 100%); 
                        background: linear-gradient(#6b3355, #572b45) !important; }
                    .bHead.bProductNewGrouped:hover { background: #522a41 !important; }

                .productsHeadAdd .bProductNewGrouped::after { background-position-x: -50px; }

.pageProductSKUDetails .checkBox label { 
    width: 100%;
    text-transform: unset; }

.fgProductsFilterArchive { 
    display: flex;
    align-items: center;
    margin-bottom: 0; }

    .fgProductsFilterArchive .checkBox { width: 100%; }

    .fgProductsFilterArchive strong { width: calc(100% - 30px); }

.tProductsRange { line-height: 1; }

/*    .tableList .trProductsMulti-Head.rowTwinTop > td { OLD - Superceeded
        padding-bottom: 2px;
        border-bottom-color: transparent !important; }*/

    .trProductsMulti td::after { border-top-color: transparent !important; }

    .trProductsMulti > td { padding: 0; }

        tr.trProductsMulti .tableProductsListMulti td, .tableProductsListMulti td::after, .tableList .trProductsMulti-Head.rowTwinTop { border: none !important; }

    .tableProductsListMulti { width: 100%; }

        .tableProductsListMulti tbody tr:not(:hover) td { color: #40403f; }
            .tableProductsListMulti tbody tr:hover td { color: #594366; }

        .tableProductsListMulti.tableList td { padding-top: 0; }    


/****** PRODUCTS GROUPED - DETAILS PAGES  ******/

.pageProductDetails h1 { gap: 5px; padding-left: 80px; }

.pageProductDetails h1::after { display: none; }

.avatarProductWrap { 
    display: block;
    position: absolute; 
    height: 64px; 
    width: 64px;
    left: 0; 
    top: -5px; 
    /*border-radius: 50%;
    border: solid 3px #6f577e; */
    /*background: #FFFFFF url(../images/iAvatar.png) no-repeat center 0;*/ 
    border: solid 3px #FFFFFF;
    background: #FFFFFF; }

    .avatarProductWrap img { 
        position: absolute;
        width: 58px; 
        height: 58px;
        top: 0; 
        left: 0; 
        /*border-radius: 50%;*/
        border: none; }

        .avatarProductWrap::after { 
            content: '';
            position: absolute; 
            width: calc(100% + 6px);
            height: 6px;
            left: -3px;
            bottom: -6px;
            background: #949491; 
            background: #6f577e; }

.pageBasic h1 .h1GroupSKU { 
    color: #6f577e;
    font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
    text-transform: none; }

.topTabs .nProdCopy { min-width: 30%; }

.addNewProdBullet .form-group { width: 100%; }


/****** PRODUCTS SKU - DETAILS PAGES  ******/

   /* nTabProductOverview
    nTabProductFeatures
       nTabProductComponents 
    nTabProductDocTypes
    nTabProductCopy
    nTabProductImages
        nTabProductDimensions
        nTabProductSourcing
    nTabProductDocs
    nTabProductPricing
    nTabProductControl
    nTabProductHistory*/


.pageProductsGroupedOverview .sectionSplitter { margin-top: 35px; }

    .pageProductsGroupedOverview .panelSaveBar { margin-top: 30px; }

.motorRatingFields, .powerSupplyFields { 
    width: 100%; 
    margin-top: 20px; }

    .powerSupplyFields .panelProductSpecWrap:first-of-type { margin-bottom: -30px; }

    .motorRatingFields .fgSwitch, .powerSupplyFields .fgSwitch { padding-left: 200px; }

        .motorRatingFields .fSwitchLabel, .powerSupplyFields .fSwitchLabel { left: -200px; }

        .motorRatingFields .panelProductSpecWrap, .powerSupplyFields .panelProductSpecWrap { margin-top: 15px; }

.pageProductSKUFeatures .sectionHeadMulti { margin-bottom: 30px; }

.panelProductSpecWrap { 
    display: grid; 
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-column-gap: 4%;
    grid-row-gap: 10px; }


/*  NO USER PERMISSIONS STYLING  */

    .noUpdatePermission .panelProductSpecWrap .fcNoControl { 
        width: 100%; 
        margin-top: 0; }

        .noUpdatePermission .fgProdSKUSpeedRangeFrom + .formGroupH + .fcNoControl { width: unset; }
        .noUpdatePermission .formGroupH.form-group label { 
            flex: 1;
            height: unset; 
            line-height: normal; 
            white-space: nowrap; }
            .noUpdatePermission .formGroupH label + .fcNoControl, .noUpdatePermission .panelSKUSourceQualityWrap label + span { margin-top: 0; }

    .noUpdatePermission .checkBox input[type="checkbox"][disabled]:checked + label span { 
        margin-right: 10px;
        transform: scale(1.25);
        background-color: transparent; }
        .noUpdatePermission .checkBox input[type="checkbox"][disabled]:checked + label span:before, 
            .noUpdatePermission .checkBox input[type="checkbox"][disabled]:checked + label span::after { background: #627e21; }
    /*.noUpdatePermission .checkBox input[disabled] + label span { border-color: #dcdcd9; background: #FFFFFF; }*/
    .noUpdatePermission .checkBox input[disabled]:not(:checked) + label span { display: none; }
        .noUpdatePermission .checkBox input[disabled]:not(:checked) + label span + strong { color: #949491; text-decoration: line-through; white-space: nowrap; }
    /*.noUpdatePermission .panelProductSpecWrap .checkBox input[disabled]:not(:checked) + label { margin-top: -20px; }
    .noUpdatePermission .panelProductSpecWrap .checkBox input[disabled]:not(:checked) + label span + strong { 
        display: block; 
        color: transparent; 
        white-space: nowrap; }
        .noUpdatePermission .panelProductSpecWrap .checkBox input[disabled]:not(:checked) + label span + strong::after { 
            content: 'Not Set';
            position: absolute; 
            left: 0;
            top: 0;
            color: #be1622; 
            white-space: nowrap; 
            z-index: 90; }*/
       .noUpdatePermission .panelProductSpecWrap .checkBox input[disabled]:not(:checked) + label span { 
            display: block;
            margin-right: 0;
            border: none;
            /*background: url(../images/iAction.png) no-repeat -120px 5px; */
            filter: invert(12%) sepia(48%) saturate(6975%) hue-rotate(347deg) brightness(103%) contrast(95%); 	/* #be1622 RFEred */
            background: url(../images/iSprite.svg) no-repeat center 5%; 
            background-size: cover; }

        .noUpdatePermission .fSwitch .fSlider { background: none; }
            .noUpdatePermission .fgSwitchText .fSlider::before { 
                width: auto; 
                color: #40403f;
                font-size: 18px; 
                background: none; }

    .noUpdatePermission .fgN-A { display: block; }

    .noUpdatePermission .checkBox label { margin-top: -5px; }

    .noUpdatePermission .fgProdSKUBikeGearRatio { justify-content: unset; }
        .noUpdatePermission .fgProdSKUBikeGearRatio.form-group span { width: auto; padding-top: 0; }
            .noUpdatePermission .fgProdSKUBikeGearRatio.form-group label + span { padding-left: 0; }

    .noUpdatePermission .fgProdSKURunRange .fcNoControl { 
        flex: 1; 
        margin-left: 10px; }

    .noUpdatePermission .fgProdSKUSpeedRange .fgProdSKUSpeedRangeFrom { margin-right: 20%; }
        .noUpdatePermission .panelProductSpecWrap .fgProdSKUSpeedRangeFrom + .form-group { 
            width: unset; 
            margin-right: 10px; }

    .noUpdatePermission .fgPowerMainsVoltage .checkBox strong { white-space: nowrap; }

    .noUpdatePermission .tablePowerSupplyBattery { margin-bottom: 0; }
        .noUpdatePermission .tableList .tAction, 
        /*.noUpdatePermission .tablePowerSupplyBattery .tAction, .noUpdatePermission .tableSourceComponents .tAction, */
        .noUpdatePermission #skuBulletList .tAction, .noUpdatePermission #groupBulletList .tAction,
       /* .noUpdatePermission .tableProductDocsList .tAction, .noUpdatePermission .tableProductPricingList .tAction,*/ .noUpdatePermission .tableProductPricingList th:last-of-type,
        .pageProductSKUPricing .noUpdatePermission .bAddDoc, /*.noUpdatePermission .tableProductHistoryList .tAction,*/ .noUpdatePermission .weightSettings.tableList .tAction,
        .pageProductsGroupedOverview .noUpdatePermission .tAction, .pageProductsGroupedOverview .noUpdatePermission .dragOrder, .pageProductsGroupedOverview .noUpdatePermission .tCentre + th { display: none; }

    .noUpdatePermission #skuBulletList h3.panelTitle, .noUpdatePermission #groupBulletList h3.panelTitle { margin-bottom: 20px; }
    .noUpdatePermission #skuBulletList tr, .noUpdatePermission #groupBulletList tr { 
        display: flex; 
        align-items: center; 
        width: 100%; 
        border-top: solid 2px transparent; 
        border-bottom: solid 2px transparent; 
        transition: all 0.3s; }
        .noUpdatePermission #skuBulletList tr:hover, .noUpdatePermission #groupBulletList tr:hover { border-color: #6f577e; }
    .noUpdatePermission #skuBulletList thead, .noUpdatePermission #skuBulletList .tBullet::before, 
        .noUpdatePermission #groupBulletList thead, .noUpdatePermission #groupBulletList .tBullet::before { display: none; }
    .noUpdatePermission #skuBulletList .tableList td, .noUpdatePermission #skuBulletList tr:hover td, 
        .noUpdatePermission #groupBulletList .tableList td, .noUpdatePermission #groupBulletList tr:hover td { border-color: transparent !important; }
        .noUpdatePermission #skuBulletList .tableList td::after, .noUpdatePermission #skuBulletList tr:hover td::after, 
            .noUpdatePermission #groupBulletList .tableList td::after, .noUpdatePermission #groupBulletList tr:hover td::after { border-color: transparent; }
    .noUpdatePermission #skuBulletList .tTitle, .noUpdatePermission #groupBulletList .tTitle { order: 1; }
    .noUpdatePermission #skuBulletList .dragOrder, .noUpdatePermission #groupBulletList .dragOrder { 
        order: 0; 
        padding-left: 0; 
        padding-right: 30px; }
        .noUpdatePermission #skuBulletList .dragOrder a, .noUpdatePermission #groupBulletList .dragOrder a { 
            cursor: unset; 
            color: #6f577e; 
            background: transparent; }

    .pageProductSKUDetails .tableProductBulletList tbody { counter-reset: section; }
        .pageProductSKUDetails .tableProductBulletList .tBullet::before { display: none; }
        .pageProductSKUDetails .tableProductBulletList .tBullet .flex { align-items: center; min-height: 40px; }
            .pageProductSKUDetails .tableProductBulletList .tBullet .flex::before { 
                counter-increment: section;
                content: counter(section);
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
                line-height: 1;
                width: 40px;
                height: 40px;
                margin-right: 30px;
                color: #6f577e;
                font-size: 24px;
                font-weight: bold;
                text-align: center;
                letter-spacing: -1px;
                border-radius: 4px;
                border: solid 3px #b0b0ad; 
                background: #FFFFFF; }

    .noUpdatePermission .panelSKUSourceQualityWrap label + span { margin-left: 10px; }
    .noUpdatePermission .panelSKUSourcePackaging .checkBox input[disabled]:not(:checked) + label span { 
        display: block; 
        margin-right: 5px; 
        border: none; 
        /*background: url(../images/iAction.png) no-repeat -120px 5px;*/
        filter: invert(12%) sepia(48%) saturate(6975%) hue-rotate(347deg) brightness(103%) contrast(95%); 	/* #be1622 RFEred */
        background: url(../images/iSprite.svg) no-repeat center 5%; 
        background-size: cover; }
        .noUpdatePermission .panelSKUSourcePackaging .checkBox input[disabled]:not(:checked) + label span + strong {
            color: revert;
            text-decoration: revert;
            white-space: nowrap; }
    .noUpdatePermission .panelSKUSourceMasterCartonList .panelSKUSourceMeasurements label { padding-top: 0; }
    .noUpdatePermission .panelSKUSourceMasterCartonOverview .fgMasterQty label { flex: unset; }

    .pageProductSKUDocs .noUpdatePermission > h3.sectionTitle { margin-bottom: -30px; }
    .noUpdatePermission .tableProductDocsList th:last-of-type { display: none; }
    .noUpdatePermission .tableProductDocsList .tFileType, .noUpdatePermission .tableProductHistoryList .tFileType, .noUpdatePermission .tableProductPricingList .tDateTo { padding-right: 30px; }

    .pageProductsGroupedOverview .noUpdatePermission .fgProductGroupBy .btn { 
        width: auto;
        height: auto;
        padding: 0 0 0 30px;
        color: #40403f;
        border: none !important;
        cursor: unset;
            -webkit-box-shadow: none;
        box-shadow: none;
        background: none; }

        .pageProductsGroupedOverview .noUpdatePermission .btn:not(.active) label { 
            color: #949491; 
            text-decoration: line-through; }

        .pageProductsGroupedOverview .noUpdatePermission .btn::before, .pageProductsGroupedOverview .noUpdatePermission .btn:not(.active)::after { display: none; }   
        
        .pageProductsGroupedOverview .noUpdatePermission .btn.active::after { 
            height: 30px;
            width: 30px;
            left: -3px;
            top: 0;
            margin: -6px 0 0;
            /*background: url(../images/iAction.png) no-repeat -320px -145px; */
            background: url(../images/iSprite.svg) no-repeat center 15%; 
            background-size: cover; }

        .pageProductsGroupedOverview .noUpdatePermission .btn label { color: #40403f; }

        .pageProductsGroupedOverview .noUpdatePermission .btn + .btn { margin-left: 30px; }


    .fgGridDouble { grid-column: auto / span 2; }

        .fgGridDouble .form-group { display: flex; }

            .fgGridDouble .flex .form-group { margin-bottom: 0; }

            .fgGridDouble.form-group label, .fgGridDouble.form-group .form-control, .fgProdSKUBikeGearRatio label, .fgProdSKUCrossTrainerHandlebar label, .panelProductGymSpecWrap label
                { width: 100%; }

            .fgGridDouble label { padding-right: 10px; }

            .fgGridDouble .form-group:first-of-type { margin-right: 40px; }

        .fgProdSKUSpeedRange .fgProdSKUSpeedRangeFrom { margin-right: 30px; }

            .fgProdSKUSpeedRange .flex .form-group label { width: auto; }
            .fgProdSKUSpeedRange .flex .form-group .form-control { width: 100%; }

            .fgProdSKUSpeedRange.form-group .fgProdSKUSpeedRangeUnits { 
                width: 70px ; 
                margin-left: 10px; 
                padding-left: 8px; 
                padding-right: 0; }

                .fgProdSKUSpeedRangeUnits option { padding: 0; }

    .fgProdSKUBikeGearRatio, .fgN-A, .fgModalButton { 
        display: flex; 
        flex-wrap: wrap; 
        justify-content: space-between; }

    .fgProdSKUBikeGearRatio.form-group .fcWrap { width: 47%; }

        .fgProdSKUBikeGearRatio span { 
            padding: 10px 5px 0; 
            font-weight: bold; }

    .fgProdSKUFromTo label { 
        width: auto; 
        padding-right: 10px; }

    .fgProdSKUFromTo .form-group:nth-of-type(2) label { text-align: right; }

    .fgProdSKUFromTo.form-group .formGroupH label { width: 35%; }
    .fgProdSKUFromTo.form-group .formGroupH .form-control { width: 65%; }

    .fgProdSKUCrossTrainerHandlebar .flex, .fgFlexCheckList .flex { align-items: center; }

        .fgFlexCheckList .flex + .flex { padding-left: 40px; }

        .fgFlexCheckList .flex input { margin-top: 0; }

    .form-group .subLabel { 
        color: #40403f; 
        font-size: 13px; 
        text-transform: none; }

    .fgSubNoLabel.form-group { padding-top: 23px; }

    .pageProductSKUOverview .addNewTableData .addNew { 
        max-width: 800px; 
        margin-bottom: 0; }

    .panelProductGymSpecAdjust { margin-top: 30px; }

    .addNewGroupedSKU { flex-wrap: wrap; }

            .addNewGroupedSKU .form-group:nth-of-type(2n) { margin-right: 0; }

            .addNewGroupedSKU .bSave { margin-left: auto; }

.powerSupplyFields .fgFlexCheckList { margin-top: 15px; }

    .fgPowerMainsVoltage { 
        display: flex; 
        flex-wrap: wrap; }    
 
/****** PRODUCTS IMAGES ******/

.galleryAddDouble {  }

.pageProductSKUDetailsImages .photoWrap { /*gap: 12px; */grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } 

.panelProductsImages h3 { margin-bottom: 20px; }

    .panelProductsImages h3::after { 
        height: 60px; 
        top: -6px;
        background-position-y: -2500px; }

        .panelImagesProduct h3::after { background-position-x: 0; }
        .panelImagesLifestyle h3::after { background-position-x: -100px; }
        .panelImagesInfographic h3::after { background-position-x: -300px; }
        .panelImagesArchive h3::after { background-position-x: -200px; }

    .panelImagesLifestyle h3, .panelImagesLifestyle .dz-message span { color: #3898ad; }
    .panelImagesInfographic h3, .panelImagesInfographic .dz-message span { color: #944364; }

    .panelImagesArchive h3 { color: #d5541a; }

.pageBasic .galleryFeatured .galleryPhotoWrap, .pageBasic .photoWrap .galleryPhotoWrap { 
    border: solid 3px transparent; 
    background: none; }

.galleryFeatured.photoWrap li > a::after { background: #6f577e url(../images/iSprite.png) no-repeat -195px -1095px; }

.galleryFeatured .buttonStrip, .photoWrap .buttonStrip { 
    display: flex; 
    justify-content: flex-end;
    position: absolute; 
    top: 12px; 
    right: 10px; }

    .galleryFeatured .buttonStrip .bSQ30Lite { 
        position: relative;
        width: 32px;
        height: 32px; }

        .galleryFeatured .buttonStrip .bSQ30Lite:not(:hover), .photoWrap .buttonStrip .bSQ30Lite:not(:hover) { 
            background: #FFFFFF !important; }

            /*.galleryFeatured .buttonStrip .bProductPhoto:hover { border-color: #6f577e; }
            .galleryFeatured .buttonStrip .bLifestylePhoto:hover { border-color: #3898ad; }
            .galleryFeatured .buttonStrip .bArchivePhoto:hover { border-color: #d5541a; }*/

/*        .galleryFeatured .bSQ30Lite + .bSQ30Lite { margin-left: 3px; }*/

    .photoStrip .buttonStrip { 
        top: 5px; 
        right: 5px; }

        .photoStrip .buttonStrip .bSQ20Lite { 
            position: relative;
            width: 20px;
            height: 20px; }

        .galleryFeatured .bSQ30Lite:not(:hover)::before { 
            content: ''; 
            position: absolute;
            top: 0px;
            left: 0px;
            width: 32px;
            height: 32px;
            border: solid 2px #c7c7c6; 
            z-index: 9990; }

        /*.galleryFeatured .bSQ30Lite::after { 
            top: 0;
            left: 0;
            width: 32px; 
            height: 32px; }*/

        .galleryFeatured .bSQ30Lite::after, .photoWrap .bSQ20Lite.bDelete::after { 
            width: 20px;
            height: 20px;
            left: 52%;
            top: 52%;
            margin: -10px 0 0 -10px;
            transition: all 0.3s; 
            filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%); 		/* #787875 Mid Grey */
            background: url(../images/iSprite.svg) no-repeat center 0; 
            background-size: cover; }

            .galleryFeatured .bSQ30Lite.bDelete::after, .photoWrap .bSQ20Lite.bDelete::after, .galleryFeatured .bArchivePhoto::after { background-image: url(../images/iAction.svg); }

        .galleryFeatured .bProductPhoto::after { /*background: url(../images/iSpriteTiny.png) no-repeat 0 -850px;*/ background-position-y: 61.5%; }
        .galleryFeatured .bLifestylePhoto::after { /*background: url(../images/iSpriteTiny.png) no-repeat 0 -900px;*/ background-position-y: 54%; }
        .galleryFeatured .bInfoGraphicPhoto::after { /*background: url(../images/iSpriteTiny.png) no-repeat 0 -1750px;*/ background-position-y: 54.5%; }
        .galleryFeatured .bArchivePhoto::after { /*background: url(../images/iSpriteTiny.png) no-repeat 0 -950px;*/ background-position-y: 60%; }
        .galleryFeatured .bSQ30Lite.bDelete::after, .photoWrap .bSQ20Lite.bDelete::after { /*background: url(../images/iAction.png) no-repeat -75px 5px; */ background-position-y: 5%; }
        .photoWrap .bSQ20Lite.bDelete::after { 
            /*background: url(../images/iAction.png) no-repeat -75px -295px;*/ 
            width: 14px;
            height: 14px;
            margin: -7px 0 0 -7px; }

            /*.galleryFeatured .bSQ30Lite:not(.bDelete):hover::after { background-position-x: -50px; }*/

                /*.galleryFeatured .bProductPhoto:hover::after { background-color: #6f577e; }*/
                /*.galleryFeatured .bLifestylePhoto:hover::after, .panelImagesLifestyle .galleryFeatured li > a::after { background-color: #3898ad; }
                .galleryFeatured .bInfoGraphicPhoto:hover::after, .panelImagesInfographic .galleryFeatured li > a::after { background-color: #944364; }*/
                /*.galleryFeatured .bArchivePhoto:hover::after, .panelImagesArchive .galleryFeatured li > a::after { background-color: #d5541a; }*/

                .galleryFeatured .bProductPhoto:hover { background-color: #6f577e !important; }
                .galleryFeatured .bLifestylePhoto:hover, .panelImagesLifestyle .galleryFeatured li > a::after { background-color: #3898ad !important; }
                .galleryFeatured .bInfoGraphicPhoto:hover, .panelImagesInfographic .galleryFeatured li > a::after { background-color: #944364 !important; }
                .galleryFeatured .bSQ30Lite.bDelete:hover { background-color: #be1622 !important; }
                .galleryFeatured .bArchivePhoto:hover, .panelImagesArchive .galleryFeatured li > a::after { background-color: #d5541a !important; }

            .galleryFeatured .bSQ30Lite:hover::after, .galleryFeatured .bSQ20Lite.bDelete:hover::after { 
                filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */
                /*background-position-x: 5px;
                background-color: #be1622;*/ }

        .galleryFeatured .buttonStrip + .galleryPhotoWrap { 
            -webkit-transform: scale(calc(1 + 10px));
                        -ms-transform: scale(calc(1 + 10px));   
                        -moz-transform: scale(calc(1 + 10px));
                    transform: scale(calc(1 + 10px)); }

            .galleryFeatured .moveToProduct + .galleryPhotoWrap { border: solid 3px #6f577e; }
            .galleryFeatured .moveToLifestyle:hover + .galleryPhotoWrap { border: solid 3px #3898ad; }
            .galleryFeatured .moveToInfoGraphic:hover + .galleryPhotoWrap { border: solid 3px #944364; }
            .galleryFeatured .moveToArchive:hover + .galleryPhotoWrap { border: solid 3px #d5541a; }
            .galleryFeatured .deleteThis:hover + .galleryPhotoWrap, .photoWrap .deleteThis:hover + .galleryPhotoWrap { border: dashed 3px #be1622; }

.modal .dropzone, .fgDropZone.dropzone { 
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-top: 0; 
    padding: 20px; }

    .fgDropZone.dropzone, .panelProductsImages .dropzone, .modal .dropzone, .addNew .dropzone { 
        position: relative;
        border: dashed 6px #dcdcd9; }

        .fgDropZone.dropzone:hover, .panelProductsImages .dropzone:hover, .modal .dropzone:hover, .addNew .dropzone:hover { border-color: #c7c7c6; }

    .panelProductsImages .dz-message, .addNew .dropzone:not(.dz-started) .dz-message { 
        position: absolute; 
        cursor: pointer;
        display: flex; 
        justify-content: center;
        align-items: center;
        top: 0; 
        bottom: 0; 
        left: 0; 
        right: 0; }

        .addNew .dropzone.dz-started .dz-message { display: none; }

    .panelImagesLifestyle .dropzone .iCamera.iBig::after { background-position-x: -240px; }
    .panelImagesInfographic .dropzone .iCamera.iBig::after { background-position-x: -360px; }

    .panelProductsImages .dropzone .dz-preview { 
        width: calc((100% - 40px) / 5); 
        margin: 0 10px 20px 0;
        text-align: center; }

        .pageProducts .panelProductsImages .dropzone .dz-preview .dz-image { 
            width: auto;
            height: auto;
            margin-bottom: 10px;
            border-radius: 2px; }
        
            .pageProducts .panelProductsImages .dropzone .dz-preview img { 
                width: 100%; 
                max-width: unset;
                border-radius: 0;
                    -webkit-transform: none;
                    -moz-transform: none;
                    -ms-transform: none;
                    -o-transform: none;
                 transform: none !important; 
                    -webkit-filter: none; 
                 filter: none !important; }

        .panelProductsImages .dropzone .dz-preview .dz-details {
            position: relative; 
            top: unset; 
            left: unset; 
            opacity: 1;
            font-size: 13px;
            min-width: unset;
            max-width: unset;
            padding: 0;
            text-align: center;
            color: #40403f;
            line-height: 1; }

            .pageProducts .panelProductsImages .dropzone .dz-details .dz-filename { 
                font-size: 12px; 
                font-weight: bold; 
                white-space: unset;
                word-wrap: break-word; }

                .panelProductsImages .dropzone .dz-preview .dz-details .dz-filename span { 
                    padding: 0; 
                    font-weight: bold; 
                    border: none !important;
                    background: none; }

                    .panelProductsImages .dropzone .dz-preview .dz-details .dz-filename:hover span { 
                        border: none !important; 
                        background: none; }

                .pageProducts .panelProductsImages .dropzone .dz-progress { border: none !important; }

                    .pageProducts .panelProductsImages .dropzone .dz-progress .dz-upload { background: #6f577e !important; }

    .panelProductsImages .dropzone .dz-preview .dz-details .dz-size { margin-bottom: 6px; }

    .pageProducts .panelProductsImages .dz-preview .dz-remove { 
        display: inline-block; 
        position: relative;
        margin-top: 10px;
        padding-right: 20px;
        color: #be1622;
        font-weight: bold; 
        text-transform: uppercase; }

        .pageProducts .panelProductsImages .dropzone .dz-preview .dz-remove:hover { 
            color: #aa1414;
            text-decoration: none; }

        .pageProducts .panelProductsImages .dz-remove::after { 
            position: absolute; 
            content: '';
            width: 14px;
            height: 14px;
            top: 50%;
            right: 0;
            margin-top: -7px;
            /*background: url(../images/iAction.png) no-repeat -41px -301px; */
            filter: invert(64%) sepia(5%) saturate(159%) hue-rotate(22deg) brightness(91%) contrast(87%); 		/* #949491 Light Grey */
            background: url(../images/iAction.svg) no-repeat center 5%; 
            background-size: cover; }

            .pageProducts .dz-preview:hover .dz-remove:hover::after { /*background-position-x: -121px;*/ filter: invert(12%) sepia(48%) saturate(6975%) hue-rotate(347deg) brightness(103%) contrast(95%); 	/* #be1622 RFEred */ }

        .pageProducts .panelProductsImages .spinRingu { top: -32px; }
            
            .modal .dropzone .iBig::after, .fgDropZone.dropzone .iBig::after { background-position-y: -1320px; }

            .fgDropZone.dropzone:not(:hover) .iBig::after { opacity: 0.7; }

    .pageProducts .panelProductsImages .noSort:not(:hover)::before { 
        content: ''; 
        position: absolute;
        width: 100%;
        height: 100%;
        top: -2px;
        right: -2px;
        z-index: 0;
        background: linear-gradient(45deg, transparent, transparent 70%, #949491 90%, #949491); }

    .pageProducts .panelProductsImages .noSort::after, .pageProducts .panelProductsImages .noSort a::before { 
        content: ''; 
        position: absolute;
        width: 42px;
        height: 42px;
        top: 0;
        right: 0;
        z-index: 1;
        /*background: url(../images/iCornerz.png) no-repeat right -2760px; */
        background: url(../images/iCornerz.svg) no-repeat center 39%; 
        background-size: cover; }

        .pageProducts .panelProductsImages .noSort::after { 
            z-index: 100;
            background: url(../images/iSprite.png) no-repeat 0 -4950px; }


/****** PRODUCTS SOURCING ******/
/* No Longer Used? - No references found - July 2025 */

/*.pageProductSKUSourcing .contentMain { position: relative; }*/

    /*.panelProductSourcingOverview { 
        display: flex; 
        flex-wrap: wrap;
        margin-top: 0; 
        padding-bottom: 0; }*/

        /*.sideNavProductSourcing { 
            position: relative; 
            width: 360px;
            background: #eeeeeb; }*/

            /*.sideNavProductSourcing ul {  
                display: flex;
                flex-direction: column;
                height: 100%;
                margin: 0; 
                padding: 0; 
                list-style-type: none; }*/

                /*.sideNavProductSourcing ul::after, .sideNavProductSourcing .active::after { 
                    content: ''; 
                    position: absolute; 
                    right: -3px; 
                    top: 0; 
                    bottom: 0;
                    border-right: solid 3px #c7c7c6; }*/

                /*.sideNavProductSourcing li { 
                    position: relative;
                    border-bottom: solid 3px #c7c7c6; }*/

                   /* .sideNavProductSourcing .active::after { 
                        border-right-color: #FFFFFF; 
                        z-index: 9990; }*/

                    /*.sideNavProductSourcing a,*/ /*.hSingleSource { 
                        display: flex; 
                        position: relative;
                        flex-direction: column;
                        justify-content: center;
                        width: 100%; 
                        height: 100px; 
                        padding: 0 20px 0 30px;
                        line-height: 1; }*/

                        /*.sideNavProductSourcing strong,*/ /*.hSingleSource strong { 
                            color: #949491;
                            font-size: 30px;
                            text-transform: uppercase; }*/

                        /*.sideNavProductSourcing a:hover { 
                            text-decoration: none;
                            background: #f5f5f2; }*/

                            /*.sideNavProductSourcing a:hover strong, .sideNavProductSourcing .active strong,*/ /*.hSingleSource strong { color: #6f577e; }*/

                        /*.sideNavProductSourcing .active a,*/ /*.hSingleSource { 
                            padding-left: 85px;
                            background: #FFFFFF; }*/

                        /*.sideNavProductSourcing a span,*/ /*.hSingleSource span { 
                            color: #5c5c5a; 
                            font-size: 18px; }*/

                            /*.sideNavProductSourcing .active span,*/ /*.hSingleSource span { color: #40403f; }*/

                            /*.sideNavProductSourcing .active a::after,*/ /*.hSingleSource::after { 
                                content: ''; 
                                position: absolute; 
                                width: 42px; 
                                height: 42px; 
                                left: 30px;
                                top: 50%;
                                margin-top: -21px;
                                background: url(../images/iSpriteBig.png) no-repeat -420px -900px; }*/

            /*.hSingleSource { 
                width: 100%;
                height: auto;
                margin: 40px 0 20px; }

                .hSingleSource ~ .panelProductSourcingAgent { 
                    width: 800px; 
                    margin-left: 0;
                    padding-top: 0; }*/

        /*.panelProductSourcingOverview .bAddNew { 
            display: flex;
            align-items: center;
            position: absolute; 
            top: 10px; 
            right: 30px; 
            height: 50px; 
            line-height: 1; }*/

            /*.panelProductSourcingOverview .bAddNew::after { right: 10px; }*/

/*.panelProductSourcingAgent { 
    width: 100%;
    margin: 0 0 20px 20px;
    padding-top: 110px; }

    .panelProductSourcingAgent .form-group.formGroupH label { width: 40%; }
    .panelProductSourcingAgent .form-group.formGroupH .form-control { width: 60%; }*/

    /*.panelProductSourcingOverview .panelSaveBar { width: 100%; }*/


/*.pageProductSKUDetails .sectionCorner .iCorner::after,*/ .pageTracking .sectionCorner .iCorner::after { 
        -moz-transform: scale(-1, 1);
        -webkit-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
    transform: scale(-1, 1); }

    .panelSKUSourceMeasurements.sectionCorner .iCorner::after { background-position-y: -4700px; top: 13px; } /** Measurements **/
    .panelSKUSourceQuality.sectionCorner .iCorner::after { background-position-y: -1350px; } /** Quality **/
    .panelProductsWarranty.sectionCorner .iCorner::after, .panelSKUSourceWarranty.sectionCorner .iCorner::after { background-position-y: -3750px; top: 14px; }  /** Warranty **/
    .panelSKUSourceComponents.sectionCorner .iCorner::after { background-position-y: -4850px; top: 14px; } /** Components **/
    .panelSKUSourceMaterials.sectionCorner .iCorner::after { background-position-y: -4900px; height: 28px; /*top: 11px;*/ } /** Materials **/
    .panelSKUSourcePackaging.sectionCorner .iCorner::after { background-position-y: -4750px; } /** Packaging **/
    .panelSKUSourceMasterCarton.sectionCorner .iCorner::after { background-position-y: -4800px; } /** Master Carton **/
    .panelProductsDetail.sectionCorner .iCorner::after { background-position-y: -5300px; } /** Detail **/
    .panelProductsPower.sectionCorner .iCorner::after { background-position-y: -5250px; height: 27px; /*left: 21px;*/ left: 13px; } /** Power **/
    .panelProductsSourcing.sectionCorner .iCorner::after { background-position-y: -5000px; background-position-x: -150px; top: 9px; } /** Sourcing **/
    .panelProductsAccessory.sectionCorner .iCorner::after { background-position-y: -5350px; } /** Dumbell / Accessories **/
    .panelProductsBike.sectionCorner .iCorner::after { background-position-y: -5400px; height: 28px; top: 9px; } /** Bike **/
    .panelProductsTreadmill.sectionCorner .iCorner::after { background-position-y: -5450px; top: 9px; /*left: 23px;*/ left: 11px; } /** Treadmill **/
    .panelProductsCrosstrainer.sectionCorner .iCorner::after { background-position-y: -5500px; height: 28px; top: 9px; } /** Crosstrainer **/
    .panelProductsRower.sectionCorner .iCorner::after { background-position-y: -5550px; top: 11px; } /** Rower **/
    .panelProductsGym.sectionCorner .iCorner::after { background-position-y: -5600px; } /** Gym / Bench **/

.panelProductSpecButtonBar { 
    display: flex;
    width: calc(100% + 60px);
    margin-left: -30px; 
    padding: 20px 30px;
    background: #eeeeeb; }

.panelSaveBar { 
    display: flex; 
    padding: 20px 0 15px; 
    border-width: 10px 0 0 0; } /* dotty border-top */

    .panelSaveBar.gtrBoth { padding: 20px 30px 15px; }

    .panelSaveBar .bButton, .panelProductSpecButtonBar .bButton { margin: 0 0 0 auto; }

        .panelSaveBar .bAddNew::after { right: 10px; }


/****** PRODUCTS Measurements ******/

/* Measurements Panel */
.panelSKUSourceMeasurements .flex, .panelSKUSourceQuality .flex { flex-wrap: wrap; }

    .panelSKUSourceMeasurements .flex h4, .panelSKUSourceQuality .flex h4 { width: 100%; }

    .panelSKUSourceMeasurements .flex .form-group { width: calc(92% / 3); max-width: 300px; } /* 100% - (2 x 4%) / 3 */

        .panelSKUSourceMeasurements .flex .form-group + .form-group { margin-left: 4%; }

    .panelSKUSourceMeasurements .flex label { width: 40px !important; }

        .panelSKUSourcePackaging .panelSKUSourceMeasurements label { padding-top: 10px; }

    .panelSKUSourceMeasurements .flex .form-control { width: calc(100% - 40px) !important; }

/* Quality Panel */
.panelSKUSourceQualityWrap { display: flex; }

        .panelSKUSourceQuality .flex:nth-of-type(1) { 
            gap: 0 20px;
            width: 60%; 
            padding-right: 30px; }
        .panelSKUSourceQuality .flex:nth-of-type(2) {
            gap: 0 20px;
            width: 40%; 
            padding-left: 30px; }

        .panelSKUSourceQuality .flex .form-group { 
            flex-basis: auto;
            flex-grow: 1; }

            /*.panelSKUSourceQuality .flex .form-group + .form-group { margin-left: 20px; }*/

    .fgModalButton { justify-content: flex-start; }

        .fgModalButton .form-control { 
            width: calc(100% - 110px); 
            margin-right: 10px; }

        .fgModalButton .bButton { 
            width: 100px; 
            margin-top: 0; }

/* Warranty Panel */
    .modalAddOtherWarranty .form-control.fcAuto { margin-left: 20px; }

/* Components Panel */
    .tableSourceComponents.tableList { margin: 0; }

        .tableSourceComponents.tableList tr, .tableSourceComponents.tableList tr td, .tableSourceComponents.tableList tr td::after, .tableSourceComponents.tableList tr:hover td::after 
            { border: none !important; }

    .tableSourceComponents.tableList tr + tr td { 
        border: dotted 5px #c7c7c6 !important;
        border-width: 14px 0 0 0 !important;
        /*border-width: 10px 0 0 0 !important;*/
        /*border-image-source: url('../images/dotBorder.png') !important;*/
        border-image-source: url('../images/dotBorder.svg') !important;
        border-image-slice: 33% !important;
        border-image-repeat: round !important; }

        .tableSourceComponents .tAction { vertical-align: top; }

            .panelSKUSourceComponentsItem {                 
                display: flex; 
                flex-direction: column; }

                .panelSKUSourceComponentsItem form { position: relative; }

                    .panelSKUSourceComponentsItem form::before { 
                        content: ''; 
                        position: absolute;
                        width: 6px;
                        left: -30px;
                        top: 0;
                        bottom: 0;
                        background: #944364; }

                .panelSKUSourceComponentsItem h4 { margin-bottom: 10px; }

                .panelSKUSourceComponentsItem .flex, .itemSKUSourceComponentDimension h5 { font-size: 15px; }

                    .panelSKUSourceComponentsItem .flex + .flex { margin-top: 15px; }

                    .panelSKUSourceComponentsItem .flex label { 
                        width: 160px; 
                        text-transform: uppercase; }

                    .panelSKUSourceComponentsItem .flex label, .panelSKUSourceComponentsItem .flex span.fontBlack { color: #787875; }

                    tr:hover .panelSKUSourceComponentsItem .flex label, tr:hover .labelComponentDimension { color: #6f577e; }

                    .pageProductSKUFeatures .tableSourceComponents strong { text-transform: none; }

                .itemSKUSourceComponentDimensionWrap { width: calc(100% - 160px); }

                    .itemSKUSourceComponentDimension span.fontBlack { margin: 0 15px; }

                    .itemSKUSourceComponentDimension h5 { 
                        min-width: 100px;
                        margin: 0 20px 0 0;
                        font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
                        font-weight: 900; }

                        tr:not(:hover) .itemSKUSourceComponentDimension h5 { color: #40403f; }
                        tr:hover .itemSKUSourceComponentDimension h5 { color: #6f577e; }

                    .labelComponentDimension { margin-right: 10px; }

                .itemSKUSourceComponentDimension { width: 100%; }

                    .panelSKUSourceComponentsItem .itemSKUSourceComponentDimension + .itemSKUSourceComponentDimension { margin-top: 10px; }

        .fgModalComponentDimensions { 
            display: flex; 
            flex-direction: column; }

            .fgModalComponentDimensions .flex + .flex, .fgModalFlexTable .flex + .flex { margin-top: 10px; }

            .fgModalComponentDimensions .flexColumn + .flexColumn, .fgModalFlexTable .flexColumn + .flexColumn { padding-left: 20px; }

            .modal .fgModalComponentDimensions.form-group label, .fgModalComponent .fcSelectMulti, .modal .fgModalComponentDimensions.form-group .form-control { width: 100%; }

            .fgModalComponentDimensions .flexColumn { width: calc((100% - 60px;) * 0.22); }

                .fgModalComponentDimensions .fgModalComponentDimensionName { width: calc((100% - 60px;) * 0.34); }

            .fgModalComponentDimensions .bSQ40, .fgModalFlexTable .bSQ40 { margin: auto 0 0 20px; }

            .fgModalComponentDimensions .flex { 
                flex-wrap: wrap; 
                width: 100%; }

                .fgComponentDimensionEdit .fStacked { margin-bottom: 0; }

                .fgModalComponentDimensionNew > .subLabel, .fgModalComponentDimensionLabel > .subLabel { width: 100%; }

    .addNewProductComponent .flex, .fgComponentDimensionEdit, .fgModalComponentDimensionEdit, .fgModalComponentDimensionNew, 
        .addComponentColourMaterial, .addComponentColourMaterial .fgModalComponent,
        .tableSourceComponents form { width: 100%; }

            .tableSourceComponents .panelSKUSourceComponentsItem form div label { color: #944364; }

        .addComponentNameDimension { flex-wrap: wrap; }

            .fgAddComponentName { width: 100%; }

            .addNew .fgAddComponentName, .addNew .fgAddComponentDimension { 
                width: 100%; 
                margin-right: 0; }            

            .fgModalComponentDimensionNew, .fgComponentDimensionEdit { 
                gap: 10px; 
                align-items: flex-end; }

                .fgComponentDimensionEdit + .fgComponentDimensionEdit { margin-top: 10px; }

                .fgAddComponentDimension .fgModalComponentDimensionName, .fgComponentDimensionEdit .fgModalComponentDimensionName { width: 50%; }

                .fgComponentDimensionEdit .fStacked:not(.fgModalComponentDimensionName) { width: calc((50% - 80px) / 3) ; min-width: 60px; } 

                    .fgComponentDimensionEdit .fStacked label { width: auto; }

                    .addNewProductComponent .bAddNew, .addNewProductComponent .bDelete, 
                    .fgComponentDimensionEdit .bAddNew, .fgComponentDimensionEdit .bDelete,
                    .panelSKUSourceComponentsItem .bAddNew, .panelSKUSourceComponentsItem .bDelete { margin: auto 0 0 10px; }

    .addComponentColourMaterial, .panelSKUSourceMaterials .addNew.productMaterialWrap { align-items: flex-end; }

        .addComponentColourMaterial .fgModalComponent.form-group, .addComponentColourMaterial .fgAddComponentMaterial { margin-right: 0; }

            .addComponentColourMaterial .bSQ30.bSqArrow, .panelSKUSourceMaterials .bSQ30.bSqArrow {
                align-self: unset;
                top: unset; 
                bottom: 25px; }

                .panelSKUSourceMaterials .bSQ30.bSqArrow { bottom: 0; }

.buttonBarProductComponents { 
    display: flex;
    width: 100%; 
    padding: 10px 0 5px; }

    .buttonBarProductComponents .bButton.bDouble.bOneWord { 
        width: 120px; 
        margin-top: 0; }

        .buttonBarProductComponents .bButton.bAdd { margin-left: auto; }

/* Materials Panel */
    .panelSKUSourceMaterials .tableList { margin-bottom: 20px; }

        .fgModalComponentDimensions .flexColumn + .flexColumn { padding-left: 20px; }

        .fgModalMaterialsMaterial { width: calc((100% - 60px;) * 0.7); }

        .fgModalMaterialsPercent { width: calc((100% - 60px;) * 0.3); }

        .fgModalMaterialGroupNew .bAddNew.bSQ40 { margin-top: 0; }


.productMaterialWrap, .productMaterialWrap form { 
    display: flex; 
    flex-wrap: wrap;
    gap: 10px;
    width: 100%; }

    .productMaterialWrap .fcNoControl { color: #787875; }

    .productMaterialWrap .validation-summary { width: 100%; }

    .productMaterialWrap form .fStacked { margin-bottom: 0; }

        .productMaterialWrap .fStacked:not(.fPercent) { 
            flex: 1 1 auto;
            width: 50%; 
            max-width: 400px; 
            min-width: 200px; margin-right: 0; }

        .productMaterialWrap .fStacked.fPercent { width: auto; }


/* Packaging Panel */
    .panelSKUSourcePackaging .fgBigCheckLeft { margin-bottom: 30px; }

    .panelSKUSourcePackaging .panelSKUSourceMeasurements { margin-bottom: 10px; }

    .panelProductSKUAlert { 
        display: flex; 
        flex-wrap: wrap; 
        margin: 0 0 30px; 
        padding: 20px 0; 
        border-top: solid 3px #be1622; 
        border-bottom: solid 3px #be1622; }

        .panelProductSKUAlert .iAlert { 
            width: 100%; 
            margin-bottom: 20px; }

        .panelProductSKUAlert .iNo { margin: 0 40px 0 0; }

            .panelProductSKUAlert .iIcon::after { 
                margin-left: 0;
                left: 0; }

            .panelProductSKUAlert .iIcon.sz4 .fontBlack { 
                display: inline-block;
                margin-left: 5px; }

.fgProductsPerCarton { 
    display: flex; 
    flex-wrap: wrap; }

    .fgProductsPerCarton label { width: 100%; }

    .fgProductsPerCarton input.form-control { width: 40%; }

    .fgProductsPerCarton select.form-control { 
        width: calc(60% - 10px); 
        margin-left: 10px; }

/* Master Carton Panel */

.bSectionTop.bButton, .panelSKUSourceMasterCarton .bAdd { 
    position: absolute; 
    margin-top: 0;
    top: 0; 
    right: 30px; }

.panelSKUSourceMasterCartonTitle { display: flex; }

    .panelSKUSourceMasterCartonTitle .bDelete { margin: -4px 0 0 auto; }

.panelSKUSourceMasterCartonOverview .fgMasterQty { 
    display: flex;
    flex-wrap: wrap;
    width: 100%; }

    .panelSKUSourceMasterCartonOverview .fgMasterQty.form-group label { 
        width: 420px; 
        margin-right: 20px; }

    .panelSKUSourceMasterCartonOverview .fgMasterQty.form-group .form-control { 
        width: 20%; 
        min-width: 50px; }

.panelSKUSourceMasterCartonList { 
    margin-top: 10px; 
    padding-top: 20px; }

.modal .panelProductSpecWrap label br { display: none; }


/****** PRODUCTS Docs ******/

.pageProductSKUDocs .contentWrap { float: none; }

.tableProductDocsList.tableList { margin-bottom: 20px; }

.tComplianceMatrix { 
    width: 20px; 
    padding-right: 0; }

    .iComplianceMatrix { 
        display: block;
        width: 20px; 
        height: 20px; 
        background: url(../images/iSprite.png) no-repeat -100px -4350px; }

        .panelSectionArchive tr:not(:hover) .iComplianceMatrix { background-position-x: -200px; }

.pageProductSKUDocs section { position: relative; }

    .sectionProductSKUDocsList .sectionTitle:first-of-type, .sectionTitle + .panelProductSKUDocs { border: none; } 

.pageProductSKUDocs .panelSaveBar { display: flex; }

    .pageProductSKUDocs .panelSaveBar:last-of-type {
        padding-top: 30px; 
        padding-bottom: 30px;
        border: none; 
        border-bottom: solid 10px #c7c7c6; }

    .pageProductSKUDocs .panelSaveBar:first-of-type { 
        margin-bottom: -20px;
        padding-top: 0; }

.panelProductSKUDocs:first-of-type.dottyTop { border: none; }

    .panelProductSKUDocs h4 { margin: 20px 0 0; }

    .tableProductDocsList .thumb img { margin: -10px 0; }

    .tableProductDocsList .tFileName { 
        width: 90%;
        overflow-wrap: break-word;
        word-break: break-word;
        word-wrap: break-word; }

     .tableProductDocsList .tDate span { 
         display: block; 
         width: 150px; }

        .tableProductDocsList .tDate, .tableProductPricingList .tDate, .tableProductHistoryList .tDate { white-space: nowrap; }

    .tableProductDocsList .tFileType, .tableProductHistoryList .tFileType { 
        width: 30px; 
        padding-right: 0; }

    .modalAddProdDocument .fcSelectMulti { width: 70%; }

.pageProductSKUDocs .panelSectionArchive { 
    margin-bottom: 0; 
    padding-bottom: 0; }

    .pageProductSKUDocs .panelSectionArchive h3 { 
        padding-left: 70px; 
        color: #6d6450; }

.tableProductPricingList .tTitle { width: 32%; }

.tableProductPricingList .tNum { white-space: nowrap; }


    .modal .modal-footer .modalButtonsMultiAction .bAction.bButton { 
        width: 48%; 
        height: 90px; }
        .modal .modal-footer .modalButtonsMultiAction .bAction + .bAction { margin-left: 4%; }

        .modalButtonsMultiAction .bAction.bButton span { 
            color: #FFFFFF;
            font-size: 15px; 
            letter-spacing: 1px; }

            .modalButtonsMultiAction .bAction:hover { color: rgba(255, 255, 255, 0.8); }

            .modalButtonsMultiAction .bRestore.bAction {                 
                background: url(../images/iAction.png) no-repeat -200px -550px;  
                

                /*filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%);*/ 	/* Grape */
                /*background: url(../images/iAction.svg) no-repeat center 10%; 
                background-size: cover;*/ } /* Grape Redo 12 x 12 */ 

    .modal .modal-footer .modalButtonsMultiAction .bBack.bButton { 
        width: 100%; 
        margin-top: 4%; }



/****** PRODUCTS Pricing ******/

/*.panelProductSourcingAgent.panelProductSourcingTop { padding-top: 30px; }*/

.pageProductSKUPricing .noData { margin-right: 15px; }


/****** PRODUCTS History ******/



/*****************************************************************
= PRODUCT CLASSING Section
*****************************************************************/

.pageProductClass .iBig::after { background-position-y: -3960px }

    .iClassingBikes.iBig::after { background-position-x: 0; right: -3px; }
    .iClassingTreadmills.iBig::after { background-position-x: -60px; }
    .iClassingCrossTrainers.iBig::after { background-position-x: -120px; }
    .iClassingRowers.iBig::after { background-position-x: -180px; }
    .iClassingHomeGym.iBig::after { background-position-x: -240px; }
    .iClassingAccessories.iBig::after { background-position-x: -300px; }

.panelClassingOtherList { 
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px; }

    .panelClassingOtherList h2 { width: 100%; margin-bottom: -10px; }

    .panelClassingOtherList a { width: calc(94% / 4); }

        .panelClassingOtherList a + a { margin-left: 2%; }

/*.pageProductClassDetails h1::after { background-position-y: -2400px; }*/

    /*.pageProductClassBikes h1::after { background-position-x: 0; }*/
    /*.pageProductClassTreadmills h1::after { background-position-x: -100px; }*/
    /*.pageProductClassCrossTrainers h1::after { background-position-x: -200px; }*/
    /*.pageProductClassRowers h1::after { background-position-x: -300px; }*/
    /*.pageProductClassHomeGym h1::after { background-position-x: -400px; }*/
    /*.pageProductClassAccessories h1::after { background-position-x: -500px; }*/

.pageProductClassDetails .tableList { margin: 0; }

        .tableProductClassingType .dragOrder, .tableProClassRange .dragOrder { width: 140px; }

    .tProductClassingDocs { width: 160px; }    

.panelClassingDocsReq h3, .panelClassingDocsReq td, .trClassingRequired td, .trClassingRequired:not(:hover) .form-control, .tableProductClassingDocs .trClassingRequired .fcNoControl { color: #944364; }

.panelClassingDocsReq .tProductClassingDocs span { font-size: 18px; }

    .panelClassingDocsReq th { color: #7a3551; }

    .panelClassingDocsReq tr:not(:hover) .form-control { border-color: #dcdcd9; }

    .tableList .trClassingRequired:hover td, .tableList .trClassingRequired:hover td::after { border-color: #944364; }

        .trClassingRequired .form-control:focus { 
            border-color: #7a3551; 
            color: #000000 !important; }

        .tableProductClassingDocs td .fcNoControl { 
            width: 100px;
            text-align: right;
            margin-top: 0; }


/****** CLASSING - RANGES  ******/

.pageProductClassRange .bButton.bAddNew { margin: 20px 0 20px auto; }


/****** CLASSING - DOC TYPES  ******/
 
    .pageProductClassDocTypes .topTabs li a { 
        font-size: 15px; 
        transition: none; }

    .tDocTypeSource { white-space: nowrap; }

.pageProductWarranty .panel800, .pageProductClassMaterials .panel800 { margin: 20px 0 0; }

.tableProClassWarranty .tTitle { width: calc(100% - 100px); }

    .tableProClassWarranty tr:not(:hover) .tTitle { color: #787875; }
        .tableProClassWarranty tr:not(:hover) .grape { color: #6f577e; }

    .modalR600 .fgModalWarrantyPeriod .radioSingle { width: 100%; }
        .fgModalWarrantyPeriod .btn { width: calc((100% - 20px) / 3); }

.tableProClassColours {  }

.tableProClassCountry td.tPlug { /*padding-left: 30px;*/ padding-left: 40px; }

    .tableProClassCountry th.tPlug { padding-left: 0; }

    .tPlug span { 
        display: block; 
        position: absolute;
        left: 50%;
        top: 50%;/*
        margin-top: -13px;
        width: 26px; 
        height: 26px; */
        margin: -15px auto 0 -15px;
        width: 30px; 
        height: 30px; 
        /*background: url(../images/iSprite.png) no-repeat -80px -1700px;*/  /* Grey */
        transition: all 0.3s;
        filter: invert(64%) sepia(5%) saturate(159%) hue-rotate(22deg) brightness(91%) contrast(87%); 		/* #949491 Light Grey */
        background: url(../images/iPlugs.svg) no-repeat center 0; 
        background-size: cover; } 

        .tableProClassCountry .tPlug span { 
            left: -1px; 
            margin-left: 0; }

        tr:hover .tPlug span { /*background-position-x: -320px;*/ filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); } /* Grape */

        .tPlugG.tPlug span { /*background-position-y: -1750px;*/ background-position-y: 0; }
        .tPlugC.tPlug span { /*background-position-y: -1700px;*/ background-position-y: 20%; }
        .tPlugB.tPlug span { /*background-position-y: -1800px;*/ background-position-y: 40%; }
        .tPlugI.tPlug span { /*background-position-y: -1850px;*/ background-position-y: 60%; }


/*****************************************************************
= PRODUCT DOCUMENT
*****************************************************************/



.panelproductDocsOverview { margin-top: 10px; }

    .panelproductDocsOverview .flexWrap { 
        width: 100%; 
        justify-content: space-between; }

        .panelproductDocsOverview .contentWrap { 
            width: 32%;
            padding-left: 30px; }
            
            .panelproductDocsOverview .contentWrap::after { 
                top: 9px; 
                width: 42px;
                height: 42px;
                /*background: url(../images/iProductDocStatus.png) no-repeat -200px 0;*/ /* White 42 x 42 */
                background: url(../images/iDocStatus.svg) no-repeat center 0; 
                background-size: cover; }

                .productDocsDoughnut-Requested.contentWrap::before { background-position-y: -150px; }
                .productDocsDoughnut-Submitted.contentWrap::before { background-position-y: -450px; }
                .productDocsDoughnut-Expiring.contentWrap::before { background-position-y: -250px; }

                    .productDocsDoughnut-Requested.contentWrap::after { background-position-y: 0; }
                    .productDocsDoughnut-Submitted.contentWrap::after { /*background-position-y: -200px;*/ background-position-y: 20%; }
                    .productDocsDoughnut-Expiring.contentWrap::after { /*background-position-y: -500px;*/ background-position-y: 50%; }

            .panelproductDocsOverview .doughnutPanel { padding-top: 20px; }

            .panelproductDocsOverview h4 { font-size: 30px; }


/****** PRODUCT DOCS - REQUESTED  ******/

.pageProductDocsRequested {  }

.barFilter .fgProductDocType, .barFilter .fgProductDocKeyword { margin-right: 0; }

.fgProductDocStatus { width: calc(100% - 130px); }

    .fgProductDocStatus label, .radioProductDocStatus { width: 100%; }

    .radioProductDocStatus.radioDouble .btn { width: 120px; }

        .radioProductDocStatus .btn:not(:hover):not(.active), npdCat-Complete  { background: #FFFFFF; }

        .radioProductDocStatus.radioDouble .btn.active { color: #FFFFFF; }

            .radioProductDocStatus.radioDouble .btn.active:before { display: none; }

        .radioProductDocStatus.radioDouble .btn::after { 
            /*background: url(../images/iProductDocStatus.png) no-repeat -50px 0;*/ 
            transition: all 0.3s;
            background: url(../images/iDocStatus.svg) no-repeat center 0; 
            background-size: cover; }

            .radioProductDocStatus.radioDouble .btn.active::after, .radioProductDocStatus.radioDouble .btn:active::after { 
                /*background-position-x: 0;*/ 
                filter: brightness(0) saturate(100%) invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */ }

.pageProductDocs .barFilter .submitArrow, .filterOrders.barFilter .submitArrow, .pageTrackingList .barFilter .submitArrow { text-indent: unset; }

.tableProductDocsRequested { margin-top: 0; }

    .tableProductDocsRequested th { padding-top: 20px; }

    .tableList .tProductDocStatus { padding-left: 50px; }

        .tProductDocStatus span { 
            display: block; 
            position: absolute;
            width: 32px;
            height: 32px;
            top: 50%;
            left: 10px;
            margin-top: -16px;
            /*background: url(../images/iProductDocStatus.png) no-repeat -50px 0;*/
            background: url(../images/iDocStatus.svg) no-repeat center 0; 
            background-size: cover; }

            .radioProductDocStatus.radioDouble .bProductDocStatus-New.btn::after, .tProductDocStatus-New span { background-position-y: 0; }
            .radioProductDocStatus.radioDouble .bProductDocStatus-Progress.btn::after, .tProductDocStatus-Progress span { /*background-position-y: -100px;*/ background-position-y: 10%; }
            .radioProductDocStatus.radioDouble .bProductDocStatus-Submitted.btn::after, .tProductDocStatus-Submitted span { /*background-position-y: -200px;*/ background-position-y: 20%; }
            .radioProductDocStatus.radioDouble .bProductDocStatus-Approved.btn::after, .tProductDocStatus-Approved span { /*background-position-y: -300px;*/ background-position-y: 30%; }
            .radioProductDocStatus.radioDouble .bProductDocStatus-Rejected.btn::after, .tProductDocStatus-Rejected span { /*background-position-y: -400px;*/ background-position-y: 40%; }
            .radioProductDocStatus.radioDouble .bProductDocStatus-Overdue.btn::after, .tProductDocStatus-Overdue span { /*background-position-y: -500px;*/ background-position-y: 50%; }



/****** PRODUCT DOCS - SUBMITTED  ******/

.tableProductDocsSubmitted { margin: 0; }


/****** PRODUCT DOCS - EXPIRED  ******/

.pageProductDocsExpired  {  }    

    .pageProductDocsExpired .barFilter .form-group:nth-of-type(2n) { margin-right: 0; }

    .radioProductDocExpiry.radioDouble .btn { padding-top: 52px; }

    .radioProductDocExpiry.radioDouble .bProductDocStatus-Expires1, .radioProductDocExpiry.radioDouble .bProductDocStatus-Expires2, .radioProductDocExpiry.radioDouble .bProductDocStatus-Expires3 { padding-top: 47px; }

        .radioProductDocExpiry.radioDouble .btn::after { top: 12px; }

        .radioProductDocExpiry.radioDouble label { line-height: 1; }

            .radioProductDocExpiry.radioDouble .fontThin { font-size: 12px; }

    .tableProductDocsExpiring th.tTitle { 
        height: unset; 
        padding-top: 20px; }

    .tableProductDocsExpiring .rowMultiSlimFirst .tTitle { 
        padding-bottom: 0; 
        font-size: 18px; }

    .tableProductDocsExpiring .tIcon, .tableList .tIcon { 
        width: 32px; 
        padding-right: 0; }

        .tableProductDocsExpiring .iIcon, .tableProductDocsExpiring .iIcon::after, .tableList .tIcon span { 
            width: 32px; 
            height: 32px; }

            .tableList .tIcon span { 
                position: relative; 
                display: block; }

                .tableList .tIcon span::after { 
                    height: 32px; 
                    top: 50%; 
                    margin-top: -16px; }

        .iDocStatus.iIcon, .iDocStatus.iIcon::after { 
            width: 32px; 
            height: 32px; }

            .iDocStatus.iIcon { display: block; }

            .iDocStatus.iIcon::after, .tableProductDocsExpiring .iIcon::after { 
                /*background: url(../images/iProductDocStatus.png) no-repeat -50px 0; */
                background: url(../images/iCalendarDate.svg) no-repeat center 0%; 
                background-size: cover; }

    .iDocStatus-Expired.iIcon::after, .radioProductDocStatus.radioDouble .bProductDocStatus-Expired::after, .tableProductDocsExpiring .iDocStatus-Expired::after { /*background-position-y: -900px;*/ background-position-y: 60%; }
    .radioProductDocStatus.radioDouble .bProductDocStatus-Expires1::after, .tableProductDocsExpiring .iDocStatus-Expires1::after { background-position-y: 40%; }
    .radioProductDocStatus.radioDouble .bProductDocStatus-Expires2::after, .tableProductDocsExpiring .iDocStatus-Expires2::after { background-position-y: 35%; }
    .radioProductDocStatus.radioDouble .bProductDocStatus-Expires3::after, .tableProductDocsExpiring .iDocStatus-Expires3::after { background-position-y: 30%; }
    .iDocStatus-Expires90.iIcon::after { /*background-position-y: -600px; background-position-x: -150px;*/ background-position-y: 45%; }
    .iDocStatus-Expires60.iIcon::after { /*background-position-y: -700px; background-position-x: -150px;*/ background-position-y: 50%; }
    .iDocStatus-Expires30.iIcon::after { /*background-position-y: -800px; background-position-x: -150px;*/ background-position-y: 55%; }
    .radioProductDocStatus.radioDouble .bProductDocStatus-All::after { background-position-y: -1000px; }

    .tableProductDocsExpiring tr.checkedRequest td { color: #627e21; }

        .tableProductDocsExpiring tr.checkedRequest .iComplianceMatrix { background-position-x: -150px; }
        .tableProductDocsExpiring tr.checkedRequest .iIcon::after { background-position-x: -100px; }



/*****************************************************************
= NEW PRODUCT DEVELOPMENT NPD Section
*****************************************************************/

/****** NPD - USER VIEW LIST  ******/

.pageNPD {  }

.npdListItem { min-height: 75px; }

    .npdListItem + .npdListItem { margin-top: 5px; }

    .npdListTitle { 
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        min-height: 55px;
        padding: 10px 100px 10px 40px;
        text-decoration: none;
        transition: all 0.3s;
        background: #787875; }

        .npdListTitle::before { 
            content: ''; 
            position: absolute;
            width: 20px;
            height: 20px;
            top: 50%;
            left: 10px;
            margin-top: -10px;
            transition: all 0.2s;
            /*background: url(../images/iArrows.png) no-repeat center -50px; */
            background: url(../images/iArrows.svg) no-repeat center 20%; 
            background-size: cover; }

        .npdListTitle:hover { background-color: #5c5c5a; }

        .npdListTitle.in { background-color: #40403f }

        .npdListTitle h2 { 
            margin-bottom: 0;
            color: #FFFFFF;
            font-size: 18px; 
            font-weight: bold; text-transform: none; }

        .npdListTitle:not(:hover) h2, .npdListTitle:not(.in):not(:hover)::before { opacity: 0.8; }

        .npdListTitle:hover, .npdListTitle:focus { text-decoration: none; }

            .npdListTitle.in::before { 
                    -ms-transform: rotate(90deg);
                    -webkit-transform: rotate(90deg);
                transform: rotate(90deg); }

        .npdListPercent, .npdAdminListPercent span, .npdCornerPercent { 
            display: flex;
            color: #FFFFFF;
            font-size: 24px; }

        .npdListPercent, .npdDetailCorner::before { 
            position: absolute;
            width: 80px;
            height: 80px;
            padding: 16px 0 0 34px; 
            right: 0;
            top: 0;
            /*background: url(../images/iCornerz.png) no-repeat right -450px;*/ 
            background: url(../images/iCornerz.svg) no-repeat center 70%; background-size: cover; }

            .npdListPercent::after, .npdAdminListPercent span::after, .npdCornerPercent::after {
                vertical-align: super;
                font-weight: bold;
                font-size: 9px;
                content: "%"; }

            .npdPercent0 .npdListPercent, .npdPercent0.npdDetailCorner::before { /*background-position-y: -4000px;*/ background-position-y: 75%; padding-left: 42px; }
            .npdPercent25 .npdListPercent, .npdPercent25.npdDetailCorner::before { /*background-position-y: -3600px;*/ background-position-y: 74%; } /* 5 - 25% */
            .npdPercent50 .npdListPercent, .npdPercent50.npdDetailCorner::before { /*background-position-y: -3700px;*/ background-position-y: 73%; } /* 30 - 50% */
            .npdPercent75 .npdListPercent, .npdPercent75.npdDetailCorner::before { /*background-position-y: -3800px;*/ background-position-y: 72%; } /* 55 - 75% */
            .npdPercent95 .npdListPercent, .npdPercent95.npdDetailCorner::before { /*background-position-y: -3900px;*/ background-position-y: 71%; } /* 80 - 95% */
            .npdPercent100 .npdListPercent, .npdPercent100.npdDetailCorner::before { /*background-position-y: -3500px;*/ background-position-y: 70%; padding-left: 28px; letter-spacing: -1px; }

        .npdListItem ul { 
            list-style-type: none; 
            margin: 20px 0; 
            padding-left: 0; }

            .npdListItem li { 
                position: relative;
                display: flex; 
                align-items: center;
                padding-bottom: 12px;
                font-size: 18px; 
                font-weight: bold; }

                .npdListItem li + li { 
                    padding-top: 6px; 
                    border: dotted 5px #c7c7c6;
                        border-width: 14px 0 0 0;
                        /*border-width: 10px 0 0 0;*/
                        /*border-image-source: url('../images/dotBorder.png');*/
                        border-image-source: url('../images/dotBorder.svg');
                        border-image-slice: 33%; /* no unit for px, you can use % */
                        border-image-repeat: round; /* the middle slices will be repeated cleanly up to the edges */ }

                .npdListItem li span:not(.fontThin)/*, .npdDetailCatItemHead > span*/ { 
                    display: block;
                    width: 30px;
                    height: 30px;
                    border-radius: 2px;
                    margin-right: 12px; }

                    .npdSqGreen span:not(.fontThin), .npdPercent100 .npdAdminListPercent, .npdAdminListItem:hover .npdCatLight-Green, tr:hover .sourcingAuditLights .tLight-Green { 
                        background: #5a7500; }
                    .npdSqAmber span:not(.fontThin), .npdAdminListItem:hover .npdCatLight-Amber, tr:hover .sourcingAuditLights .tLight-Amber { 
                        background: #d17000; /*background: #c7501c;*/ }
                    .npdSqRed span:not(.fontThin), .npdPercent0 .npdAdminListPercent, .npdAdminListItem:hover .npdCatLight-Red, tr:hover .sourcingAuditLights .tLight-Red { 
                        background: #98060a; }

                        .npdPercent25 .npdAdminListPercent { background: #d2af01; }
                        .npdPercent50 .npdAdminListPercent, .radioProductDocStatus.radioDouble .bProductDocStatus-Expires3.active, .radioProductDocStatus.radioDouble .bProductDocStatus-Expires3:active 
                            { background: #c78500; }
                        .npdPercent75 .npdAdminListPercent, .radioProductDocStatus.radioDouble .bProductDocStatus-Expires2.active, .radioProductDocStatus.radioDouble .bProductDocStatus-Expires2:active 
                            { background: #c26100; }
                        .npdPercent95 .npdAdminListPercent, .radioProductDocStatus.radioDouble .bProductDocStatus-Expires1.active, .radioProductDocStatus.radioDouble .bProductDocStatus-Expires1:active 
                            { background: #bd3f00; }

                        .radioProductDocStatus.radioDouble .bProductDocStatus-Expired.active, .radioProductDocStatus.radioDouble .bProductDocStatus-Expired:active { background: #be1622; }

                        .radioProductDocStatus.radioDouble .bProductDocStatus-Expires3:hover::before { border-color: #c78500; }
                        .radioProductDocStatus.radioDouble .bProductDocStatus-Expires2:hover::before { border-color: #c26100; }
                        .radioProductDocStatus.radioDouble .bProductDocStatus-Expires1:hover::before { border-color: #bd3f00; }
                        .radioProductDocStatus.radioDouble .bProductDocStatus-Expired:hover::before { border-color: #be1622; }

                .npdListItem li .fontThin { margin-left: 6px; }

                .npdCompleted strong { 
                    margin-right: 6px;
                    font-weight: bold;
                    color: #949492; }

                    .npdCalendar-completed { 
                        width: 30px;
                        height: 30px;
                        margin-right: 12px;
                        /*background: url(../images/iCalenderLights.png) no-repeat 0 -200px;*/ 
                        background: url(../images/iCalendarDate.svg) no-repeat center 85%; 
                        background-size: cover; }


/****** NPD - ADMIN VIEW LIST  ******/

.pageNPDAdmin .h1Alt { display: none; }

/*.pageNPDAdmin .contentHead .bButton { margin: 20px 0 20px auto; }*/

.pageNPDAdmin .barFilterToggleOnly { margin-bottom: 30px; }

.npdAdminListHead { 
    width: 100%; 
    padding: 10px 0 5px; }

    .npdAdminListHead span { 
        margin-left: auto;
        font-size: 9px; 
        font-weight: bold; 
        color: #6f577e; 
        text-transform: uppercase; }

.npdAdminListItem { 
    position: relative;
    display: flex; 
    width: 100%; 
    padding-left: 55px;
    transition: background 0.3s;
    background: #dcdcd9; }

    .npdAdminListItem:hover { background :#eeeeeb; }

    .npdAdminListItem + .npdAdminListItem { margin-top: 10px; }

    .flexRowDisabled.npdAdminListItem:not(:hover) { background: none; }

        .flexRowDisabled:not(:hover) .npdAdminListPercent, .flexRowDisabled:not(:hover) .npdCategoryLights li, .flexRowDisabled:not(:hover) .npdListButtonBar { opacity: 0.5; }

        .flexRowDisabled:not(:hover) h2 { color: #949491; }

        .flexRowDisabled.npdAdminListItem:not(:hover):before { 
            content: '';
            position: absolute;
            top: 0; 
            right: 0;
            bottom: 0;
            left: 62px;
            border: solid 3px #dcdcd9; }

    .npdAdminListTitle { 
        display: flex;
        /*width: calc(100% - 144px);  with Published */
        width: calc(100% - 106px); }

        .npdAdminListItem:hover .npdAdminListTitle { text-decoration: none; }

        .npdAdminListPercent { 
            position: absolute;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 53px; 
            height: 100%; 
            left: 0;
            top: 0;
            border-right: solid 3px #FFFFFF }

        .npdAdminListItem h2 {
            display: flex;
            align-items: center; 
            min-height: 50px; 
            margin: 0;
            padding: 5px 10px;
            color: #40403f;
            font-size: 18px; 
            font-weight: bold; 
            text-transform: none; }

            .npdAdminListItem:hover h2, .npdAdminListItem:hover .npdListSeason { color: #000000; }

        .npdListBoxWrap { 
            display: flex; 
            margin: 10px 0 10px auto; }

            .npdListSeason { 
                display: flex;
                justify-content: center;
                align-items: center; 
                width: 50px;
                height: 40px;
                margin: 0 20px 0 auto;
                padding: 0 5px;
                border: solid 3px #949491;
                color: #40403f;
                font-weight: bold;  }

            .npdCategoryLights, .sourcingAuditLights { 
                display: flex;
                align-items: center; 
                list-style-type: none; 
                margin: 0;
                padding: 0; }

                .npdCategoryLights li, .sourcingAuditLights li { 
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 40px; 
                    padding: 0 4px; 
                    border-radius: 2px;
                    border: solid 3px transparent;
                    color: #000000;
                    font-size: 11px;
                    font-weight: bold; 
                    transition: all 0.4s; }

                    .sourcingAuditLights li { width: 45px; }

                    tr:not(:hover) .sourcingAuditLights li { border-color: #c7c7c6; }

                .npdCategoryLights li + li, .sourcingAuditLights li + li { margin-left: 2px; }

                .npdAdminListItem:hover li, tr:hover .sourcingAuditLights li { color: #FFFFFF; }

                .npdAdminListItem:not(:hover) .npdCatLight-Green, tr:not(:hover) .sourcingAuditLights .tLight-Green { border-color: #5a7500; }
                .npdAdminListItem:not(:hover) .npdCatLight-Amber, tr:not(:hover) .sourcingAuditLights .tLight-Amber { border-color: #d17000; }
                .npdAdminListItem:not(:hover) .npdCatLight-Red, tr:not(:hover) .sourcingAuditLights .tLight-Red { border-color: #98060a; }
            tr:hover .sourcingAuditLights li { background: #c7c7c6; }

    .npdAdminListItem .npdListButtonBar { 
        display: flex;
        align-items: center;
        /*width: 144px;  with published */
        width: 106px; 
        padding: 0 10px; }

        .npdAdminListItem:not(:hover) .bSQ40Lite { opacity: 0.7; }
        
/*        .npdListButtonBar .iPublished { 
            display: flex;
            justify-content: center;
            align-items: center;width: 42px;
            height: 40px;
            padding: 0; }

            .npdListButtonBar .iPublished::after { 
                position: relative; 
                padding: 0; }*/

        .npdListButtonBar .radioPublished, .npdListButtonBar .radioPublished.active, .npdListButtonBar .radioPublished:active  { 
            display: flex;
            justify-content: center;
            align-items: center;
            width: 40px;
            height: 40px; 
            margin: 0;
            padding: 0;
            text-indent: -9999px; 
            color: transparent; }

            .npdListButtonBar .radioPublished::before { display: none; }

            .npdListButtonBar .radioPublished::after, .npdPublished::after, .npdNotPublished::after { 
                width: 32px;
                height: 32px;
                /*height: 20px;*/
                margin-left: 0;
                /*top: 10px;*/
                top: 4px;
                left: 4px;
                opacity: 0.2;
                /*background: url(../images/iSprite.png) no-repeat -50px -1200px; */
                filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%); 		/* #787875 Mid Grey */
                background: url(../images/iSprite.svg) no-repeat center 8.5%; 
                background-size: cover; }

                .npdAdminListItem:hover .radioPublished::after, .npdNotPublished::after { opacity: 0.4; }

                .npdListButtonBar .radioPublished:hover::after { opacity: 1; }

                .npdListButtonBar .radioPublished.active, .npdListButtonBar .radioPublished:active { 
                        -webkit-box-shadow: none;
                    box-shadow: none;
                    background: none; }

                    .npdListButtonBar .radioPublished.active:hover, .npdListButtonBar .radioPublished:active:hover { background: none; }

                    .npdListButtonBar .radioPublished.active::after, .npdPublished::after { 
                        opacity: 1;
                        filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); 	/* Grape */
                        /*background-position-x: -150px; 
                        background-position-y: -1200px;*/ }

                .npdPublished, .npdNotPublished { 
                    display: block; 
                    margin-left: auto;
                    color: transparent; }

                    .npdPublished::after, .npdNotPublished::after { 
                        content: ''; 
                        position: absolute; 
                        left: unset;
                        top: 50%;
                        margin-top: -10px;
                        right: 10px; }


/****** NPD - ADMIN DETAILS  ******/

        .npdDetailCorner::before { 
            content: '';
            width: 72px;
            height: 78px;
            padding: 0; 
            left: 0;
            /*top: 0;*/

            /*    -moz-transform: scaleX(-1);
                -o-transform: scaleX(-1);
                -webkit-transform: scaleX(-1);
                -ms-transform: scaleX(-1);
            transform: scaleX(-1);
                -ms-filter: "FlipH";
            filter: FlipH;*/ }

    .npdCornerPercent { 
        position: absolute;         
        display: block; 
        left: 15px;
        top: 12px; 
        font-weight: bold; }

            .npdCornerPercent::after { 
                display: inline-block;
                margin-top: -2px; }

        .npdPercent100 .npdCornerPercent { left: 8px; }
        .npdPercent0 .npdCornerPercent { left: 24px; }

.npdAdminDetailHead { 
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
    align-items: center;
    width: 100%; 
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #eeeeeb; }

    .npdAdminDetailHead.contentHead { padding: 20px 0 40px; }

    .npdAdminDetailHead h2 { 
        width: calc(100% - 150px);
        margin-left: 40px;
        margin-bottom: 0;
        font-size: 30px;
        font-weight: bold;
        text-transform: unset; }

    .npdAdminDetailHead .iPublished { 
        padding: 2px 35px 0 0; 
        font-size: 13px; 
        font-weight: bold;
        text-transform: uppercase; }

        .npdAdminDetailHead .iPublished::after { 
            left: unset;
            right: 0; 
            filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); 	/* Grape */
            /*background-position-x: -150px;*/ } /* Grape */

    .npdDetailHeadInfoWrap { 
        display: flex; 
        justify-content: space-between; 
        flex-grow: 1; 
        padding: 20px 0 0 40px; }

        .npdDetailHeadInfo { 
            display: flex; 
            font-size: 18px;
            text-transform: uppercase; }

            .npdDetailHeadInfo label { margin-right: 10px; }

    .tabNPD-Green.active a, .npdGreen, .tableList .tGreen { color: #5a7500; }
    .tabNPD-Amber.active a, .npdAmber, .tableList .tAmber, .trLightAmber .tDate, .trLightAmber:hover .tDate { color: #d17000; }
    .tabNPD-Red.active a, .npdRed, .tableList .tRed, .trLightRed .tDate, .trLightRed:hover .tDate { color: #98060a; }
        .tableList .tRed {  }

.pageNPDDetail .npdContentHead { 
    display: flex; 
    align-items: center;
    margin: 0 0 10px;
    padding: 30px 0 20px; }

    .npdContentHead h3 { 
        margin: 0;
        font-size: 24px;
        text-transform: none;  }

    .npdDetailButtonBar { 
        display: flex;
        margin-left: auto; }

        .npdDetailButtonBar .radioDouble { width: 170px; }

            .npdDetailButtonBar .radioDouble .btn, .npdDetailButtonBar .bNPDAddNew, .bRadioAddNew { 
                width: 80px;
                height: 50px; 
                padding: 26px 5px 5px;
                font-size: 11px;
                font-weight: bold;
                text-align: center;
                text-transform: uppercase; }

                .npdDetailButtonBar .radioDouble .btn { margin-right: 5px; }

                    .npdDetailButtonBar .radioDouble .btn:not(.active):not(:active) { color: #787875; }

                    .npdDetailButtonBar .btn::after, .bNPDAddNew::after, .bRadioAddNew::after { 
                        width: 16px;
                        height: 16px;
                        left: 50%;
                        margin-left: -8px; }

                        .npdDetailButtonBar .btn::after { top: 9px; }

                        .radioDouble .npdCat-Progress.btn::after { 
                            /*background: url(../images/iAction.png) no-repeat -240px -1500px; */
                            /*height: 17px;*/ 
                            filter: invert(43%) sepia(87%) saturate(4689%) hue-rotate(22deg) brightness(96%) contrast(104%);	/* #c75a00 Amber */
                            background: url(../images/iStatus.svg) no-repeat center 16%; 
                            background-size: cover; } /* stopwatch 16px Amber */
                        .radioDouble .npdCat-Complete.btn::after { 
                            /*background: url(../images/iAction.png) no-repeat -320px -390px; */
                            background: url(../images/iAction.svg) no-repeat center 15%; 
                            background-size: cover; }
                        .bNPDAddNew::after, .bRadioAddNew::after { top: 7px; }

                        .npdDetailButtonBar .btn.active::after, .npdDetailButtonBar .btn:active::after { /*background-position-x: 0;*/ filter: brightness(0) saturate(100%) invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */ }

            .bNPDAddNew, .bRadioAddNew { 
                position: relative;
                border: solid 3px #c7c7c6;
                border-radius: 3px; }

                .bNPDAddNew:hover, .bRadioAddNew:hover { 
                    color: #40403f;
                    border: solid 3px #6f577e;
                    text-decoration: none; }

                .bNPDAddNew::after, .bRadioAddNew::after { 
                    content: ''; 
                    position: absolute; 
                    /*background: url(../images/iAction.png) no-repeat -240px -1100px;*/
                    filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); 	/* Grape */
                    background: url(../images/iAction.svg) no-repeat center 20%; 
                    background-size: cover; }

        .npdTask { 
            display: flex; 
            flex-wrap: wrap;
            width: 100%; 
            padding: 20px 0; }

            .npdDetailCatItemContent + .npdDetailCatItemContent { border-top: 1px solid #dcdcd9; }

            .npdTaskDateAuthor { 
                flex-shrink: 0;
                width: 200px;
                text-transform: uppercase; 
                font-size: 13px; }

                .npdTaskDateAuthor strong { 
                    color: #949491;
                    font-size: 18px; 
                    font-weight: bold; }

            .npdTaskNote { 
                width: calc(100% - 320px); /* Needed if no thumbnails */
                margin: 0 30px 0 20px;
                font-size: 15px; 
                line-height: 1.4; }

            .npdTaskFileGallery { 
                /*display: flex; 
                flex-basis:auto; 
                flex-grow: 1; */
                width: 100%; 
                margin-top: 20px; }

                .npdTaskFileGallery h4 { 
                    color: #787875;
                    font-size: 18px;  }

            .galleryNPDFileWrap { width: 100%; }             

                .galleryNPDFile.photoWrap { 
                    gap: 10px;
                    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); }

                    .galleryNPDFile img/*, .npdTaskDocument*/ { 
                        position: relative; 
                        display: block; }

                .galleryNPDDoc { 
                    display: flex; 
                    flex-direction: column; 
                    gap: unset; 
                    padding: 0; }

                    .galleryNPDDoc li { 
                        display: inline-flex; 
                        align-items: center; 
                        width: 100%; 
                        padding: 0 0 10px; }

                        .galleryNPDDoc li + li { 
                            border-top: solid 2px #dcdcd9; 
                            padding-top: 10px; }

                        .galleryNPDDoc a.npdTaskDocument { 
                            position: relative;
                            display: flex;
                            align-items: center;
                            height: auto; 
                            min-height: 20px;
                            padding-right: 10px;
                            text-align: left;
                            background: none; }

                            .galleryNPDFile.photoWrap a:not(.bSQ30Lite):hover { -webkit-box-shadow: none; box-shadow: none; }

                        .galleryNPDDoc .npdTaskDocument::after { display: none; } 

                        .npdTaskDocument::before { 
                            width: 20px;
                            height: 20px; 
                            left: 0; 
                            margin: -10px 0 0 0; 
                            background-position-x: 0; }

                        .galleryNPDDoc .bDelete { 
                            order: 1; 
                            position: relative; }

                            .galleryNPDDoc .bDelete:hover + a { border: none; }

                        /*.npdTaskDocument { background: #dcdcd9; }*/

                    .galleryNPDDoc .iFiletype { 
                        width: 30px;
                        height: 30px;
                        margin-right: 20px; }

                        .galleryNPDDoc .listFileType .iFiletype::after { 
                            width: 30px;
                            height: 30px;
                            /*background: url(../images/iFiles.png) no-repeat -200px 0;*/ 
                            background: url(../images/iFiles.svg) no-repeat center 0; 
                            background-size: cover; }

                            .npdTaskFile-PDF .listFileType .iFiletype::after { background-position-y: 0; }
                            .npdTaskFile-XLS .listFileType .iFiletype::after { /*background-position-y: -100px;*/ background-position-y: 10%; }
                            .npdTaskFile-DOC .listFileType .iFiletype::after { /*background-position-y: -150px;*/ background-position-y: 20%; }
                            .npdTaskFile-PPT .listFileType .iFiletype::after { /*background-position-y: -200px;*/ background-position-y: 30%; }
                            .npdTaskFile-ZIP .listFileType .iFiletype::after { /*background-position-y: -250px;*/ background-position-y: 40%; }
                            .npdTaskFile-AI .listFileType .iFiletype::after { /*background-position-y: -300px;*/ background-position-y: 50%; }
                            .npdTaskFile-PSD .listFileType .iFiletype::after { /*background-position-y: -350px;*/ background-position-y: 60%; }
                            .npdTaskFile-JPG .listFileType .iFiletype::after { /*background-position-y: -50px;*/ background-position-y: 70%; }
                            .npdTaskFile-MP4 .listFileType .iFiletype::after { /*background-position-y: -400px;*/ background-position-y: 80%; }

                        .npdTaskDocument strong { 
                            color: #40403f; 
                            font-size: 15px; 
                            font-weight: bold; }

                            .galleryNPDDoc li:hover strong { color: #000000; }

                            .npdTaskDocument:hover { 
                                text-decoration: none; 
                                color: #000000; }

        .npdTask .bSQ30Lite { flex-shrink: 0; }

            /*.npdTask .bEdit::after { background-position-y: -323px;  }*/

    .npdDetailSKUS { margin-top: 20px; }

    .npdDetailSKUS li { position: relative; }
            
        .npdDetailSKUS .bDelete { 
            position: absolute; 
            top: 0; 
            right: 0; }
    
            .npdDetailSKUS li:not(:hover) .bDelete { display: none; }

        .npdDetailSKUWrap .addNewWrap { margin-bottom: 20px; }


/*****************************************************************
= SOURCING
*****************************************************************/

/*.tableSourcingList td { height: 40px; } doesn't solve the issue */

    .tableSourcingList tr.rowDisabled .tTitle .iIcon::after { 
        width: 24px;
        height: 24px;
        top: -2px;
        background: url(../images/iSprite.png) no-repeat -50px -5150px ; }

        .tableSourcingList .rowDisabled:hover .tTitle .iIcon::after { background-position-x: -100px; }

        .tableSourcingList .rowDisabled .tDate { text-align: left; }

    .tableSourcingList .tAuditSummary { padding-right: 30px; }

    .tableSourcingList .rowMultiSlimHead.over td::after { border-top-color: #6f577e; }

.pageSourcingDetail .sectionHeadMulti { padding-top: 30px; padding-bottom: 30px; }

.sourcingReport, .pageSourcingDetail .sectionHeadMulti { 
    position: relative; 
    border-bottom: solid 10px #c7c7c6; }

    .sourcingDetailHead h2 { 
        display: flex;
        flex-direction: column; }

    .sourcingDetailHead h2 span { 
        color: #40403f;
        font-size: 15px; 
        font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
        font-weight: 900; 
        letter-spacing: normal; }

    .sourcingReportHead { 
        display: flex; 
        justify-content: space-between; 
        align-items: center;
        min-height: 70px;
        padding: 0 110px 0 60px; 
        text-decoration: none; }

        .sourcingReportHead:hover, .sourcingReportHead:focus { text-decoration: none; }

        .sourcingReportHead:hover, .sourcingReportHead.in { background: #eeeeeb; }

        .sourcingReport .calendarLights { 
            margin: 0 auto 0 0;
            padding-left: 0; 
            text-transform: none; }

            .calendarLight-Green h3, .calendarLight-Green label { color: #5a7500; }
            .calendarLight-Amber h3, .calendarLight-Amber label { color: #d17000; }
            .calendarLight-Red h3, .calendarLight-Red label { color: #98060a; }

        .sourcingReport .iCorner { top: 0; }

            .calendarLight-Green .iCorner { /*background-position-y: -4100px;*/ background-position-y: 12%; }
            .calendarLight-Amber .iCorner { /*background-position-y: -4700px;*/ background-position-y: 15%; }
            .calendarLight-Red .iCorner { /*background-position-y: -4600px;*/ background-position-y: 13%; }

            /*.sourcingReport + .sourcingReport .iCorner { background-position-y: -1900px; }*/ /* Will this help to highlight just the top one? */

                .sourcingReport .iCorner::after { 
                    width: 30px;
                    height: 30px;
                    top: 8px;
                    /*    -moz-transform: scale(-1, 1);
                        -webkit-transform: scale(-1, 1);
                        -o-transform: scale(-1, 1);
                        -ms-transform: scale(-1, 1);
                    transform: scale(-1, 1);*/
                    background: url(../images/iCalendarDate.svg) no-repeat center 0;
                    background-size: cover;
                    /*background: url(../images/iCalenderLights.png) no-repeat -100px 0;*/ }

                    .calendarLight-Green .iCorner::after { /*background-position-y: -200px;*/ background-position-y: 87.5%;  }
                    .calendarLight-Amber .iCorner::after { /*background-position-y: -100px;*/ background-position-y: 82.5%; }
                    .calendarLight-Red .iCorner::after { /*background-position-y: 0;*/ background-position-y: 77.5%; }


.pageSourcing h1 .twinHead-Sml { 
    min-height: 10px;
    margin-bottom: -2px; }

        .sourcingDetailHead .buttonStrip { 
            display: flex; 
            align-items: center; 
            margin-right: -4px;
            margin-left: 20px; }

            .sourcingDetailHead .bSQ30Lite { margin-left: 5px; }
                /*.sourcingDetailHead .bEdit::after {*/ /*background-position-y: -46px; *//*}
                .sourcingDetailHead .bAddNew::after { background-position-x: -74px; background-position-y: -1694px; }
                    .sourcingDetailHead .bAddNew:hover::after { background-position-x: -194px; }*/

    .sourcingReportHead > div { 
        margin-left: 30px;
        text-transform: uppercase; }

        .sourcingReportHead label { margin: 0; }

        .sourcingReportHead strong { 
            display: block;
            color: #40403f;
            font-size: 18px; }

        .sourcingReportDate { width: 105px; }

        .sourcingReportResult { width: 110px; }

        .sourcingReportProtocol { width: 95px; }

        .sourcingReportHeadButtons { 
            position: absolute; 
            top: 15px; 
            right: 20px; 
            z-index: 990; }

    .sourcingReportContent { 
        position: relative;
        margin: 20px 0 30px; }

        .sourcingReportContent .bAddNew/*, .sourcingReportContent .bRadioAddNew*/ { 
            position: absolute; 
            top: 0;
            right: 30px; 
            margin-top: 0; }

        .sourcingReportContent .bRadioAddNew { margin-left: auto; }

        .sourcingReportDocList { 
            list-style-type: none; 
            margin-top: 10px;
            padding-left: 0; }

            .sourcingReportDocList li + li { margin-top: 15px; }

            .sourcingReportDocList a { 
                display: flex; 
                align-items: center; 
                color: #787875;
                font-size: 18px; 
                font-weight: bold; 
                    overflow-wrap: break-word;
                    word-wrap: break-word;
                word-break: break-all;
                word-break: break-word; }

                .sourcingReportDocList a:hover { 
                    color: #40403f; 
                    text-decoration: none; }

                .sourcingReportDocList .iFiletype { margin-right: 10px; }                

                .sourcingReportDocList p { 
                    width: calc(100% - 30px); 
                    margin-bottom: 0;
                        overflow-wrap: break-word;
                        word-wrap: break-word;
                    word-break: break-all;
                    word-break: break-word; }

                .sourcingReportDocList:not(.sourcingCAPDocList) p { width: calc(100% - 40px); }

                .sourcingCAPDocList.sourcingReportDocList + h4 { margin-top: 30px; }

        .sourcingCAP { 
            margin: 20px 0 0 40px;
            padding: 12px 0 0 0; }

            .sourcingReportDocList + .sourcingCAP { 
                margin-left: 0;
                padding-left: 40px;
                    border: dotted 5px #c7c7c6;
                border-width: 14px 0 0 0;
                /*border-width: 10px 0 0 0;*/ 
                /*border-image-source: url('../images/dotBorder.png');*/
                border-image-source: url('../images/dotBorder.svg');
                border-image-slice: 33%; 
                border-image-repeat: round; }

            .sourcingCAP + .sourcingCAP { 
                padding-top: 20px;
                border-top: solid 2px #dcdcd9; 
                border-image: none; }

            .sourcingCAPHead { 
                display: flex; 
                align-items: center; 
                margin-bottom: 10px;
                font-size: 18px; }

                .sourcingCAPHead:not(:first-of-type) { 
                    margin-top: 10px; 
                    padding-top: 10px; 
                    border-top: solid 1px #c7c7c6; }

                .sourcingCAPHead h4 { margin-bottom: 0; }

                .sourcingCAPDateName { 
                    margin-left: 20px;
                    padding-left: 20px;
                    border-left: solid 2px #c7c7c6; }

                .sourcingCAPHead .buttonStrip { 
                    display: flex; 
                    align-items: center; 
                    margin-left: auto;
                    padding-left: 30px; }

                    .sourcingCAPHead label, .sourcingDetailHead label { 
                        margin: 0 5px 0 0; 
                        font-size: 13px; 
                        text-transform: uppercase; }

                    /*.sourcingCAPHead .bSQ30Lite:not(.bDelete)::after { background-position-x: -73px; background-position-y: -323px; }
                        .sourcingCAPHead .bSQ30Lite:not(.bDelete):hover::after { background-position-x: -193px; }*/

            .sourcingCAPNote { 
                margin-bottom: 15px;
                font-size: 15px; 
                line-height: 1.4; }

            .sourcingCAPDocList li + li { margin-top: 10px; }

            .sourcingCAPDocList a { font-size: 15px; }

        .sourcingReport .arrowSlideBar { 
            display: flex;
            justify-content: center;
            position: relative;
            width: 100%; 
            height: 20px;
            bottom: -31px;
            overflow: hidden; }

        .sourcingReportContent .inArrow { 
            width: 40px; 
            height: 20px;
            right: unset;
            margin-right: auto;
            bottom: 0; }

            .sourcingReportContent .inArrow::after, .sourcingReportHead .inArrow::after { 
                width: 40px;
                height: 40px;
                bottom: -20px;
                top: unset;
                margin-left: -20px;
                /*    ms-transform: rotate(-90deg);
                    -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);*/
                background-color: #c7c7c6;
                background-position-x: unset;
                /*background-position-x: 1px; 
                background-position-y: -838px;*/ }

                .sourcingReport .arrowSlideBar:hover .inArrow::after { background-color: #b0b0ad; }

                .sourcingReportHead .inArrow { 
                    width: 40px; 
                    height: 20px;
                    margin-right: -20px;
                    bottom: 0; }

                    /*.sourcingReportHead .inArrow::after { 
                            ms-transform: rotate(90deg);
                            -webkit-transform: rotate(90deg);
                        transform: rotate(90deg); 
                        background-position-x: -11px; }*/

    .modal .sourcingReportDocList { margin-top: 10px; margin-right: 0; }

        .modal .sourcingReportDocList li { display: flex; }

        .modal .sourcingReportDocList .listFileType { 
            align-items: flex-start; 
            width: calc(100% - 30px); }

            .modal .sourcingReportDocList .iFiletype { 
                width: 30px; 
                margin-right: 0; }

        .modal .sourcingReportDocList .bSQ30Lite { margin-left: auto; }

    .modalGroupPorts { margin-bottom: 20px; }

        table.tableSourcingPorts { margin: 0 0 20px; }

.tableSourcingAgentList.tableList { margin: 0; }


/* PAGE SOURCING DE_ACTIVATED */

.pageSourcingDeActivated .barFilterToggleOnly { 
    align-items: center; 
    padding-top: 0; }

    .sourcingDeactivatedOn { 
        margin-right: auto; 
        font-size: 15px; 
        text-transform: uppercase; }

    .pageSourcingDeActivated .fSlider { background-color: #dcdcd9; }
        
        .pageSourcingDeActivated .fSlider::before { background-color: #FFFFFF; }

    .pageSourcingDeActivated .barFilterToggleOnly .fgSwitch { 
        justify-content: flex-end; 
        width: 210px; }

        .pageSourcingDeActivated .barFilterToggleOnly .fSwitch { 
            display: inline-flex; 
            align-items: center; }

            .pageSourcingDeActivated .fgSwitch .fSwitchLabel { 
                width: 100px; 
                top: unset;
                margin-top: 0; }

    .pageSourcingDeActivated section { color: #787875; }

    .pageSourcingDeActivated .tabLights-Red .hiLine:not(:hover)::after, .pageSourcingDeActivated a:not(:hover) .cirqueNumberTab 
        { background-color: #949491; }

    .pageSourcingDeActivated .topTabs a:not(:hover), .pageSourcingDeActivated .sourcingDetailHead h2 span, .pageSourcingDeActivated .sourcingReportHead strong,
        .pageSourcingDeActivated .pageSourcingNotes .sourcingCAPDateName.fontBlack, .pageSourcingDeActivated .panelError p, .pageSourcingDeActivated .tableList th
        { color: #949491; }

    .pageSourcingDeActivated .sourcingDeactivatedOn span { color: #40403f; }

        .pageSourcingDeActivated .sourcingDeactivatedOn { color: #944364; }

    .pageSourcingDeActivated .sourcingReport .iCorner { opacity: 0.3; }

    .pageSourcingDeActivated .sourcingReportHead h3, .pageSourcingDeActivated .sourcingReportHead label { color: #c7c7c6; }

    .pageSourcingDeActivated tr:not(:hover) td { color: #b0b0ad; }

    .pageSourcingDeActivated tr:not(:hover) .tAction .bSQ30:not(:hover) { background: #b0b0ad; }

    .pageSourcingDeActivated .sourcingReportDocList a:not(:hover) .iFiletype, .pageSourcingDeActivated tr:not(:hover) img { opacity: 0.5; }


.pageSourcingNotes .contentTitle { padding-left: 0; }

.sourcingNotes.dotty { padding: 0 0 5px; }

    .sourcingNotes.dotty + .sourcingNotes.dotty { padding-top: 20px; }

    .sourcingNotes .sourcingCAPHead { 
        align-items: flex-start; 
        margin-bottom: 20px; }

        .pageSourcingNotes .sourcingCAPDateName { white-space: nowrap; }

            .pageSourcingNotes .sourcingCAPDateName:not(.fontBlack) {     
                padding-right: 40px; }

            .pageSourcingNotes .sourcingCAPDateName.fontBlack { 
                margin: 0; 
                padding: 0;
                border: none; }

            .pageSourcingNotes .sourcingCAPNote { 
                margin-bottom: 0;
                font-size: 15px; }

    .pageSourcingNotes h4 { margin: 20px 0 5px; }

    .pageSourcingNotes .barButtons { padding: 0; }
    
        .pageSourcingNotes .panelButtons.barButtons { 
            margin-top: 20px; 
            padding: 12px 0 0; }


/*****************************************************************
= SNIPPITZ MASTER PAGE
*****************************************************************/

    .pageSnippitz .barFilterMaster .fgWarrantyDateTo { margin-right: 0; }

    .pageSnippitz .barFilterToggleOnly { border-top: solid 10px #c7c7c6; }

    .barFilterMaster .arrowSq:not(.submitSearch80) { margin: 0 0 0 auto; }

        .barFilterMaster .arrowSq.submitSearch80 { margin-left: auto; }

    .pageSnippitz .tableList .tPlug { 
        padding-left: 0; 
        padding-right: 0; 
        text-align: center; }

    .panelMasterModals { 
        display: flex; 
        gap: 10px;
        align-items: center; 
        width: 100%; }

        .pageSnippitz .panelMasterModals a { margin-top: 0; }

        .panelMasterModals .bIcon::after { 
            width: 20px;
            height: 20px;
            background-image: url(../images/iAction.svg); 
            background-size: cover; }

        /*.panelMasterModals .iError.bIcon::before { 
            content: ''; 
            display: block;
            position: absolute;
            width: 20px;
            height: 20px;
            top: 10px;
            right: 8px;
            border-radius: 50%;
            background: #FFFFFF; }*/

        .panelMasterModals .iCirqueError.bIcon::after { background-image: url(../images/iSprite.svg); }

        .modalButtonsMultiAction .imArchive.bIcon::after { 
            background-image: url(../images/iAction.svg); 
            background-position-y: 60%; }

        .panelMasterModals .bHistoryInfo { 
            margin-left: auto; 
            transition: all 0.3s;
            background: none; }

            .panelMasterModals .bSQ30.bHistoryInfo::after { 
                filter: none;
                background-image: url(../images/iSprite.svg); 
                background-position-y: 2.5%;
                background-size: cover; }

                .panelMasterModals .bSQ30.bHistoryInfo:hover { transform: scale(1.1); }

    .pageSnippitz .modal .dropzone .dz-message { margin: 2em 0; }

    .tableSnippitzInspect .thIconMini { width: 9%; }
        .tableSnippitzInspect .thIconMini::before { 
            background-image: url(../images/iSprite.svg); 
            background-size: cover; }

    .pageSnippitz .panelNoBg { background: #c7c7c6; }

    .panelMasterAddNew .addNew .fgAddProClassWarranty { margin-right: 0; }

        .panelMasterAddNew .fgAddProClassWarranty .bSQ30 { top: 0; }

    .panelIconGallery .grid { 
        list-style-type: none;
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        gap: 30px; 
        margin: 0; 
        padding: 0; }

        .panelIconGallery .grid + h4 { 
            margin: 30px 0 20px; 
            padding-top: 24px; }

        .panelIconGallery .grid + .grid { margin-top: 30px; }

        .panelIconGallery .grid li { 
            display: flex; 
            flex-direction: column; 
            gap: 10px; 
            align-items: center; 
            /*transition: all 0.4s;
            transform: scale(1);*/ }

            .panelIconGallery .grid .iIcon.iSVG { 
                display: block; 
                width: 64px; 
                height: 64px; 
                margin: 0;
                padding: 0;
                top: 0;
                border: none;
                border-radius: 0;
                transition: all 0.4s;
                background: none; }

                .panelIconGallery .grid li:hover .iSVG { transform: scale(1.2); }

                .panelIconGallery .grid .iIcon::after { 
                    width: 64px; 
                    height: 64px; 
                    margin-top: 0;
                    top: unset;
                    /*margin-top: -32px;*/ }

                    .panelIconGallery .grid .iCompanyCode.iSVG::after, .panelIconGallery .grid .iOrderStatus.iSVG::after, .panelIconGallery .grid .iCalendarDate.iSVG::after { margin-top: 0; }

                .iSearch.iSVG::after, .iPassword.iSVG::after
                    { filter: brightness(0) saturate(100%); filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%); } /* reset to to black then grey to display */

        .panelIconGallery .grid h5 { 
            margin: 0;
            padding: 0;
            font-size: 15px; 
            text-align: center; }

        .panelIconGallery .gridDarkBg { 
            background: #dcdcd9; 
            padding: 10px 0; 
            margin-top: -10px; 
            transition: all 0.4s; }

            .panelIconGallery .gridDarkBg:hover { background: #b0b0ad; }

    
    .iCompanyCode.iSVG::after, h1.iCompanyCode::after, .iOrderStatus.iSVG::after, h1.hOrderStatus::after, 
        .iCalendarDate.iSVG::after, .iSecurityLevel.iSVG::after, .iArrows.iSVG::after, .iAction.iSVG::after, .iFiletype.iSVG::after, 
        .iDocs.iSVG::after, .iPlugs.iSVG::after { 
        width: 54px;
        height: 54px;
        top: unset;
        background: url(../images/iCodes.svg) no-repeat center 0; 
        background-size: cover; }

        .iOrderStatus.iSVG::after { background-image: url(../images/iStatus.svg); }
        .iCalendarDate.iSVG::after { background-image: url(../images/iCalendarDate.svg); }
        .iWarrantyClaim.iSVG::after { background-image: url(../images/iWarranty.svg); }
        .iInspectorCFA.iSVG::after { background-image: url(../images/iInspections.svg); }
        .iSecurityLevel.iSVG::after { background-image: url(../images/iSecurity.svg); }
        .iArrows.iSVG::after { background-image: url(../images/iArrows.svg); }
        .iAction.iSVG::after { background-image: url(../images/iAction.svg); }
        .iFiletype.iSVG::after { background-image: url(../images/iFiles.svg); }
        .iDocs.iSVG::after { background-image: url(../images/iDocStatus.svg); }
        .iPlugs.iSVG::after { background-image: url(../images/iPlugs.svg); }

        .pageCompany h1.iCompanyCode::after, .pageTracking.pageBasic h1.hOrderStatus::after { 
            background: url(../images/iSprite.svg) no-repeat center 91%; 
            background-size: cover; }

        /******  SVG TEST X/Y  ******/
            .iTest.iSVG::after { 
                background: url(../images/iTestXY.svg) no-repeat 0 0; 
                background-size: cover; }

            .iTest01.iSVG::after { background-position-y: 0%; }
            .iTest02.iSVG::after { background-position-x: 50%; background-position-y: 0%; }
            .iTest03.iSVG::after { background-position-x: 0%; }
            .iTest04.iSVG::after { background-position-y: 50%; }

        /*  Prefix 
            i  = Icon 
            im = Icon Mono 
            iw = Icon White */
            .iProfile.iSVG::after { background-position-y: 0%; } 
            .iAvatar.iSVG::after { background-position-y: 0.5%; } 
            .iPassword.iSVG::after { background-position-y: 1%; } 
            .iSearch.iSVG::after { background-position-y: 1.5%; } 
            .iCalendar2.iSVG::after { background-position-y: 3.5%; } 
            .iCalendar.iSVG::after { background-position-y: 2%; }
            .iHistoryInfo.iSVG::after { background-position-y: 2.5%; } 
            .imHistoryInfo.iSVG::after { background-position-y: 3%; }
                .iwHistoryInfo.iSVG::after { background-position-y: 3%; filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); } /* #FFFFFF White */
            .iNotes.iSVG::after { background-position-y: 4%; }
            .iUnLink.iSVG::after { background-position-y: 4.5%; }
            .iUploadOrder.iSVG::after { background-position-y: 5%; } 
            .iCamera.iSVG::after { background-position-y: 5.5%; } 
            .iNoPermission.iSVG::after { background-position-y: 6%; } 
            .iByValue.iSVG::after { background-position-y: 6.5%; } 
            .iByUnit.iSVG::after { background-position-y: 7%; } 
            .iHistory.iSVG::after { background-position-y: 7.5%; } /* History / Restore */
            .iCirqueError.iSVG::after { background-position-y: 8%; } 
            .iPublished.iSVG::after { background-position-y: 8.5%; } /* View / Published */
            .iAlarmClock.iSVG::after { background-position-y: 9%; }
            .iComplianceMatrix.iSVG::after { background-position-y: 9.5%; width: 30px; height: 30px; }

        /* Dash */ 
            .nDashboard .navSecondary::after { background: url(../images/iSprite.svg) no-repeat center 0; background-size: cover; } /* Temp - needs global css for all /or classes in _HeaderPartial */
            .iDashHome.iSVG::after { background-position-y: 25%; } 
            .iDashSA.iSVG::after, .nDashboard .nav2DashSA.navSecondary::after { background-position-y: 25.5%; filter: invert(28%) sepia(43%) saturate(2712%) hue-rotate(350deg) brightness(97%) contrast(100%); } 
            .iDashLG.iSVG::after, .nDashboard .nav2DashLG.navSecondary::after { background-position-y: 26%; filter: invert(37%) sepia(62%) saturate(1739%) hue-rotate(20deg) brightness(105%) contrast(101%); } /* #d17700 LG Mango */ 
            .iDashAC.iSVG::after, .nDashboard .nav2DashAC.navSecondary::after { background-position-y: 26.5%; filter: invert(53%) sepia(18%) saturate(602%) hue-rotate(122deg) brightness(94%) contrast(88%); } /* #5e8f88 AC Mint */  
            .iDashNPD.iSVG::after { background-position-y: 27%; } 
            .iDashQC.iSVG::after, .nDashboard .nav2DashQC.navSecondary::after { background-position-y: 27.5%; filter: invert(31%) sepia(19%) saturate(1678%) hue-rotate(284deg) brightness(96%) contrast(85%); } /* #944364 QC Plum */ 
            .iDashTS.iSVG::after { background-position-y: 28%; } 

        /* SA Sales */ 
            .iSales.iSVG::after { background-position-y: 30%; } 
            .iSA-Summary.iSVG::after, .nav2ReportSummary.navSecondary::after, .pageReportsSummary h1::after { background-position-y: 30.5%; } 
            .iSA-Analysis.iSVG::after, .nav2ReportAnalysis.navSecondary::after, .pageReportsAnalysis h1::after { background-position-y: 31%; } 
            .iSA-ByMonth.iSVG::after, .nav2ReportByMonth.navSecondary::after, .pageReportsByMonth h1::after { background-position-y: 31.5%; } 
            .iSA-Trends.iSVG::after, .nav2ReportTrend.navSecondary::after, .pageReportsTrends h1::after { background-position-y: 32%; } 
            .iSA-Breakdown.iSVG::after, .nav2ReportBreakdown.navSecondary::after, .pageReportsBreakdown h1::after { background-position-y: 32.5%; } 
            .iSelloutCustomer.iSVG::after, .nav2ReportSelloutCustomer.navSecondary::after, .pageReportsSelloutByCustomer h1::after { background-position-y: 33%; } 
            .iSelloutProduct.iSVG::after, .nav2ReportSelloutProduct.navSecondary::after, .pageReportsSelloutByProduct h1::after { background-position-y: 33.5%; }
            .iSelloutHistoricCustomer.iSVG::after, .nav2ReportSelloutTrendCustomer.navSecondary::after, .pageReportsSelloutTrendsByCustomer h1::after { background-position-y: 34%; }
            .iSelloutHistoricProduct.iSVG::after, .nav2ReportSelloutTrendProduct.navSecondary::after, .pageReportsSelloutTrendsByProduct h1::after { background-position-y: 34.5%; }
            .iKeyAccount.iSVG::after { background-position-y: 35%; }
            .iChart.iSVG::after { background-position-y: 35.5%; }

        /* LG Logistics */ 
            /*.pageOrders h1::after,*/ .pageOrders-New h1::after {                 
                filter: none;                 
                background-image: url(../images/iStatus.svg); 
                background-size: cover; 
                background-position-x: center; 
                background-position-y: 100%; } /***  Default Order Icon  ***/

            .iLogistics.iSVG::after { background-position-y: 40%; } 
            .iTracking.iSVG::after, .nav2Tracking.navSecondary::after, .pageTracking.pageBasic h1.hOrderStatus::after { background-position-y: 40.5%; } 
            .iOrders.iSVG::after, .nav2SalesOrder.navSecondary::after { background-position-y: 41%; } 
            .iContainerLoad.iSVG::after, .nav2ContainerLoad.navSecondary::after, .pageContainerLoad h1::after { background-position-y: 41.5%; } 
            .iCustomers.iSVG::after, .nav2Customer.navSecondary::after, .pageCustomers h1::after { background-position-y: 42%; } 
            .iSupplierPurchase.iSVG::after, .nav2Expenditure.navSecondary::after, .pageExpenditure h1::after { background-position-y: 42.5%; } 
            .iDebtors.iSVG::after, .nav2Debtor.navSecondary::after, .pageDebtorList h1::after { background-position-y: 43%; } 
            .iCreditors.iSVG::after, .nav2Creditor.navSecondary::after, .pageCreditorList h1::after { background-position-y: 43.5%; } 
            .iFactory.iSVG::after, .iSourcing.iSVG::after, .nav2NPDSource.navSecondary::after, .pageSourcing h1::after { background-position-y: 44%; background-position-x: center; }  /* previous icon override */
            .iWarehouse.iSVG::after { background-position-y: 45.5%; background-position-x: center; }  /* previous icon override */
            .iContainer.iSVG::after { background-position-y: 44.5%; } 
            .iVessel.iSVG::after, .nav2Vessel.navSecondary::after { background-position-y: 45%; }
            .iOrderHistory.iSVG::after { background-position-y: 46%; } 
            .iOrderInfoPlus.iSVG::after { background-position-y: 46.5%; }
            .iDeliveryAddress.iSVG::after { background-position-y: 47%; } 
            .iTrolley.iSVG::after { background-position-y: 47.5%; }

            .iVesselTrackerPin.iSVG {  }
            .iNoAfter.iSVG img { object-fit: cover; }
                .iNoAfter.iSVG::after { display: none; }

        /* AC Accounts */ 
            .iAccounts.iSVG::after { background-position-y: 85%; }
            .iTotal.iSVG::after { background-position-y: 85.5%; }

        /* MA Marketing */ 
            .iSwatch.iSVG::after, .pageMarketing h1::after { background-position-y: 50%; }  
            .iImagesProduct.iSVG::after { background-position-y: 50.5%; }   
            .iImagesLifestyle.iSVG::after { background-position-y: 51%; filter: invert(54%) sepia(66%) saturate(388%) hue-rotate(143deg) brightness(85%) contrast(93%); }   /* #3898ad */
            .iInfoGraphics.iSVG::after { background-position-y: 51.5%; } 
            .iGalleryLifestyle.iSVG::after { background-position-y: 54%; filter: invert(54%) sepia(66%) saturate(388%) hue-rotate(143deg) brightness(85%) contrast(93%); }   /* #3898ad */
            .iGalleryInfoGraphics.iSVG::after { background-position-y: 54.5%; } 
            .iImagesArchive.iSVG::after { background-position-y: 52%; filter: invert(31%) sepia(86%) saturate(1081%) hue-rotate(350deg) brightness(103%) contrast(93%); }   /* #d5541a */    
            .iImagesVideo.iSVG::after { background-position-y: 52.5%; } 
            .iProductLibrary.iSVG::after { background-position-y: 53%; }  
            .iTopSellers.iSVG::after, .nav2TopSellers.navSecondary::after { background-position-y: 53.5%; } 
            
        /* NPD New Product Dev */ 
            .iNPDBulb.iSVG::after, .nav2NPD.navSecondary::after, .pageNPD h1::after  { background-position-y: 60%; }  
            .iProducts.iSVG::after, .nav2NPDProduct.navSecondary::after, .pageProducts h1::after { background-position-y: 60.5%; }   
            .iClassing.iSVG::after, .nav2NPDClassing.navSecondary::after, .pageProductClass h1::after { background-position-y: 61%; } 
            .iDumbell.iSVG::after, .pageProductClassAccessories h1::after { background-position-y: 61.5%; } 
            .iBike.iSVG::after, .pageProductClassBikes h1::after { background-position-y: 62%; } 
            .iTreadmill.iSVG::after, .pageProductClassTreadmills h1::after { background-position-y: 62.5%; } 
            .iCrossTrainer.iSVG::after, .pageProductClassCrossTrainers h1::after { background-position-y: 63%; } 
            .iRower.iSVG::after, .pageProductClassRowers h1::after { background-position-y: 63.5%; } 
            .iBench.iSVG::after, .pageProductClassHomeGym h1::after { background-position-y: 64%; } 
            .iProductDetails.iSVG::after { background-position-y: 64.5%; } 
            .iPower.iSVG::after { background-position-y: 65%; } 
            .iComponents.iSVG::after { background-position-y: 65.5%; } 
            .iMeasure.iSVG::after { background-position-y: 66%; } 
            .iRetailPack.iSVG::after { background-position-y: 66.5%; } 
            .iMasterCarton.iSVG::after { background-position-y: 67%; } 

        /* NPD Product Docs */ 
            .iDocStatus-New.iSVG::after { background-position-y: 0; }
            .imDocStatus-New.iSVG::after { background-position-y: 2.5%; }
            .iwDocStatus-New.iSVG::after { background-position-y: 5%; }
            .iDocStatus-Progress.iSVG::after { background-position-y: 10%; }
            .imDocStatus-Progress.iSVG::after { background-position-y: 12.5%; }
            .iwDocStatus-Progress.iSVG::after { background-position-y: 15%; }
            .iDocStatus-Submitted.iSVG::after { background-position-y: 20%; }
            .imDocStatus-Submitted.iSVG::after { background-position-y: 22.5%; }
            .iwDocStatus-Submitted.iSVG::after { background-position-y: 25%; }
            .iDocStatus-Approved.iSVG::after { background-position-y: 30%; }
            .imDocStatus-Approved.iSVG::after { background-position-y: 32.5%; }
            .iwDocStatus-Approved.iSVG::after { background-position-y: 35%; }
            .iDocStatus-Rejected.iSVG::after { background-position-y: 40%; }
            .imDocStatus-Rejected.iSVG::after { background-position-y: 42.5%; }
            .iwDocStatus-Rejected.iSVG::after { background-position-y: 45%; }
            .iDocStatus-Overdue.iSVG::after { background-position-y: 50%; }
            .imDocStatus-Overdue.iSVG::after { background-position-y: 52.5%; }
            .iwDocStatus-Overdue.iSVG::after { background-position-y: 55%; }

        /* QC & Compliance */ 
            .iCompliance.iSVG::after, .nav2QCInspection.navSecondary::after, .pageInspections h1::after { background-position-y: 70%; }            
            .pageInspectionDetails h1::after { background-position-y: -2200px; }
                .iInspection-Pass.iSVG::after, .pageInspectionDetails h1.iInspectPass::after { background-position-y: 71%; filter: none; }
                .iInspection-Fail.iSVG::after, .pageInspectionDetails h1.iInspectFail::after { background-position-y: 71.5%; filter: none; }
                .iInspection-Rework.iSVG::after, .pageInspectionDetails h1.iInspectRework::after { background-position-y: 72%; filter: none; }
                .iwInspection-Pass.iSVG::after { background-position-y: 74%; }
                .iwInspection-Fail.iSVG::after { background-position-y: 74.5%; filter: none; }
                .iwInspection-Rework.iSVG::after { background-position-y: 75%; filter: none; }
            .iDownloadReport.iSVG::after { background-position-y: 72.5%; } 
            .iInspector.iSVG::after, .nav2QCInspector.navSecondary::after, .pageInspectors h1::after { background-position-y: 70.5%; } 
            /*.iFactory.iSVG::after, .iSourcing.iSVG::after, .nav2NPDSource.navSecondary::after { background-position-y: 71%; background-position-x: center; }*/  /* previous icon override */
            .pageSourcingDeActivated h1::after { filter: invert(64%) sepia(5%) saturate(159%) hue-rotate(22deg) brightness(91%) contrast(87%); } /* #949491 Light Grey */
            .iDocumentValidity.iSVG::after, .pageDocValidity h1::after { background-position-y: 73%; top: 0; }
            .iProductDocuments.iSVG::after, .pageSKUValidity h1::after { background-position-y: 73.5%; top: 0; }

        /* TS Technical Support */ 
            .iTools.iSVG::after, .nav2AdminTools.navSecondary::after, .pageTools h1::after { background-position-y: 80%; } 
            .iWarranty.iSVG::after, .nav2Warranty.navSecondary::after, .pageWarranty h1::after { background-position-y: 80.5%; }  
            .iSpares.iSVG::after, .nav2Spares.navSecondary::after, .pageSpares h1::after { background-position-y: 81%; } 
            .iPartsOrder.iSVG::after, .pagePartsOrder h1::after { background-position-y: 81.5%; } 
            .iDashSpares.iSVG::after, .pagePartsOrder h1::after, .nDashboard .nav2DashTS.navSecondary::after { background-position-y: 82%; } 
                .nDashboard .nav2DashTS.navSecondary::after { filter: invert(33%) sepia(84%) saturate(712%) hue-rotate(142deg) brightness(93%) contrast(103%); } 

        /* IT Admin */ 
            .iAdmin.iSVG::after { background-position-y: 90%; } 
            .iMaus.iSVG::after { background-position-y: 90.5%; } 
            .iCompanies.iSVG::after, .nav2AdminCompany.navSecondary::after, .pageCompany h1::after { background-position-y: 91%; }
            .iStaff.iSVG::after, .nav2AdminStaff.navSecondary::after, .pageUsers h1::after { background-position-y: 91.5%; } 
            .iScheduledTask.iSVG::after, .nav2AdminTasks.navSecondary::after, .pageScheduled h1::after { background-position-y: 92%; }
            .iConsolidator.iSVG::after, .nav2AdminConsolidator.navSecondary::after, .pageConsolidators h1::after { background-position-y: 92.5%; }
            .iDataRoom.iSVG::after, .nav2DataRoom.navSecondary::after, .pageDataRoom h1::after { background-position-y: 93%; }

        /* ARROWS */ 
            .iArrowFlip.iArrows::after { background-position-y: 5%; }
            .iArrowGrey.iArrows::after { background-position-y: 10%; }
            .iArrowGreyFlip.iArrows::after { background-position-y: 15%; }
            .iwArrow.iArrows::after { background-position-y: 20%; }
            .iwArrowFlip.iArrows::after { background-position-y: 25%; }
            .iArrowGrape.iArrows::after { background-position-y: 30%; }
            .iArrowGrapeFlip.iArrows::after { background-position-y: 35%; }
            .iArrow18.iSVG::after { background-position-y: 40%; }
            .iArrow15.iSVG::after { background-position-y: 45%; }
            .iArrow12.iSVG::after { background-position-y: 60%; }

            /*.iArrow18Flip.iSVG::after { background-position-y: 45%; }*/
            .iArrowFirst.iSVG::after { background-position-y: 65%; }
            .iArrowLast.iSVG::after { background-position-y: 70%; }
            .iArrowExpander.iSVG::after { background-position-y: 75%; }
                .panelIconGallery .iArrowExpander.iSVG::before { 
                    content: '';
                    position: absolute;
                    width: 100%;
                    height: 50%; 
                    bottom: 0;
                    border-radius: 50px 50px 0 0; 
                    background-color: #787875; }
            .iArrowSkipDown.iSVG::after { background-position-y: 80%; }
            .iArrowBackTop.iSVG::after { background-position-y: 85%; }
            .iArrowPlay.iSVG::after { background-position-y: 90%; } 
            .iArrowDim.iSVG::after { background-position-y: 95%; }

        /* COMPANY CODES */ 
            .iCode-U.iSVG::after, .pageCompany h1.iCode-U::after { background-position-y: 0%; } 
            .iCode-I.iSVG::after, .pageCompany h1.iCode-I::after { background-position-y: 10%; } 
            .iCode-H.iSVG::after, .pageCompany h1.iCode-H::after { background-position-y: 20%; } 
            .iCode-A.iSVG::after, .pageCompany h1.iCode-A::after { background-position-y: 30%; } 
            .iCode-X.iSVG::after { background-position-y: 40%; } 
            .iCode-D.iSVG::after { background-position-y: 50%; } 
            .iCode-N.iSVG::after, .pageCompany h1.iCode-N::after { background-position-y: 60%; } 
            
            .pageCompany h1.iCode-U::after, .pageCompany h1.iCode-I::after, .pageCompany h1.iCode-H::after, .pageCompany h1.iCode-A::after, 
            .pageCompany h1.iCode-X::after, .pageCompany h1.iCode-D::after, .pageCompany h1.iCode-N::after {                 
                filter: none; 
                background-image: url(../images/iCodes.svg); }
                .pageCompany h1.iCode-X::after { background-position-y: 45%; filter: invert(64%) sepia(5%) saturate(159%) hue-rotate(22deg) brightness(91%) contrast(87%); } /* #949491 Light Grey */
                .pageCompany h1.iCode-D::after { background-position-y: 55%; filter: invert(64%) sepia(5%) saturate(159%) hue-rotate(22deg) brightness(91%) contrast(87%); } /* #949491 Light Grey */

        /* ACTION ICONS */ 
            .iEdit.iSVG::after { background-position-y: 0; }
            .iDelete.iSVG::after { background-position-y: 5%; }
            .iReDo.iSVG::after { background-position-y: 10%; }
            .iTick.iSVG::after { background-position-y: 15%; }
            .iPlus.iSVG::after { background-position-y: 20%; }
            .iMinus.iSVG::after { background-position-y: 25%; }

            .iRedAlert.iSVG::after { background-position-y: 30%; }
            .iWhiteAlert.iSVG::after { background-position-y: 35%; }
            .iRibbonException.iSVG::after { background-position-y: 40%; }
            .iRibbonNoHandover.iSVG::after { background-position-y: 45%; }

            .iCirqueTick.iSVG::after { background-position-y: 50%; }
            .imArchive.iSVG::after { background-position-y: 60%; }
            .iArchive.iSVG::after { background-position-y: 65%; }
            .iAlert.iSVG::after { background-position-y: 70%; }
            .iError.iSVG::after { border-radius: 50%; background-color: #944364; background-position-y: 75%; }
            .iQuestion.iSVG::after { background-position-y: 80%; }

        /* FILE ICONS */ 
            .iPDF.iSVG::after { background-position-y: 0; }         /* Colour */
                .iPDF-Mono.iSVG::after { background-position-y: 2%; }    /* Mono */
                .iPDF-White.iSVG::after { background-position-y: 4%; }    /* White Mono */
                .iPDF-ColourWhite.iSVG::after { background-position-y: 6%; }    /* White + Colour */
            .iXLS.iSVG::after { background-position-y: 10%; }
                .iXLS-Mono.iSVG::after { background-position-y: 12%; }
                .iXLS-White.iSVG::after { background-position-y: 14%; }                
                .iXLS-ColourWhite.iSVG::after { background-position-y: 16%; }
            .iDOC.iSVG::after { background-position-y: 20%; }
                .iDOC-Mono.iSVG::after { background-position-y: 22%; }
                .iDOC-White.iSVG::after { background-position-y: 24%; }                
                .iDOC-ColourWhite.iSVG::after { background-position-y: 26%; }
            .iPPT.iSVG::after { background-position-y: 30%; }
                .iPPT-Mono.iSVG::after { background-position-y: 32%; }
                .iPPT-White.iSVG::after { background-position-y: 34%; }                
                .iPPT-ColourWhite.iSVG::after { background-position-y: 36%; }
            .iZIP.iSVG::after { background-position-y: 40%; }
                .iZIP-Mono.iSVG::after { background-position-y: 42%; }
                .iZIP-White.iSVG::after { background-position-y: 44%; }                
                .iZIP-ColourWhite.iSVG::after { background-position-y: 46%; }
            .iAI.iSVG::after { background-position-y: 50%; }
                .iAI-Mono.iSVG::after { background-position-y: 52%; }
                .iAI-White.iSVG::after { background-position-y: 54%; }                
                .iAI-ColourWhite.iSVG::after { background-position-y: 56%; }
            .iPSD.iSVG::after { background-position-y: 60%; }
                .iPSD-Mono.iSVG::after { background-position-y: 62%; }
                .iPSD-White.iSVG::after { background-position-y: 64%; }                
                .iPSD-ColourWhite.iSVG::after { background-position-y: 66%; }
            .iIMG.iSVG::after { background-position-y: 70%; }
                .iIMG-Mono.iSVG::after { background-position-y: 72%; }
                .iIMG-White.iSVG::after { background-position-y: 74%; }                
                /*.iIMG-ColourWhite.iSVG::after { background-position-y: 76%; }*/
            .iVID.iSVG::after { background-position-y: 80%; }
                .iVID-Mono.iSVG::after { background-position-y: 82%; }
                .iVID-White.iSVG::after { background-position-y: 84%; }                
                .iVID-ColourWhite.iSVG::after { background-position-y: 86%; }

        /* CALENDAR DATES */ 
            .iDateNew.iSVG::after { background-position-y: 0%; }
            .iDateNew-White.iSVG::after { background-position-y: 2.5%; }
            .iDate90-Plus.iSVG::after { background-position-y: 5%; }
            .iDate90-PlusWhite.iSVG::after { background-position-y: 7.5%; }
            .iDate60-Plus.iSVG::after { background-position-y: 10%; }
            .iDate60-PlusWhite.iSVG::after { background-position-y: 12.5%; }
            .iDate30-Plus.iSVG::after { background-position-y: 15%; }
            .iDate30-PlusWhite.iSVG::after { background-position-y: 17.5%; }
            .iDate30.iSVG::after { background-position-y: 20%; }
            .iDate30-White.iSVG::after { background-position-y: 22.5%; }
            .iDate07.iSVG::after { background-position-y: 25%; }
            .iDate07-White.iSVG::after { background-position-y: 27.5%; }
            .iDate03.iSVG::after { background-position-y: 30%; }
            .iDate03-White.iSVG::after { background-position-y: 32.5%; }
            .iDate02.iSVG::after { background-position-y: 35%; }
            .iDate02-White.iSVG::after { background-position-y: 37.5%; }
            .iDate01.iSVG::after { background-position-y: 40%; }
            .iDate01-White.iSVG::after { background-position-y: 42.5%; }
            .iDate90.iSVG::after { background-position-y: 45%; }
            .iDate90-White.iSVG::after { background-position-y: 47.5%; }
            .iDate60.iSVG::after { background-position-y: 50%; }
            .iDate60-White.iSVG::after { background-position-y: 52.5%; }
            .iDate30-ex.iSVG::after { background-position-y: 55%; }
            .iDateAlert.iSVG::after { background-position-y: 60%; }
            .iDateAlert-White.iSVG::after { background-position-y: 62.5%; }
            /*.iDate30-Tracking.iSVG::after { background-position-y: 65%; }*/
            /*.iDate07-Tracking.iSVG::after { background-position-y: 67.5%; }*/

            .iCalendarLight-Red0.iSVG::after { background-position-y: 75%; }
            .iCalendarLight-Red0-White.iSVG::after { background-position-y: 77.5%; }
            .iCalendarLight-Amber2.iSVG::after { background-position-y: 80%; }
            .iCalendarLight-Amber2-White.iSVG::after { background-position-y: 82.5%; }
            .iCalendarLight-Green.iSVG::after { background-position-y: 85%; }
            .iCalendarLight-Green-White.iSVG::after { background-position-y: 87.5%; }
            .iCalendarLight-C.iSVG::after { background-position-y: 90%; }
            .iCalendarLight-C-White.iSVG::after { background-position-y: 92.5%; }
            .iCalendarLight-X.iSVG::after { background-position-y: 95%; }
            .iCalendarLight-X-White.iSVG::after { background-position-y: 97.5%; }

        /* LG - ORDER STATUS */ 
            .pageBasic h1.hOrderStatus::after/*, .pageOrders h1::after, .pageOrders-New h1::after*/ {                 
                filter: none;                 
                background-image: url(../images/iStatus.svg); background-size: cover; background-position-x: center; /* temp */ }
                .pageTracking h1.hOrderStatus::after, .pageTracking.pageBasic h1.hOrderStatus::after { 
                    background-image: url(../images/iSprite.svg); 
                    background-size: cover; 
                    filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); }

                .iStatus0.iSVG::after, .pageBasic h1.hOrderStatus::after { background-position-y: 100%; } /***  Default Order Icon  ***/
                .iStatus01.iSVG::after, .pageBasic h1.iStatus01::after, .pageOrdersList .selectizeIconSearch .iStatus01.flexColumn::before { background-position-y: 0%; } /***  New Order  ***/
                .iStatus02.iSVG::after, .pageBasic h1.iStatus02::after, .pageOrdersList .selectizeIconSearch .iStatus02.flexColumn::before { background-position-y: 4%; } /***  Accepted  ***/
                .iStatus03.iSVG::after, .pageBasic h1.iStatus03::after, .pageOrdersList .selectizeIconSearch .iStatus03.flexColumn::before { background-position-y: 8%; } /***  Awaiting Payment  ***/
                .iStatus04.iSVG::after, .pageBasic h1.iStatus04::after, .pageOrdersList .selectizeIconSearch .iStatus04.flexColumn::before { background-position-y: 12%; } /***  Ready for Processing  ***/
                .iStatus05.iSVG::after, .pageBasic h1.iStatus05::after, .pageOrdersList .selectizeIconSearch .iStatus05.flexColumn::before { background-position-y: 16%; } /***  Processing  ***/
                .iStatus06.iSVG::after, .pageBasic h1.iStatus06::after, .pageOrdersList .selectizeIconSearch .iStatus06.flexColumn::before { background-position-y: 20%; } /***  Shipped  ***/
                .iStatus07.iSVG::after, .pageBasic h1.iStatus07::after, .pageOrdersList .selectizeIconSearch .iStatus07.flexColumn::before { background-position-y: 24%; } /***  Received  ***/
                .iStatus08.iSVG::after, .pageBasic h1.iStatus08::after, .pageOrdersList .selectizeIconSearch .iStatus08.flexColumn::before { background-position-y: 28%; } /***  Invoiced  ***/
                .iStatus09.iSVG::after, .pageBasic h1.iStatus09::after, .pageOrdersList .selectizeIconSearch .iStatus09.flexColumn::before { background-position-y: 32%; } /***  Cancelled  ***/
                .iStatus10.iSVG::after, .pageBasic h1.iStatus10::after { background-position-y: 36%; } /***  Document Uploaded  ***/
                .iStatus11.iSVG::after, .pageBasic h1.iStatus11::after { background-position-y: 40%; } /***  New Date  ***/
                .iStatus12.iSVG::after, .pageBasic h1.iStatus12::after { background-position-y: 44%; } /***  Revised Date  ***/
                .iStatus13.iSVG::after, .pageBasic h1.iStatus13::after { background-position-y: 48%; } /***  On schedule  ***/
                .iStatus14.iSVG::after, .pageBasic h1.iStatus14::after { background-position-y: 52%; } /***  Not On Schedule  ***/
                .iStatus15.iSVG::after, .pageBasic h1.iStatus15::after { background-position-y: 56%; } /***  Shipping update  ***/
                .iStatus16.iSVG::after, .pageBasic h1.iStatus16::after { background-position-y: 60%; } /***  Order Archived  ***/
                .iStatus17.iSVG::after, .pageBasic h1.iStatus17::after { background-position-y: 64%; } /***  Order Un-Archived  ***/ 

                .iStatusEdit.iSVG::after, .pageBasic h1.iStatus.iStatusEdit::after { background-position-y: 68%; } /*** Order Edited  ***/
                .iStatusDeleted.iSVG::after, .pageBasic h1.iStatus.iStatusDeleted::after { background-position-y: 70%; } /***  Doc Deleted  ***/
                .iStatusDocReceived.iSVG::after, .pageBasic h1.iStatus.iStatusReceived::after { background-position-y: 82%; } /***  Doc Received  ***/

                .iStatus20.iSVG::after, .pageBasic h1.iStatus20::after { background-position-y: 72%; }  /***  Factory Handover - Estimated ***/
                .iStatus24.iSVG::after, .pageBasic h1.iStatus24::after { background-position-y: 74%; }  /***  Factory Handover - Actual 24 ***/
                .iStatus21.iSVG::after, .pageBasic h1.iStatus21::after { background-position-y: 76%; }  /***  Factory Handover - Required 21 ***/

                .iAlertHandoverExpired.iSVG::after, .pageBasic h1.iAlertHandoverExpired::after { background-position-y: 78%; } /***  Alert Handover Expired  ***/
                .iAlertHandoverExpired-White.iSVG::after, .pageBasic h1.iAlertHandoverExpired-White::after { background-position-y: 79%; } /***  Alert Handover Expired White  ***/
                .iAlertUnresolved.iSVG::after, .pageBasic h1.iAlertUnresolved::after { background-position-y: 80%; } /***  Alert Unresolved  ***/
                .iAlertUnresolved-White.iSVG::after, .pageBasic h1.iAlertUnresolved-White::after { background-position-y: 81%; } /***  Alert Unresolved White ***/

        /* QC - INSPECTIONS CFA */ 
            .pageBasic h1.hOrderStatus::after/*, .pageOrders h1::after, .pageOrders-New h1::after*/ {                 
                filter: none;                 
                background-image: url(../images/iStatus.svg); background-size: cover; background-position-x: center; /* temp */ }

                .iCFALevel01.iSVG::after { background-position-y: 0; } /***  CFA Level 01  ***/
                    .iCFALevel01-Dark.iSVG::after, li:hover .iCFALevel01.iSVG::after { background-position-y: 2.5%; } /***  CFA Level 01 DARK  ***/
                    .iCFALevel01-White.iSVG::after { background-position-y: 5%; } /***  CFA Level 01 WHITE  ***/
                .iCFALevel02.iSVG::after { background-position-y: 10%; } /***  CFA Level 02  ***/
                    .iCFALevel02-Dark.iSVG::after, li:hover .iCFALevel02.iSVG::after { background-position-y: 12.5%; } /***  CFA Level 02 DARK  ***/
                    .iCFALevel02-White.iSVG::after { background-position-y: 15%; } /***  CFA Level 02 WHITE  ***/
                .iCFALevel03.iSVG::after { background-position-y: 20%; } /***  CFA Level 03  ***/
                    .iCFALevel03-Dark.iSVG::after, li:hover .iCFALevel03.iSVG::after { background-position-y: 22.5%; } /***  CFA Level 03 DARK  ***/
                    .iCFALevel03-White.iSVG::after { background-position-y: 25%; } /***  CFA Level 03 WHITE  ***/
                .iCFALevel04.iSVG::after { background-position-y: 30%; } /***  CFA Level 04  ***/
                    .iCFALevel04-Dark.iSVG::after, li:hover .iCFALevel04.iSVG::after { background-position-y: 32.5%; } /***  CFA Level 04 DARK  ***/
                    .iCFALevel04-White.iSVG::after { background-position-y: 35%; } /***  CFA Level 04 WHITE  ***/
                .iCFALevel05.iSVG::after { background-position-y: 40%; } /***  CFA Level 05  ***/
                    .iCFALevel05-Dark.iSVG::after, li:hover .iCFALevel05.iSVG::after { background-position-y: 42.5%; } /***  CFA Level 05 DARK  ***/
                    .iCFALevel05-White.iSVG::after { background-position-y: 45%; } /***  CFA Level 05 WHITE  ***/
                .iCFA-Approved.iSVG::after { background-position-y: 50%; } /***  CFA Approved  ***/
                    .iCFA-Approved-Dark.iSVG::after, li:hover .iCFA-Approved.iSVG::after { background-position-y: 52.5%; } /***  CFA Approved DARK  ***/
                    .iCFA-Approved-White.iSVG::after { background-position-y: 55%; } /***  CFA Approved WHITE  ***/
                .iCFA-Pending.iSVG::after { background-position-y: 60%; } /***  CFA Pending  ***/
                    .iCFA-Pending-Dark.iSVG::after, li:hover .iCFA-Pending.iSVG::after { background-position-y: 62.5%; } /***  CFA Pending DARK  ***/
                    .iCFA-Pending-White.iSVG::after { background-position-y: 65%; } /***  CFA Pending WHITE  ***/
                .iCFA-Rejected.iSVG::after { background-position-y: 70%; } /***  CFA Rejected  ***/
                    .iCFA-Rejected-Dark.iSVG::after, li:hover .iCFA-Rejected.iSVG::after { background-position-y: 72.5%; } /***  CFA Rejected DARK  ***/
                    .iCFA-Rejected-White.iSVG::after { background-position-y: 75%; } /***  CFA Rejected WHITE  ***/

        /* TS Warranty Claims */ 
            .pageWarrantyDetails.pageBasic h1::after {                 
                filter: none; 
                background-image: url(../images/iWarranty.svg); background-size: cover; /* temp */ }

                .iWarrantyClaim.iSVG::after, .pageWarrantyDetails.pageBasic h1::after { background-position-y: 0%; } /***  Default Warranty Icon  ***/
                .iWarranty01-New.iSVG::after { background-position-y: 10%; } /***  New Claim  ***/
                .iWarranty01-New-White.iSVG::after { background-position-y: 15%; } /***  New Claim White  ***/
                .iWarranty02-InProgress.iSVG::after { background-position-y: 20%; } /***  In Progress  ***/
                .iWarranty02-InProgress-White.iSVG::after { background-position-y: 25%; } /***  In Progress White  ***/
                .iWarranty03-Completed.iSVG::after { background-position-y: 30%; } /***  Completed  ***/
                .iWarranty03-Completed-White.iSVG::after { background-position-y: 35%; } /***  Completed White  ***/
                .iWarranty04-Credited.iSVG::after { background-position-y: 40%; } /***  Credited  ***/
                .iWarranty04-Credited-White.iSVG::after { background-position-y: 45%; } /***  Credited White  ***/
                .iWarranty05-Exchanged.iSVG::after { background-position-y: 50%; } /***  Exchanged  ***/
                .iWarranty05-Exchanged-White.iSVG::after { background-position-y: 55%; } /***  Exchanged White  ***/
                .iWarranty06-Rejected.iSVG::after { background-position-y: 60%; } /***  Rejected  ***/
                .iWarranty06-Rejected-White.iSVG::after { background-position-y: 65%; } /***  Rejected White  ***/
                .iWarranty07-SpareParts.iSVG::after { background-position-y: 70%; } /***  Spare Parts  ***/
                .iWarranty07-SpareParts-White.iSVG::after { background-position-y: 75%; } /***  Spare Parts White  ***/
                .iWarranty08-Unknown.iSVG::after { background-position-y: 80%; } /***  Unknown  ***/
                .iWarranty08-Unknown-White.iSVG::after { background-position-y: 85%; } /***  Unknown White  ***/

        /* DATAROOM Security Levels */ 
            .panelIconGallery .iSecurityLevel.iSVG::after { margin-top: 0; }                                                                                  
                .iSecurityLevel01.iSVG::after { background-position-y: 0%; } /***  Security Level 01  ***/
                .iwSecurityLevel01.iSVG::after { background-position-y: 10%; } /***  Security Level 01 WHITE  ***/
                .iSecurityLevel02.iSVG::after { background-position-y: 20%; } /***  Security Level 02  ***/
                .iwSecurityLevel02.iSVG::after { background-position-y: 30%; } /***  Security Level 02 WHITE  ***/
                .iSecurityLevel03.iSVG::after { background-position-y: 40%; } /***  Security Level 03  ***/
                .iwSecurityLevel03.iSVG::after { background-position-y: 50%; } /***  Security Level 03 WHITE  ***/
                .iSecurityLevel04.iSVG::after { background-position-y: 60%; } /***  Security Level 04  ***/
                .iwSecurityLevel04.iSVG::after { background-position-y: 70%; } /***  Security Level 04 WHITE  ***/

        /* PLUG TYPES */                                                                               
            .iPlug-G.iSVG::after { background-position-y: 0%; } /***  Plug Type G - UK ***/
            .iwPlug-G.iSVG::after { background-position-y: 10%; } /***  Plug Type G - UK WHITE  ***/
            .iPlug-C.iSVG::after { background-position-y: 20%; } /***  Plug Type C - EU & China ***/
            .iwPlug-C.iSVG::after { background-position-y: 30%; } /***  Plug Type C - EU & China WHITE  ***/
            .iPlug-B.iSVG::after { background-position-y: 40%; } /***  Plug Type B - USA ***/
            .iwPlug-B.iSVG::after { background-position-y: 50%; } /***  Plug Type B - USA WHITE  ***/
            .iPlug-I.iSVG::after { background-position-y: 60%; } /***  Plug Type I - Australia ***/
            .iwPlug-I.iSVG::after { background-position-y: 70%; } /***  Plug Type I - Australia WHITE  ***/

        /* Cornerz */ 
        .panelIconGallery .grid .iCornerz.iSVG, .panelIconGallery .grid .iCornerzNPD.iSVG, 
        .panelIconGallery .grid .iCornerz.iSVG::after, .panelIconGallery .grid .iCornerzNPD.iSVG::after { height: 68px; }
            .iCornerz.iSVG::after, .iCornerzNPD.iSVG::after, .panelIconGallery .grid .sectionCorner .iCorner { 
                filter: none; 
                background-image: url(../images/iCornerz.svg); 
                background-size: cover; }
                .iCornerzGrape.iSVG::after { background-position-y: 0%; }
                .iCornerzWhite.iSVG::after { background-position-y: 1%; }
                .iCornerzGrey01.iSVG::after { background-position-y: 2%; }
                .iCornerzGrey02.iSVG::after { background-position-y: 3%; }
                .iCornerzGrey03.iSVG::after { background-position-y: 4%; }
                .iCornerzPumpkin.iSVG::after { background-position-y: 5%; }
                .iCornerzMango.iSVG::after { background-position-y: 6%; }
                .iCornerzMint.iSVG::after { background-position-y: 7%; }
                .iCornerzCranberry.iSVG::after { background-position-y: 8%; }
                .iCornerzApple.iSVG::after { background-position-y: 9%; }
                .iCornerzPlum.iSVG::after { background-position-y: 10%; }
                .iCornerzLake.iSVG::after { background-position-y: 11%; }
                .iCornerzGoGreen.iSVG::after { background-position-y: 12%; }
                .iCornerzRFERed.iSVG::after { background-position-y: 13%; }
                .iCornerzArchive.iSVG::after { background-position-y: 14%; }
                .iCornerzAmber.iSVG::after { background-position-y: 15%; }
                .iCornerzProgressAqua.iSVG::after { background-position-y: 16%; }

                .iCornerzGrapeFlip.iSVG::after { background-position-y: 35%; }
                .iCornerzWhiteFlip.iSVG::after { background-position-y: 36%; }
                .iCornerzGrey01Flip.iSVG::after { background-position-y: 37%; }
                .iCornerzGrey02Flip.iSVG::after { background-position-y: 38%; }
                .iCornerzGrey03Flip.iSVG::after { background-position-y: 39%; }
                .iCornerzPumpkinFlip.iSVG::after { background-position-y: 40%; }
                .iCornerzMangoFlip.iSVG::after { background-position-y: 41%; }
                .iCornerzMintFlip.iSVG::after { background-position-y: 42%; }
                .iCornerzCranberryFlip.iSVG::after { background-position-y: 43%; }
                .iCornerzAppleFlip.iSVG::after { background-position-y: 44%; }
                .iCornerzPlumFlip.iSVG::after { background-position-y: 45%; }
                .iCornerzLakeFlip.iSVG::after { background-position-y: 46%; }
                .iCornerzGoGreenFlip.iSVG::after { background-position-y: 47%; }
                .iCornerzRFERedFlip.iSVG::after { background-position-y: 48%; }
                .iCornerzArchiveFlip.iSVG::after { background-position-y: 49%; }
                .iCornerzAmberFlip.iSVG::after { background-position-y: 50%; }
                .iCornerzProgressAquaFlip.iSVG::after { background-position-y: 51%; }

                .npdPercent100.iSVG::after { background-position-y: 70%; }
                .npdPercent95.iSVG::after { background-position-y: 71%; }
                .npdPercent75.iSVG::after { background-position-y: 72%; }
                .npdPercent50.iSVG::after { background-position-y: 73%; }
                .npdPercent25.iSVG::after { background-position-y: 74%; }
                .npdPercent0.iSVG::after { background-position-y: 75%; }

                .iCornerzAlert.iSVG::after { background-position-y: 81%; }
                .iCornerzAlertWhite.iSVG::after { background-position-y: 82%; }
                .iCornerzAlertFlip.iSVG::after { background-position-y: 83%; }
                .iCornerzAlertWhiteFlip.iSVG::after { background-position-y: 84%; }
                .iCornerIconArchive.iSVG::after { background-position-y: 85%; }
                .iCornerTick.iSVG::after { background-position-y: 86%; }
                .iCornerSpecialPrice.iSVG::after { background-position-y: 87%; }

                .iCornerzDataRoom-GP.iSVG::after { background-position-y: 48%; }
                .iCornerzDataRoom-EU.iSVG::after { background-position-y: 96%; }
                .iCornerzDataRoom-HKAP.iSVG::after { background-position-y: 97%; }
                .iCornerzDataRoom-HKIN.iSVG::after { background-position-y: 98%; }
                .iCornerzDataRoom-US.iSVG::after { background-position-y: 99%; }
                .iCornerzDataRoom-NL.iSVG::after { background-position-y: 100%; }
                .iCornerzDataRoom-Dormant.iSVG::after { background-position-y: 39%; }
                
            .panelIconGallery .grid .sectionCorner .iCorner { position: relative; }
                .panelIconGallery .sectionCorner .iYes.iCorner { background-position-y: 12%; }
                .panelIconGallery .sectionCorner .iNo.iCorner { background-position-y: 13%; }
                    .panelIconGallery .grid .sectionCorner .iCorner::after { 
                        width: 30px;
                        height: 30px;
                        top: 12px; 
                        transform: unset; }


/*****************************************************************
= MY ACCOUNT
*****************************************************************/

.pageMyAccount.pageBasic h1 { padding-left: 0; }

    .pageMyAccount h1::after { display: none; }

.pageMyAccount.pageBasic .contentMain {  
    display: flex;
    padding-bottom: 0; 
    background: none; }

    .myBasicDetails { 
        min-height: 440px; 
        background: #FFFFFF; }

        .myBasicDetails.left { 
            float: none;
            width: auto;
            clear: none;
            /*margin-right: 300px;*/
            padding-top: 50px;  }

        .pageMyAccount .myBasicDetails.left { 
            flex: 1;
            padding-bottom: 0; }

        .panelMyDetails { 
            float: left; 
            width: 100%; 
            padding-bottom: 30px; }
            
            .myBasicDetails .bButton { margin: 0 10px 0 0; }
                .myBasicDetails .bButton:first-of-type { margin-right: 0; }
                .myBasicDetails .bButton:last-of-type { float: left; }

        .myBasicDetails.right { 
            order: 2;
            position: relative;
            width: 250px;
            padding-bottom: 20px;
            text-align: center; 
            z-index: 100; 
            /*background: #dcdcd9;*/ 
            background: none; }

            .myBasicDetails.right form { 
                display: flex; 
                flex-direction: column; }

            /*.myAvatar #imagecontainer { 
                display: flex;
                flex-direction: column;
                width: 250px !important;
                height: 250px !important; 
                z-index: 900; 
                background: #FFFFFF; }*/

            .myAvatar .avatarWrap { 
                display: flex;
                flex-direction: column;
                width: 250px;
                height: 250px; 
                z-index: 900; 
                background: #FFFFFF; } 

    .pageMyAccount .myBasicDetails.right { padding-bottom: 0; }

        .pageMyAccount .myAvatar .fgDropZone { margin-bottom: 0; }

            .pageMyAccount .myAvatar #imagecontainer img {
                width: 100%;
                height: auto;

                max-width: 100%;
                max-height: 100%;
                width: auto;
                height: auto;
                border: none; }

                .avatarDefault { 
                    display: block;
                    position: relative;
                    width: 80%; 
                    height: 80%;
                    margin: 10%; 
                    overflow: hidden;
                    border-radius: 50%; 
                    background: #e0e0dc;
                    z-index: 90; }

                    .avatarDefault::before , .avatarDefault::after { 
                        content: ' ';
                        position: absolute;
                        left: 50%;
                        border-radius: 50%;
                        background: #949491; 
                        z-index: 100; }

                        .avatarDefault::before { 
                            width: 52.6%;
                            height: 52.6%;
                            top: 10.7%; 
                            margin-left: -26.3%; }

                        .avatarDefault::after { 
                            width: 91.1%;
                            height: 91.1%;
                            bottom: -60.2%; 
                            margin-left: -45.5%; }

                    .avatarDefault.deptSA { background-color: #e0d7d3; }
                        .deptSA.avatarDefault::before, .deptSA.avatarDefault::after { background: #c4501c; }
                    .avatarDefault.deptLG { background-color: #e0dcd3; }
                        .deptLG.avatarDefault::before, .deptLG.avatarDefault::after { background: #d17700; }
                    .avatarDefault.deptAC { background-color: #d7e0df; }
                        .deptAC.avatarDefault::before, .deptAC.avatarDefault::after { background: #5e8f88; }                    
                    .avatarDefault.deptNP { background-color: #dfe0d3; }
                        .deptNP.avatarDefault::before, .deptNP.avatarDefault::after { background: #7e9e3f; }
                    .avatarDefault.deptQC { background-color: #e0d5db; }
                        .deptQC.avatarDefault::before, .deptQC.avatarDefault::after { background: #944364; }
                    .avatarDefault.deptTS { background-color: #d3dee0; }
                        .deptTS.avatarDefault::before, .deptTS.avatarDefault::after { background: #007c85; }
                    .avatarDefault.deptMA { background-color: #e0d5db; }
                        .deptMA.avatarDefault::before , .deptMA.avatarDefault::after { background: #a31f10; }
                    .avatarDefault.deptIT { background-color: #e0dcd7; }
                        .deptIT.avatarDefault::before , .deptIT.avatarDefault::after { background: #6f577e; }
                    /*.avatarDefault.deptGO { background-color: #dfe0d3; }
                        .deptGO.avatarDefault::before , .deptGO.avatarDefault::after { background: #95a229; }*/

                    .myAvatar .avatarDefault img { 
                        position: relative; 
                        left: 0; 
                        width: 100%; 
                        height: auto; 
                        z-index: 110; }

                .myAvatar.myBasicDetails .barButtons { 
                    position: absolute;
                    width: auto; 
                    height: 140px;
                    bottom: 0;
                    left: 20px;
                    right: 20px;
                    padding: 0; }

                    .myAvatar.myBasicDetails .bButton { 
                        width: 100%;
                        margin: 20px 0; 
                        color: #FFFFFF; }

                    .bChangeAvatar { 
                        position: absolute; 
                        width: 100%; 
                        height: 40px; 
                        bottom: 20px; }

                        .bChangeAvatar::after { 
                            height: 22px;
                            top: 9px;
                            pointer-events: none; /* Need this to make the icon clickable and not a click mask */
                            background: url(../images/iSprite.png) no-repeat -40px -50px; }

                        .bCancelAvatar.bButton { 
                            position: absolute; 
                            bottom: 110px; }

                            .bCancelAvatar.bButton:not(:hover)::after { background-position-x: 0; }

                            .bCancelAvatar.bButton:hover { background-color: #be1622; color: #FFFFFF; }

                                .bCancelAvatar.bButton:hover::after { background-position-x: -40px; }

                        .myAvatar.myBasicDetails .bSaveAvatar.bButton { margin-top: 25px; }

                    .myAvatar.myBasicDetails #MainContent_AvatarUploader__Insert { 
                        float: none;
                        width: 100%;
                        margin: 0; }

    .myBasicDetailsWrap { 
        width: 60%; 
        margin: 40px auto 20px;  }

        .myBasicDetails .myBasicDetailsWrap .form-group  { 
            margin-bottom: 0;
            padding-right: 0; }
        
            .myBasicDetails .myBasicDetailsWrap label { width: 38%; }
            .myBasicDetails .myBasicDetailsWrap .form-control , .myBasicDetails .myBasicDetailsWrap .barButtons { width: 60%; }


/*****************************************************************
= LOG IN
*****************************************************************/

.loginWrap { 
    width: 400px;
    height: auto;
    margin: 8% auto 30px;
    padding: 30px;
    border: solid 10px #40403f;
    text-align: center;
    background: #FFFFFF; }

    .loginWrap h2 { 
        margin: 20px 0 10px 0;
        color: #c7c7c6;
        font-size: 40px;
        font-weight: 900; }

        .loginWrap.forgotWrap h2 { line-height: 40px; }

.panelLogin { text-align: left; }

    .panelLogin .form-group { margin-bottom: 0; }

    .loginWrap label, .panelBasic label { 
        font-size: 18px; 
        margin-bottom: 5px;
        font-weight: normal; }

    .loginWrap .form-control, .panelBasic .form-control { font-size: 18px; }

            .panelBasic input.form-control { width: 400px; }

        .loginWrap .form-group.clearfix { 
            position: relative;
            width: 100%;
            height: 60px;
            margin: -10px 0 0; }

        .loginWrap a { 
            display: inline-block;
            margin-top: 20px;
            font-size: 12px;
            font-weight: bold;
            text-transform: uppercase; }

        .loginWrap .arrowSq { 
            position: absolute;
            width: 60px;
            height: 60px;
            border-radius: 3px;
            right: 0;
            top: 0; 
            z-index: 800; }

        .loginWrap input.submitArrow {
            position: relative;
            width: 60px;
            height: 60px;
            margin: 0;
            padding: 0;
            z-index: 900;
            /*background: url(../images/iArrows.png) no-repeat center -1986px;*/ 
            background: url(../images/iArrows.svg) no-repeat center 45%; 
            background-size: cover; }

            .arrowSq.hoverSlide { 
                background-color: #6f577e;
                transition: background-color 0.3s;
                -webkit-transition: background-color 0.3s;
                overflow: hidden;
                cursor: pointer; }

            .arrowSq.hoverSlide::after {
                position: absolute;
                content: " ";
                width: 100%;
                height: 100%;
                left: 0;
                top: 100%;
                background-color: #594366;
                transition: top 0.3s;
                -webkit-transition: top 0.3s; }

                .arrowSq.hoverSlide:hover::after { top: 0; }

        .LoginNote { 
            margin-top: 20px;
            font-weight: bold;
            color: #787875;
            font-size: 15px; }

.loginWrap.loginWrapLong { margin-top: 80px; }

.panelPassChanged.panelLogin { 
    margin-top: 20px;
    text-align: center;
    font-size: 15px; }

     .loginWrap .panelPassChanged a { font-size: 15px; }

.panelPassChangeConfirmed h2 { 
    position: relative;
    padding-top: 40px; }

    .panelPassChangeConfirmed h2 span { 
        font-size: 30px; 
        line-height: 1; }

    .panelPassChangeConfirmed h2::after { 
        content: '';
        position: absolute;
        width: 36px;
        height: 36px;
        top: 0;
        left: 50%;
        margin-left: -18px;
        /*background: url(../images/iAction.png) no-repeat -50px -800px;*/ /* Green cirqueTick */
        filter: invert(40%) sepia(96%) saturate(338%) hue-rotate(37deg) brightness(91%) contrast(88%); 		/* #627e21 Yes/Go Green */
        background: url(../images/iAction.svg) no-repeat center 50%; 
        background-size: cover; }

.panelBasic.panelMyTasks { 
    float: left;
    width: 100%;    
    margin-top: 10px; }

    .panelBasic h3 { 
        margin-bottom: 0; 
        text-transform: uppercase; }   

    .changePassWrap { margin-top: 20px; }  

        .panelBasic.panelMyTasks .changePassWrap .form-control { text-transform: none; }

        .changePassWrap .bButton { float: left; }

    .basicAlert .greenAlert { 
        display: block;
        float: left;
        margin: 10px 0 10px; }

.forgotWrap .infoAlert { margin-top: 80px; }

    .forgotWrap .infoAlert::after { background-color: #be1622; }

.pageResetPassword .myBasicDetails { min-height: unset; }

    .pageResetPassword .myBasicDetailsWrap { 
        margin: 40px auto 60px; 
        text-align: center; }

        .passwordChangedWrap .infoAlert { margin: 40px auto; }

        .pageResetPassword .passwordChangedWrap .bButton { 
            display: inline-block; 
            float: none; }

    .pageResetPassword .myBasicDetails .panel800 { 
        margin-top: 30px; 
        margin-bottom: 30px; }


        .pageResetPassword .myBasicDetails .bSave { margin-left: auto; }

    .panelChangePassword { background: #FFFFFF; }

        .panelChangePassword .myBasicDetailsWrap { max-width: 500px; }

            .panelChangePassword h2 { margin: 0 auto; }
                .panelChangePassword h2::after { background-position-x: -420px; background-position-y: -6060px; }

            .panelChangePassword .myBasicDetailsWrap .form-control, .panelChangePassword .myBasicDetailsWrap label, .panelChangePassword .myBasicDetailsWrap .barButtons { width: 100%; }

            .panelChangePassword .barButtons .bButton { margin-top: 0; }


/*****************************************************************
= Modal Windows
*****************************************************************/

.modal { 
    font-family: "Lato", Arial, sans-serif; 
    z-index: 9999; }

    .modal-backdrop { z-index: 9998; }

    .modal-dialog {
        width: 900px;
        margin: 30px auto; }

        .modal-dialog.modalSlim { width: 600px; }

    .modal-header {
        padding: 20px;
        border-bottom: none; }

        .modal .close { 
            display: block;
            width: 18px;
            height: 18px;
            margin: 10px 0 0 15px;
            /*background: url(../images/iSprite.png) no-repeat -80px 0;*/
            filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%); 		/* #787875 Mid Grey */
            transition: all 0.3s;
            background: url(../images/iAction.svg) no-repeat center 5%; 
            background-size: cover;
            opacity: 0.4; }
            .modal .close:hover { opacity: 0.8; }

        .modal h3 {
            color: #c7c7c6;
            font: 900 30px/1 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
            text-transform: uppercase; }

            .modal h3 span { 
                color: #787875; 
                font: bold 24px Lato, Arial, Helvetica, sans-serif; }

    .modal .panelActivity {
        float: none;
        position: relative;
        width: 100%;
        min-height: 80px;
        height: auto;
        padding: 20px 30px 20px 0px;
        border-top: 1px solid #dcdcd9;
        border-bottom: 1px solid #dcdcd9; 
        color: #b0b0ad;    
        background: #eeeeeb; }

        .modal .panelActivity textarea { 
            height: auto;
            min-height: 80px;
            padding-bottom: 40px;
            padding-top: 0; }
         
    .modal-body { padding: 0; }

            .modal-body h4 { 
                padding-right: 60px;
                font-size: 21px;
                font-weight: bold;
                line-height: 1; }    

        .modal .dotty { margin: 20px 0 25px; }

.modal-footer { 
    border: none;
    margin-top: 0;
    padding: 20px; }
                 
    .modal-footer .bButton.bDouble, .modalAddEdit .modal-footer .bButton.bDouble, .modal-footer .bModalClose { 
        width: 160px;
        height: 65px;
        margin: 0;
        font-size: 18px;
        line-height: normal;
        padding: 24px 0 0 0;
        border-radius: 3px; }

        .modal-footer .bModalClose { 
            color: #787875 !important;
            background-color: #dcdcd9 !important;
            background: -moz-linear-gradient(top, #dcdcd9 1%, #c7c7c6 100%) !important;
            background:-webkit-gradient(top, #dcdcd9 1%, #c7c7c6 100%) !important;
            background: linear-gradient(#dcdcd9, #c7c7c6) !important; }
            .modal-footer .bModalClose:hover { background: #e0e0de !important; } 

        .modal-footer .bAdd.bButton.bDouble { padding-top: 29px; } /* Just for 1 line/word */

        .modal-BarYesNo.modal-footer { display: flex; }

            .modal-BarYesNo.modal-footer .bButton.bDouble { padding-top: 32px; }

            .modal-BarYesNo .bButton.bDouble:last-of-type { margin-left: auto; } 

            .modal .modal-BarYesNo.modal-footer .bButton.bDouble::after { top: 10px; }

.modalAddEdit .modal-body {
    width: 100%;
    padding: 30px 20px 10px;
    border-top: solid 1px #dcdcd9;
    border-bottom : solid 1px #dcdcd9;
    background: #FFFFFF; }

    .modalAddEdit .modal-header { padding: 15px 20px; }

    .modal .modalAddEdit h3 { line-height: 0.9; }

        .modalAddEdit .form-group { margin: 0 0 10px; }

            .modalAddEdit .form-group label, .formGroupH.form-group label {
                display: block;
                float: left;
                width: 30%;
                height: 40px;
                line-height: 40px; }
                
                .modalR600.modal .radioSingle label { 
                    width: 100%; 
                    padding: 0; 
                    text-align: center; }

            .modalAddEdit .form-group .form-control, .formGroupH.form-group .form-control { 
                float: left;
                width: 70%; }

                .modalAddEdit .form-control-50.form-control, .formGroupH.form-group .form-control-50.form-control { width: 35%; }
                .modalAddEdit .fcNoLabel, .form-group .form-control.fcNoLabel, .modalAddEdit .form-checkGroup { margin-left: 30%; }
                .modalAddEdit .fcAuto.form-control { width: auto; }

                .modal .form-checkGroup { margin-bottom: 10px; }

                    .form-checkGroup label { margin-left: 20px; }

                    .modal .form-checkGroup h4 { 
                        margin: 0 0 -2px; 
                        color: #6f577e; }

                .modal .addNewDate { display: flex; }  

    .modal h4 + textarea { margin-bottom: 10px; }
                
    .modal .fgBigCheckLeft .bigCheck { margin-top: 0; }
                
    .modal .fgBigCheckLeft label { width: calc(100% - 50px) !important; }

        .modalUploadDoc { margin-bottom: 10px; }

            .modalUploadDoc h4 { 
                margin-bottom: 0; 
                padding: 0; }

                .bButton.bSearchDoc:not(.bBack) { 
                    width: 315px; 
                    text-align: center; }

                    .bButton.bSearchDoc::after, .addNewUploaderWrap > div::after { 
                        height: 22px;
                        left: auto;
                        right: 10px;
                        transform: none;
                        background: url(../images/iSprite.png) no-repeat -42px -600px; }

    .modal .fgModalArchiveCompleted { 
        flex-wrap: nowrap; 
        gap: 20px; }

        .modal .iSVG.iArchive { 
            width: 60px; 
            padding: 0; }

        .modal .fgModalArchiveCompleted .fgCheckBox { align-items: center; }

            /*.modal .iSVG.iArchive::after { top: unset; margin-top: 0; }*/

        .modal .bUploadDocWrap { position: relative; }

            .modal .form-group .bUploadDocWrap { 
                float: left;
                width: 100%; }

                .modal .bUploadDocWrap::after, .pageWarrantyDetails .bUploadDocWrap::after { 
                    left: unset;
                    top: 9px;
                    right: 8px;
                    opacity: 0.6;
                    background-position-x: -40px; }

                    .modal .bUploadDocWrap:hover::after, .panelWarrantyDocs .bUploadDocWrap:hover::after { opacity: 1; }

                .modal .bUploadDocWrap .bSearchDoc.bButton { 
                    position: relative; 
                    left: 0;
                    cursor: pointer; }

                    .modal .bUploadDocWrap input:disabled { 
                        cursor: unset !important;
                        opacity: 0.5;
                        background: #949491; }

                    .modal .bUploadDocWrap table { 
                        width: 100%; 
                        min-width: unset !important; }

                        .modal .bUploadDocWrap td { padding: 20px 0; }

                            .modal .bUploadDocWrap td:last-of-type { width: 30px; }

                            .modal.modalW600 .bUploadDocWrap .bSearchDoc.bButton { margin-top: 0; }

            .modalAddEdit .modal-footer .bButton.bDouble::after { top: 11px; }

                .modalAddEdit .modal-footer .bEmpty.bDouble::after { 
                    /*transition: none;*/
                    /*background: url(../images/iAction.png) no-repeat -80px 0;*/  /* Grey X */
                    filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%); 		/* #787875 Mid Grey */
                    background: url(../images/iAction.svg) no-repeat center 5%; 
                    background-size: cover; }

                    .modalAddEdit .modal-footer .bEmpty.bDouble:hover::after { 
                        /*background-position-x: -200px;*/ 
                        background-position-x: center !important; /* Override */
                        filter: invert(12%) sepia(48%) saturate(6975%) hue-rotate(347deg) brightness(103%) contrast(95%); 	/* #be1622 RFEred */ }

.modalAddEdit .form-group.formGroup100 { margin-top: -10px; }

    .modalAddEdit .form-group.formGroup100 label , .modalAddEdit .form-group.formGroup100 .form-control { width: 100%; }

        .modalAddEdit .form-group.formGroup100 label {
            height: auto; 
            line-height: normal; }

    .modalAddEdit .form-group.formGroup100.onewDateWrap { margin-top: 20px; }

    .form-group.formGroupSkinnyLabel label { width: 25%; }
    .form-group.formGroupSkinnyLabel .form-control { width: 75%; }
    
    .form-group.formGroupWideLabel label { width: 40%; }
    .form-group.formGroupWideLabel .form-control { width: 60%; }

    .form-group.formGroupExtraWideLabel label { width: 60%; }
    .form-group.formGroupExtraWideLabel .form-control, .form-group.formGroupExtraWideLabel .specialPriceForm { width: 40%; }
        .form-group.formGroupExtraWideLabel .specialPriceForm .form-control { width: 100%; }

    .form-group.formGroupDateTime label { width: 25%; }
    .form-group.formGroupDateTime .form-control, .modalR600 .wrapDateTime .form-control, .modalR600 .onewDateWrap .form-control { width: 100%; }
        .form-group.formGroupDateTime .form-control:last-of-type { margin-right: 0; }
        .form-group.formGroupDateTime .iDate, .modalR600 .wrapDateTime .iDate { top: -2px; }

    .centredModalHead { text-align: center; }

        .centredModalHead img { 
            width: 145px; 
            height: 145px; 
            margin: 0 auto; }

        .centredModalHead h5 { 
            margin: 0 auto; 
            font-size: 15px; 
            line-height: 1.1; }

            .centredModalHead h5 span { 
                font: 900 18px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
                /*font-size: 18px; 
                font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
                font-weight: 900;*/ }

.fgModalFlexTable, .fgModalFlexTableHead { 
    display: flex; 
    width: 100%; }

    .fgModalFlexTable { 
        flex-wrap: wrap; 
        margin-bottom: 10px; }

        .modal .fgModalFlexTableHead label { display: block; }

        .fgModalFlexTable .flex { width: 100%; }

.modal .checkBox.fInline { min-height: 40px;  }

.modal .checkBox.fInline label { 
    width: 100%;     
    padding-right: 0; }

    .modal .fInline .checkBox label { width: 100%; }

.modalAddDocuments .fcWrap, .modalAddDocuments .fcWrap70 { position: relative; }          

    .modalAddDocuments .fcWrap strong, .modalAddDocuments .fcWrap70 strong { 
        display: block; 
        position: absolute;
        width: 30px;
        height: 40px;
        line-height: 40px; 
        left: 10px;
        top: 0;
        font-size: 15px; }

        .modalAddDocuments .form-group .fcWrap70 .form-control { width: calc(50% - 50px); }

            .modalAddDocuments .fcWrap70 .form-control.fcDocRef { padding-left: 30px; }

            .modalAddDocuments .form-group .fcWrap70 label { 
                width: 100px; 
                text-align: right; 
                padding-right: 10px; }


/******  Modal Alerts  ******/

.modalAlert .modal-dialog { max-width: 400px; }

.modalAlert .modal-body { 
    padding-top: 0; 
    border: none; }

    .modalAlert .iGiant { 
        width: 64px;
        height: 64px;
        display: block;
        position: relative;
        margin: 0 auto 20px;
        padding: 0;
        border-radius: 50%;
        background-color: #be1622; }

        .modalAlert .iGiant::after { 
            width: 32px;
            height: 32px;
            top: 52%;
            left: 52%;
            margin: -16px 0 0 -16px;
            /*background-image: url(../images/iAction.png); */
            background-image: url(../images/iAction.svg); 
            background-position-x: center;
            background-size: cover; }

            .modalArchive.modalAlert .iGiant::after, .modalDelete .iGiant::after, .modalRestore.modalAlert .iGiant::after, .modal-confirmSure .iGiant::after { 
                filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */ }

        .modalArchive.modalAlert .iGiant { background-color: #857f71; }

            .modalArchive.modalAlert .iGiant::after {     
                left: 51%;
                background-position-y: 60%;
                /*background-position-x: -350px; 
                background-position-y: -1150px;*/ } /* white Archive */

        .modalRestore.modalAlert .iGiant { background-color: #5a7500; }

            .modalRestore.modalAlert .iGiant::after { 
                /*width: 34px;
                height: 34px;
                margin: -16px 0 0 -16px;*/
                top: 50%;
                background-position-y: 10%;
                /*height: 35px;
                margin-top: -18px;
                background-position-x: -350px; 
                background-position-y: -1000px;*/ }

    .modalAlert p { 
        font-size: 18px; 
        color: #787875; }

    .modalAlert .modal-footer.centreWrap { 
        display: flex; 
        justify-content: center; }

/******  Modal Error  ******/

.modalError .iGiant { background-color: #944364; }

    /*.modalError .iGiant::after { 
        width: 34px;
        height: 34px;
        margin: -14px 0 0 -17px;
        background-image: url(../images/iAction.png);
        background-position-x: -350px;
        background-position-y: -650px; }*/ /* White ErrorFace */

    .modalError .iGiant::after { 
        width: 60px;
        height: 60px;
        margin: -30px 0 0 -30px;
        /*background-image: url(../images/iAction.svg);*/
        /*background-position-x: center;*/
        background-position-y: 75%; } 

/******  Modal Delete / Restore  ******/

    .modalDelete .iGiant::after { 
        /*background-image: url(../images/iAction.png);
        background-position-x: -350px;
        background-position-y: -850px;*/
        background-position-y: 5%; 
        /*background-size: cover;*/ }

    .modalDelete .modal-footer .bDelete { 
        float: right;
            background-color: #be1622 !important;
            background: -moz-linear-gradient(top, #be1622 1%, #aa1414 100%) !important; 
            background:-webkit-gradient(top, #be1622 1%, #aa1414 100%) !important; 
        background: linear-gradient(#be1622, #aa1414) !important; }
        
        .modalDelete .modal-footer .bDelete:hover { 
            text-decoration: none;
            background: #7e0009 !important; }

            .modalDelete .modal-footer .bDelete::after, .modalRestore .modal-footer .bRestore::after { 
                opacity: 0.7;
                /*background: url(../images/iAction.png) -1px -1px;*/ /* White X 20 */  
                filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */
                background: url(../images/iAction.svg) no-repeat center 5%; 
                background-size: cover; }    

            .modalAlert .modal-footer .bConfirm::after { 
                opacity: 0.7;
                /*background: url(../images/iAction.png) -1px -151px;*/ /* White Tick 20 */
                filter: brightness(0) saturate(100%) invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */
                background: url(../images/iAction.svg) no-repeat center 15%; 
                background-size: cover; }

                .modalDelete .modal-footer .bDelete:hover::after, .modalRestore .modal-footer .bRestore:hover::after, .modalAlert .modal-footer .bConfirm:hover::after { opacity: 1; }

        .modalRestore .modal-footer .bRestore::after { 
            /*height: 22px;
            top: -10px;
            background-position-y: -100px;*/ /* White Redo 20 */
            filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */
            background: url(../images/iAction.svg) no-repeat center 10%; 
            background-size: cover; }


	.modal-confirm .modal-content {
		padding: 20px;
		border-radius: 5px;
		border: none;
        text-align: center;
		font-size: 14px;
	}
	.modal-confirm .modal-header {
		border-bottom: none;   
        position: relative;
	}
	.modal-confirm h4 {
		text-align: center;
		font-size: 26px;
		margin: 30px 0 -10px;
	}
	.modal-confirm .close {
        position: absolute;
		top: -5px;
		right: -2px;
	}
	.modal-confirm .modal-body {
		color: #999;
	}
	.modal-confirm .modal-footer {
		border: none;
		text-align: center;		
		border-radius: 5px;
		font-size: 13px;
		padding: 10px 15px 25px;
	}
	.modal-confirm .modal-footer a {
		color: #999;
	}		
	.modal-confirm .icon-box {
		width: 80px;
		height: 80px;
		margin: 0 auto;
		border-radius: 50%;
		z-index: 9;
		text-align: center;
		border: 3px solid #f15e5e;
	}
	.modal-confirm .icon-box i {
		color: #f15e5e;
		font-size: 46px;
		display: inline-block;
		margin-top: 13px;
	}
    
.modalAlert .modal-confirmSure .iGiant { background-color: #6f577e; }

    .modal-confirmSure .iGiant::after { 
        left: 51%;
        background-position-y: 80%; /*background-position-x: -350px; background-position-y: -1250px;*/ }

    .modal-footer .bConfirm { float: right; }

/******  Modal ReStart  ******/

.modalRestart {  }

    .modalRestart .iGiant { background-color: #944364; }

    /*.modalRestart .iGiant::after { 
        height: 36px;
        margin-top: -19px;
        background-position-y: -1000px; }*/

    .modalRestart .iGiant::after { 
        margin-top: -18px;
        filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */
        background: url(../images/iAction.svg) no-repeat center 10%;
        background-size: cover; }

.modal .addNew .form-group { 
    flex-direction: column; 
    align-items: flex-start; }

    .modal .addNew .form-group label { 
        width: auto; 
        margin-bottom: 10px; }

    .modal .addNew .form-group .form-control { width: 100%; }

    .modal .addNew .bSQ30 { align-self: flex-end; }


 .modalSelectPlugs.form-group { 
     margin-top: 20px; 
     padding-bottom: 30px; }

    .modalAddEdit .modalSelectPlugs > label { width: 60%; }

#modalEditOrderItem .centredModalHead { margin-top: -20px; }

#modalEditOrderItem .dotty { margin-top: 0; }

#modalEditOrderItem .onewDateWrap { 
    position: relative;
    width: 100%; 
    margin: 10px 0 0;
    padding-top: 20px;
    padding-right: 0; }

    #modalEditOrderItem .onewDateWrap label { 
        position: absolute;
        height: auto; 
        line-height: normal;
        top: -7px;
        left: 60%; }

    #modalEditOrderItem .datepickerWrap { 
        position: relative;
        float: right;
        width: 40%;
        padding-right: 50px; }

    .modalAddEdit .datepickerWrap .form-control { width: 100%; }

    #modalEditOrderItem .onewDateWrap .iDate { top: -2px; }

.modalAddEdit .form-group.mdl-editTop20 { margin-top: 20px; }

#modalOrderRFEMemo .form-group { margin-bottom: 0; }

.centredModalHead .iBig { 
    display:  inline-block;
    width: 42px;
    height: 42px; 
    margin-bottom: 10px; }

    .centredModalHead .iBig.iSurcharge::after { background-position-y: -2760px; }
    .centredModalHead .iBig.iCarriage::after { background-position-y: -2820px; }

#modalAddNewCustomer h4 .grey-mid { color:#949491; }

    #modalAddNewCustomer h4 span:not(.grey-mid) { 
        font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
        font-weight: 900; }

.modal .modalAddEdit h3.sectionHead { 
    margin-top: 0; 
    text-align: left; }

    .modal .modalAddEdit h3.sectionHead span { 
        color: #c7c7c6; 
        font-size: inherit; }

.modalSpecList .modal-body { 
    padding-top: 10px; 
    padding-bottom: 0; 
    border-top: none; }

    .modalSpecList .centredModalHead { margin-bottom: 20px; }

        .modalSpecList .centredModalHead img { margin-top: -60px; }

        .modalSpecList h3 { 
            font-size: 24px; 
            text-align: center; }

.modalTableList { 
    width: 100%;
    margin: 0 0 30px;
    font-size: 15px; }

    .modalTableList th, .modalTableList td { 
        position: relative;
        padding: 8px 6px; }

        .modalTableList th { 
            max-width: 35%;
            padding-left: 0;
            color: #787875;
            text-transform: uppercase; }

        .modalTableList td { 
            padding-right: 0; 
            font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
            font-weight: 900; }
            
            .modalTableList tr:hover th, .modalTableList tr:hover td { color: #000000; }

    #modalCustomerStockCode .centredModalHead { margin: -30px 0 30px; }

.modalMoreInfo .modal-body { margin-top: -20px; }

.modalMoreInfo .centredModalHead h5 { 
    margin-bottom: 10px;
    font-size: 18px; }

    .modalMoreInfo .centredModalHead h5 span { 
        display: block;
        margin-bottom: 5px;
        font-size: 30px; }

    .modalMoreInfo .description { 
        text-align: left; 
        font-size: 15px; 
        line-height: 1.4; }

     .modalMoreInfo dl { font-size: 15px; }  

        .modalMoreInfo dt { 
            color: #6f577e; 
            font-size: 18px; 
            text-transform: uppercase; 
            line-height: 1.1; }
     
        .modalMoreInfo dd { margin-bottom: 20px; }

.modal .modalDropdownNav { 
    position: absolute; 
    width: 300px; 
    top: -20px; 
    left: 0; 
    border-bottom: none; }

    .modal .modalDropdownNav .form-control { 
        width: 100%; 
        padding: 6px 15px 10px 10px; 
        font-size: 18px; 
        border-radius: unset; }

        .modalDropdownNav.nav-tabs > li.active > a { border-width: 3px; border-style: solid; }
            .modalDropdownNav.nav-tabs > li.active > a:not(:hover):not(:focus) { border-color: #c7c7c6; }

        .modal .modalDropdownNav li { width: 100%; }
            .modalDropdownNav .caret { 
                position: absolute; 
                right: 10px; 
                top: 17px; }

            .modalDropdownNav .dropdown-menu { font-size: 18px; }

.modalMoreInfo .tab-content { 
    float: left;
    margin-top: 40px; }

.modal .panelError h3 { 
    margin-top: -30px; 
    font-size: 48px; }

.modalHistoryInfo p { font-size: 15px; }

.modalAddEdit .onewDateWrap .ui-datepicker-trigger { top: -3px; }

.modalAddDataRoomDoc .mfgFileSize { 
    display: inline-block; 
    margin-left: 10px; 
    font-size: 18px; 
    font-weight: bold; 
    line-height: 40px; }


/*****************************************************************
= ERROR PAGES
*****************************************************************/

.panelError { 
    padding: 40px 30px;
    text-align: center; }

    .panelError h3 { 
        margin: 40px 0 20px;
        color: #c7c7c6;
        /*font-size: 60px;
        font-family: LatoWebBlack, Lato, sans-serif; 
        font-weight: 900;*/
        font: 900 60px 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
        letter-spacing: -1px; }

    .panelError .pWrap { display: inline-block; }
    
        .panelError p { 
            max-width: 600px;
            text-align: left;
            line-height: 1.4;
            color: #40403f; 
            font-size: 24px; }

        .pageExceptions .panelError { padding-top: 10px; }

        .panelErrorAlert.panelError {
            position: relative;
            margin-top: 30px;
            padding: 30px 0 0; }

            .panelErrorAlert.panelError::before {
                content: ' ';
                position: absolute;
                width: 26px;
                height: 24px;
                top: 0;
                left: 50%;
                margin-left: -13px;
                background: url(../images/iSprite.png) no-repeat -248px -1000px; }

            .panelErrorAlert.panelError p {
                color: #be1622;
                font-size: 18px;
                font-weight: bold; }

.pageError h1::before { 
    content: ' ';
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    top: 4px;
    left: -1px;
    border-radius: 50%; 
    background: #40403f; }

.pageError h1::after { 
    /*width: 48px;
    height: 48px;*/
    width: 24px;
    height: 24px;
    top: 15px;
    left: 12px;
    opacity: 0.7;
    /*background: url(../images/iAction.png) no-repeat 12px -1188px;*/ /* White X 24 */  
    filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */
    background: url(../images/iAction.svg) no-repeat center 5%; 
    background-size: cover; }

    .pageError h3 { 
        width: 100%; 
        font-size: 36px; }

    .pageError .bButton.bDouble { 
        float: none; 
        margin-bottom: 20px; }

/*****************************************************************
= Alerts!
*****************************************************************/

.alertRed { color: #aa1414!important; }

.validation-summary {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding: 8px 12px 8px 46px;
    color: #be1622;
    border: solid 3px #be1622;
    background: #eeeeeb;
}
    .validation-summary ul::before { 
        position: absolute;
        content: '';
        display: block;
        top: 10px;
        left: 8px;

        width: 0; /*create triangle*/
	    height: 0;
	    border-left: 14px solid transparent;
	    border-right: 14px solid transparent;
	    border-bottom: 28px solid #be1622; }

    .validation-summary ul {
        list-style-type: none;
        padding-top: 7px; }
    
        .validation-summary li { 
            font-size: 15px;
            font-weight: bold;
            padding-bottom: 7px; }   
    
            .validation-summary li:last-of-type::after { 
                position: absolute;
                content: '!';
                color: #FFFFFF;
                font-size: 20px;
                font-weight: 900;
                top: 14px;
                left: 18px; }

            .modal .validation-summary { margin: 0 3% 20px ; width: 94%; }

                .modal.modalAddDocuments .validation-summary { margin: 0 0 20px ; width: 100%; }

            .panelActivity .validation-summary { 
                width: 94%;
                margin: 0 3%; }

.alert, .alert-greenAlert , .alert-blueAlert , .alert-redAlert , .redAlertLogin span {
    display: none;
    position: relative;
    width: 100%;
    min-height: 52px;
    margin-bottom: 10px;
    padding: 12px 12px 12px 46px;
    color: #6d7200;
    font-size: 18px;
    font-weight: bold;
    border: solid 3px #97a631;
    background: #eeeeeb;
}

    .alert-greenAlert .iAlert {
        display: block;
        position: absolute;
        content: '';
        width: 30px;
        height: 30px;
        top: 8px;
        left: 8px;
        border-radius: 2px;
        background: #97a631;
    }

        .alert-greenAlert .iAlert::after { 
            position: relative; /*  Tick  */
            top: 5px;
            left: 7px;
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            -webkit-font-smoothing: antialiased;
            font-style: normal;
            font-weight: normal;
            font-size: 15px;
            color: #FFFFFF;
            line-height: 1;
            content: "\e013"; }  
        
    .alert-dismissible .close { 
        top: auto; 
        right: auto; 
        font-size: 24px;
        opacity: .4; }        

    .alert-.greenAlert button span {
        top: 30px;
        right: 40px; }

.alert-blueAlert {
    color: #126c8e;
    border-color: #3287a6;
}
    .forgotWrap .text-info.alert-blueAlert { 
        display: block!important; 
        margin: 20px 0 0; }

    .alert-blueAlert span {
        display: block;
        position: absolute;
        content: '';
        width: 30px;
        height: 30px;
        top: 8px;
        left: 8px;
        border-radius: 50%;
        background: #3287a6;
    } 
        .alert-blueAlert span::after { 
            position: relative; /*  i Info  */
            top: 2px;
            left: 11px;
            display: inline-block;
            font-family: 'Times New Roman', Times, serif;
            -webkit-font-smoothing: antialiased;
            font-style: italic;
            font-weight: 900;
            font-size: 25px;
            color: #FFFFFF;
            line-height: 1;
            content: "i"; }

.alert-redAlert , .redAlertLogin span {
        color: #be1622;
        border-color: #be1622;
    }
        .alert-redAlert:before , .redAlertLogin span:before {
            position: absolute;
            content: '';
            display: block;
            border-radius: 2px;
            top: 9px;
            left: 8px;

            width: 0; /*create triangle*/
	        height: 0;
	        border-left: 14px solid transparent;
	        border-right: 14px solid transparent;
	        border-bottom: 28px solid #be1622;
        }
            .alert-redAlert::after , .redAlertLogin span::after { 
                content: '!';
                position: absolute;
                color: #FFFFFF;
                font-size: 18px;
                font-weight: 900;
                top: 15px;
                left: 19px; }

    .alertContainer.alert {
        display: block;
        position: fixed;
        width: 600px; }

.panelLogin .text-danger {
    display: inline-block;
    position: relative;
    margin-top: 10px;
    padding-left: 25px;
    font-size: 15px;
    font-weight: bold;
    color: #ae0812 !important;
    text-transform: uppercase; }

    .panelLogin .text-danger::after { 
        content: ''; 
        position: absolute;
        width: 17px;
        height: 16px;
        top: 0;
        left: 0;
        background: url(../images/iSprite.png) no-repeat -300px -1000px; }

.infoAlert, .basketEmpty {
    position: relative;
    width: 80%;
    margin: 100px auto 0;
    text-align: center;
    font-size: 15px;
    color: #40403f;
    font-weight: bold;
    text-transform: uppercase; }

    .infoAlert:after, .basketEmpty::after {
        display: block;
        position: absolute;
        content: ' ';
        text-align: center;
        width: 40px;
        height: 40px;
        margin-left: -20px;
        top: -50px;
        left: 50%;
        background: #b0b0ad url(../images/iSprite.png) no-repeat -311px -279px; }

    .pageBasket .basketEmpty { 
        position: relative;
        margin: 150px auto 250px; }

        .pageBasket .basketEmpty .bButton { 
            position: absolute; 
            width: 150px; 
            bottom: -150px; 
            left: 50%; 
            margin-left: -75px; }

/*.userNoPermission {  }*/

.updateProgressWrap, .updateSpinnerWrap { 
    position: fixed; 
    top: 0px; 
    left: 0px; 
    right: 0; 
    bottom: 0;  
    z-index: 9999 !important; 
    background-color: rgba(120, 120, 117, 0.5); }

    .updateSpinnerWrap { display: none; }

    .updateProgress, .updateSpinnerWrap .updateProgress { 
        position: absolute; 
        width: 120px; 
        height: 120px; 
        top: 50%; 
        left: 50%; 
        margin: -60px 0 0 -60px; 
        border: solid 6px #FFFFFF;  
        border-radius: 6px;
        text-align: center;
        background: #dcdcd9; }

        .updateProgress img, .updateSpinnerWrap img { 
            display: inline-block;
            width: 60px;
            height: 60px;
            margin: 24px 0 0; }

.specialPrice { 
    position: relative; 
    display: inline-block; 
    color: #be1622; }

    .specialPrice::before { 
        content: ' '; 
        position: absolute;
        width: 12px;
        height: 12px;
        left: -18px;
        top: 50%;
        margin-top: -6px;
        background: url(../images/iSprite.png) no-repeat -350px -1000px; }

    .specialPriceForm.specialPrice .form-control { color: #be1622 !important; }

        .specialPriceForm.specialPrice::before { 
            width: 21px;
            height: 21px;
            right: 0;
            top: 0;
            left: auto;
            margin-top: 0;
            /*background: url(../images/iCornerz.png) no-repeat 100% -800px;*/ 
            background: url(../images/iCornerz.svg) no-repeat center 87%; 
            background-size: cover; }


/*****************************************************************
= Helper
*****************************************************************/

.clearfix:before, .clearfix:after {
  display: table;
  content: " "; }

    .clearfix:after { clear: both; }

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
    sub { 
      top: 0.4em; 
    }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }

/*****************************************************************
= Loading Spinners
*****************************************************************/

.bButton.bDouble.progress { 
    background-color: #eeeeeb !important;
        background: -moz-linear-gradient(top, #eeeeeb 1%, #dcdcd9 100%)!important;
        background:-webkit-gradient(top, #eeeeeb 1%, #dcdcd9 100%)!important;
        background: linear-gradient(#eeeeeb, #dcdcd9)!important; }

    .bButton.bDouble.progress:after {               
        content: ' ';
        display: block;
        position: absolute;
        width: 38px;
        height: 38px;
        top: 5px;
        left: 50%;
        margin-left: -19px;
        background: url("../images/RFE_Rolling.gif"); }

img.lazy {
    background-image: url('/images/RFE_Rolling.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/*****************************************************************
= Chart Tooltips
*****************************************************************/

#chartjs-tooltip {
    opacity: 1;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    color: white;
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

    .chartjs-tooltip-key {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-right: 10px;
    }

/*****************************************************************
= Infinite Scroll
*****************************************************************/

.scroller-status {
    display: none; /* hidden by default */
    padding-top: 20px;
}
@media screen and (min-width: 1601px) {

    header, .container-fluid.body-content { width: 1480px; margin-left: auto; margin-right: auto; padding: 0 !important; }
        .container-fluid.body-content { float: none; }

    header.header { max-width: 1480px; }
        .nAccountWrap { right: 0; }
        /*.headerNavList { gap: 30px; }*/

    .contentHead { padding: 15px 0 40px; }

    .pageBasket .panelBasketGrandTotal .bButton { min-width: 200px; }
        .pageBasket .panelBasketGrandTotal .bButton.bEmpty { left: 250px; }

    td.tiOperaCo { padding-right: 30px; }

    .myBasicDetails.left { margin-right: 80px; }
    .myBasicDetails.right, .myAvatar .avatarWrap { width: 320px; }
    .pageUserOverview .panelUserAvatar { width: 320px; }
    .myAvatar .avatarWrap { height: 320px }
        .pageUsers .panelUserAvatar .right { height: 380px; }
    .myBasicDetails.left, .myBasicDetails.right { min-height: 480px; }

    .tableRevenueSummary .tableRevenueSummary .tTitle { width: 26%; } 
    .pageReports .tableRevenueSummary .tableRevenueSummary .tNum { width: 16.5%; }
    .pageReports:not(.pageReportsTrends) .tableRevenueSummary .tRevOtherList .tNum { width: 16.95%; }
    .pageReportsSummary.pageReports .tableRevenueSummary .tRevOtherOverview .tTitle { width: calc(26% + 20px); }
    .pageReportsSummary.pageReports .tableRevenueSummary .tableRevenueSummary .tNum { width: 16.9%; }
    .reportsCountryWrap { overflow: hidden; }
        #revenueByCountryMap { height: 1170px !important; margin: -110px 0; }
    .pageReportsCountry .graphLegend { bottom: 150px; }
        .pageReportsCountry .graphLegend li { margin-top: 10px; }
    .pageReportsTrends.pageReports .panelReportGrossProfitTrend .tRevOtherOverview.tableRevenueSummary .tNum { width: 15.6% !important; }
     
    .tableGrossProfit.tableList .tableRevenueSummary.tRevOtherOverview .tTitle { width: 27.5% !important; }
    .tableGrossProfit.tableRevenueSummary .tRevOtherOverview.tableList .tNum { width: 17.5%; }
    .tableMarginDetails .tRevOtherOverview .tTitle { width: 42%; } 
        .tableMarginDetails .tRevOtherOverview.tableRevenueSummary .tNum { width: 17.8%; }      
        
    .tableSellout td, .tableSellout tbody .tTitle h5, .tableSellout tbody .trTotal h4 { font-size: 18px; }

    .trProductsMulti-Head > td { padding-bottom: 0; }
    .pageProductsList .tProductsMultiWrap { padding: 0 0 0 10px; }
        .pageProductsList .tableProductsListMulti td { padding-top: 8px; padding-bottom: 8px; }
            .pageProductsList .tableProductsListMulti td.tTitle { padding-left: 0; }

    .headButtonBarSpares .fontThin { font-size: 24px; }
    .headButtonBarSpares .bButtonBig strong { font-size: 48px; }
    .panelPartsAvailabilityGraph .graphWrap, .pageTopProductSalesDetail .graphWrap { width: 1400px; }

}

@media screen and (max-width: 1600px) {  

    .pageReports:not(.pageReportsTrends) .tableRevenueSummary .tableRevenueSummary .tTitle { width: auto; } 

    .panelPartsAvailabilityGraph .graphWrap, .pageTopProductSalesDetail .graphWrap { width: 100%; }

}

@media screen and (max-width: 1600px) and (min-width: 1401px) {

    .nAccountWrap { right: 60px; }

    .contentHead { padding: 8px 0 35px; }

    .pageBasket .barBasketButtons.barButtons .bButton.bDouble, .pageBasket .panelBasketGrandTotal .bButton { min-width: 180px; }
        .pageBasket .panelBasketGrandTotal .bButton.bEmpty { left: 230px; }
    
    .pageReportsSummary.pageReports .tableRevenueSummary .tableRevenueSummary .tNum { width: 17%; }
    .tableMarginDetails .tRevOtherOverview.tableRevenueSummary .tNum, .tableMarginDetails.pageReports .tableRevenueSummary .tableRevenueSummary .tNum { width: 16.9%; }
    .pageReportsCountry .graphLegend { bottom: 10vw; }
        .pageReportsCountry .graphLegend li { margin-top: 8px; }
    .tableSellout td, .tableSellout tbody .tTitle h5, .tableSellout tbody .trTotal h4 { font-size: 16px; }  
    
    .panelWarrantyReportDateDisplay { gap: 12px; }

    .filterProducts .fgFilterArchive .checkBox label { font-size: 15px; }

}

@media screen and (max-width: 1600px) and (min-width: 1281px) {  

    .tableTrackingList.rTable-980 { font-size: 16px; }

}

@media screen and (max-width: 1600px) and (min-width: 1201px) {    

    .tableTargets.tableList .oiTargetAmount span { font-size: 17px; } 

    .panelWarrantyReportDateDisplay h4 { margin-top: 6px; }
    .panelWarrantyReportDateDisplay strong, .panelWarrantyReportTop5 strong { font-size: 36px; }
        
    .myBasicDetails.left { margin-right: 60px; }
    .myBasicDetails.right, .myAvatar .avatarWrap { width: 280px; }
        .myAvatar .avatarWrap { height: 280px }
        .pageUsers .panelUserAvatar .right { height: 340px; }
    .myBasicDetails.left, .myBasicDetails.right { min-height: 470px; }

}

@media screen and (max-width: 1600px) and (min-width: 981px) {    
    
    .pageReportsTrends.pageReports .panelReportGrossProfitTrend .tableRevenueSummary .trTotal .tNum { width: 16.2%; }    

}

@media screen and (max-width: 1600px) and (min-width: 768px) {    

    .pageProductsList .tableProductsListMulti td.tTitle { padding-left: 10px; }

}

@media screen and (min-width: 1481px) {    
        
    .pageUsers .barFilterGrey .fgRFEOffice { /*width: calc((100% - 534px) * 0.20);*/ width: calc((100% - 705px) * 0.20); }      
    .pageUsers .barFilterGrey .fgRFEStaffTask { /*width: calc((100% - 534px) * 0.5);*/ width: calc((100% - 705px) * 0.5); }
    .pageUsers .barFilterGrey .right { /*width: calc((100% - 534px) * 0.3);*/ width: calc((100% - 705px) * 0.3); } 
    .pageUsers .barFilterGrey .fgFilterArchive { width: 163px; }
        .pageUsers .barFilterGrey .fgFilterArchive label { font-size: 15px; }

}

@media screen and (max-width: 1480px) {

    

}

@media screen and (max-width: 1480px) and (min-width: 1201px) {
    
    .pageUserOverview .useO-Dept { flex-wrap: wrap; }
        .pageUserOverview .useO-Dept label { width: 100%; }

    .pageUsers .barFilterGrey { flex-wrap: wrap; }
        .pageUsers .barFilterGrey .fgRFEOffice { width: 200px; }
        .pageUsers .barFilterGrey .fg-MiniDept.form-group { margin-right: calc(100% - 678px); } /* 458px + 200px + 20px */
        .pageUsers .barFilterGrey .fgRFEStaffTask { width: calc((100% - 100px) * 0.5); }
        .pageUsers .barFilterGrey .form-group.right { width: calc((100% - 100px) * 0.3); }
        .pageUsers .barFilterGrey .fgFilterArchive { width: calc((100% - 100px) * 0.2); }

}

/*@media screen and (max-width: 1440px) and (min-width: 1401px) {

    .photoWrap { gap: 15px; }

}*/

@media screen and (min-width: 1401px) {

    header, .container-fluid.body-content { padding-left: 60px; padding-right: 60px; }
        /*.headerLogo { width: 150px; }
        .header .navbar { padding-top: 40px;*//* padding-top: 50px; *//*}*/
            /*.nAccountWrap { padding-top: 20px; }*/
                /*.nLogout, .nAccount { top: 14px; }*/

    .tableList .trClassingRequired .tTitle::before { left: -40px; }
    /*.sideNavProductSourcing .active a::after,*/ /*h2.trackerListTitle::after,*/ .hasExportNumWrap .numOfProducts { left: 40px; }
    /*.panelProductSourcingOverview .bAddNew,*/ .bSectionTop.bButton, .panelSKUSourceMasterCarton .bAdd { right: 40px; }

    .contentWrap, .gtrBoth, .pageBasic .gtrBothPadTop, .contentTitle, .contentBasicCentre,
        .pageExceptions .revPanelDetails, .panelButtons.barButtons, .barButtons.barButtonsSimple, .panelSaveBar.gtrBoth,
        .pageReportsCountry #searchParameters { padding-left: 40px; padding-right: 40px; }   

    .gtrLeft,
        .basketList th:first-of-type, .basketList td:first-of-type,
        .quickList th:first-of-type, .quickList td:first-of-type, 
        .tableListExtraW th:first-of-type, .tableListExtraW td:first-of-type, .tableListExtraW .hidden + td, .tableListExtraW .hidden + th
        { padding-left: 40px; } 

    .gtrRight,
        .basketList th:last-of-type , .basketList td:last-of-type , .quickList td:last-of-type, 
        .tableListExtraW th:last-of-type, .tableListExtraW td:last-of-type,
        .barGrandTotal.barTotal td, .noUpdatePermission .tableProductDocsList .tFileType, .noUpdatePermission .tableProductHistoryList .tFileType { padding-right: 40px; }

    .gtrMargin { margin-left: 40px; margin-right: 40px; }
    .tableList .tAlertFlag, .tableListExtraW.tableList .tAlertFlag { width: 40px; }

    .pageReportsSellout .barButtons { padding-left: 0; padding-right: 0; }
    .tableSelloutYear tbody .tTitle, .tableSelloutYear tbody .tBlank { padding-left: 0; }

    .dashDeptAlerts { height: 180px; }
    .dashTopPanel .doughnutPanel { width: 360px; }
        .dashTopPanel .doughnutWrap { width: 280px; }
    .dashAlertsDebtors .dashAlertNum { font-size: 36px; }

    .trException .hoverSlideText::after { top: -20px; height: 40px; }
        .trException .tAlertFlag:hover .hoverSlideText::after { padding-top: 0; left: 30px; }
    
    .pageReports h1, .pageTools h1, 
        .pageBasic h1.hOrderStatus,
        .pageContainerLoad h1, .pageCustomers h1, .pageExpenditure h1, .pageDebtorList h1, .pageCreditorList h1,
        .pageNPD h1, .pageProducts h1, .pageProductClass h1, 
        .pageCompany h1, .pageUsers h1, .pageScheduled h1, .pageConsolidators h1, .pageDataRoom h1,
        .pageSpares h1, .pageWarranty h1, .pageInspections h1, .pageInspectors h1 { gap: 15px; }
    .pageBasic h1::after { top: 7px; }
    .pageBasic h1.avatarUser span { top: -2px; }
    /*.pageTools h1::after,*/ /*.pageReports h1::after,*/ .pageNoPermission h1::after/*, .pageSourcing h1::after*/ { top: 8px; }
    .pageDebtorList h1::after { top: 5px; }
    /*.pageScheduled h1::after { top: 6px; }*/
    /*.pageWarranty h1::after { top: 10px; }*/
    .pageWarrantyDash h1::after { top: 15px; }
    .pageExceptions.pageBasic h1::after { top: 12px; }
    /*.pageProductClassBikes h1::after { left: -3px; }*/
    .pageError h1::after { top: -2px; }
    .pageReports h1::after, .pageReportsSellout h1::after, 
        .pageBasic h1.hOrderStatus::after,
        .pageTools h1::after, .pageContainerLoad h1::after, .pageCustomers h1::after, .pageExpenditure h1::after, .pageDebtorList h1::after, .pageCreditorList h1::after,
        .pageNPD h1::after, .pageProducts h1::after, .pageProductClass h1::after, 
        .pageCompany h1::after, .pageUsers h1::after, .pageScheduled h1::after, .pageConsolidators h1::after, .pageDataRoom h1::after,
        .pageSpares h1::after, .pageWarranty h1::after, .pageInspections h1::after, .pageInspectors h1::after, .pageSourcing h1::after { top: unset; }
    .pageProductDetails h1 { gap: 5px; padding-left: 100px; }

    /*.pageBasic h1.twinHead::after { top: 14px; }
        .pageSparesDetails h1.twinHead::after { top: 16px; }*/

    .contentMain.contentWrap, .contentBasicCentre, .contentTitle, .pageWarrantyDetails section, .pageInspectionDetails section
        { padding-top: 40px; }
    .pageBasic:not(.pageMyAccount):not(.pageQuickUpload):not(.pageStockUpdate) .contentMain { float: none; }

    /* FONTS */
    h1.twinHead .twinHead-Med { font-size: 54px; } 
    .pageWarrantyDash h2 { font-size: 48px; }
    .bigMenuGroupedList h4 { font-size: 30px; }
    .npdListTitle h2 { font-size: 21px; }
    .tableList, .tableInspectionList td, .modalAddDocuments .fcWrap70 strong, .pageSourcingNotes .sourcingCAPNote { font-size: 18px; }
    table.tableInspectionList .tInspectionType, table.tableInspectionList .tProducts { font-size: 15px; }
    .npdCategoryLights li, .pageWarrantyByClaim .radioWarranty .btn { font-size: 13px; }
    
    .selectizeSearch { width: 420px; }
        .selectizeSearch .selectize-control .selectize-dropdown { font-size: 15px; }
            .selectizeSearch .flexColumn span:first-of-type { font-size: 14px; }
    .biHead .biThumb::after { width: 70px; left: 40px; }
    .pageBasket .panelBasketGrandTotal .bButton.bAddProducts { left: 40px; }

    .quickList tr.invalidBasketItem td:first-of-type { padding-left: 70px; }
    .pageQuickUpload .tbItemChkAll label { right: 80px; }
    .pageContainerLoad .selectizeSearch { max-width: 360px; }

    .pageExceptions .revPanelShipping, .pageExceptions .revPanelInfo, .pageExceptions .revPanelProducts { margin: 0; }
    .pageExceptions .revPanelDetails .bEdit { right: 40px; }

    .tDate .noData { width: 100px; }

    .tableOrdersList td { font-size: 17px; }

    .floatThead-container { height: 128px; border-left: solid 40px #FFFFFF; left: -40px !important; }
        .isFloated.floatThead-container .shadow { top: 110px; }

    .pageTrackingList .barFilter.barFilterTracking { gap: 30px 50px; }
    /*.pageTrackingList h2.trackerListTitle { padding-left: 90px; }*/

    .pageUserOverview.pageUsers .form-group.useO-Dept > label { width: 20%; }
    
    .tableReportBreakdown th.tFOBTotal { padding-right: 32px; }
    .tableMarginDetails .tRevOtherOverview.tableRevenueSummary .tPercent, .tableMarginDetails .tRevOtherList.tableList .tPercent { width: 130px; }
    .tNum .marginSub sub { height: 12px; right: -12px; }
    .trListTotal .tNum .marginSub sub { right: -10px; }
    .customerTargetsWrap form { width: calc(50% - 50px); }
        .customerTargetsWrap form + form { margin-left: 100px; }
    /*.pageReportsSelloutByCustomer .contentTitlePanel .fInline { margin-bottom: 20px; }*/
    .pageReportsSelloutByCustomer .contentMain { padding-top: 15px; }
    .pageReportsSellout .contentTitleTripleStack { margin-top: 30px; }
    /*.pageReportsSellout .tableNavWrap { margin-top: 40px; }*/
    .pageReportsSellout .tableNavWrap { margin-top: 100px; }
        .pageReportsSellout .contentSelloutCustomerSKU .tableNavWrap { margin-top: 120px; }

    .panelWarrantyReportYTDoughnut .doughnutWrap { width: 300px; height: 300px; }
    .tableWarrantyList .tStatus { width: 155px; }
        .iWarrantyStatus.olStatus span { font-size: 14px; }
            .iWarrantyStatus.olStatus i { font-size: 11px; }
    .tableWarrantyList .tPO { width: calc((100% - 425px) * 0.33); max-width: 300px; }
    .tableWarrantyList .tProducts { width: calc((100% - 425px) * 0.66); }    
    .tableWarrantyNotesList.rTable-980 .tActionWrap { margin-top: 12px; } 
    .pageWarrantyByClaim .filterWarranty .form-control { font-size: 17px; } 
    .pageWarrantyByClaim .filterWarranty .formGroupWarrantyStatus, .pageWarrantyByClaim .filterWarranty .formGroupWarrantyResolution { margin-right: 0; }
    .filterWarranty .fgWarrantyKeyword { width: calc(100% - 998px); }
    .pageWarrantyByClaim .formGroupWarrantyStatus { width: 306px; }
    .pageWarrantyByClaim .formGroupWarrantyResolution { width: 572px; margin-left: 0; }

    .photoWrap li { 
        width: calc((100% - 160px) / 9);
        padding-top: calc((100% - 160px) / 9); }
    .photoWrap li:nth-of-type(9n) { margin-right: 0; }
        @supports (display: grid) {
            .photoWrap > li { 
                width: 100%;              
                padding-top: 100%; }
        }

    .tableInspectionList .thActionSingle { width: 70px; }
    .panelInspectionNotes .tableWarrantyNotesList .bDelete { margin-top: 12px; }
    .filterInspectionProducts .form-group { margin-right: 40px; }
    .filterInspectionProducts .fgInspectProduct { width: calc((100% - 100px) * 0.25); }
    .filterInspectionProducts .fgInspectSupplier { width: calc((100% - 100px) * 0.35); }
    .filterInspectionProducts .fgFilterDateWrap { width: calc((100% - 100px) * 0.4); }
    
    .tableDocValidity .tDate { width: 130px; }

    .pageBasic h1.avatarProduct { padding-left: 110px; }
        .avatarProductWrap { /*top: 0;*/ width: 80px; height: 80px; top: -8px; }
            .avatarProductWrap img { width: 74px; height: 74px; }
    .panelProductSpecButtonBar { width: calc(100% + 80px); margin-left: -40px; }
    /*.sideNavProductSourcing { width: 400px; }
        .sideNavProductSourcing .active a { padding-left: 100px; }
    .sideNavProductSourcing ~ .panelProductSourcingAgent { width: calc(100% - 440px); }*/
    
    .panelClassingOtherList a { width: calc(92% / 5); }
        .panelClassingOtherList a:nth-of-type(6n) { margin-left: 0; }

    .filterProducts .form-group { width: calc(20% - 90px); } /* 100% - (160px + 200px) / 4 */
        .filterProducts .fgProductsCategory { width: calc(28% - 90px); }
        .filterProducts .fgProductsFactory { width: calc(32% - 90px); }   
        .filterProducts .fgProductsFilterArchive { width: 170px; }
    .tableProductDocsExpiring .rowMultiSlimFirst .tTitle { font-size: 21px; }    
    .buttonBarProductComponents .bButton.bDouble.bOneWord { height: 80px; padding-top: 36px !important; }
        .buttonBarProductComponents .bButton.bDouble.bOneWord::after { top: 18px; }

    .tableSourcingList td.tDate { width: 145px; }
    .sourcingReportHead { min-height: 90px; }
        .sourcingReport .calendarLights { width: calc(100% - 660px); }
        .sourcingReportHead > div { margin-left: 50px; }
        .sourcingReportHeadButtons { top: 25px; }
    .pageSourcingNotes .barButtons { padding: 0; }
    .sourcingNotes.dotty { padding-bottom: 15px; }
        .sourcingNotes.dotty + .sourcingNotes.dotty { padding-top: 30px; }
    .tableSourcingSKU .tThumb img { width: 60px; height: 60px; }
    .tableSourcingSKU .tTitle { min-width: 220px; }

    .pageExceptions .validation-summary { width: calc(100% - 80px); margin: 30px 40px 0; }
    .modalAddDocuments .fcWrap70 .form-control.fcDocRef { padding-left: 35px; } 

}

@media screen and (max-width: 1400px) { 

    .pageBasic h1, .dashDepartmentDetail h1 { font-size: 54px; } 
    /*.wrapSpares-LargestIncrease .sparesItemTopData strong { font-size: 48px; }*/
    .wrapSpares-FutureSales .itemTopTrumpData strong { font-size: 36px; }

    .dashDeptHead-LG .dashDeptDetailList strong { font-size: 18px; }
    .dashDeptAlerts .dashAlertNum { font-size: 42px; }
        .dashAlertsQC-SKUValid .dashAlertNum { font-size: 36px; }
        .dashAlertsDebtors .dashAlertNum { font-size: 30px; }

    .dashDeptHead-LG .dashDeptDetailList { flex-wrap: wrap; /*height: calc((100% - 173px) / 2);*/ height: unset; margin-top: 20px; } /* TEMP UNTIL DEBTOR TABLE ADDED */
        .dashDeptHead-LG .dashDeptDetailList li { flex: unset; width: calc((100% - 6px) / 3); height: 90px; } /* TEMP UNTIL DEBTOR TABLE ADDED */
            .dashDeptHead-LG .dashDeptDetailList li:nth-of-type(n + 4) { margin-top: 3px; } /* TEMP UNTIL DEBTOR TABLE ADDED */
            .dashDeptHead-LG .dashDeptDetailList li:nth-of-type(3n + 1) { margin-left: 0; } /* TEMP UNTIL DEBTOR TABLE ADDED */
  
    .addExtraButton .bButton { padding-left: 10px; padding-right: 40px; }
    .pageBasket .panelBasketGrandTotal .bButton.bAddProducts { left: 30px; }

    .panelOrderAddress h4 { font-size: 21px; }
    
    .barFilterTracking .checkBox label strong { width: calc(100% - 40px); }
    .fgTrackingTerms.radioFilter .btn { width: 90px; }
    .fgTrackingAlertStatus.radioFilter.radioDouble .btn { width: 100px; }

    .fgOrderCustomerKey { width: calc((100% - 520px) * 0.6 ); }
    .fgOrderStatusSource { width: calc((100% - 520px) * 0.4 ); }
    .fgOrderDateWrap { width: 420px; }
        .filterOrders.barFilterGrey .fgOrderDateTo { margin-right: 0; }
    .filterOrders.barFilterGrey .arrowSq { margin: 0 0 10px auto; }

    .tRevenueOther .tableRevenueSummary .tPercent { width: 90px; }

    .panelWarrantyReportTop5 li { width: calc(92% / 5); margin-right: 2%; }
        .panelWarrantyReportTop5 h4 { font-size: 18px; }        
    .filterWarranty .form-group { margin-right: 30px; }
    .pageWarrantyByClaim .filterWarranty .formGroupWarrantyStatus, .pageWarrantyByClaim .filterWarranty .formGroupWarrantyResolution { margin-right: 0; }    
    .formGroupWarrantyStatus { width: 310px; }
        .formGroupWarrantyStatus .radioDouble .btn, .radioWarrantyResolution.radioFilter .btn { width: 90px; }
            .formGroupWarrantyStatus .radioDouble .btn label, .radioWarranty .btn, .radioWarrantyResolution.radioFilter .btn { font-size: 12px; }
        .filterWarranty .formGroupWarrantyStatus { width: 276px; }
        .pageWarrantyByClaim .formGroupWarrantyResolution { width: 522px; margin-left: 0; }
    .pageWarrantyByClaim .filterWarranty .arrowSq { margin-left: auto; }

    .headButtonBarSpares .bButtonBig { height: 110px; }
        .headButtonBarSpares .bButtonBig strong { font-size: 36px; }

}

@media screen and (max-width: 1400px) and (min-width: 1201px) {

    .header .navbar { /*padding-top: 30px;*/ padding-top: 40px; }
    /*.navSecondary span { margin-top: 10px; }*/
        /*.nLogistics .navSecondary + .navSecondary, .nSales .navSecondary + .navSecondary { margin-left: 10px; }*/

    .doughnutWrap { width: 280px; }
        .pageDash .doughnutPanel h2 { font-size: 27px; margin-top: -10px; }

    /*.pageBasic h1.twinHead::after { top: 12px; }*/
    .contentHead { padding-top: 7px; padding-bottom: 30px; }

    .pageBasket .barBasketButtons.barButtons .bButton.bDouble, .pageBasket .panelBasketGrandTotal .bButton { min-width: 160px; }     
        .pageBasket .panelBasketGrandTotal .bButton.bAddProducts { left: 30px; }
        .pageBasket .panelBasketGrandTotal .bButton.bEmpty { left: 200px; }

/* FONTS */
    h1.twinHead .twinHead-Med { font-size: 48px; } 
    .galleryGridByCountry strong { font-size: 21px; }
    .navSecondary span { font-size: 16px; }
    .tableOrdersList { font-size: 15px; }
        .tableOrdersList.tableList th { font-size: 14px; }

    .fgTrackingFilterWrap { width: calc(100% - 740px); }
        .fgTrackingFilter { width: 280px; }
    .panelVesselData .fInline label, .panelVesselData .fInline .fcNoControl { font-size: 17px; }
    
    .pageUserOverview .panelUserOverview { margin-right: 80px; }
    .pageUsers .barFilterGrey .form-control { font-size: 15px; }

    .pageCustomers .barFilterGrey label, .pageCustomers .barFilterGrey .form-control { font-size: 16px; }
    .tableMarginDetails .tRevOtherOverview.tableRevenueSummary .tPercent, .tableMarginDetails .tRevOtherList.tableList .tPercent { width: 140px; }
    .tNum .marginSub sub { height: 12px; right: -10px; }
    .pageReports:not(.pageReportsTrends) .tableRevenueSummary .tableRevenueSummary .tNum { width: 17%; }
    .pageReportsSummary.pageReports .tableRevenueSummary .tableRevenueSummary .tNum { width: 16.8%; }
    .pageReportsCountry .graphLegend { bottom: 8vw; }
    .pageReportsSellout .tableNavWrap { margin-top: 90px; }
        .pageReportsSellout .contentSelloutCustomerSKU .tableNavWrap { margin-top: 110px; }

    .twinHead.avatarProduct .avatarProductWrap { top: 5px; }

    .panelWarrantyReportDateDisplay { gap: 10px; } 
        .panelWarrantyReportDateDisplay h4 { padding-top: 45px; }
            .panelWarrantyReportDateDisplay .iBig::after { 
                width: 42px;
                height: 42px;
                margin-left: -18px;
                /*background-position-x: -50px;*/ }
    .filterWarranty .form-group label, .filterWarranty .form-group .form-control { font-size: 17px; }
    .pageWarrantyByClaim .filterWarranty .form-control { font-size: 16px; }
        .filterWarranty .fgWarrantyClaimSupplier { margin-right: 0; }
        .filterWarranty .fgWarrantyKeyword { width: calc(100% - 910px); }
    .tableWarrantyList .tStatus { width: 145px; }
            .iWarrantyStatus.olStatus i { font-size: 10px; }
    .tableWarrantyList .tPO { width: calc((100% - 415px) * 0.33); max-width: 260px; }
    .tableWarrantyList .tProducts { width: calc((100% - 415px) * 0.66); }    
    .tableWarrantyNotesList.rTable-980 .tActionWrap { margin-top: 10px; }

    .photoWrap li { 
        width: calc((100% - 140px) / 8);
        padding-top: calc((100% - 140px) / 8); }
    .photoWrap li:nth-of-type(8n) { margin-right: 0; }
        @supports (display: grid) {
            .photoWrap > li { 
                width: 100%;              
                padding-top: 100%; }
        }

    .tInspectionResult span, .tInspectionCFA span { font-size: 12px; }    
    .panelInspectionNotes .tableWarrantyNotesList .bDelete { margin-top: 10px; }
    .dashAlertsQC-SKUValid { height: 190px; }
    
    .filterProducts.barFilterGrey .fgProductsCategory { margin-right: 0; }

    /*.sideNavProductSourcing ~ .panelProductSourcingAgent { width: calc(100% - 400px); }*/

    .tableProductClassingType .dragOrder, .tableProClassRange .dragOrder { width: 110px; }

    .sourcingReportHead { min-height: 80px; }
        .sourcingReportHead > div { margin-left: 40px; }
            .sourcingReport .calendarLights { width: calc(100% - 620px); }
            .sourcingReportHeadButtons { top: 20px; }

}

@media screen and (max-width: 1400px) and (min-width: 981px) { 

    .pageDash .panelInspections .tInspectionDate { width: 115px; }
    
        /*.nLogout, .nAccount { top: 8px; }*/
        /*.nLogistics .navSecondary span { font-size: 18px; }
        .nAccountWrap {  }*/

    .pageExceptions.pageBasic h1::after { top: 7px; } 
        .tableOrdersList .trException td:first-of-type::before { 
            width: 30px; 
            height: 36px; 
            left: -6px; 
            margin-top: -21px; 
            background-position-x: -100px; 
            background-position-y: -1894px; }

    .tableTrackingList .iAlert, .tableTrackingList .iAlert::after { width: 18px; height: 18px; }
        .tableTrackingList .iAlert { padding-left: 20px; }
            .tableTrackingList .iAlert::after { 
                width: 18px; 
                height: 18px; 
                top: 1px;
                background: url(../images/iAction.svg) no-repeat center 30%; 
                background-size: cover;
                /*background-position-x: -300px;*/  }
    .tableTrackingList .trException td:first-of-type::before { 
        width: 35px;
        height: 35px;
        left: -10px;
        margin-top: -20px;
        /*width: 36px; 
        height: 36px; 
        left: -6px; 
        margin-top: -21px; */
        /*background-position-x: -100px; 
        background-position-y: -1894px;*/ }
            /*.trNoHandover.trException td:first-of-type::before { background-position-x: -300px; }*/
    .hoverSlideText::after { height: 30px; font-size: 13px; }

    .tableSellout td, .tableSellout tbody .tTitle h5, .tableSellout tbody .trTotal h4 { font-size: 15px; }  

    .noUpdatePermission .tableWarrantyNotesList .dateTime { width: unset; white-space: nowrap; }
    .noUpdatePermission .tableWarrantyNotesList .tNote { width: 100%; }
    .noUpdatePermission .tableWarrantyNotesList.rTable-980 .tFileOwner { white-space: unset; }

    .panelProductsImages .dropzone .dz-preview:nth-of-type(5n+1) { margin-right: 0; }
    .panelClassingOtherList a:nth-of-type(5n) { margin-left: 0; }
    /*.pageProductClassBikes h1::after { left: -2px; top: 0; }*/
    .filterProducts.barFilterGrey { flex-wrap: wrap; }
    .filterProducts .form-group { width: calc(30% - 20px); } /* 30% - 60px / 3 */
        .filterProducts.barFilterGrey .fgProductsCategory { width: calc(40% - 20px); margin-right: 0; }
        .filterProducts .fgProductsFactory { width: calc(64% - 50px); }   
        .filterProducts .fgProductsFilterArchive { width: calc(36% - 50px); } /* 40% - 100px / 2 */    
    .buttonBarProductComponents .bButton.bDouble.bOneWord { height: 70px; padding-top: 32px !important; }
        .buttonBarProductComponents .bButton.bDouble.bOneWord::after { top: 15px; }
    
    .tableSourcingSKU .tThumb img { width: 50px; height: 50px; }
    .tableSourcingSKU .tTitle { min-width: 180px; }

}

@media screen and (max-width: 1400px) and (min-width: 841px) { 

    .tableSourcingList td.tDate { width: 130px; }

}

@media screen and (max-width: 1400px) and (min-width: 681px) { 

    

}

@media screen and (min-width: 1361px) {

    .tableCusMargin .trAlt .tTitle::before, .tableCusMargin .trAlt .tPercent::before { width: 10px; height: 56px; }
        .tableCusMargin .trAlt .tTitle::before, .tableCusMargin .trAlt th.thRowHover::after { left: -10px; }
        .tableCusMargin .trAlt .tPercent::before, .tableCusMargin .trAlt .tPercent::after { right: -10px; }

    .filterWarrantyProduct .arrowSq.hoverSlide { margin-left: 50px; }
    .tableWarrantyProductList .tSKU { white-space: nowrap; }

    .filterInspectRight { width: 395px; }

}

@media screen and (max-width: 1360px) {
        
    .slideThis .addExtraImage { width: 80px; }
        .slideThis .addExtraImage img { width: 60px; height: 60px; margin-top: 5px; }
    .slideThis .addExtraName h5 { font-size: 15px; }
    .slideThis .addExtraQty { margin-right: 10px; }
        .slideThis .addExtraPrice { margin-right: 0; }
    .slideThis .addExtraCancel { width: 50px; }
        .addExtraCancel .bButtonLite.bDelete { margin-left: 5px; margin-right: 5px; }
    
    .tableTargets .form-control { font-size: 16px; }     
    .pageCustomerMargin .contentWrap { display: flex; flex-direction: column; }
        .pageCustomerMargin .sectionTitle { margin-bottom: 0; }
        .pageCustomerMargin .sideNavCustomer.sideNav { display: flex; width: 100%; margin: 0; }
            .pageCustomerMargin .sideNavCustomer .bRevSummary { 
                display: flex;
                align-items: center;
                width: auto!important; 
                height: 60px; 
                margin: 0 0 0 auto;
                padding: 10px 20px 10px 50px!important; }
                .pageCustomerMargin .sideNavCustomer .bRevSummary::after { 
                    width: 32px;
                    height: 26px;
                    margin: -13px 0 0 0; 
                    left: 10px; 
                    top: 50% !important;
                    background: url(../images/iSprite.png) 0 -1650px; }
    .pageCustomerMargin .contentCustomerRevenue { width: 100%; }

    .filterWarrantyProduct .form-group:not(:first-of-type) { margin-left: 30px; }
    .filterWarrantyProduct .fgWarrantyType { width: 230px; }
    .filterWarrantyProduct .fgWarrantySupplier { width: calc(100% - 700px); }
    .filterWarrantyProduct .fgWarrantyDate { width: 190px; }

    .filterInspectLeft { width: calc(100% - 730px); margin-right: 35px; }
    .filterInspectMiddle { margin-right: 35px; }
    .filterInspectRight { width: 375px; }

}

@media screen and (max-width: 1360px) and (min-width: 1201px) {

    .slideThis .addExtraCode { width: calc((100% - 330px) / 100 * 34); }
    .slideThis .addExtraName { width: calc((100% - 330px) / 100 * 38); }
    .slideThis .addExtraQty, .slideThis .addExtraPrice { width: calc((100% - 330px) / 100 * 14); }
    .pageContainerLoad .slideThis .addExtraButton .bButton { width: 170px; }

    .tableCusMargin .trAlt .tTitle::before, .tableCusMargin .trAlt .tPercent::before { height: 56px; }
    
    .filterWarrantyProduct .arrowSq.hoverSlide { margin-left: 30px; }

}

@media screen and (max-width: 1360px) and (min-width: 841px) {

    .tableCusMargin .trAlt .tTitle::before, .tableCusMargin .trAlt .tPercent::before { 
        content: ''; 
        position: absolute; 
        width: 30px;
        top: 0;
        border-bottom: solid 2px transparent;
        transition: border-color 0.4s ease-in;
        background: #dcdcd9; }
        .tableCusMargin .trAlt .tTitle::before, .tableCusMargin .trAlt th.thRowHover::after { left: -30px; }
        .tableCusMargin .trAlt .tPercent::before, .tableCusMargin .trAlt .tPercent::after { right: -30px; }
            .tableCusMargin .trAlt:hover .tTitle::before, .tableCusMargin .trAlt:hover .tPercent::before { border-bottom: solid 2px #6f577e; transition: border-bottom-color 0.4s ease-in; }

}

@media screen and (min-width: 1281px) {
    
    /*.headerNav-New ul > li + li { margin-left: 10px; }*/

    .fgTrackingTerms, .fgTrackingAlertStatus { grid-row: 1; }
    .fgTrackingFilterArchive, .fgTrackingFilterSupplier, .fgTrackingTerms, .barFilterTracking.barFilter .arrowSq { grid-row: 2; }
    .fgTrackingTerms { grid-column: 3; }
    .fgTrackingAlertStatus { grid-column: 3 / span 2; }

    .pageCustomers .barFilterGrey .form-group { width: calc((100% - 120px) / 5); margin-right: 30px; }

    .pageReportsBreakdown .tableReportBreakdown th, .tableReportBreakdown .tFOBTotal { font-size: 14px; }
    .pageReportsBreakdown .tableReportBreakdown td, .tableReportBreakdown .thDoubleTitle span { font-size: 15px; }
    .tableReportBreakdown .tSKU span { font-size: 13px; }
    .tableReportBreakdown .trListTotal td { font-size: 16px; }

    .fgTopSalesDate .form-group label { width: 95px; }

    .npdTaskFileGallery { padding-left: 220px; }

}

@media screen and (max-width: 1280px) {
    
    .dashDeptAlerts h4 { font-size: 15px; }
        .dashDeptAlerts .dashAlert-Title h3 { font-size: 21px; }
        .dashAlertQC-Expired h4 { margin: 7px 0; }

    .conOr { margin: 65px 30px 0; }

    .barFilterTracking .form-group { margin-bottom: 0; }
        .barFilterTracking .form-control { margin-bottom: 0; }

    .exlCusSKU .exlCodeReq { font-size: 12px; }
    .pageCustomerRevenue .contentCustomerRevenue .panelRevenueGraph { width: 100% !important; height: auto !important; min-height: 200px; }

    .filterTopProductSales.barFilter { gap: 20px 30px; }
    .fgTopSalesKeyword, .fgTopSalesRange { width: calc((100% - 90px) * 0.23); }
    .fgTopSalesCategory { width: calc((100% - 90px) * 0.34); }
    .fgTopSalesTerritory { width: calc((100% - 90px) * 0.20); }
    .filterTopProductSales .fgTopSalesDate.fgFilterDateWrap { flex-direction: row; width: calc(100% - 110px); gap: 30px; margin: 0; }
        .fgTopSalesDate .form-group { flex-direction: column; align-items: unset; flex: 1; max-width: 400px; }
            .fgTopSalesDate .form-group label { text-align: left; }
    .filterTopProductSales .submitSearch80, .filterTopProductSales .submitSearch80 .submitArrow { width: 70px; height: 70px; }

    table.tableInspectionList td { font-size: 14px; }

    .headButtonBarSpares .bButtonBig { height: 100px; }
        .headButtonBarSpares .fontThin { font-size: 18px; }
        .headButtonBarSpares .bButtonBig strong { font-size: 30px; }
    .itemTopTrumpHead h4 { font-size: 17px; word-break: break-all; overflow-wrap: break-word; }
    .itemTopTrumpData { /*min-height: 120px;*/ min-height: 100px; }
        .itemTopTrumpData strong { font-size: 42px; }
    .itemTopTrumpData h5 { font-size: 18px; }
    .wrapSpares-FutureSales .itemTopTrumpData strong { font-size: 36px; }
    .wrapSpares-FutureSales img { width: 70px; height: 70px; }

}

@media screen and (max-width: 1280px) and (min-width: 1201px) {

    .filterWarranty .fgWarrantyKeyword { width: calc(100% - 862px); }
    .filterWarranty .formGroupWarrantyStatus { width: 258px; }
    .pageWarrantyByClaim .formGroupWarrantyResolution { width: 492px; }
    .pageWarrantyByClaim .radioWarranty .btn { width: 84px; }

}

@media screen and (max-width: 1280px) and (min-width: 1101px) {

    .tableTrackingList .tTrackingStacked strong { font-size: 16px; }

    .pageCustomers .barFilterGrey .form-group { width: calc((100% - 80px) / 5); margin-right: 20px; }

}

@media screen and (max-width: 1280px) and (min-width: 981px) {
    
    /*.headerNav-New ul > li + li { margin-left: 16px; }*/

    .pageTrackingList .barFilter.barFilterTracking { grid-template-columns: 1fr 1fr 1fr; gap: 20px 30px; padding-right: 0; }
            .barFilterTracking .fgTrackingFilterSupplier { grid-row: 1; }
            .barFilterTracking .fgTrackingAlertStatus { grid-row: 2; grid-column: 1 / span 3; }
            .barFilterTracking .fgTrackingFilterArchive, .barFilterTracking .fgTrackingTerms, .barFilterTracking.barFilter .arrowSq { grid-row: 3; }
            .barFilterTracking .fgTrackingTerms { grid-column: 2 / span 3; justify-self: center; padding-right: 120px; }
    .tableTrackingList.rTable-980 { font-size: 14px; }
        .tableTrackingList .tTrackingSource span { display: none; }
        .tTrackingSchedule { width: 140px; }
        .tTrackingHandover { width: 110px; }

    .pageReportsBreakdown .tableReportBreakdown th, .tableReportBreakdown .tFOBTotal, .tableReportBreakdown .tSKU span { font-size: 12px; }
    .pageReportsBreakdown .tableReportBreakdown td, .tableReportBreakdown .thDoubleTitle span { font-size: 13px; }
        .tableReportBreakdown .tRange { padding-left: 30px; }
    .tableReportBreakdown tbody tr:last-of-type td { font-size: 14px; }
    
    .filterTopProductSales .submitSearch80 .submitArrow { padding-top: 40px; }
    .filterTopProductSales .submitSearch80::before { top: 11px; }

}

@media screen and (max-width: 1280px) and (min-width: 681px) {
    
    .fgTrackingAlertStatus.radioFilter.radioDouble .btn { width: 100%; }
    .barFilterTracking.barFilter .arrowSq { position: absolute; right: 30px; bottom: 30px; }

}

@media screen and (min-width: 1201px) {
    
    .headerLogo { width: 150px; }
    .navSecondary { padding: 20px 15px; }
    .nAccountWrap { font-size: 13px; }        
        .nAccountWrap .nAccountName { font-size: 16px; /*letter-spacing: -1px;*/ }
    .header .navbar { padding-top: 40px; }
        .headerNavList { max-width: 980px; height: 80px; }
            .headerNavList > li > a { padding-top: 54px; }
                    nav .headerNavList > li > a::after { margin-top: -32px; }

    .pageProductSKUDetails .panelTitle { font-size: 30px; }
    .numOfProducts span, .panelClassingDocsReq .tProductClassingDocs span, .twinHead.avatarProduct .twinHead-Sml { font-size: 21px; }

    .form-control, .fControl, label, legend, .basketList h5 span, .biTotalCost, .panelNavMenu a,
        .pageStockUpdate .numOfProducts,   
        .fSwitchLabel, .copyReadOnly,
        .fSingle.selectize-control .selectize-input, .pageContainerLoad h5.productInfoWrap strong,
        .panelHomeCorner .bButtonArrow,
        .tableProductSKU td, .panelSKUSourceComponentsItem .flex, .sourcingDeactivatedOn, .bOrderSalesOrder, .headDocValidity > div, .gridGalleryImgSKU .fontBlack,
        .fgWarrantyDocsInternal .checkBox strong { font-size: 18px; }
    .nTabsProduct a, .fgProdSKUCrossTrainerHandlebar .flex strong, .fgFlexCheckList .flex strong, .sourcingReportHead label { font-size: 15px; }
    .labelNote, .headDocValidity label { font-size: 13px; }

    .fInline, .fFullInline, .fStacked { margin-bottom: 30px; }
    .panelSKUSourceComponentsItem h4 { margin-bottom: 10px; font-size: 21px; }
    .panelSKUSourceComponentsItem .flex label { width: 200px; }
        .itemSKUSourceComponentDimensionWrap { width: calc(100% - 200px); }
    .checkBox label span { margin-right: 20px; }
    .checkBox label strong { width: calc(100% - 50px); }
        .checkBoxNoLabel.checkBox span { margin: 0; }
        .checkBoxRight label span { margin: 0 0 0 20px; }
    .selectizeSKUSearch.selectizeSearch .has-items .flexColumn span:first-of-type { font-size: 18px; }

    .pageError h1::before { 
        width: 60px;
        height: 60px;
        top: -2px;
        left: -2px; }
        .pageError h1::after {         
            width: 31px;
            height: 31px;
            top: 51%;
            left: 15px;
            margin: -15px 0 0 0; /*background: url(../images/iAction.png) no-repeat -336px -836px;*/ }
    .pageDebtorList:not(.pageCreditorList) h1::after { top: -2px; }
    .pageWarranty h1::after { top: 6px; }
    
    .topTabs a { min-height: 52px; }
    .topTabWrap .spinWrap { height: 52px; }
        .navTabButton.spinWrap .spinRingu { top: -50px; }
    .topTabs-r880 .nTabDouble a { font-size: 17px; }

    .barButtons .spinWrap .spinRingu { top: 18px; right: -112px; }

    .tableList td { padding: 16px 10px; }
    .tableList .tIcon { padding-top: 6px; }
    .tableList .textSmaller, .tableList .tRowNotes { font-size: 15px; }
    .tThumb .thumb { margin: -6px; }

    .pageBasic h1.twinHead, .pageReports .contentHead:has(h1 + h2) { gap: 5px; }

    .pageBasic .selectize-control.multi .selectize-input, .modal .selectize-control.multi .selectize-input { font-size: 16px; }

    .dashAlertsQC .dashAlert-TitleWrap span { width: 60px; height: 50px; }
        .dashAlertsQC-DocValid .dashAlert-TitleWrap span { background: url(../images/iSpriteGiant.png) no-repeat -600px -5200px; }
        .dashAlertsQC-SKUValid .dashAlert-TitleWrap span { background: url(../images/iSpriteGiant.png) no-repeat -600px -5100px; }

    .sectionHead { font-size: 36px; }
    .pageAdd h2::after { background: url(../images/iAction.png) no-repeat -240px -750px; top: 6px; }    

    .bButton.bDouble, .bButton.bDouble.bBack, .bButton.bConfirm.bEmpty {
        font-size: 18px;
        height: 90px;
        padding-top: 40px;
        line-height: 1.1; }
        .bButton.bDouble.bGrey::after, .bButton.bDouble.bOrder::after, .bButton.bDouble.bResolveBasket::after { /*top: 11px;*/ top: 14px; }
        .bButton.bConfirm.bEmpty::after { top: 13px; }
        .bButton.bDouble.bOrder, .barButtons .bButton.bDouble.bGrey, .bButton.bConfirm.bEmpty
            { min-width: 200px; }
            .modal-footer .bButton.bDouble.bOrder { min-width: 160px; }
        .panelButtons.barButtons .bButton.bDouble { padding-top: 40px; }
            .panelButtons.barButtons .bButton.bDouble::after { top: 12px; }
        .bSecure.bButton.bDouble.bGrey::after { 
            width: 28px;
            height: 28px;
            margin-left: -14px;
            top: 8px;
            background: url(../images/iSprite.png) no-repeat -350px -6350px; }

    .slideThis .addExtraQty .form-control , .slideThis .addExtraPrice .form-control { padding-left: 6px; }

    .topTabs .active .cirqueNumberTab { margin-bottom: -6px; }
    .topTabs .cirqueNumberTab {
        width: 36px;
        height: 36px;
        line-height: 36px;
        margin: -7px 0 -7px 5px;
        font-size: 18px; }
        .pageInspectors .topTabs .cirqueNumberTab { width: auto; min-width: 36px; padding: 0 3px; }

    .addNew label { margin-bottom: 10px; font-size: 16px; }
        .addNew .addNewUploaderWrap .bButton.bSearchDoc { min-width: 200px; }
    .addNewTableData .addNew .bSQ30 { top: 4px; }

    .iDate { top: 27px; }
    .tick.iIcon::after { margin-left: -20px; top: 2px; background-position-y: -100px; }

    .pageBasic .contentPadTop, .pageBasic .gtrBothPadTop { padding-top: 40px; }
    .contentWrapTopM { margin-top: 40px; }

    .addProductWrap { max-width: 1000px; margin: 10px auto 0; }
        .addProductWrap h2 { height: 100px; margin: 0; font-size: 27px; }

    .pageBasic .revPanelDetailsShort.revPanelDetails .revDetailsWrap { margin-top: 10px; }
        
    .basketList h5 { font-size: 13px; }
    .pageOrders:not(.pageExceptions):not(.pageBasket) label { font-size: 21px; }
       .tableNotesList.tableList .commentNote { font-size: 15px !important; }        

    .basketList .biName { padding-left: 20px; }
    .biHead .biQty span , .biHead .biPrice span, .biPrice .form-control { width: 140px; }
        .biQty .form-control, .quickList .tbQty .form-control { width: 170px; }
    .addExtraItemWrap .slideThis label { font-size: 15px; width: 100%; }
    .containerNote h4 { font-size: 24px; margin-top: 8px; }
    .pageBasket .panelBasketGrandTotal .bButton { margin-top: -45px; }

    .bSetNearest { font-size: 15px; }
        .rTable-767 .tNum .bSetNearest span { width: unset; }

    .pageQuickUpload .sectionHead , .pageAddress h3.iconTitle { font-size: 30px; }
    .uploadXLWrap .centre { margin-top: 50px; }
    .uploadXLWrap .bUploadDocWrap { min-height: 100px; }
        .bUploadDocWrap::after { bottom: 50px; }
            .uploadXLWrap .bUploadDocWrap::after { bottom: 40px; }
    .pageQuickUpload .quickList .tbItemCost { width: 12%; }  
    .bUploadDocWrap .uploadergrid { min-height: 100px; }  
    .pageContainerLoad .panelBasketGrandTotal .bButton:not(.bReStart) { padding-top: 30px; }
        .pageContainerLoad .panelBasketGrandTotal .bButton:not(.bReStart)::after { top: 12px; }
        .pageContainerLoad .panelBasketGrandTotal .bButton.bDouble.bReStart { padding-top: 40px; }
    .pageContainerLoad h5.productInfoWrap strong { margin-right: 5px; }
    .pageContainerLoad .addExtraCode .bProductInfoWrap:not(.selectizeSearch) { margin-top: 33px; }
    .pageContainerLoad .slideThis .addExtraName, .pageContainerLoad .addExtraCancel { padding-top: 23px; }
        .pageContainerLoad .slideThis .addExtraCancel { width: 80px; }

    .panelOrderAddress h4 { padding-left: 75px; }
    .pageProductClassList .iBig { width: 60px; height: 50px; }
        .pageProductClassList .iBig::after, .panelOrderAddress h4::after { 
            width: 60px; 
            height: 50px; 
            top: -1px; 
            background-image: url(../images/iSpriteGiant.png); 
            background-position-x: -100px; }
            .orderAddressSourcing h4::after { background-position-y: -100px; }
            .orderAddressWarehouse h4::after { background-position-y: -200px; }
            .orderAddressFreight h4::after { background-position-y: -500px; }
            .orderAddressCarrier h4::after { background-position-y: -2000px; }
            .orderAddressCustomer h4::after { background-position-y: -700px; }
            .orderAddressDelivery h4::after { background-position-y: -600px; }
        
    .bOrderSalesOrder, .bXLSOrder.bButton { max-width: 240px; min-width: 170px; }
        .bXLSOrder.bButton { height: unset; padding: 50px 20px 12px; }
            .bXLSOrder.bButton::after { top: 10px; }
    
    .tableOrderDetailList th, .tableOrderDetailList h5 { font-size: 13px; }
    .tableOrderDetailList td, .tableOrderDetailList .oiCustomerCode span { font-size: 15px; }
    .panelOrderAddress { margin-top: 40px; }

    .pageExceptions .revPanelShipTo p { font-size: 18px; }
        .pageExceptions .revPanelInfo h4, .pageExceptions .revPanelInfo p { font-size: 21px; }
    .exlPrice .form-control { min-width: 120px; }
    .pageExceptions .exlSKU .selectizeSearch { min-width: 400px; }

    .addressItem { font-size: 15px; min-height: 300px; }
        .addressItem.addressNew h4 { margin-top: 100px; }
            .addressItem.addressNew h4::after { top: 40px; }
    .pageAddress .addressFreight .addressItem { min-height: 340px; }
        .addressFreight .addressItem p label { width: 70px; }

    .tableRevenueSummary.tableList .sortBy a { padding-right: 30px; }
        .tableRevenueSummary.tableList .sortBy a::after { right: 10px; }
    .pageReportsMargin .tableRevenueSummary .sortBy a { padding-right: 20px; }
        .pageReportsMargin .tableRevenueSummary .sortBy a::after { right: 0; }

    .pageCustomers .topTabs-r880 .nTabDouble a { font-size: 15px; }
    .tableCusRevenue.tableList .tTitle { padding-left: 20px; }
    .tableCusRevenue.tableList td:last-of-type, .tableCusRevenue.tableList thead th:last-of-type { padding-right: 20px; }
    .tableCusMargin.tableList .tTitle { padding-left: 0; }
    .tableCusMargin td.tLeft { padding-left: 10px; }
    .tableCusMargin.tableList td:last-of-type, .tableCusMargin.tableList thead th:last-of-type { padding-right: 0; }
    .pageCustomers .bButton.bDouble.bOrder, .bButton.bDouble.bOneWord, .bButton.bDouble.bBack.bOneWord, .panelButtons.barButtons .bButton.bDouble.bOneWord { padding-top: 50px; }
        .pageCustomerTargets .bButton.bDouble.bOneWord { padding-top: 40px; }
        .bButton.bDouble.bOneWord::after, .bButton.bDouble.bBack.bOneWord::after, .panelButtons.barButtons .bButton.bDouble.bOneWord::after { top: 20px; }
    .addNewCusDocType { max-width: 280px; }
    .addNewCusTarget label { font-size: 15px; }
    .addNewCusTarget .fgAddTargetYear { flex: 1 0 135px; }
    .pageCustomerBreakdown .sideNav { margin-right: 70px; }
    .pageCustomerBreakdown .tab-content  { width: calc(100% - 300px); }
    .tableSelloutYear td { padding: 12px 10px; }
        .tableSelloutYear .tNum:first-of-type/*, .tableSelloutYear .tNum.tNewYear*/ { padding-left: 16px; }
        /*.tableSelloutYear .tNum:nth-of-type(6) { padding-right: 16px; }*/
        .tableSelloutYear.tableList tbody .tTitle { padding-right: 12px; }  
            .tableSelloutYear.tableList .rowDivider .tTitle { padding-top: 10px; padding-bottom: 10px; }
        .tableSelloutYear thead th:last-of-type, .tableSelloutYear td:last-of-type { padding-right: 0; }

    .fg-MiniDept .radioDept.radioDouble .btn label { font-size: 15px; }
        .fg-MiniDept .radioDept.radioDouble .btn label::first-letter { font-size: 21px; }

    .pageUserOverview.pageUsers .formGroupH label { width: 20%; }
    .pageUserOverview.pageUsers .form-group .form-control:not(.form-control-50) { width: 80%; }
    .pageUserOverview .barButtons { border: none!important; }

    .myBasicDetails.left { padding-top: 60px; padding-bottom: 0; }

    .fgFilterArchive .checkBox label { font-size: 18px; }
    /*.pageTrackingList h2.trackerListTitle::after { top: 40px; }*/
    .tableTrackingList .tTrackingSchedule { width: 150px; padding-top: 12px; }
        .tTrackingSchedule .checkBox + .checkBox { margin-left: 20px; }
    .panelTrackSalesOrderWrap { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
        .fgAddTrackerDoc.dropzone { margin-top: 29px; }
    .pageTrackingDocuments .addNew .bSQ30 { margin: 29px 0 auto 10px; }
    .fgAddTrackerDoc.dropzone { margin-left: 50px; margin-right: 40px; }
    .tOrderDoc .iOrder::after { top: -2px; }

    .pageUsers .barFilterGrey .form-group { margin-right: 20px; }     
        .pageUsers .barFilterGrey .fg-MiniDept { width: 458px; }
            .fg-MiniDept .radioDouble.radioDept .btn { margin-right: 0; }
                .fg-MiniDept .radioDouble.radioDept .btn + .btn { margin-left: 4px; }
        
    .pageAddress .addressItem { min-height: 315px; }
    .pageUsers .tableStaffList td { padding-top: 12px; padding-bottom: 12px; }
    .tableUserSalesTeam .tiAvatar { padding-left: 30px; }
    .pageUsers .tableTargets .taGrandTotalRow .oiTargetCustomer h5 { font-size: 18px; }
    .fontCurrency { bottom: 0; }
    .sideNavCustomer.sideNav .bRevSummary { padding-top: 65px; }
        .sideNavCustomer.sideNav .bRevSummary::after { top: 15px; }
    .avatarCheckGrid .grid { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }

    .pageStockUpdate.pageBasic .sectionHead { font-size: 30px; }
    .pageStockUpdate .uploaderbrowsebutton { 
            min-width: 200px;
            height: 90px;
            padding-top: 50px; 
            font-size: 18px; 
            line-height: 1.1; }
        .pageStockUpdate .bUploadDocWrap::after { top: 25px; }
        .pageStockUpdate .bUpdateCSVWrap .bUpdateCSV.bButton.bDouble { min-width: 200px; }
            .pageStockUpdate .bUploadDocWrap .bUpdateCSVWrap::after { top: 45px; }

    .barFilterExpenditure .arrowSq.submitSearch80 { margin-top: 28px; }

    /*.panelReportBreakdownButtons .bButton { height: 100px; padding-top: 50px; }
        .panelReportBreakdownButtons .bButton::after { top: 11px; }*/
        .pageReportsTrends .tNum { font-size: 18px; }
    .pageReportsCountry .filterReportsByCountry .fgBreakdownCustomer { margin: 0 0 0 50px; }

    .tableCusRevenue tbody th, .tableCusRevenue tbody td, .pageReports .tRevOtherList.tableList h4, .quickList.tableList td { font-size: 18px; }
        .tableList .tTitle h4 { font-size: 21px; }
        .rTable-767 .tNum span, .tableRevenueSummary .tNum .marginSub { width: 150px; }

    .pageWarranty h1.twinHead strong { font-size: 48px; }
        .cirqueMenuHead { margin-top: 20px; }
    .fgWarrantyReportFilter label, .fgWarrantyReportFilter .form-control { font-size: 17px; }
        .fgWarrantyReportFilter .form-control { padding-top: 5px; }
    .formGroupWarrantyStatus .radioWarranty label { font-size: 15px; }
    .filterWarrantyProduct { display: flex; }
    .panelWarrentyListClaims .numOfProducts { top: 25px; }
    .tableWarrantyList td { font-size: 16px; }
    .tableWarrantyProductList td.tNum { font-size: 18px; }
    .panelWarrantyClaimant .bButton { position: absolute; bottom: 40px; right: 40px; }
    .panelWarrantyProductDetails > div:not(:last-child) { padding-right: 30px; }
    .panelWarrantyAddProduct h2.iconTitle::before { top: 7px; }
    .panelWarrantyAddProduct h2.iconTitle::after { /*top: 2px;*/ top: 16px; }
    .panelWarrantyProductDocs { margin: 20px 0 30px; }
        .panelWarrantyDocs h2::after { top: -3px; }
    .filterWarranty .fgWarrantyProduct, .filterWarranty .fgWarrantyType, .filterWarranty .fgWarrantyClaimSupplier { order: 1; }
    .filterWarranty .fgWarrantyRegion, .filterWarranty .fgWarrantyCountry, .filterWarranty .fgWarrantyDate { order: 2; }
    .pageWarrantyByClaim .filterWarranty .fgWarrantyKeyword, .pageWarrantyByClaim .filterWarranty .formGroupWarrantyStatus,
        .pageWarrantyByClaim .filterWarranty .formGroupWarrantyResolution, .pageWarrantyByClaim .filterWarranty .arrowSq { order: 3; }
        .filterWarranty .fgWarrantyProduct, .filterWarranty .fgWarrantyClaimSupplier { width: calc((100% - 60px) * 0.4); }
        .filterWarranty .fgWarrantyType { width: calc((100% - 60px) * 0.2); }
        .filterWarranty .fgWarrantyClaimSupplier, .filterWarranty .fgWarrantyDateTo { margin-right: 0; }
        .filterWarranty .fgWarrantyRegion, .filterWarranty .fgWarrantyCountry { width: calc((100% - 90px) * 0.3); }
        .filterWarranty .fgWarrantyDate { width: calc((100% - 90px) * 0.2); }
        .pageWarrantyByClaim .formGroupWarrantyResolution + .arrowSq { margin-left: auto; }
    .noUpdatePermission .panelWarrantyClaimant .formGroupH + .formGroupH:not(.fgWarrantyClaimAddressExtra) { margin-top: 25px; }
    .pageWarrantyDetails .noUpdatePermission .formGroupWarrantyStatus2 { width: 200px; }
    .pageWarrantyDetails .noUpdatePermission .formGroupWarrantyResolution { width: calc(100% - 320px); padding-left: 120px; }
        .noUpdatePermission .formGroupWarrantyStatus .radioWarranty label { font-size: 18px; }
            .noUpdatePermission .formGroupWarrantyResolution::after { left: 40px; }

    .filterInspectDateWrap .fgWarrantyDate, .filterOrders .fgOrderDate { width: 180px; }
        filterInspectDateWrap input { padding: 6px 8px; }
    .tInspectionResult span, .tInspectionCFA span { font-size: 11px; }
    .tableInspectionList.tableList .tAction { padding-top: 16px; }
    .tableInspectProductList.rTable-840 td { font-size: 16px; }
        .tableInspectProductList .tSKU { padding-right: 40px; white-space: nowrap; }
    .panelInspectOverviewMiddle li:nth-of-type(4n), .npdDetailSKUS li:nth-of-type(4n) { margin-right: 0; }
    .filterInspectionForthcoming .fgInspectSupplier { width: calc((100% - 140px) * 0.4); }
    .filterInspectionForthcoming .fgFilterDateWrap { width: calc((100% - 140px) * 0.6); }

    .tableCompliance { font-size: 15px; }
        .thVCat strong, .thVCat span { height: 250px; }
        .tableCompliance td { padding-left: 12px; padding-right: 12px; }
    .headDocValidity > div + div { margin-left: 40px; }
        .headDocValidity .headStatus { padding-top: 23px; }
        .headDocValidity .headTitle { width: calc((100% - 272px) * 0.2); }
        .headDocValidity .headDescription { width: calc((100% - 272px) * 0.35); }
        .headDocValidity .headFile { width: calc((100% - 272px) * 0.45); }
        .headDocValidity .headDate { width: 120px; }
    .panelSKUValid-Title img { width: 70px; height: 70px; } 
    .panelSKUValid-Title h3 { font-size: 30px; }
    
    .wrapSpares-LargestIncrease .tNum + .tNum { padding-left: 60px; }
    .headButtonBarSpares .bBillOfMaterials /*.buttonBarSpares .bBillOfMaterials*/ { height: 70px; } /*temp whilst only 1 button */
    .tableSpareParts td { font-size: 15px; }
        .tableSpareParts th.tCheck { padding-right: 30px; }
        .tableSpareParts td.tCheck { width: 120px; }

    .productsHeadAdd h3 { font-size: 30px; }
    .filterProducts .form-group { margin-right: 30px; }
    .tableProductsList .tTitle { width: 210px; }
        .trProductsMulti > td { padding: 0; }
        .tableProductsListMulti .bSqArrow { top: -8px; }
    .panelProductSpecWrap { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
        .fgProdSKUSpeedRange.form-group .fgProdSKUSpeedRangeUnits { width: 90px; padding-left: 12px; }
        .modal .panelProductSpecWrap label { width: 51%; }
    .form-group .subLabel { font-size: 15px; }
    .fgSubNoLabel.form-group { padding-top: 27px; }
    .panelProductsImages .dropzone .dz-preview, .panelAdd .dropzone .dz-preview:nth-of-type(5n+1) { width: calc((100% - 75px) / 6); margin-right: 15px; }
        .panelProductsImages .dropzone .dz-preview:nth-of-type(6n+1) { margin-right: 0; }
        .pageProducts .panelProductsImages .dropzone .dz-details .dz-filename { font-size: 13px; }
    /*.panelProductSourcingOverview .bAddNew { height: 60px; padding-right: 45px; font-size: 18px; }*/
            /*.panelProductSourcingOverview .bAddNew::after { 
                width: 24px; 
                height: 24px; 
                right: 12px; 
                margin-top: -12px;*/
                /*background-position-x: -120px;*/ /*}*/ /* 24px White */
    /*.panelProductSourcingAgent { margin-left: 40px; }*/
    .panelSKUSourceComponentsItem .flex + .flex { margin-top: 20px; }
    /*.panelProductSourcingAgent.panelProductSourcingTop { padding-top: 40px; }*/
    .addNewGroupedSKU .form-group { width: calc(50% - 10px); }

    .pageProductClassList .iBig::after { background-position-y: -2400px; }
        .iClassingBikes.iBig::after { background-position-x: 0; }
        .iClassingTreadmills.iBig::after { background-position-x: -100px; }
        .iClassingCrossTrainers.iBig::after { background-position-x: -200px; }
        .iClassingRowers.iBig::after { background-position-x: -300px; }
        .iClassingHomeGym.iBig::after { background-position-x: -400px; }
        .iClassingAccessories.iBig::after { background-position-x: -500px; }
    .panelClassingOtherList .bDouble::after { top: 12px; }
    .fgAddProClassValidity .bigCheck { margin-top: 10px; display: block; }

    .barFilter .fgProductDocSupplier { width: calc((100% - 50px) * 0.4); }
    .barFilter .fgProductDocType { width: calc((100% - 50px)  * 0.6); }
    .barFilter .fgProductDocDate { width: 300px; }
    .barFilter .fgProductDocKeyword { width: calc(100% - 700px); margin-right: 0; }
    .pageProductDocsSubmitted .barFilter .form-group { width: calc((100% - 160px) / 2); }
    .pageProductDocsExpired .barFilter .form-group:not(.fgProductDocStatus) { width: calc(50% - 25px); }
    .noUpdatePermission .fgGridDouble .form-group:first-of-type { margin-right: 60px; }

    .pageNPDAdmin .barFilterToggleOnly .fSwitchLabel { width: 170px; }
    .npdDetailCorner::before { top: -1px; }

    .pageSourcing .barFilterToggleOnly .fSwitchLabel { width: 220px; }
    .tableSourcingList:not(.tableSourcingAgentList) .rowMultiSlim td { padding-top: 8px; padding-bottom: 8px; }
        .tableSourcingList .rowMultiSlimHead td { padding-top: 16px; padding-bottom: 8px; }
        .tableSourcingList .rowMultiSlimLast td { padding-bottom: 16px; }
        .tableSourcingList:not(.tableSourcingAgentList) .rowMultiSlim .tTitle { padding-left: 70px; }
    .pageSourcingDeActivated .fgSwitch .fSwitchLabel { width: 120px; }
    .sourcingReportHead { padding-right: 120px; }
    .sourcingReportDate, .sourcingReportProtocol { width: 110px; }
    .sourcingReportResult { width: 130px; }

    .pageUserOverview .panelUserAvatar form { display: flex; flex-direction: column; align-items: center; }

    .pageSnippitz .barFilterGrey .form-group { width: calc((100% - 100px) * 0.30); }
        .barFilterMaster.barFilterGrey .filterInspectDateWrap { width: calc((100% - 100px) * 0.4); margin-right: 0; }
            .barFilterMaster.barFilterGrey .fgWarrantyDate { width: calc(50% - 25px); }
            .barFilterMaster.barFilterGrey .fgWarrantyDateTo { margin-right: 0; }
        .barFilterMaster.barFilterGrey .fgProductDocStatus { width: calc(70% - 50px); }
        .barFilterMaster.barFilterGrey .fgProductDocStatus + .form-group { width: 30%; margin: 0; }
        .barFilterToggleOnly.barFilterGrey .fgSwitch { width: auto; }

}

@media screen and (max-width: 1200px) {
    
    .headerLogo .logoRFE-md { display: block; }
    .headerLogo .logoRFE-lg { display: none; }
    .headerNavList .nNavItem { max-width: unset; }
    
    .topTabs .navTabButton .bButton { padding: 0 42px 0 8px; font-size: 13px; }
        .navTabButton.spinWrap .spinRingu { top: -46px; }
        .pageInspectors .topTabs .cirqueNumberTab { width: auto; min-width: 30px; padding: 0 2px; }

     .form-group label, .form-group .fcNoControl, .fInline.checkBox strong, .pageExceptions label,
        .pageOrders:not(.pageExceptions):not(.pageBasket) label, #modalAddNewCustomer h4,
        .galleryCheckGrid .form-group label, .copyReadOnly, .fgModalFlexTable label, .formGroupScheduleRepeat .left
            { font-size: 15px; }

    .tableDebtors { font-size: 15px; }
    .panelInspections td.tProducts, .panelInspections td.tInspectionType { font-size: 12px; }
    .tableListExtraThin.tableList td { padding-top: 4px; padding-bottom: 4px; }    

    .bigMenuGroupedList .bigMenuGroup ul { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
        /*.nSales .bigMenuGroupedList .bigMenuGroup ul { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }*/
    .navSecondary { min-height: unset; border-width: 4px; }
        /*.bigMenu .navSecondary::after { 
            width: 42px;
            height: 42px; 
            background: url(../images/iSpriteBig.png) no-repeat -300px 0; }*/
            /*.nDashboard .nav2DashLG.navSecondary::after { background-position-y: -5760px; background-position-x: 0; }
            .nDashboard .nav2DashAC.navSecondary::after { background-position-y: -5760px; background-position-x: -120px; }
            .nDashboard .nav2DashSA.navSecondary::after { background-position-y: -5760px; background-position-x: -180px; }
            .nDashboard .nav2DashQC.navSecondary::after { background-position-y: -5760px; background-position-x: -60px; }*/
            /*.nav2Report.navSecondary::after { background-position-y: -1740px; }
                .nav2ReportSummary.navSecondary::after { background-position-y: -4680px; }
                .nav2ReportAnalysis.navSecondary::after { background-position-y: -6480px; }
                .nav2ReportByMonth.navSecondary::after { background-position-y: -6000px; }
                .nav2ReportTrend.navSecondary::after { background-position-y: -4740px; }
                .nav2ReportCountry.navSecondary::after { background-position-y: -6120px; }
                .nav2ReportBreakdown.navSecondary::after { background-position-y: -4800px; }*/
            /*.nav2Tracking.navSecondary::after { background-position-y: -240px; }
            .nav2Vessel.navSecondary::after { background-position-y: -1020px; }
            .nav2ContainerLoad.navSecondary::after { background-position-y: -4620px; }
            .nav2SalesOrder.navSecondary::after { background-position-y: -60px; }
            .nav2Customer.navSecondary::after { background-position-y: -1500px; }
            .nav2DraftOrder.navSecondary::after { background-position-y: -120px; }
            .nav2Expenditure.navSecondary::after { background-position-y: -5580px; }
            .nav2Debtor.navSecondary::after { background-position-y: -5640px; }
            .nav2Creditor.navSecondary::after { background-position-y: -6180px; }
            .nav2AdminTools.navSecondary::after { background-position-y: -3060px; }*/
            /*.nav2NPD.navSecondary::after { background-position-y: -4140px; }
            .nav2NPDProduct.navSecondary::after { background-position-y: -4980px; }
            .nav2NPDSource.navSecondary::after { background-position-y: -5040px; }
            .nav2NPDClassing.navSecondary::after { background-position-y: -3900px; }*/
        /*.nQC .navSecondary::after { background-position-x: -360px; }
            .nav2QCInspection.navSecondary::after { background-position-y: -3660px; }
            .nav2QCInspector.navSecondary::after { background-position-y: -3840px; }
            .nav2QCDocs.navSecondary::after { background-position-y: -3120px; }
            .nav2QCComplianceMatrix.navSecondary::after { background-position-y: -5160px; }
            .nav2Warranty.navSecondary::after { background-position-y: -3360px; }
            .nav2Spares.navSecondary::after { background-position-y: -5100px; }*/
        /*.nAdmin .navSecondary::after { background-position-x: -420px; }
            .nav2AdminCompany.navSecondary::after { background-position-y: -3000px; }
            .nav2AdminStaff.navSecondary::after { background-position-y: -1620px; }
            .nav2AdminTasks.navSecondary::after { background-position-y: -1680px; }
            .nav2AdminConsolidator.navSecondary::after { background-position-y: -3300px; }
            .nav2DataRoom.navSecondary::after { background-position-y: -3180px; }
        .deptRestricted.navSecondary::after { background-position-x: -60px; }*/
    /*.nav2Alert.nav2ContainerLoad span::before { 
        width: 45px;
        height: 50px;
        top: -3px;
        right: -3px;
        background-position-y: -3400px; }
    .nav2Alert.nav2ContainerLoad span::after { 
        width: 20px;
        height: 20px;
        right: 7px;
        background: url(../images/iSpriteTiny.png) no-repeat 0 -1650px; }*/

    .dashDepartmentDetail h1 { font-size: 48px; }
    .dashDeptDetailList strong, .dashDeptHead strong { font-size: 18px; }
    .dashDeptSecondaryLinks li a, .dashLG .dashDeptDetailList strong { font-size: 15px; }

    .doughnutWrap { width: 250px; }
        .pageDash .doughnutPanel h2 { font-size: 24px; margin-top: -10px; }
    .dashDeptHead-LG h1 strong, .dashDeptHead-TS h1 strong, .dashDeptHead-QC h1 strong { letter-spacing: -1px; }
    /* TEMP UNTIL DEBTOR TABLE ADDED */
    /*.dashDeptHead-LG .dashDeptDetailList { height: calc((100% - 133px) / 2); } 
        .dashDeptHead-LG .dashDeptDetailList li { flex: unset; width: calc((100% - 6px) / 3); }
            .dashDeptHead-LG .dashDeptDetailList li:nth-of-type(n + 4) { margin-top: 3px; }*/
    .dashDeptAlerts .dashAlertNum { font-size: 36px; } 
        .dashAlertsQC-SKUValid .dashAlertNum, .dashAlertsDebtors .dashAlertNum { font-size: 30px; }
        .dashAlertsQC-SKUValid h5 { font-size: 16px; }
        .dashAlertsQC-DocValid .dashAlert-TitleWrap span { background: url(../images/iSpriteBig.png) no-repeat -360px -5280px; }
        .dashAlertsQC-SKUValid .dashAlert-TitleWrap span { background: url(../images/iSpriteBig.png) no-repeat -360px -5220px; }

    .addNew .form-group { margin-right: 10px; }
        .addNew label { font-size: 15px; }
        .addNew .bSQ30 { top: -2px; }
        .addNew .datepicker { max-width: 200px; }

    .pageAdd h2.iconTitle { padding-left: 30px; }
        .pageAdd h2::after { width: 24px; height: 24px; background: url(../images/iAction.png) no-repeat -200px -750px; top: 8px; }

/* FONTS */

    .cusTargetColumns h2 { font-size: 36px; }
    .sz1, h2.iconTitle, .sectionTitle, .contentTitle, .contentTitleTripleStack h2, .panelPartsAvailabilityList .panelPartsAvailableNum { font-size: 30px; }
    .pageProductSKUDetails .panelTitle { font-size: 27px; }
    .sz2, .panelTitle, .npdAdminDetailHead h2, .panelTracker h3 { font-size: 24px; }
    .sz3, .npdContentHead h3, .selloutTrendItemTitle h3 { font-size: 21px; }
    .sz4, .panelTrackerDate strong, /*.panelTrackerTimeline p.fontBlack,*/ .galleryGridByCountry strong, .pageReportsCountry #searchParameters p, .selloutTrendItemTitle h3 strong { font-size: 18px; }
    .thVCat span, .contentTitleTripleStack strong { font-size: 16px; }
    .sz5, .sideNav ul, .navSecondary span, .nSales .navSecondary span, .npdDetailHeadInfo, /*.panelTrackerTimeline h5,*/ .barFilter .form-group label, .panelPartsAvailabilityItem h4 { font-size: 15px; }
    .sz6, .form-group .subLabel, .selloutTrendItemTitle h3 span { font-size: 13px; }
    .sz7, .thVCat strong { font-size: 12px; }
    
    .pageReports h1::after, .pageReportsSellout h1::after, 
        .pageBasic h1.hOrderStatus::after,
        .pageTools h1::after, .pageContainerLoad h1::after, .pageCustomers h1::after, .pageExpenditure h1::after, .pageDebtorList h1::after, .pageCreditorList h1::after,
        .pageNPD h1::after, .pageProducts h1::after, .pageProductClass h1::after, 
        .pageCompany h1::after, .pageUsers h1::after, .pageScheduled h1::after, .pageConsolidators h1::after, .pageDataRoom h1::after,
        .pageSpares h1::after, .pageWarranty h1::after, .pageInspections h1::after, .pageInspectors h1::after, .pageSourcing h1::after { 
        width: 48px; height: 48px; }
        .pageBasic h1.hOrderStatus { gap: 5px 0; } 
        .pageWarranty h1::after { top: 6px; }

    .biName { width: 36%; }
    .basketList .form-control { min-width: 85px; }
    .conOr { margin-top: 62px; font-size: 18px; }
    .conOptionWrap h4 { font-size: 21px; }
        .addExtraButton .bButton { margin-top: 20px; }
    .pageBasket .basketEmpty { margin-bottom: 200px; }
        .pageBasket .basketEmpty .bButton { bottom: -120px; }

    .pageOrders .slideThis .form-control { padding-left: 6px; }

    .pageCustomers:not(.pageExceptions) .taskSearchlist { margin-bottom: 0; }

    .floatThead-container { height: 117px; }
        .isFloated.floatThead-container .shadow { top: 99px; }

    .fgOrderCustomerKey { width: calc((100% - 440px) * 0.6 ); margin-top: 20px; }
    .fgOrderStatusSource { width: calc((100% - 440px) * 0.4 ); margin-top: 20px; }
    .fgOrderDateWrap { width: 380px; }
        .filterOrders .fgOrderDateWrap > label { font-size: 15px; }
        .filterOrders.barFilterGrey .fgOrderDate { width: 180px; }
            .barFilterGrey .fgOrderDate label { font-size: 13px; }
    .tableOrderDetailList, .tableOrderDeliveredItems { margin-top: 0;}

    .pageExceptions .revPanelShipTo { padding-bottom: 20px; }
    .pageExceptions .exlCusSKU .form-control { width: 90%; }
        .pageExceptions .exlCusSKU .fcExceptionCusSKU.form-control { width: calc(90% - 20px); }
    .pageExceptions .exlPrice .form-group { min-width: 150px; }

    .pageWarrantyDetails h3, .pageWarrantyDetails h3.hBiColour { font-size: 24px; }
    .pageAddress h3.iconTitle::after { width: 42px; height: 42px; top: -6px; }

    .myBasicDetailsWrap { width: 80%; }

    .panelTracker h3 { width: 65%; }
    .panelTrackerDate { width: 110px; }
    .panelTrackSalesOrderWrap a { font-size: 21px; }
    .panelTrackOverviewWrap .panelTrackOverviewItem { width: calc((100% - 100px) * 0.3); }
        .panelTrackOverviewWrap .panelTrackAddressItem { width: calc((100% - 100px) * 0.4); }
        .panelTrackOverviewWrap > div + div { margin-left: 50px; }

    .barFilterExpenditure .fgFilterDateWrap { width: calc((100% - 110px) * 0.6); }
    .fgPaymentSupplier { width: calc((100% - 110px) * 0.4); }

    .fontCurrency { font-size: 18px; }
    .tableTargets .form-control, .tableKeyContacts.rTable-840 td { font-size: 15px; }
    .sideNavCustomer.sideNav { width: 180px; margin-right: 40px; }
    .contentCustomerRevenue { width: calc(100% - 220px); }
        .tableKeyContacts.rTable-840 .tTitle { font-size: 13px; }
    
    .pageUserOverview .flex, .pageUsers .barFilterGrey { flex-wrap: wrap; }
        .pageUserOverview .panelUserOverview { margin-right: 0; }
        .fgRFEOffice .form-control { max-width: unset; }
    .pageUsers .barFilterGrey .fg-MiniDept { margin-right: 0; }

    .pageCompanyList .tableList, .pageWarehouseList .tableList { margin-top: 10px; }
    .bankCurrency { font-size: 21px; }
        .bankCurrency span { font-size: 27px; }

    .panelBigButtonList .bBigButton { width: calc(94% / 4); margin-right: 2%; }        
        .panelBigButtonList .bBigButton h3 { font-size: 21px; }
            .panelToolsList .bBigButton span { font-size: 21px; }
            .panelToolsList .bBigButton strong { font-size: 18px; }
    .pageStockUpdate .bDownloadCSVWrap.bUploadDocWrap::after { margin-left: -6px; }
    .pageStockUpdate .bUploadDocWrap .bButton, .pageStockUpdate .uploaderbrowsebutton { margin-left: -75px; }
    .pageStockUpdate .bButton.bDouble.bReturn { float: none; }
        .pageStockUpdate .bButton.bDouble.bReturn::after { top: 15px; }

    .tableRevenueSummary { margin-top: 10px; }
    .pageReportsBreakdown .filterReportsBreakdown.barFilterGrey { grid-template-columns: auto minmax(240px, 1fr) 220px; gap: 30px 30px; }
        .pageBasic .selectize-control.multi .selectize-input input, .modal .selectize-control.multi .selectize-input input { font-size: 15px; }
   /* .panelReportBreakdownButtons .bButton { height: 80px; padding-top: 40px; }
        .panelReportBreakdownButtons p { height: 80px; line-height: 80px }*/
    .pageReportsCountry .filterReportsByCountry.barFilterGrey { grid-template-columns: auto 220px; gap: 30px 30px; }
    .pageReportsSummary .panelButtons.barButtons { padding-bottom: 30px; }
    /*.tableSelloutYear.tableList td { width: calc(75% / 12); }*/ /* minus 25% title width For Months */
        .tableSellout tbody .tTitle, .tableSellout tbody .tBlank { /*width: 25%;*/ width: 30%; }
    .tableSellout.tableList td, .tableSelloutStockTurn.tableList td { width: calc(70% / 4); } /* minus 25% title width */
        /*.pageReportsSellout .tableNavWrap { padding-left: 25%; }*/

    /*tr.docsArchived h4::after { top: 0; }*/

    .h1MenuWrap .cirqueMenuHead + .dropdown-menu { width: unset; }
        .h1MenuWrap .cirqueMenuHead + .dropdown-menu a { font-size: 18px; }

    .panelReportsList h3 span { font-size: 18px; }
    .panelReportsList strong { font-size: 30px; }
    .pageReports .tRevOtherList h4, .panelWarrantyReportTop5 h4 { font-size: 16px; }
    .fgWarrantyReportFilter label { margin-bottom: 2px; font-size: 15px; white-space: nowrap; }
        .fgWarrantyReportFilter::before { top: 24px; }
        .fgWarrantyReportFilter .form-control { width: 125px; }
        .fgWarrantyReportFilter .ui-datepicker-trigger { top: 0; }
        .warrantyReportWrap { max-height: 480px; min-height: 320px; }
        .panelWarrantyReportByCountry h3 { font-size: 24px; }
        .panelWarrantyReportYTDoughnut { width: calc((100% - 40px) * 0.33); margin: 40px 40px 40px 0; }
            .panelWarrantyReportYTDoughnut .doughnutWrap { width: 260px; height: 260px; }
        .panelWarrantyReportAnnual { width: calc((100% - 40px) * 0.67); margin: 40px 0; }
    .panelWarrantyReportTop5 li { width: calc(96% / 5); margin-right: 1%; }
        .panelWarrantyReportTop5 img { width: 100px; height: auto; }
        .panelWarrantyReportTop5 strong { font-size: 36px; }
    /*.panelReportBreakdownButtons .spinWrap .spinRingu { top: -62px; }*/
    .contentSelloutTrendSKU .selloutTrendSlide { margin-top: 40px; }

    .cirqueNumberTab { margin: -5px 0 -5px 3px; font-size: 16px; }
    .barFilterGrey .form-group, .barFilter .fgFilterDateWrap, .fgInspectProduct, .fgInspectSupplier, .filterInspectDateWrap { margin-right: 30px; }
        .barFilter .fgFilterDateFrom { margin-right: 20px; }

    .filterWarranty .fgWarrantyDate { width: calc((100% - 220px) * 0.3); }
    .filterWarrantyProduct .form-group:not(:first-of-type) { margin-left: 20px; }
    .filterWarrantyProduct .fgWarrantyType { width: 200px; }
    .filterWarrantyProduct .fgWarrantySupplier { width: calc(100% - 600px); }
    .filterWarrantyProduct .fgWarrantyDate { width: 170px; }
        .filterWarrantyProduct .form-group label { font-size: 15px; }
        .fgWarrantySupplier, .filterWarrantyProduct .fgWarrantyYear, .filterWarrantyProduct .hoverSlide { margin-left: 30px; }
    table .thIconMini { font-size: 10px; }
    .tableWarrantyProductList td { font-size: 13px; }
        .tableWarrantyProductList .tSKU { min-width: 130px; }
        .tableWarrantyProductList td.tNum span { width: 35px; }
        .warrantyDate { font-size: 30px; }
    .panelWarrantyProductHead strong { font-size: 21px; }
    .panelWarrantyProductDocs .listWarrantyDocs { max-width: 810px; }
    .panelWarrantyProductStatus .formGroupWarrantyStatus { width: 282px; }
    .panelWarrantyProductStatus .formGroupWarrantyResolution { width: 530px; } 
    .tableWarrantyNotesList.rTable-980 tr td, .tableWarrantyNotesDocs.rTable-480 tr td, .tableNotesList.tableList tr td { font-size: 15px; }

    .filterBillOfMaterials { flex-wrap: wrap; }

    .filterInspections { padding-top: 20px; padding-bottom: 30px; }
        .filterInspectRight { width: 100%; clear: both; }
            .filterInspectDateWrap .fgWarrantyDate { width: calc((100% - 30px) / 2); }
            .fgInspectionType { width: 265px; margin: 0 35px 0 0; }
        .filterInspections.barFilter .arrowSq { margin: 26px 0 0; }
    .tableInspectionList th { font-size: 13px; }
        .tableInspectionList .bSQ30.bSqArrow { margin-left: 0; }
    .tableInspectProductList .tTotal { width: 110px; }
    .panelInspectionOverview label, .panelInspectOverviewMiddle h4, .panelInspectionCFA label { font-size: 15px; }
        .panelInspectionOverview .fcNoControl { margin-top: 2px; }
    .panelInspectionOverview .iBig, .panelTrackInspectionOverview .iBig { padding-left: 35px; padding-top: 7px; }
        .panelInspectionOverview .iBig::after, .panelTrackInspectionOverview .iBig::after { width: 30px; height: 30px; /*background: url(../images/iSprite.png) no-repeat -100px 0;*/ }
            /*.iBig.iInspectPass::after { background-position-y: -4150px; }
            .iBig.iInspectFail::after { background-position-y: -4200px; }
            .iBig.iInspectRework::after { background-position-y: -4250px; }*/
    .panelPSIReport .bButton { height: 80px; padding-top: 40px; }

    .barFilterCompliance .fgMultiSelect { width: calc(50% - 245px); }

    /*.sideNavProductSourcing strong { font-size: 27px; letter-spacing: -1px; }*/
    /*.hSingleSource { margin-top: 30px; } */   
    .addNewProductComponent .bAddNew { top: 0; }
    .fgProductDocStatus { width: calc(100% - 110px); }
        .radioProductDocStatus.radioDouble label { font-size: 13px; }        

    .npdCornerPercent { left: 12px; top: 10px; font-size: 21px; }
        /*.npdPercent0.npdDetailCorner::before { background-position-y: -4600px; }
        .npdPercent25.npdDetailCorner::before { background-position-y: -4200px; }
        .npdPercent50.npdDetailCorner::before { background-position-y: -4300px; }
        .npdPercent75.npdDetailCorner::before { background-position-y: -4400px; }
        .npdPercent95.npdDetailCorner::before { background-position-y: -4500px; }
        .npdPercent100.npdDetailCorner::before { background-position-y: -4100px; }*/
        .npdDetailCorner::before { width: 60px; height: 64px; }
        .npdPercent100 .npdCornerPercent { left: 6px; }
        .npdPercent0 .npdCornerPercent { left: 19px; }

    .noUpdatePermission .motorRatingFields .fgSwitch, .noUpdatePermission .powerSupplyFields .fgSwitch { width: 160px; padding-left: 160px; }
        .noUpdatePermission .motorRatingFields .fSwitchLabel, .noUpdatePermission .powerSupplyFields .fSwitchLabel { left: -160px; }
    .noUpdatePermission .panelSKUSourceQuality .flex:nth-of-type(1) { width: 58%; padding-right: 20px; }
    .noUpdatePermission .panelSKUSourceQuality .flex:nth-of-type(2) { width: 42%; padding-left: 20px; }

    .sourcingReportHead strong { font-size: 15px; }

    .headButtonBarSpares .bButtonBig { gap: 10px; /*height: 100px;*/ padding: 5px 20px; }
        .headButtonBarSpares .iSVG { width: 42px; height: 42px; }
    .itemTopTrumpHead .rankNumber { font-size: 18px; }
    .itemTopTrumpHead h4 { font-size: 16px; }
    .tableSpareParts .date { min-width: 130px; }
    .tPartsValue { width: 85px; }
    .panelPartsOnOrder  .tableList { margin-top: 10px; }
    .pageSparesDetails .barButtons .bDashSpares.bButton.bDouble::after, .pageSpares .barButtons .bDashSpares.bButton.bDouble::after { top: 7px; }

    .panelError { padding: 30px; }
    .specialPrice::before { left: -14px; }
    .fgError label::before, .fgValid label::before { width: 12px; height: 12px; margin-top: -5px; /*background-position-y: -500px;*/ }
        /*.fgValid label::before { background-position-y: -590px; } */

}

@media screen and (max-width: 1200px) and (min-width: 1101px) {

    .slideThis .addExtraCode { width: calc((100% - 330px) / 100 * 36); }    
    .slideThis .addExtraName { width: calc((100% - 330px) / 100 * 38); }
    .slideThis .addExtraQty, .slideThis .addExtraPrice { width: calc((100% - 330px) / 100 * 13); }
        .slideThis .addExtraQty { margin-right: 10px; }
    .pageContainerLoad .addExtraItemWrap .slideThis .addExtraCode { display: flex; align-items: center; }
    .pageContainerLoad .slideThis .addExtraName {  }
        .pageContainerLoad .addExtraCode .bProductInfoWrap:not(.selectizeSearch) { margin-top: 11px; }
    .pageContainerLoad .slideThis .addExtraPrice { display: flex; flex-wrap: wrap; justify-content: flex-end; }
    .pageContainerLoad .slideThis .addExtraCancel { width: 60px; }

    .dashAlertsDebtors .dashAlertNum/*, .panelPartsAvailabilityList .panelPartsAvailableNum*/ { font-size: 27px; }

    .tick.iIcon::after { top: 4px; }

    .panelWarrantyReportDateDisplay { gap: 8px; }
        .panelWarrantyReportDateDisplay h4 { padding-top: 34px; }
            .panelWarrantyReportDateDisplay .iBig::after { 
                width: 32px;
                height: 32px;
                margin-left: -13px;
                /*background-position-x: 0;*/ }
        .panelWarrantyReportDateDisplay strong { font-size: 30px; }

    .filterInspectionProducts .fgFilterDateWrap { margin-right: 0; }

}

@media screen and (max-width: 1200px) and (min-width: 1041px) {

    .nTabsProduct a { font-size: 13px; }

}

@media screen and (max-width: 1200px) and (min-width: 981px) {
    
    .navSecondary { padding: 15px 10px; }
    .nAccountWrap { font-size: 12px; }
        .nAccountWrap .nAccountName { font-size: 15px; }
    nav .headerNavList > li > a::after { margin-top: -24px; }

    .topTabs a { margin: 0 9px 9px 0; }
        .topTabs .active a { padding-bottom: 26px; }
    .topTabs a { margin: 0 0 9px 0; }
        .topTabs li + li a { margin-left: 9px; }
        .topTabs .active a { padding-bottom: 9px; }
        .topTabs .navTabButton .bButton { width: calc(100% - 9px); }

    .pageDash .panelInspections td.tInspectionType, .pageDash .panelInspections td.tProducts { font-size: 12px; }

    /* FONTS */
    .rTable-980 h5.productInfoWrap strong { font-size: 16px; }
    .tableDebtlist { font-size: 15px; }
    .rTable-980 h5.productInfoWrap span { font-size: 13px; }

    .panelOrderMoreInfo h3::after { top: -5px; }

    .barButtonContainers { width: calc(100% - 170px); }
        .pageContainerLoad .barButtons .bReStart { margin-right: 30px; }

    .exlCusSKU .exlCodeReq { top: 4px; left: 10px; font-size: 10px; }
    .pageExceptions section h3 { font-size: 30px; }
        .pageExceptions section h3::after { top: -6px; }
        .pageExceptions .revPanelInfo h4, .pageExceptions .revPanelInfo p { font-size: 18px; }
        .pageExceptions .exAddressWrap section { padding-top: 20px; }
    .pageExceptions .exlSKU .selectizeSearch { min-width: 250px; }

    .barFilterTracking .radioFilter .btn { width: 90px; }
        .barFilterTracking .radioBigLabel.radioFilter label { font-size: 27px; }
        .fgTrackingOnSchedule .btn.iAlert::after { left: 20px; }
        .fgTrackingAlertStatus.radioFilter.radioDouble .btn { height: 90px; padding-top: 55px; }
            .barFilterGrey .fRadioGroup.radioDouble .btn::after { top: 10px; }
    .operaCodeList .tiOperaCo span { top: 6px; }
    .tableTrackingList.rTable-980 th { font-size: 13px; }
        .tableTrackingList .tDate a { width: 90px; }
            .tableTrackingList .sortBy a::after { top: 1px; }
    .tableTrackingList .tOrderType { padding: 8px 10px 4px; }
        .tOrderType .iIcon { width: 24px; height: 24px; }
    .tableTrackingList .tTrackingSchedule { padding-top: 8px; }
    
    .tableTargets th, .exceptionList th { font-size: 13px; }
    .tableTargets .oiTargetAmount span, .addNewCusTarget label { font-size: 14px; }        
        .tableTargets .oiTargetAmount.oiTargetTotal { padding-left: 0 !important; }
    .addNewCusTarget .fgAddTargetYear { flex: 1 0 120px; }
    .tableCustomerBreakdown tr td { font-size: 15px; }

    .pageReports .tableRevenueSummary .tableRevenueSummary .tNum { width: 17.0%; }      
    .filterReportsBreakdown .chosen-container { min-height: 85px; }
        .fgBreakdownProductCustomer .form-group + .form-group { margin-top: 30px; }
        .fgBreakdownProductCustomer .multi .selectize-input { min-height: 135px; }
        .tableMarginDetails .tRevOtherOverview.tableRevenueSummary .tPercent, .tableMarginDetails .tRevOtherList.tableList .tPercent { width: 140px; }   
    .tableReportBreakdown .trMob { display: table-row; }
        .tableReportBreakdown th.tSKU { display: none; }
        .tableReportBreakdown td.tSKU { display: none; }
            .tableReportBreakdown tr:not(.trMob) td { padding-top: 2px; }
            .tableReportBreakdown .trMob + tr:hover td::after { border-top-color: transparent !important; color: #594366 !important; }
    .tableReportBreakdown .trMob .tMobBreakdownTotal { 
        position: absolute; 
        left: 0; 
        bottom: 30px; 
        color: #6f577e;
        font-size: 15px; 
        z-index: 90; }   
    .pageReportsSellout .radioSelloutTerritory.radioDouble .btn::after { top: 16px; }
    
    .filterWarranty .fgWarrantyProduct, .filterWarranty .fgWarrantyType, .filterWarranty .fgWarrantyRegion, .filterWarranty .fgWarrantyCountry { order: 1; }
        .filterWarranty .fgWarrantyProduct { width: calc((100% - 30px) * 0.6); }
        .filterWarranty .fgWarrantyType, .filterWarranty .fgWarrantyKeyword { width: calc((100% - 30px) * 0.4); margin-right: 0; }
        .filterWarranty .fgWarrantyRegion, .filterWarranty .fgWarrantyCountry, .filterWarranty .fgWarrantyDate { width: calc((100% - 60px) * 0.3); }
    .filterWarranty .fgWarrantyClaimSupplier { order: 2; width: calc((100% - 60px) * 0.4); }
    .filterWarranty .fgWarrantyDate { order: 3; }
    .filterWarranty .fgWarrantyKeyword, .filterWarranty .formGroupWarrantyStatus, .pageWarrantyByClaim .formGroupWarrantyResolution, .filterWarranty.barFilter .arrowSq { order: 4; }
        .filterWarranty .fgWarrantyKeyword { width: calc((100% - 60px) * 0.4); margin-right: 0; }
        .filterWarranty .formGroupWarrantyStatus { margin: 0 auto 15px 0; }
    .filterWarrantyProduct .arrowSq.hoverSlide { margin: -10px 0 10px; }
    .tableWarrantyClaimList thead.stickyHead th, .tableWarrantyClaimList.tableList td { font-size: 14px; }
        .tableWarrantyClaimList.tableList .tPO { max-width: 200px; }
    .panelWarrantyProductImages label { font-size: 15px; }
    .formGroupWarrantyStatus .radioWarranty label, .rTable-980 .trWarrantyNotesDocs .tableWarrantyNotesDocs td { font-size: 13px; }
    .panelWarrantyClaimant h2::after { top: -4px; } 
    .tableWarrantyNotesList.rTable-980 .tActionWrap { margin-top: 7px; }    
    .pageWarrantyDetails .noUpdatePermission .formGroupWarrantyStatus2 { width: 160px; }
    .pageWarrantyDetails .noUpdatePermission .formGroupWarrantyResolution { width: calc(100% - 240px); padding-left: 80px; }
        .noUpdatePermission .formGroupWarrantyResolution::after { left: 24px; }

    .photoWrap li:nth-of-type(7n) { margin-right: 0; }    

    .filterInspections { position: relative; }
    .filterInspectLeft, .filterInspectMiddle { width: 100%; margin-right: 0; }
        .filterInspectLeft .form-group { float: left; width: 48%; margin-right: 4%; }
            .filterInspectLeft .form-group:nth-child(2n) { margin-right: 0; }
    .filterInspectRight { position: static; }
        .filterInspectDateWrap, .fgInspectionType { position: absolute; float: none; right: 30px; margin-right: 0; }
            .filterInspectDateWrap { width: 48%; top: 108px; padding-left: 30px; }
            .fgInspectionType { bottom: 138px; }
            .filterInspections.barFilter .arrowSq { margin-top: 14px; }
        .fgCFA { margin-top: 0; }    
    .pageInspections:not(.pageInspectionDetails) .tInspectionType { display: none; }
    table.tableInspectionList td.tProducts { font-size: 12px; }    
    .panelInspectionList .tInspectionCFA, .panelInspectionList .tInspectionResult { width: 50px; }
        .panelInspectionList th.tInspectionCFA, .panelInspectionList th.tInspectionResult { padding-left: 0; padding-right: 0; }
        .panelInspectionList .tInspectionResult span, .panelInspectionList .tInspectionCFA span { text-indent: -9999px; color: transparent; }
    .tableInspectionList.rTable-980 .tAction { padding-top: 12px; }
    .panelInspectionNotes .tableWarrantyNotesList .bDelete { margin-top: 6px; }

    .productsHeadAdd h3 { font-size: 27px; }
    .barFilter .fgProductDocDate { width: 260px; }
    .tableProductsList .tTitle { width: 180px; }
    .tableProductDocsList .tDate span { width: 125px; }

    .pageNPD h1 { letter-spacing: -2px; }

    /*.sourcingReportHead > div { max-width: 120px; }*/
    .sourcingReport .calendarLights { width: calc(100% - 460px); }

    .barFilterMaster .fgFilterDateWrap { position: relative; top: 0; right: 0; margin-left: 0; }

    h4.text-success { font-size: 21px; }

}

@media screen and (max-width: 1200px) and (min-width: 881px) {

    .dashLG .dashDepartmentDetail, .dashSA .dashDepartmentDetail { margin-right: 30px; }

    .topTabs-r880 .nTabDouble a { font-size: 14px; }

    /*.sideNavProductSourcing ~ .panelProductSourcingAgent { width: calc(100% - 380px); }*/

    .pageProductDocsExpired .barFilter .form-group:not(.fgProductDocStatus) { width: calc(50% - 15px); }

}

@media screen and (max-width: 1200px) and (min-width: 841px) {

    .rTable-840 .tIcon { padding-top: 0; }
    .rTable-840 h5.productInfoWrap strong { font-size: 16px; }
    .rTable-840 h5.productInfoWrap span { font-size: 13px; }
    
    .tableOrdersList.tableList { font-size: 13px; }
        .tableOrdersList.tableList th { font-size: 12px; }
    
    .panelInspections .tInspectionResult, .panelInspections .tInspectionCFA { width: auto; padding-left: 0; padding-right: 0; }
        .panelInspections .tInspectionCFA { padding-left: 5px; }
        .panelInspections .tInspectionResult span, .panelInspections .tInspectionCFA span { 
            width: 30px;
            height: 30px;
            padding: 0 0 0 10px;
            font-size: 1px; 
            text-indent: -9999px; 
            color: transparent; }

    .fgAddTrackerDoc.dropzone { margin-left: 30px; margin-right: 20px; }
    
    .addNewCusDocType { max-width: 220px; }
    .tableCusRevenue.tableList .tTitle { padding-left: 10px; padding-right: 0; }
    .tableCusRevenue.tableList td:last-of-type, .tableCusRevenue.tableList thead th:last-of-type { padding-right: 10px; }
    .pageCustomerMargin .sideNavCustomer .bRevSummary { height: 50px; }
    .tableCusMargin .trAlt .tTitle::before, .tableCusMargin .trAlt .tPercent::before { width: 30px; height: 50px; }
        .tableCusMargin .trAlt .tTitle::before, .tableCusMargin .trAlt th.thRowHover::after { left: -30px; }
        .tableCusMargin .trAlt .tPercent::before, .tableCusMargin .trAlt .tPercent::after { right: -30px; }

    .pageUsers .tableStaffList td { font-size: 14px; padding-top: 8px; padding-bottom: 8px; }
        .tableStaffList .tiDept { white-space: nowrap; }

    .panelWarrantyReportYTDoughnut i { display: none; }
    .tableWarrantyList .tPO { max-width: 240px; }

    .panelInspectOverviewMiddle li, .npdDetailSKUS li { 
        width: calc((100% - 60px) / 3);
        margin: 0 30px 15px 0; }
    .panelInspectOverviewMiddle li:nth-of-type(3n), .npdDetailSKUS li:nth-of-type(3n) { margin-right: 0; }
        @supports (display: grid) {
            .panelInspectOverviewMiddle li, .npdDetailSKUS li { width: 100%; }
        }
    .tableInspectionList.rTable-840 .tAction { padding-top: 12px; }
    .tableInspectProductList.rTable-840 td { font-size: 15px; }

    .tableSpareParts th.tCheck { padding-right: 30px; }
    .tableSpareParts td.tCheck { width: 100px; }

    .addNewGroupedSKU .form-group { width: calc(50% - 5px); }

    .tableProductClassingType .dragOrder { width: 90px; }
    
    .tableSourcingList:not(.tableSourcingAgentList) .rowMultiSlim td { padding-top: 4px; padding-bottom: 4px; }
        .tableSourcingList .rowMultiSlimHead td { padding-top: 12px; padding-bottom: 4px; }
        .tableSourcingList .rowMultiSlimLast td { padding-bottom: 12px; }
        .tableSourcingList:not(.tableSourcingAgentList) .rowMultiSlim .tTitle { padding-left: 50px; }

}

@media screen and (max-width: 1200px) and (min-width: 768px) {  

    .tableList .rowBorder .thumb { margin: -6px -10px; }
    .rTable-767 h5.productInfoWrap strong { font-size: 16px; }
    .rTable-767 h5.productInfoWrap span { font-size: 13px; }

    .pageDebtorList:not(.pageCreditorList) h1::after { top: 0; }
    
    .pageBasket .panelBasketGrandTotal .bButton { min-width: 140px; margin-top: -35px; }
        .pageBasket .panelBasketGrandTotal .bButton.bAddProducts { left: 30px; }
        .pageBasket .panelBasketGrandTotal .bButton.bEmpty { left: 180px; }

    .iBig.iSurcharge::after { background-position-y: -3350px; }
    .iBig.iCarriage::after { background-position-y: -3400px; }
    
    .pageContainerLoad .addExtraItemWrap .slideThis .addExtraCode form { width: 100%; }

    .tableOrderDetailList h5 { font-size: 12px; }
        .tableOrderDetailList h5 span { font-size: 16px; }
    .tableOrderDetailList td, .tableOrderDetailList .oiCustomerCode span { font-size: 14px; }
    .tableOrderDetailList .tThumb, .tableOrderDeliveredItems .tThumb { width: 70px; }
    .tableOrderDetailList .trOrder:hover td::after { border-top-color: transparent; }
 
    .pageUsers .barFilterGrey { padding-bottom: 20px; }
        .pageUsers .barFilterGrey .fgRFEOffice { width: calc(100% - 474px); }
        .pageUsers .barFilterGrey .fg-MiniDept { width: 444px; }
        .pageUsers .barFilterGrey .fgRFEStaffTask { width: calc((100% - 30px) * 0.6); margin-right: 30px; }
        .pageUsers .barFilterGrey .form-group.right { width: calc((100% - 30px) * 0.4); margin-right: 0; }
        .pageUsers .barFilterGrey .fgTrackingFilterArchive { width: calc(100% - 70px); margin-top: 0; }
            .pageUsers .barFilterGrey .fgFilterArchive label { width: 170px; }
        .pageUsers .barFilterGrey .hoverSlide { margin-top: 0; }
    .pageUserOverview  #imagecontainer { margin: 0 40px 0 0; }
     
    .tableRevenueSummary.rTable-767 td { font-size: 15px; }
        .tableRevenueSummary.rTable-767 .tNum span, .tableRevenueSummary .tNum .marginSub { width: 120px; }

    .pageTopProductSalesDash .tableTopTrumpsDash .tValue.tNum span { width: 100px; }

    .tableProductsListMulti .bSqArrow { top: -5px; }
    
    .tableTopTrumpsDash.rTable-767 tbody tr:nth-of-type(5) { display: table-row; }
        .wrapSpares-LargestIncrease .tNum + .tNum { padding-left: 30px; }

    .pageMyAccount .myBasicDetails.left { margin-right: 40px; }

}

@media screen and (max-width: 1200px) and (min-width: 681px) {
    
    /*.nLogistics .navSecondary { width: calc((100% - 30px) / 4); flex: none; }
        .nLogistics .navSecondary + .navSecondary { margin-left: 10px; }
        .nLogistics .navSecondary:nth-of-type(5n) { margin-left: 0; }
        .nLogistics .navSecondary:nth-of-type(n+ 5) { margin-top: 10px; }*/
    /*.nSales .navSecondary { width: calc((100% - 20px) / 3); flex: none; }
        .nSales .navSecondary + .navSecondary { margin-left: 10px; }
        .nSales .navSecondary:nth-of-type(3n + 1) { margin-left: 0; }
        .nSales .navSecondary:nth-of-type(n + 4) { margin-top: 10px; }*/
    .nSales .bigMenuWrap { grid-template-columns: 1fr 1fr 1fr 1fr; } 

    .fgTrackingFilterWrap { width: 100%; justify-content: space-between; }
        .fgTrackingFilterWrap .form-group, .fgTrackingFilter { width: calc(50% - 15px); }
            .fgTrackingFilterCustomer.form-group, .fgTrackingOnSchedule.fgTrackingFilter { margin-right: 0; }
    .pageTrackingList .barFilter .hoverSlide { margin: 10px 0 10px auto; }

    .panelSKUSourceMasterCartonOverview .fgMasterQty.form-group label { width: 330px; }

}

@media screen and (max-width: 1200px) and (min-width: 601px) {
    
    .dashDeptHead-LG .dashDeptDetailList li:nth-of-type(3n + 1) { margin-left: 0; }
    
    .rTable-600 h5.productInfoWrap strong { font-size: 16px; }
    .rTable-600 h5.productInfoWrap span { font-size: 13px; }

    .panelSubTitle { font-size: 21px; }

    .barFilterGrey .hoverSlide { margin-top: 23px; }

    .panelButtons.barButtons { padding-bottom: 0; }
        .sectionSplitter + .panelButtons { padding-top: 30px; }
        .sectionSplitter > .panelButtons { padding-top: 0; }
        .panelButtons.barButtons .bButton.bDouble { min-width: 150px; padding-top: 32px; }
            .panelButtons.barButtons .bButton.bDouble::after { top: 8px; }
        .panelButtons.barButtons .bOneWord.bDouble { padding-top: 40px; }
            .panelButtons.barButtons .bOneWord.bDouble::after { top: 14px; }

    .revDetailsWrap { margin-top: 30px; }
        .pageExceptions .revDetailsWrap.left { margin-top: 11px; }

    .bUploadDocWrap .bDouble.bSearchDoc { width: 150px; margin-left: -75px; }
    .uploadXLWrap .bUploadDocWrap::after { bottom: 30px; }
    
    .fgAddTrackerDoc.dropzone { margin-top: 23px; }
    .pageTrackingDocuments .addNew .bSQ30 { margin: 23px 0 auto 10px; }
    /*.panelTrackerArchive .iArchive::after { top: 1px; }*/

    .pageUserOverview.pageUsers .form-group.useO-Dept > label { width: 30%; }
    .pageUserOverview .barButtons { 
        margin: 0 0 30px;
        padding-bottom: 24px;
        border-bottom: dotted 4px #dcdcd9;
        border-width: 0 0 14px 0;
        /*border-width: 0 0 10px 0;*/
        border-style: dotted;
        border-color: #dcdcd9;
        /*border-image-source: url(../images/dotBorder.png);*/
        border-image-source: url(../images/dotBorder.svg);
        border-image-slice: 33% 33%;
        border-image-repeat: round; }
    .pageCustomerTargets .bButton.bDouble.bOneWord { padding-top: 30px; }

    .pageReports h1.twinHead::after { top: 8px; }  

    .panelWarrantyReportTop5 h5 { font-size: 12px; }

    .tableCompliance.tableList th { font-size: 13px; }
    .tableCompliance td { padding-top: 8px; padding-bottom: 8px; }
    .tableCompliance .dataY, .tableCompliance .dataN { width: 16px; height: 16px; }
        .tableCompliance .dataY::before, .tableCompliance .dataN::before { width: 16px; height: 16px; margin: -8px 0 0 -8px; /*background-position-y: -390px;*/ }
        /*.tableCompliance .dataN::before { background-position-y: -300px; }*/

    .tableProClassRange .dragOrder { width: 90px; }

    .barFilter .fgProductDocSupplier { width: calc((100% - 30px) * 0.4); }
    .barFilter .fgProductDocType { width: calc((100% - 30px) * 0.6); margin-right: 0; }
    .barFilter .fgProductDocKeyword { width: calc(100% - 580px); margin-right: 0; }
    .pageProductDocsSubmitted .barFilter .form-group { width: calc((100% - 140px) / 2); }
        .pageProductDocsSubmitted .barFilter .fgProductDocSupplier { margin-right: 30px; }

    .pageUserOverview .panelUserAvatar { width: 100%; }
        .pageUserOverview .panelUserAvatar form { display: flex; }
            .pageUserOverview .panelUserAvatar .fgDropZone { margin: 0; }

    .modal .panelProductSpecWrap label { width: 60%; }
    .modal .panelProductSpecWrap .form-control { width: 40%; }
        .modal .panelProductSpecWrap label br { display: block; }
    .modal .panelProductSpecWrap .panelSKUSourceBarcode { grid-column: 1 / span 2; }
        .modal .panelProductSpecWrap .panelSKUSourceBarcode label { width: 29%; }
        .modal .panelProductSpecWrap .panelSKUSourceBarcode .form-control { width: 71%; }

}

@media screen and (max-width: 1200px) and (min-width: 481px) {

    .rTable-480 h5.productInfoWrap strong, .pageContainerLoad .slideThis .addExtraCode .skuID { font-size: 16px; }
    .rTable-480 h5.productInfoWrap span, .tableCompliance.tableList { font-size: 13px; }
    
    .panelWarrantyReportByCountry { margin-top: 12px; }
    
    .headButtonBarSpares .bBillOfMaterials.bButtonBig { height: 60px; }
    .gridTopTrumps li:nth-of-type(5) { display: none; }
    .wrapSpares-FutureSales .gridTopTrumps { grid-template-columns: 1fr 1fr 1fr 1fr; }
        .wrapSpares-FutureSales .gridTopTrumps li { display: flex; width: 100%; }

    .modalAddEdit .tableWarrantyNotesDocs .dateTime { width: 170px; }

}

@media screen and (max-width: 1200px) and (min-width: 421px) {

    .dashDeptDetailList { flex-wrap: wrap; }

}

@media screen and (min-width: 1141px) {

    /*.tableSelloutYear .trSelloutMob { display: none; }
    .tableSelloutYear.tableList tbody .tTitle, .tableSelloutYear.tableList .tBlank { display: table-cell; }*/
    .tableSelloutYear.rTable-840 .trTotal .tTitle::after, .tableSelloutYear.rTable-840 .trTotal .tNum::after { border-top-color: #949491; }

}

@media screen and (max-width: 1140px) {

    .panel980, .panel980L { width: 100%; }

    .addExtraButton .bButton { padding-right: 40px; }
    .barTotal td { width: 180px; }
    .barGrandTotal.barTotal td { width: 210px; }
    .barBasketButtonWrap { 
        width: 100%; 
        margin-bottom: 10px; 
        padding-bottom: 20px;
        text-align: center;
        border: dotted 5px #c7c7c6;
            border-width: 0 0 14px 0; 
            /*border-width: 0 0 10px 0; */
            /*border-image-source: url('../images/dotBorder.png');*/
            border-image-source: url(../images/dotBorder.svg);
            border-image-slice: 33%; 
            border-image-repeat: round; }
            .pageBasket .barBasketButtons > .bButton.bDouble:not(.bOrder):last-of-type { top: 0; }
        .pageBasket .barBasketButtonWrap { padding-bottom: 0; border: none; }

        .olStatus span { font-size: 10px; }   

    .tableOrdersList .tOrdersSource { display: none; }

    .pageReportsSellout .tableNavWrap { padding-left: 0; }
    /*.tableSelloutYear .tNum:first-of-type { padding-left: 0; }
    .tableSelloutYear .trSelloutMob th { padding-bottom: 0; border-bottom-color: transparent; }
    .tableSelloutYear .tNum { padding-top: 6px; }
    .tableSelloutYear tbody tr.rowDivider > td::after, .tableSelloutYear tbody tr.trTotal > td::after { border-top-color: transparent; }
        .tableSelloutYear .trSelloutMob:not(.trTotal):hover > th::after, .tableSelloutYear .rowDivider:hover > td,
            .tableSelloutYear .trSelloutMob:hover + tr.rowDivider > td, .tableSelloutYear .over .tTitle::after,
            .tableSelloutYear .trSelloutMob.over:not(.trTotal) > th::after { border-top-color: #6f577e !important; }
    .tableSelloutYear .trSelloutMob .tTitle::after { display: block; }
    .tableSelloutYear.tableList tbody tr:first-of-type .tTitle { border-top: none !important; }*/

    .pageNPDAdmin .contentHead .bButton { margin: 10px 0 0 auto; }

}

@media screen and (max-width: 1140px) and (min-width: 841px) {

    /*.tableSelloutYear.tableList tbody { position: relative; }
    .tableSelloutYear .rowDivider .tNewYear::before { display: none; }
    .tableSellout tbody tr:nth-last-of-type(2):not(.trMob) td { padding-bottom: 12px; }
    .tableSellout.tableList .trTotal td {*/ /*padding-top: 12px;*/ /*padding-top: 32px; padding-bottom: 12px; }
        .tableSellout.tableList .trTotal .tNum:first-of-type::before { 
            content: 'Total'; 
            display: block; 
            position: absolute;
            width: 100px; 
            height: 30px; 
            left: 0; 
            top: 10px;
            border: none;
            font-size: 15px; 
            color: #6f577e; 
            text-align: left;
            line-height: 1;
            text-transform: uppercase;
            font-weight: bold; }*/

}

@media screen and (max-width: 1140px) and (min-width: 601px) {

    .pageBasket .barBasketButtonWrap { width: auto; margin: 0; }

}

@media screen and (min-width: 1101px) { 
    
    .dashAlertsLG .dashAlertLG-Total { margin-left: 0; }
    .dashAlertsQC .dashAlert-Title { width: calc(23% + 20px); padding-right: 20px; }
    .dashLG .dashAlertsTitle, .dashSA .dashAlertsTitle { display: flex; }
        .dashAlertsTitle + .dashDeptAlerts { margin-top: 0; }
    .dashDeptHead-AC { display: flex; flex-wrap: wrap; }

    .panelInspections .tableInspectionList .tInspectionRef { width: 145px; }

    .basketContainer .iContainerWrap.full .conPercent { background-position-x: 13px; background-position-y: -1041px; }
        .basketContainer .iContainerWrap.full .iContainer .conPercent { background-position-x: -27px; background-position-y: -88px; }

    .tableTargets.tableList td { padding-top: 15px; padding-bottom: 15px; } 
    .tableTargets.tableList .tAction { padding-left: 10px; }
        .tableTargets.tableList td:nth-of-type(3)::before , .tableTargets.tableList td:nth-of-type(5)::before { left: 20px; }    

    .pageUserOverview .radioDept.btn-group { width: 670px; }
    .pageUsers .tableTargets.tableList td:nth-of-type(3), .pageUsers .tableTargets.tableList td:nth-of-type(5), .pageUsers .tableTargets td:nth-of-type(6) { padding-right: 5px; }
    .pageUsers .tableTargets.tableList td:nth-of-type(4), .pageUsers .tableTargets.tableList td:nth-of-type(6), .pageUsers .tableTargets td:nth-of-type(7) { padding-left: 5px; }
        .pageUsers .tableTargets td:nth-of-type(3)::before , .pageUsers .tableTargets td:nth-of-type(5)::before { left: 10px; }
        .pageUsers .tableTargets td:nth-of-type(4)::before { right: 10px; }
        .tableTargets.tableList .taRevenue, .tableTargets.tableList .taPercent { padding-left: 20px; }
        .pageUsers .tableTargets .taGrandTotalRow td:nth-of-type(3), .pageUsers .tableTargets .taGrandTotalRow td:nth-of-type(5), 
            .pageUsers .tableTargets .taGrandTotalRow td:nth-of-type(6) { padding-right: 15px; }    
        .pageUsers .tableTargets .taGrandTotalRow td, .pageUsers .tableTargets .taGrandTotalRow .taAccessories { padding-right: 20px; }

    .pageScheduledHistory .taskSearchlist .dateTime { min-width: 160px; vertical-align: top; }

    .tableInspectProductList.rTable-840 .stickyHead th, .tableList .tHeadIcon.stickyHead th { padding-bottom: 10px; }

    .npdAdminListItem { padding-left: 65px; }
        .npdAdminListPercent { width: 63px; }
        .npdAdminListItem h2 { min-height: 60px; }

}

@media screen and (max-width: 1100px) {

    .exceptionsList .elType, .exceptionsList .tAction { padding-top: 16px; }
    .panelWarranty .tableWarrantyList .dateTime { width: 100px; }
    .panelInspections .tableInspectionList .trPass .tInspectionRef { color: #627e21; }         

    .dashDeptDetailIcon { width: 100px; }
    .dashDeptDetailList { height: calc(100% - 110px); }
        .dashDeptAlerts, .dashDepartmentDetail h1 { height: 100px; }
            .dashSA .dashDeptAlerts { height: auto; }
        .dashDepartmentDetail h1 { padding-left: 20px; }
        .dashDeptHead-LG .dashDeptDetailList, .dashDeptHead-NP .dashDeptDetailList, .dashDeptHead-IT .dashDeptDetailList { height: calc((100% - 113px) / 2); }
        .dashAlertsDebtors { margin-top: 20px; }
        .dashDeptHead-AC .dashAlertsDebtors { margin-top: 0; }
        .dashDeptHead-AC .dashAlertsCreditors { margin-top: 40px; }
        .dashSA .dashDeptDetailList { height: auto; }
    .dashDepartmentLinks, .dashAlertsLG, .dashAlertsQC { flex-wrap: wrap; height: auto; }
        .dashDeptWrap, .dashAlertsLG li, .dashAlertsQC li { flex: unset; width: calc((100% - 20px) / 3); }
            .dashDeptWrap:nth-of-type(n + 4), .dashAlertsLG li:nth-of-type(n + 4), .dashAlertsQC li:nth-of-type(n + 3) { margin-top: 10px; }
            .dashAlertsLG li:nth-of-type(3n + 1), .dashAlertsQC li:nth-of-type(3n + 0) { margin-left: 0; }
            .dashAlertsLG a, .dashAlertsLG .dashAlertLG-Title, .dashAlertsQC a, .dashAlertsQC .dashAlert-Title { height: 140px; }
        .dashAlertsLG .dashAlertLG-Title, .dashAlertsQC .dashAlert-Title { display: flex; }
            .dashAlertsDebtors .dashAlert-Title {  }
            .dashAlertsQC .dashAlert-Title { width: calc((200% - 40px) / 3); flex-grow: 2; }
                .dashAlertsQC .dashAlert-Title a { width: 100%; }
            .dashAlertsQC h4 br { display: none; }
            .dashAlertsQC .dashAlertQC-Expired h4 { margin: 0; }
        .dashSA .dashDepartmentDetail .flexColumn + .flexColumn { margin-top: 30px; }
        .dashSA .dashDeptAlerts li { height: 120px; }
        .dashSA .doughnutPanel { width: 100%; }
            .dashSA .doughnutPanel a { display: block; width: 100%; max-width: 400px; }
                .dashSA .doughnutWrap { position: relative; display: flex; flex-direction: column; width: 100%; }

    .biTotalCost { width: 14%; }

            .pageQuick .bProductInfo { right: 0; }

    .slideThis .addExtraName h5 { font-size: 16px; }

    table th a.orderBy::after { top: 0; }

    .myBasicDetails .panelMyDetails label , .myBasicDetails .panelMyDetails .form-control , .myBasicDetails .barButtons { width: 100%; }
        .myBasicDetails.left , .myBasicDetails.right { min-height: 490px; }
        .myBasicDetails .panelMyDetails label { height: auto; line-height: unset; }
        .myBasicDetails .panelMyDetails .form-control.form-control-50 { width: 60%; }
        .myBasicDetails .myBasicDetailsWrap .form-control { margin-bottom: 10px; }

    .basketContainer { padding-bottom: 5px; }
        .conOptionWrap h4 { margin-bottom: 10px; }
        .basketContainer .iContainerWrap { margin-bottom: 20px; }
        .conOptionWrap:last-of-type .iContainerWrap:last-of-type { margin-right: 0; }
            .conOptionWrap h4 { font-size: 18px; }
        .conOr { margin: 58px 60px 0; }    
    .basketContainer h5 { margin-bottom: 5px; }
        .basketContainer h5 strong { font-size: 15px; }
        .basketContainer h5 span { display: none; }
        .basketContainer .iContainer { width: 92px; }
                .basketContainer .conFullSKU .iContainer { width: auto; }
                    .conSKU { line-height: 24px; }
            .basketContainer .conOr { font-size: 15px; font-weight: bold; }
            .basketContainer .iContainer , .basketContainer .iContainer > div , .basketContainer .conZebra , .basketContainer .conPercentFill { height: 30px; }
            .basketContainer .conPercent { width: 32px; line-height: 30px; font-size: 15px; letter-spacing: normal; }              
            .basketContainer .iContainerWrap.full .conPercent, 
                .pageBasket .basketContainer .iContainerWrap.full .iContainer .conPercent { background-position-x: -29px; background-position-y: -201px; } 
            .basketContainer .conFill { width: 58px; margin-left: 2px; } 
            .basketContainer .conZebra { 
                background: none;           
                background: -webkit-repeating-linear-gradient(to right, transparent, transparent 4px, rgba(255, 255, 255, 0.7) 2px, rgba(255, 255, 255, 0.7) 6px);  /* Safari 5.1 to 6.0 */  
                background: -o-repeating-linear-gradient(to right, transparent, transparent 4px, rgba(255, 255, 255, 0.7) 2px, rgba(255, 255, 255, 0.7) 6px); /* Opera 11.1 to 12.0 */
                background: -moz-repeating-linear-gradient(to right, transparent, transparent 4px, rgba(255, 255, 255, 0.7) 2px, rgba(255, 255, 255, 0.7) 6px); /* Firefox 3.6 to 15 */   
                background: repeating-linear-gradient(
                  to right,
                  transparent,
                  transparent 4px,
                  rgba(255, 255, 255, 0.7) 2px,
                  rgba(255, 255, 255, 0.7) 6px); }   
            .basketContainer .conMultiple { 
                width: 26px; 
                height: 26px; 
                padding-top: 2px; 
                top: 2px; 
                right: 16px; 
                font-size: 16px; } 
            .invalid-container .conFill::before { width: 39px; height: 39px; top: -5px; background-position-x: -153px; background-position-y: -283px; }

    .slideThis .addExtraCode { width: calc((100% - 80px) / 100 * 42); }
    .slideThis .addExtraName { width: calc((100% - 80px) / 100 * 58); margin-right: 0; }
    .slideThis .addExtraQty, .slideThis .addExtraPrice { width: calc((100% - 245px) / 100 * 48); }
    .slideThis .addExtraQty { clear: both; margin-right: 15px; }
    .pageContainerLoad .addExtraItemWrap .flex { flex-wrap: wrap; }
    .pageContainerLoad .addExtraCode .selectize-control.single .selectize-input { min-width: 190px; }
    .pageContainerLoad .slideThis .addExtraName, .pageContainerLoad .addExtraCancel { padding-top: 0; }
    .pageContainerLoad .addExtraCode .bProductInfoWrap:not(.selectizeSearch) { margin-top: 33px; }

    .bUploadDocWrap .bDouble.bSearchDoc { width: 150px; margin-left: -75px; }

    #vesselData.panelVesselData { width: 35%; }
        .panelVesselData .fInline label, .panelVesselData .fInline .fcNoControl { width: 100%; }

    .floatThead-container { height: 114px; }
        .isFloated.floatThead-container .shadow { top: 96px; }

    .tick.iIcon::after { top: 2px; }
    .pageExceptions .biName h5 span, .exlLine h4 { font-size: 16px; }

    .myBasicDetails .myBasicDetailsWrap label { margin-right: 2%; }

    .pageCustomers .barFilterGrey { flex-wrap: wrap; }      
        .pageCustomers .barFilterGrey .hoverSlide { margin-left: auto; }
    .pageUsers.pageStaffTargets .form-control { padding-right: 4px; padding-left: 4px; }

    .pageScheduledHistory .taskSearchlist td { font-size: 15px; }
        .pageScheduledHistory .taskSearchlist .dateTime { min-width: 130px; vertical-align: top; }

    .graphWrap { width: 100%; }
    .panelWarrantyReportYTDoughnut .warrantyReportWrap { padding: 20px 10px 10px; }
    .iWarrantyStatus.olStatus span { font-size: 10px; }
    
    .filterInspectionProducts { flex-wrap: wrap; }
        .filterInspectionProducts .form-group { margin-right: 0; }
            .filterInspectionProducts .fgInspectProduct { width: calc((100% - 30px) * 0.4); margin-right: 30px; }
            .filterInspectionProducts .fgInspectSupplier { width: calc((100% - 30px) * 0.6); }
            .filterInspectionProducts .fgFilterDateWrap { width: calc(100% - 70px); margin-right: 30px; }

    .panelInspectOverviewMiddle { margin-right: 0; }
    .panelPSIReport { flex: 100%; max-width: unset; padding: 20px; }
        .panelPSIReport h3, .panelPSIReport .bButton { max-width: 200px; margin-left: auto; margin-right: auto; margin-bottom: 0; }   

    .barFilterCompliance .fgMultiSelect { width: calc(50% - 210px); }

    .npdAdminListTitle { width: calc(100% - 86px); }
        .npdAdminListPercent { font-size: 21px; }
        .npdAdminListItem h2 { font-size: 15px; }
        .npdCategoryLights li { font-size: 10px; }
        .npdAdminListItem .npdListButtonBar { width: 86px; }
            .npdListButtonBar .bSQ40Lite, .npdListButtonBar .iPublished { width: 30px; }
                .npdListButtonBar .bSQ40Lite::after { width: 20px; height: 20px; }
                    /*.npdListButtonBar .bDelete::after { background-position-y: 0; }
                    .npdListButtonBar .bEdit::after { background-position-y: -50px; }*/
                .npdListButtonBar .iPublished::after { width: 24px; height: 24px; /*height: 15px;*/ /*background-position-x: -230px; */ }
            .flexRowDisabled.npdAdminListItem:not(:hover):before { left: 52px; }

}

@media screen and (max-width: 1100px) and (min-width: 981px) {    

    .panelInspections .tInspectionType { display: none; }  

    .tableTrackingList.rTable-980 { font-size: 13px; }
        .tableTrackingList.rTable-980 .fontBlack { font-size: 15px; }
        .tableTrackingList.rTable-980 th { font-size: 12px; }
        .tableTrackingList .hoverSlideText { width: 20px; }
        .tableTrackingList .tTrackingStacked span { display: none; }
        /*.tableTrackingList .tDate span { display: block; width: 50px; }*/
        .tableTrackingList .tActionSingle { padding-left: 0; }

    .tableRevenueByMonth.tableList td, .tableRevenueByMonth.tableList th { font-size: 13px; }
    .tableList .tTitle h4, .tableRevenueByMonth thead .tCentre { font-size: 15px; }
        
    .pageCustomers .barFilterGrey .form-group { width: calc((100% - 40px) / 100 * 20); margin-right: 10px; }

    .tableDebtors, .tableDebtors.tableList th { font-size: 13px; }

    .tableTargets td { padding-top: 30px; }
        .tableTargets th.oiTargetYear { visibility: hidden; }
        .tableTargets.tableList .oiTargetYear { max-width: 0; padding: 0; }
            .tableTargets .oiTargetYear h5 { 
                margin-bottom: 0;
                position: absolute;
                left: 0;
                top: 12px; 
                font-size: 15px; }
    .tableTargets.tableList .oiTargetAmount { padding-left: 4px; padding-right: 4px; }        
        .tableTargets.tableList .tAction { padding-left: 5px; }
            .tableTargets.tableList td:nth-of-type(3)::before , .tableTargets.tableList td:nth-of-type(5)::before { left: 10px; }
    .addNewCusTarget { flex-wrap: wrap; }
        .addNewCusTarget .form-group { flex: 1 1 calc((100% - 140px) / 7); }
            .addNewCusTarget .fgAddTargetYear { flex: 1 0 100%; width: auto; }
                .addNewCusTarget .fgAddTargetYear label { width: 150px; }
                .addNewCusTarget .fgAddTargetYear .form-control { width: 200px; }

    .pageUsers .tableTargets td.oiTargetAmount { padding-left: 2px; padding-right: 2px; }
    .pageUsers .tableTargets td:nth-of-type(3), .pageUsers .tableTargets td:nth-of-type(5) { padding-left: 8px; }
    .pageUsers .tableTargets td:nth-of-type(2), .pageUsers .tableTargets td:nth-of-type(4) { padding-right: 8px; }
        .pageUsers .tableTargets td:nth-of-type(4)::before { right: 10px; }
        .tableTargets.tableList .taRevenue, .tableTargets.tableList .taPercent { padding-left: 10px; }
        .pageUsers .tableTargets .taGrandTotalRow td:nth-of-type(3), .pageUsers .tableTargets .taGrandTotalRow td:nth-of-type(5), 
            .pageUsers .tableTargets .taGrandTotalRow td:nth-of-type(6), .pageUsers .tableTargets .taGrandTotalRow .taAccessories { padding-right: 10px; }    
        .pageUsers .tableTargets .taGrandTotalRow td { padding-right: 15px; }

    /*.fgRadioSelloutTerritory .fRadioGroup {  }*/

    .pageWarrantyByProduct .warrantyExportWrap, .buttonExportWrap { padding-right: 20px; }
        .pageTrackingList .buttonExportWrap, .sectionExportWrap .buttonExportWrap { padding-right: 30px; }
    .tableWarrantyProductList th { font-size: 12px; }
        .tableWarrantyProductList th.tNum a { padding-right: 10px; }
        .tableWarrantyProductList .thIconMini { font-size: 9px; padding-left: 6px; padding-right: 6px; }
        .tableWarrantyProductList th.tCheck { padding-right: 20px; }
        .tableWarrantyProductList .tSKU { min-width: unset; }
        .tableWarrantyProductList .tNum { padding-left: 0; }
    
    .panelInspectionList .tableInspectionList th { font-size: 12px; }
    table.tableInspectionList td { font-size: 13px; }

    .pageInspectorsInspections .tInspectionType { display: none; }   
    .pageInspectorsInspections .tInspectionCFA, .pageInspectorsInspections .tInspectionResult { width: 50px; }
        .pageInspectorsInspections th.tInspectionCFA, .pageInspectorsInspections th.tInspectionResult { padding-left: 0; padding-right: 0; }
        .pageInspectorsInspections .tInspectionResult span, .pageInspectorsInspections .tInspectionCFA span { text-indent: -9999px; color: transparent; }
        
    .barFilterCompliance .flexColumn, .barFilterCompliance .fgSwitchText { width: 250px; }
        .barFilterCompliance .fSwitchLabel { width: 170px; }

}

@media screen and (max-width: 1100px) and (min-width: 881px) {

    .dashDeptAlerts + .dashDeptAlerts { margin-top: 20px; }
    .dashLG .dashDepartmentDetail, .dashSA .dashDepartmentDetail { flex: none; width: 100%; margin-right: 0; }
        .dashSA .dashDepartmentDetail { flex-direction: column; width: 100%; margin-right: 0; }
    .dashLG .doughnutPanel, .dashSA .doughnutPanel { order: 2; margin-top: 60px; }
    .dashLG .dashDeptDetailList, .dashSA .dashDeptDetailList { flex: 1; margin-right: 30px; }
        .dashLG .dashDeptDetailList li { width: calc((100% - 9px) / 4); flex: none; }
            .dashLG .dashDeptDetailList li:nth-of-type(5) { margin-left: 0; }
            .dashLG .dashDeptDetailList li:nth-of-type(n + 5) { margin-top: 6px; }

    .pageCustomers .barFilterGrey .form-group { width: calc((100% - 40px) /3) ; margin-right: 20px; }
        .pageCustomers .barFilterGrey .form-group:nth-of-type(3n) { margin-right: 0; }  
 
    .nTabsProduct a { font-size: 13px; }
        .topTabs .nTabProductImages .cirqueNumberTab { display: none; }

    .pageProductClassDocTypes .topTabs-r880 li a { font-size: 13px; }

}

@media screen and (max-width: 1100px) and (min-width: 841px) {

    .panelInspections .tPO { min-width: 100px; }

    .panelInspections .tableInspectionList td { padding-top: 30px; font-size: 13px; }
        .panelInspections .tableInspectionList .tInspectionRef { width: 0; padding-left: 0; padding-right: 0; font-size: 14px; }
            .panelInspections th.tInspectionRef { color: transparent; text-indent: -999px; }
            .panelInspections .tInspectionRef span { position: absolute; left: 0; top: 10px; }
        .pageDash .panelInspections .tInspectionDate { width: 100px; }
            .panelInspections .tInspectionRef + .tInspectionDate { padding-left: 0; }
        .panelInspections .tInspectionType { display: none; }

    .pageUsers .tiDept strong, .tableInspectProductList th.tNum span { display: none; }

    .panelInspectionList th.tInspectionCFA, .panelInspectionList th.tInspectionResult { padding-left: 0; padding-right: 0; }
    .tableInspectProductList.rTable-840 { margin-top: 0; }
        .tableInspectProductList.rTable-840 .stickyHead th { padding-top: 20px; padding-bottom: 10px; }
            .tableInspectProductList th.tNum a { font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; font-weight: 900; }
            .tableInspectProductList th.thIconMini::before { top: 6px; }
        .tableInspectProductList .tSKU { min-width: 150px; }
        .tableInspectProductList .tTotal { width: 80px; }

    .panelproductDocsOverview  .productDocsDoughnut.contentWrap::before { 
        width: 50px;
        height: 50px; 
        background-position-x: right;
        background-position-y: -2900px; }
        .panelproductDocsOverview .productDocsDoughnut-Requested.contentWrap::before { background-position-y: -2900px; }
        .panelproductDocsOverview .productDocsDoughnut-Submitted.contentWrap::before { background-position-y: -3200px; }
        .panelproductDocsOverview .productDocsDoughnut-Expiring.contentWrap::before { background-position-y: -3000px; }
    .panelproductDocsOverview .productDocsDoughnut.contentWrap::after { 
        width: 32px; 
        height: 28px; 
        top: 7px;
        left: 5px;
        background-position-x: 0; }
    .panelproductDocsOverview .doughnutPanel img { width: 270px; height: 270px; }

}

@media screen and (max-width: 1100px) and (min-width: 768px) { 

    .pageContainerLoad .slideThis .addExtraQty, .pageContainerLoad .slideThis .addExtraPrice { width: calc((100% - 295px) / 100* 48); }
    .pageContainerLoad .slideThis .addExtraImage, .pageContainerLoad .slideThis .addExtraCode, .pageContainerLoad .slideThis .addExtraName { margin-bottom: 10px; }
    .pageContainerLoad .addExtraItemWrap .slideThis .addExtraCode { display: flex; align-items: center; }
        .pageContainerLoad .addExtraCode .bProductInfoWrap:not(.selectizeSearch) { margin-top: 0; }
    .pageContainerLoad .slideThis .addExtraPrice { text-align: right; }
    .pageContainerLoad .slideThis .addExtraCancel { width: 100px; margin: 0 auto; padding-top: 20px; }

}

@media screen and (max-width: 1100px) and (min-width: 681px) {    

    .headerNav-New { margin-top: 10px; /*padding-right: 10px;*/ }
        /*.header .navbar { width: calc(100% - 64px); }*/
        .headerNavList .nNavItem { flex-basis: 65px; /*max-width: 70px;*/ }
            .headerNav-New a { font-size: 10px; }
    
    .panelTrackInspectionOverview .panelPSIReport { flex: 1 1 250px; max-width: 300px; }
        .panelTrackInspectionOverview .panelPSIReport h3, .panelTrackInspectionOverview .panelPSIReport .bButton { width: 100%; } 
            .panelTrackInspectionOverview .panelPSIReport h3 { display: flex; flex-direction: column; margin-bottom: 10px; }
                .panelTrackInspectionOverview .panelPSIReport h3 span { margin-top: 5px; word-break: break-all; text-align: left; }

    .panelWarrantyReportDateDisplay { 
        grid-template-columns: repeat(5, minmax(110px, 180px));        	
        gap: 15px; }
        .panelWarrantyReportDateDisplay .bWarrantyDash-Credited { grid-column-start: 1; }

}

@media screen and (max-width: 1100px) and (min-width: 601px) {

    .dashDeptHead-LG .dashDeptDetailList { height: auto; } /* TEMP UNTIL DEBTOR TABLE ADDED */
        .dashDeptHead-LG .dashDeptDetailList li { height: 90px; } /* TEMP UNTIL DEBTOR TABLE ADDED */
    .dashDeptWrap:nth-of-type(3n + 1) { margin-left: 0; }

}

@media screen and (max-width: 1100px) and (min-width: 541px) {
    
    .dashAlertsQC .dashAlert-Title::after { display: none; }

}

@media screen and (max-width: 1100px) and (min-width: 421px) {

    .dashDeptHead-NP .dashDeptDetailList li, .dashDeptHead-IT .dashDeptDetailList li { flex: unset; width: calc((100% - 3px) / 2); }
        .dashDeptHead-NP .dashDeptDetailList li:nth-of-type(odd), .dashDeptHead-IT .dashDeptDetailList li:nth-of-type(odd) { margin-left: 0; }
        .dashDeptHead-NP .dashDeptDetailList li:nth-of-type(n + 3), .dashDeptHead-IT .dashDeptDetailList li:nth-of-type(n + 3) { margin-top: 3px; }

}

@media screen and (max-width: 1060px) and (min-width: 981px) {

    .fgRadioSelloutTerritory .fRadioGroup {  }
        .pageReportsSelloutTrendsByCustomer .fgRadioSelloutTerritory .radioSquares.radioDouble .btn { padding: 35px 10px; }

}

@media screen and (min-width: 1041px) {

    .tableOrdersList .tDate { width: 140px; }

    .tableSelloutStockTurn.rTable-840 .stickyHead th br { display: none; }
    
    .pageWarrantyDetails .formGroupWarrantyStatus { width: 342px; }
    .pageWarrantyDetails .formGroupWarrantyResolution { width: calc(100% - 342px); }
        .pageWarrantyDetails .formGroupWarrantyStatus .btn { width: 110px; }
        .pageWarrantyDetails .formGroupWarrantyResolution::after { bottom: 22px; }

}

@media screen and (max-width: 1040px) {

    /*.orderProgress { width: 100%; text-align: center; }
        .orderProgress ul { display: inline-block; width: auto; }*/ /* ORDER PROGRESS BAR - NO LONGER USED */

    .filterOrders .fgOrderCustomerKey { width: calc((100% - 30px) * 0.6 ); margin-top: 0; }
    .filterOrders .fgOrderStatusSource { width: calc((100% - 30px) * 0.4 ); margin-right: 0; margin-top: 0; }
    .fgOrderDateWrap { order: 2; width: calc(100% - 90px); }
        .filterOrders.barFilterGrey .fgOrderDate { width: calc(50% - 10px); max-width: 300px; }
    .filterOrders.barFilterGrey .arrowSq { order: 3; margin: 20px 0 0 auto; }
    
    .tableSellout td, .tableSellout tbody .tTitle h5, .tableSellout tbody .trTotal h4 { font-size: 14px; }

    .fgInspectionType { position: relative; float: left; bottom: unset; right: unset; }


    .panelWarrantyReportYTDoughnut .doughnutWrap { width: 240px; height: 240px; }
    .pageWarrantyDetails .formGroupWarrantyStatus { width: 282px; }
    .pageWarrantyDetails .formGroupWarrantyResolution { width: calc(100% - 282px); }
        .pageWarrantyDetails .formGroupWarrantyStatus .btn { width: 90px; }
        .pageWarrantyDetails .formGroupWarrantyResolution::after { bottom: 22px; }
    
    .panelPartsAvailabilityList { height: unset; }
        .panelPartsAvailabilityList li { flex: unset; width: calc((100% - 20px) / 3) }
            .panelPartsAvailabilityItem, .panelPartsAvailabilityTitle h2 { height: 100px; }
    .panelPartsAvailabilityGraph .graphWrap, .pageTopProductSalesDetail .graphWrap { min-height: 450px !important; }

}

@media screen and (max-width: 1040px) and (min-width: 881px) {

    .nTabsProduct a { font-size: 11px; }

    .radioProductDocStatus.radioDouble .btn { width: calc((100% - 25px) / 6); }

}

@media screen and (max-width: 1040px) and (min-width: 841px) {

    .tableOrdersList .tTerms { display: none; }
    .tableOrdersList .tDate { width: 100px; }

    .tableTrackerInspections td { font-size: 14px; }

    .tableSellout.tableList td, .tableSelloutStockTurn.tableList td { width: calc(65% / 4); }

}

@media screen and (max-width: 1040px) and (min-width: 681px) {



}

@media screen and (min-width: 981px) {
    
    /*.headerNav-New*/ /*.headerNavList > li > a::after { 
            width: 42px;
            height: 42px;
            margin: -30px 0 0 -21px;
            background: url(../images/iSpriteBig.png) no-repeat -300px 0; }*/
        /*.headerNav-New .nDashboard a::after { background-position-y: -5400px; background-position-x: -420px; }*/
        /*.nDashboard.nNavItem > a::after { background-position-y: -5400px; background-position-x: -420px; }*/
        /*.nSales.nNavItem > a::after { background-position-y: -4320px; }
        .nLogistics.nNavItem > a::after { background-position-y: -4380px; }
        .nAccounts.nNavItem > a::after { background-position-y: -4440px; }
        .nMarketing.nNavItem >  a::after { background-position-y: -5520px; }
        .nNPD.nNavItem > a::after { background-position-y: -4140px; }
        .nQC.nNavItem >  a::after { background-position-y: -4500px; background-position-x: -360px; }
        .nTechnical.nNavItem >  a::after { background-position-y: -3060px; background-position-x: -240px; }
        .nAdmin.nNavItem >  a::after { background-position-y: -4560px; background-position-x: -420px; }
        .nProductLibrary.nNavItem >  a::after { background-position-y: -5460px; }*/

/* Nav Changes for SVG */
    .headerNavList > li > a::after { 
        width: 36px; 
        height: 36px; 
        margin: -30px 0 0 -18px; 
        /*background: url(../images/iSprite.svg) no-repeat center 0;
        background-size: cover;*/ }
        /*.nDashboard.nNavItem > a::after { background-position-y: 25%; filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); }*/     /* #6f577e Grape */
        /*.nSales.nNavItem > a::after { background-position-y: 30%; filter: invert(28%) sepia(43%) saturate(2712%) hue-rotate(350deg) brightness(97%) contrast(100%); }*/       /* #c73e14 SA Pumpkin */
        /*.nLogistics.nNavItem > a::after { background-position-y: 40%; filter: invert(37%) sepia(62%) saturate(1739%) hue-rotate(20deg) brightness(105%) contrast(101%); }*/   /* #d17700 LG Mango */
        /*.nMarketing.nNavItem > a::after { background-position-y: 50%; filter: invert(15%) sepia(95%) saturate(2844%) hue-rotate(351deg) brightness(82%) contrast(95%); }*/    /* #a21d17 MA Cranberry */
        /*.nNPD.nNavItem > a::after { background-position-y: 60%; filter: invert(55%) sepia(60%) saturate(403%) hue-rotate(39deg) brightness(92%) contrast(85%); }*/            /* #7e9e3f NPD Apple */
        /*.nQC.nNavItem > a::after { background-position-y: 70%; filter: invert(31%) sepia(19%) saturate(1678%) hue-rotate(284deg) brightness(96%) contrast(85%); }*/           /* #944364 QC Plum */
        /*.nTechnical.nNavItem > a::after { background-position-y: 80%; filter: invert(33%) sepia(84%) saturate(712%) hue-rotate(142deg) brightness(93%) contrast(103%); }*/    /* #007c85 TS Lake */
        /*.nAdmin.nNavItem > a::after { background-position-y: 90%; filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); }*/         /* #6f577e Grape */
        /*.nProductLibrary.nNavItem > a::after { background: url(../images/iSpriteBig.png) no-repeat -300px -5460px; }*/

    .headerNav-New li.open .dropdown-toggle span::after { /*top: 94px;*/ top: 106px; }
    .nAvatar span { width: 64px; height: 64px; }
    /*.nLogout { left: 12px; }
        .nAccount { right: 90px; }*/
    
    .labelOptional span:not(.fontBlack) { font-size: 12px; }

    .panelHomeCorner .rTable-980 .bSQ30 { color: transparent !important; }
    .panelInspections .tInspectionRef::before { display: none; }
    
    .contentHead .bHead { height: 50px; font-size: 18px; }

    .tableNotesList.rTable-980 .tFileOwner { width: 1%; }
    .rTable-980 .rowDivider:not(:hover) td { border-bottom: solid 2px #eeeeeb !important; }
        .rTable-980 .rowDivider:last-of-type:not(:hover) td { border-bottom: solid 2px rgba(255,255,255,0) !important; }
    .rTable-980 .trException:not(:hover) .bSQ30TD.bSqArrow::after { background-position-y: -943px; }
    .rTable-980 .tiOperaCo { width: 50px; }
        .rTable-980 .trException .tiOperaCo { width: unset; }
    .rTable-980 thead.stickyHead th { 
        position: sticky; 
        top: 0; 
        padding-top: 20px; 
        padding-bottom: 20px; 
        border-bottom: solid 2px #6f577e;
            background: rgba(255, 255, 255, 0.9); 
        background: linear-gradient(0deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 70%);
        z-index: 900; }
        .hasExportNumWrap .rTable-980 .stickyHead th { top: 50px; padding-top: 0; }    
    .rTable-980 .tCentre .paymentType { margin: 0 auto; }

    .tableTrackingList .trArchived:not(:hover) .tTrackingStacked strong { color: #949491; }
    .trNoHandover.trException:not(:hover) .tTrackingStacked strong { color: #c4501c; }    
    .operaCodeList.rTable-980 td.tiOperaCo { padding-left: 36px; }
    .panelTrackerSpecial .iconTitle::after { top: 3px; }
    
    .addNewNoM.r980 { margin-bottom: -15px; }
 
    .radioDoubleLabel { position: relative; }    
        .radioDoubleLabel label { position: absolute; top: 50%; transform: translateY(-50%); }

    .pageQuick tr .tbItemSkU .alert-redAlert { top: 9px; }
    .pageContainerLoad tr:not(.invalidBasketItem) .tbItemSkU .alert-redAlert { top: 0; }

    .panelOrderAddressWrap { position: relative; width: calc((100% - 100px) / 3); max-width: 300px; }
        .panelOrderAddressWrap + .panelOrderAddressWrap { margin-left: 50px; }

    .pageExceptions .revPanelProducts h3 { margin-bottom: 10px; }
    .exceptionList .exlQty { text-align: center; }
     
    /*.panelTrackerTimeline .grid { margin-top: 30px; }  
        .panelTrackerTimeline .iTimeline::after { 
            width: 42px;
            height: 42px; 
            margin-top: -21px;
            margin-left: -21px; }*/
            /*.panelTrackerTimeline .iStatus22::after, .panelTrackerTimeline .iStatus23::after,*/ 
                .panelTracker:nth-of-type(4) h3::after, .panelTracker:nth-of-type(5) h3::after { margin-top: -18px; }
            /*.panelTrackerTimeline .iStatus28::after, .panelTrackerTimeline .iStatus29::after, .panelTrackerTimeline .iStatus30::after,*/
                .panelTracker:nth-of-type(10) h3::after, .panelTracker:nth-of-type(11) h3::after, .panelTracker:nth-of-type(12) h3::after { margin-top: -19px; }    
    .fgTrackingFilterKeyword, .fgTrackingFilterCustomer { grid-row: 1; }
    .barFilterTracking.barFilter .arrowSq { margin: auto 0 0; order: 2; }
    /*.tableTrackingList thead::after { 
        content: ''; 
        position: absolute;
        width: 30px;
        height: 112px;
        top: 0;
        left: -60px;
        background: #c7c7c6; } Panel to hide alert overflow to side of sticky head - Not Working Yet */
    .tableTrackingList .tTrackingSchedule { padding-left: 0; padding-right: 0; text-align: center; }
        .tableTrackingList thead br { display: block; }
        .tableTrackingList .tiOperaCo .flexColumn { width: calc(100% - 40px); }
    .tableTrackerHistory.tableList .tIcon span, .tableTrackerHistory.tableList .tIcon span::after { width: 42px; height: 42px; }
        .tableTrackerHistory.tableList .tIcon span { margin-right: 10px; }
            .tableTrackerHistory.tableList .tIcon span::after { margin-top: -21px; }
    .pageTrackingHistory .tableTrackerHistory.tableList .tDate { width: 130px; }

    .pageCustomerOverview .addNew .form-group:nth-of-type(4) { flex: 2 1 40%; }
    .pageCustomerOverview .barButtons { margin-top: 10px; }
    .pageCustomerStockCode .addNew label { white-space: nowrap; }
        .pageCustomerStockCode .addNew .form-group:nth-of-type(1), .pageCustomerStockCode .addNew .form-group:nth-of-type(4) { flex: 1 1 30%; }
        .pageCustomerStockCode .addNew .form-group:nth-of-type(2), .pageCustomerStockCode .addNew .form-group:nth-of-type(3) { flex: 1 1 20%; }
    .pageCustomerStockCode .addNew .bSQ30 { margin-top: 12px; }
    .taskSearchlist .oiTargetYear, .tableTargets .oiTargetYear { max-width: 70px; }
    .taskSearchlist .oiTargetAmount, .tableTargets .oiTargetAmount { width: calc((100% - 200px) / 100 * 16.66); padding-left: 10px; padding-right: 10px; }
    .tableTargets.tableList .stickyHead .taHeadOne { border-bottom: solid 4px #ae9db9; }
    .tableTargets.tableList .stickyHead .taHeadTwo { border-bottom: solid 4px #ccc6cf; }
    .tableTargets.tableList.rTable-980 td, .tableTargets tr:last-of-type td, .tableTargets.tableList.rTable-980 td::after 
        { border-top-width: 4px !important; border-bottom-width: 4px !important; }
        .tableTargets.tableList td::after { top: -4px; }
        .tableTargets.tableList tr:hover td:not(.taOne):not(.taTwo)::after, .tableTargets.tableList tr:hover td:not(.taOne):not(.taTwo) 
            { border-color: #dcdcd9; }
        .pageUsers .tableTargets tr:not(:hover):not(.taGrandTotalRow) td:not(.taOne):not(.taTwo) { border-bottom-color: #dcdcd9 !important; }
        .tableTargets.tableList .stickyHead th { border-bottom: solid 4px #6f577e; }
        .tableTargets.tableList tr .taOne, .tableTargets.tableList tr .taOne::after { border-color: #ae9db9; }
        .tableTargets.tableList tr .taTwo, .tableTargets.tableList tr .taTwo::after { border-color: #ccc6cf; }
    .tableDebtlist .tAccount { padding-left: 0; }

    .pageUsers .tableTargets .taOne .form-control , .pageUsers .tableTargets .taTwo .form-control { border-width: 4px; }
    .pageUsers .tableTargets tr:hover td:not(.taOne):not(.taTwo), .pageUsers .tableTargets tr:hover td:not(.taOne):not(.taTwo)::after,
        .pageUsers .tableTargets .taGrandTotalRow td, .pageUsers .tableTargets .taGrandTotalRow td::after
        { border-color: #6f577e !important; }

    .tableTargets.tableList tr:hover h5 { color: #6f577e; }  
    .tableTargets.tableList .taPercent { padding-right: 0 !important; }
    .tableTargets.tableList td.taPercent, .tableTargets.tableList .taRevenue { text-align: right; }    
    .pageUsers .tableTargets .taGrandTotalRow td { text-align: right; }
        .pageUsers .tableTargets .taGrandTotalRow .oiTargetCustomer { text-align: left; }
            .pageUsers .tableTargets .taGrandTotalRow .oiTargetCustomer h5 { color: #40403f; }

    .rTable-767 .tPercent { width: 120px; }
        .rTable-767.tableMarginSummary .tPercent, .rTable-767.tableMarginDetails .tPercent { width: 170px; }

    .tableRevenueSummary td { padding-top: 10px; padding-bottom: 10px; }
    .pageReports .tRevOtherList .tTitle { padding-left: 20px; }
    .tableReportBreakdown.rTable-980 thead.stickyHead th { top: 50px; padding-top: 40px; }
    .tableReportBreakdown .thDoubleTitle span { display: flex; width: 100%; justify-content: center; }
    .tableReportBreakdown.rTable-980 .trBreakdownTotal td, .rTable-980.tableList .trListTotal td { padding-top: 20px; padding-bottom: 30px; border-top: solid 10px #c7c7c6 !important; border-bottom-color: transparent; }
        .rTable-980.tableList .trListTotal td::after { border-top-color: transparent; }
    .pageReportsTrends .panelReportGrossProfitTrend .tRevOtherList.tableList .tNum, .panelReportGrossProfitTrend .tableGrossProfit .tRevOtherList.tableList .tNum:last-of-type { width: 26.5% !important; }
    .pageReportsTrends .panelReportGrossProfitTrend .tRevOtherOverview.tableRevenueSummary .tNum { width: 17.3% !important; }
    .pageReportsSelloutTrendsByCustomer .radioSquares.radioDouble .btn { padding: 40px 10px; }

    .rTable-980 tr:hover .tActionTriple .bSQ30TD.bDelete:not(:hover), .rTable-980 tr:hover .tActionTriple .bSQ30TD.bEdit:not(:hover), .rTable-980 tr:hover .tActionTriple .bSQ30TD.bRestore:not(:hover)
        { background: #787875; }
        .rTable-980 tr:hover .tActionTriple .bSQ30TD.bDelete:hover { background: #be1622; }
        .rTable-980 tr:hover .tActionTriple .bSQ30TD.bEdit:hover { background: #6f577e; }
        tr:hover .rTable-980 tr:hover .tActionTriple .bSQ30TD:last-of-type { background: #6f577e; }
            .rTable-980 tr:hover .tActionTriple .bSQ30TD:last-of-type:hover { background: #594366; }           
            .rTable-980 tr:not(:hover) .tActionTriple .bSQ30TD.bDelete::after, .rTable-980 tr:not(:hover) .tActionTriple .bSQ30TD.bEdit::after { /*background-position-x: -80px;*/ opacity: 0.8; }
        /*.rTable-980 tr:not(:hover) .tActionTriple .bSQ30TD.bSqArrow::after { background-position-y: -2993px; }*/
        /*.rTable-980 tr:not(:hover) .tActionTriple .bSQ30TD.bRestore::after { background-position-x: -239px; background-position-y: -549px; }*/
    
    /*.tableDocsList tr.docsArchived:not(:hover) .bSQ30::after { opacity: 0.6; }*/

    .wrapTopProductSales .itemTopTrumpData strong { font-size: 42px; }

    .fgInspectionType .radioDouble .bReInspection::after, .fInline .radioDouble .bRedo::after { top: 13px; }
    
    .tableWarrantyProductList.rTable-980 { margin-top: 20px; }
    .tableWarrantyList .dateTime { width: 125px; }
        .tableWarrantyProductList thead.stickyHead th::after { 
            content: ''; 
            position: absolute;
            top: 0; 
            bottom: 2px; 
            left: 0; 
            right: 0; 
            border-bottom: solid 2px #6f577e;
            z-index: -1; }
        table .thIconMini::before { top: 15px; }      
        .tableWarrantyProductList td.tNum.tNumShort span { left: -5px; width: 30px; }
        .tableWarrantyList .tActionSingle .bSQ30 { margin-top: 4px; }
    .tableWarrantyList .tActionSingle .bSQ30, .tableWarrantyList tr:hover .tActionSingle .bSQ30 { display: inline-block; float: none; color: transparent !important; /* text not hiding with default text-indent */ }
    .tableWarrantyClaimList .tCheckBoxNoLabel { padding-left: 0; }
    .pageBasic .navTabButton br { display: none; }
    .panelWarrantyClaimant h2 { margin-bottom: 30px; }
    .iWarrantyBig { padding-left: 50px; } 
        .alertWarrantyHead .iWarrantyBig::after { top: -2px; }
    .tableWarrantyNotesList.rTable-980 td, .tableNotesList.rTable-980 td { vertical-align: top; }
        .tableWarrantyNotesList.rTable-980 tr:first-of-type:not(:hover) td::after, .tableNotesList.rTable-980 tr:first-of-type:not(:hover) td::after { border-color: #c7c7c6; }
        .tableWarrantyNotesList tbody tr:not(:last-of-type):not(:hover) td, .tableNotesList tbody tr:not(:last-of-type):not(:hover) td { Border-bottom: solid 2px #dcdcd9; }
        .tableWarrantyNotesList.rTable-980 .tFileOwner, .tableNotesList.rTable-980 .tFileOwner { white-space: nowrap; }
    .tableWarrantyNotesList tr + .trWarrantyNotesDocs:first-of-type td, .tableWarrantyNotesDocs tr:not(:hover):last-of-type td { border-color: transparent !important }
        table tr:Hover + tr.trWarrantyNotesDocs td { border-bottom: solid 2px #6f577e !important; }
    .noUpdatePermission .formGroupWarrantyResolution::after { top: 35px; }
    .noUpdatePermission .tableWarrantyNotesList.rTable-980 .tFileOwner { min-width: 150px; text-align: right; }

    .pageSparesDash .h1MenuWrap { padding-bottom: 10px; }

        .tableInspectionList th.tInspectionDate { padding-right: 0; }
        .tableInspectionList th.tName { white-space: nowrap; }
    table.tableInspectionList td { font-size: 15px; }
        table.tableInspectionList td.tInspectionType, table.tableInspectionList td.tProducts { font-size: 13px; }
        .tableInspectionList .tInspectionRef { width: 175px; }
        .tableInspectionList .tInspectionDate { width: 120px; }
        .tableInspectionList .tPO { width: 15%; padding-right: 20px; }
        .pageInspections:not(.pageInspectionDetails) .tInspectionType { width: 100px; padding-right: 0; }
        .tableInspectionList .thActionSingle { width: 60px; }
    .tableInspectionList td.tInspectionResult, .tableInspectionList td.tInspectionCFA, .tableTrackerInspections td.tInspectionResult { 
        padding-top: 6px;
        padding-bottom: 6px;
        text-align: center; }
    .pageInspectionDetails .tableInspectionList { table-layout: auto; }    
    .panelInspectionHistory .tableInspectionList.rTable-980 .tAction, .tableTrackerInspections.tableList .tAction { padding-top: 0; }      
    .pageInspectionForthcoming .panelOrderOverview { margin-top: 10px; }
    .tableInspectionForthcomingProduct .tThumb { width: 80px; }
    .pageDocValidity h2 { padding-left: 60px; }
    
    .pageProductSKUPricing .tPricingDefault { padding-left: 20px; white-space: nowrap; }
    .tableProductHistoryList .tHistoryDescription { width: 50%; }
    .pageProductDocsSubmitted .barFilter { padding-bottom: 10px; }
        .pageProductDocsSubmitted .barFilter .hoverSlide { bottom: 15px; }    

    .tableSourcingSKU .tCentred { text-align: left; }

    .panelPassChangeConfirmed h2 { padding-top: 52px; }
        .panelPassChangeConfirmed h2::after { 
            width: 48px;
            height: 48px;
            margin-left: -24px;
            /*background-position-x: -260px;*/ }

}

@media screen and (max-width: 980px) { 
    
    header, .container-fluid.body-content { padding-left: 30px; padding-right: 30px; }
        .headerLogo .logoRFE-md { display: none; }
        .headerLogo .logoRFE-sm { display: block; }
        .navbar { height: 120px; margin-bottom: 0; }
        .nAccountWrap { margin-top: 0; }
        .navSecondary span { margin-top: 5px; }
        
    .pageBasic h1 { min-height: 42px; padding-left: 58px; font-size: 48px; }
        .pageBasic h1::after { 
            width: 42px;
            height: 42px;
            top: 3px; 
            background-image: url(../images/iSpriteBig.png); 
            background-position-x: -420px; }
        .pageReports h1::after, .pageReportsSellout h1::after,             
            .pageTools h1::after, .pageContainerLoad h1::after, .pageCustomers h1::after, .pageExpenditure h1::after, .pageDebtorList h1::after, .pageCreditorList h1::after,
            .pageMarketing h1::after,
            .pageNPD h1::after, .pageProducts h1::after, .pageProductClass h1::after, 
            .pageCompany h1::after, .pageUsers h1::after, .pageScheduled h1::after, .pageConsolidators h1::after, .pageDataRoom h1::after,
            .pageSpares h1::after, .pageWarranty h1::after, .pageInspections h1::after, .pageInspectors h1::after, .pageSourcing h1::after, .pageDocValidity h1::after,
            .pageTracking h1.hOrderStatus::after { 
            background: url(../images/iSprite.svg) no-repeat center 0; 
            background-size: cover; 
            top: unset; }
            /*.pageOrders h1::after, .pageOrders-New h1::after { background-position-y: -60px; }*/
            /*.pageRestock h1::after { background-position-y: -180px; }*/
            .pageBasic .h1Draft::after { background-position-y: -120px; background-position-x: -420px; }
            .pageBasic h1.hOrderStatus::after { background-position-x: -500px; }
            .pageTracking.pageBasic h1::after { background-position-y: -240px; background-position-x: -420px; top: 3px; }  
                .pageVesselTracker.pageBasic h1::after { background-position-y: -1020px; }
                .pageTracking h1.hOrderStatus::after { /*background: url(../images/iSpriteBig.png) no-repeat -420px -240px;*/ background-position-y: 40.5%; }
            .pageContainerLoad h1::after { /*background-position-y: -4620px; */ background-position-y: 41.5%; }
            .pageCustomers h1::after { /*background-position-y: -1500px;*/ background-position-y: 42%; }
            .pageUsers h1::after { /*background-position-y: -1620px;*/ background-position-y: 91.5%; }
            .pageScheduled h1::after { /*background-position-y: -1680px; height: 42px; top: 2px;*/ background-position-y: 92%; }
            .pageDebtorList h1::after { /*background-position-y: -5640px; top: 2px;*/ background-position-y: 43%; }
            .pageCreditorList h1::after { /*background-position-y: -6180px; top: 4px;*/ background-position-y: 43.5%; }
            .pageWarehouse h1::after { background-position-y: -960px; }
            .pageCompany h1::after { /*background-position-y: -3000px;*/ background-position-y: 91%; }
            .pageExpenditure h1::after { /*background-position-y: -5580px;*/ background-position-y: 42.5%; }
            .pageTools h1::after { /*background-position-y: -3060px;*/ background-position-y: 80%; }
            /*.pageReports h1::after { background-position-y: -1740px; }*/
                .pageReportsSummary h1::after { /*background-position-y: -3780px; background-position-x: 0;*/ background-position-y: 30.5%; }
                .pageReportsAnalysis h1::after { /*background-position-y: -6480px; background-position-x: -420px;*/ background-position-y: 31%; }
                .pageReportsByMonth h1::after { /*background-position-y: -6000px; background-position-x: -420px;*/ background-position-y: 31.5%; }
                .pageReportsTrends h1::after { /*background-position-y: -3780px; background-position-x: -60px;*/ background-position-y: 32%; }
                .pageReportsBreakdown h1::after { /*background-position-y: -6120px; background-position-x: -420px;*/ background-position-y: 32.5%; }
                .pageReportsCountry h1::after { background-position-y: -6120px; background-position-x: -420px; }
                .pageReportsSelloutByCustomer h1::after { /*background-position-y: -6240px; background-position-x: -420px;*/ background-position-y: 33%; }
                .pageReportsSelloutByProduct h1::after { /*background-position-y: -6300px; background-position-x: -420px;*/ background-position-y: 33.5%; }
                .pageReportsSelloutTrendsByCustomer h1::after { /*background-position-y: -6360px; background-position-x: -420px;*/ background-position-y: 34%; }
                .pageReportsSelloutTrendsByProduct h1::after { /*background-position-y: -6420px; background-position-x: -420px;*/ background-position-y: 34.5%; }
            /*.pageDocs h1::after, h1.hDocs::after { background-position-y: -3120px; }*/
            .pageConsolidators h1::after { /*background-position-y: -3300px;*/ background-position-y: 92.5%; }
            .pageDataRoom h1::after { background-position-y: 93%; }
            .pageMarketing h1::after { background-position-y: 50%; }
            .pageWarranty h1::after { /*background-position-y: -3360px; height: 43px; top: 5px*/ background-position-y: 80.5%; }
            .pageInspections h1::after { /*background-position-y: -3660px;*/ background-position-y: 70%; }
            /*.pageInspectionDetails h1::after { background-position-y: -3720px; }
                .pageInspectionDetails h1.iInspectPass::after { background-position-x: 0; }
                .pageInspectionDetails h1.iInspectFail::after { background-position-x: -60px; }
                .pageInspectionDetails h1.iInspectRework::after { background-position-x: -120px; }*/
            .pageInspectors h1::after { /*background-position-y: -3840px; */ background-position-y: 70.5%; }
            /*.pageCompliance h1::after { background-position-y: -5160px; } */           
            .pageDocValidity h1::after { /*background-position-y: -5280px;*/ background-position-y: 73%; top: 0; }
            .pageSKUValidity h1::after { /*background-position-y: -5220px;*/ background-position-y: 73.5%; top: 0; }
            .pageSpares h1::after { /*background-position-y: -3720px;*/ background-position-y: 81%; top: unset; }
            .pageProducts h1::after { /*background-position-y: -3780px; background-position-x: -420px;*/ background-position-y: 60.5%; }
            .pageProductClass h1::after { /*background-position-y: -3900px; background-position-x: -420px;*/ background-position-y: 61%; }
                /*.pageProductClassDetails h1::after { background-position-y: -3960px; }*/
                    .pageProductClassBikes h1::after { /*background-position-x: 0;*/ background-position-y: 62%; }
                    .pageProductClassTreadmills h1::after { /*background-position-x: -60px;*/ background-position-y: 62.5%; }
                    .pageProductClassCrossTrainers h1::after { /*background-position-x: -120px;*/ background-position-y: 63%; }
                    .pageProductClassRowers h1::after { /*background-position-x: -180px;*/ background-position-y: 63.5%; }
                    .pageProductClassHomeGym h1::after { /*background-position-x: -240px;*/ background-position-y: 64%; }
                    .pageProductClassAccessories h1::after { /*background-position-x: -300px;*/ background-position-y: 61.5%; }
            .pageProductDocs h1::after { background-position-y: -4080px; background-position-x: 0; }
                .pageProductDocsRequested h1::after { background-position-x: -60px; }
                .pageProductDocsSubmitted h1::after { background-position-x: -180px; }
                .pageProductDocsExpired h1::after { background-position-x: -360px; }
            .pageNPD h1::after { /*background-position-y: -4140px;*/ background-position-y: 60%; top: 4px; }
            .pageSourcing h1::after { /*background-position-y: -4200px; background-position-x: 0;*/ background-position-y: 44%; }
                /*.pageSourcingDeActivated h1::after { filter: invert(64%) sepia(5%) saturate(159%) hue-rotate(22deg) brightness(91%) contrast(87%); }*/ /* #949491 Light Grey */
        .pageBasic h1.hOrderStatus { gap: 2px 0; }  
            .pageBasic h1.hOrderStatus::after, /*.pageOrders h1::after,*/ .pageOrders-New h1::after { 
                width: 42px;
                height: 42px;
                background: url(../images/iStatus.svg) no-repeat center 0; 
                background-size: cover; }
                .pageBasic h1.hOrderStatus::after, 
                    /*.pageOrders h1::after,*/ .pageOrders-New h1::after, .pageBasic h1.hOrderStatus::after { background-position-y: 100%; }
                .pageBasic h1.iStatus01::after { background-position-y: 0%; }
                .pageBasic h1.iStatus02::after { background-position-y: 4%; } 
                .pageBasic h1.iStatus03::after { background-position-y: 8%; }
                .pageBasic h1.iStatus04::after { background-position-y: 12%; }
                .pageBasic h1.iStatus05::after { background-position-y: 16%; }
                .pageBasic h1.iStatus06::after { background-position-y: 20%; }
                .pageBasic h1.iStatus07::after { background-position-y: 24%; }
                .pageBasic h1.iStatus08::after { background-position-y: 28%; }
                .pageBasic h1.iStatus09::after { background-position-y: 32%; }
                .pageBasic h1.iStatus10::after { background-position-y: 36%; }
                .pageBasic h1.iStatus11::after { background-position-y: 40%; }
                .pageBasic h1.iStatus12::after { background-position-y: 44%; }
                .pageBasic h1.iStatus13::after { background-position-y: 48%; }
                .pageBasic h1.iStatus14::after { background-position-y: 52%; }
                .pageBasic h1.iStatus15::after { background-position-y: 56%; }
                .pageBasic h1.iStatus16::after { background-position-y: 60%; }
                .pageBasic h1.iStatus17::after { background-position-y: 64%; }

                .pageBasic h1.iStatus.iStatusEdit::after { background-position-y: 68%; }
                .pageBasic h1.iStatus.iStatusDeleted::after { background-position-y: 70%; }

                .pageBasic h1.iStatus20::after { background-position-y: 72%; }
                .pageBasic h1.iStatus24::after { background-position-y: 74%; }
                .pageBasic h1.iStatus21::after { background-position-y: 76%; }

                .pageBasic h1.iAlertHandoverExpired::after { background-position-y: 78%; }
                .pageBasic h1.iAlertUnresolved::after { background-position-y: 80%; }

                .pageTracking h1.hOrderStatus::after { 
                    background-image: url(../images/iSprite.svg); 
                    background-size: cover; 
                    filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); }

        .pageProductDetails h1 { padding-left: 65px; }

        .pageWarrantyDetails.pageBasic h1::after { 
                width: 42px;
                height: 42px;
                background: url(../images/iWarranty.svg) no-repeat center 0; 
                background-size: cover; }

            .pageNoPermission h1::after { background-position-x: -180px; background-position-y: -1860px; top: 4px; }           
            .pageError h1::before { 
                width: 42px;
                height: 42px;
                left: -1px;
                top: 3px; }/*tFiletype */
            .pageError h1::after { 
                width: 24px;
                height: 24px;
                top: 10px;
                left: 10px;
                opacity: 1;
                /*background: url(../images/iAction.png) no-repeat -30px 11px;*/ }
    .headNote { font-size: 13px; }

    .bigMenu { top: calc(100% + 10px); /*right: -65px;*/ }
        .headerNav-New .dropdown-toggle span::after { top: 80px; }
        /*.navSecondary + .navSecondary { margin-left: 10px; }*/
        .nSales .bigMenuWrap { grid-template-columns: 1fr 1fr 1fr; } 
        .bigMenuGroupedList .bigMenuGroup ul, .nSales .bigMenuGroupedList .bigMenuGroup ul { grid-template-columns: 1fr 1fr 1fr 1fr; }

    .topTabs a { margin: 0 6px 6px 0; }
        .topTabs .active a { padding-bottom: 23px; }
    .topTabs a { margin: 0 0 6px 0; }
        .topTabs li + li a { margin-left: 6px; }
        .topTabs .active a { padding-bottom: 6px; }
        .topTabs .navTabButton .bButton { flex-wrap: wrap; width: calc(100% - 6px); }
    
    .addNew.r980 { flex-direction: column; justify-items: center; }
        .addNew.r980 .form-group { display: flex; }
            .addNew.r980 label { width: 30%; }
            .addNew.r980 .form-control, .addNew.r980 .onewDateWrap { width: 70%; }
                .addNew.r980 .onewDateWrap .form-control { width: 100%; max-width: unset; }
            .addNew.r980 .bSQ30 { 
                align-self: flex-end; 
                width: auto; 
                padding: 0 35px 0 15px; 
                text-indent: unset; }

    .form-control { padding: 6px 6px; }     
    .fgInlineRadio .radioDouble .btn, .pageInspectorsAdd .radioDouble .btn, .fgProductGroupBy .radioDouble .btn { width: 120px; height: 70px; padding-top: 40px; }
        .fgInlineRadio .radioDouble .btn::after, .pageInspectorsAdd .radioDouble .btn::after, .fgProductGroupBy .radioDouble .btn::after { top: 16px; }
    .fRadioGroup .btn { height: 80px; }
        .fRadioGroup .btn label, .radioSquares .arrowSqWrap .submitArrow { font-size: 15px; }
    
    .pageWarrantyDash h2, .pageProductClass h2 { font-size: 36px; }
    .panelInspections .tableInspectionList { margin-top: 40px; }
        .panelInspections .tableInspectionList td::before { left: 0; }

    .iBig::after , .iconTitle::after { width: 33px; height: 26px; background-image: url(../images/iSprite.png); }
        .iBigCentre { padding-top: 32px; }
        .iBigLeft { padding-left: 40px; }
    .pageBasic .iGiant { padding-left: 50px; }
        .iGiant::after, .modal .iBig::after { width: 42px; height: 42px; background-image: url(../images/iSpriteBig.png); }
        .iFactory.iGiant::after { background-position-x: -420px; background-position-y: -900px; }
        .iWarehouse.iGiant::after { background-position-x: -420px; background-position-y: -960px; }

/* FONTS */
    /*.sparesItemTopData strong { font-size: 42px; }*/
    .itemTopTrumpData strong { font-size: 36px; }
    .userListHead, .userDeptHead, .pageFilterTitle, .panelOrderOverview h3, .panelPartsAvailabilityList .panelPartsAvailableNum, .TopProductSalesTitle h2 { font-size: 30px; }
        .pageFilterTitle { line-height: 1; }
    .sz1, .radioBigLabel.radioDouble.radioFilter label, .pageProductSKUDetails .panelTitle, .vesselTrackerWrap h2 { font-size: 24px; }
    .sz2, .panelTitle, .panelTracker h3, .addProductWrap .bButtonGiant, .bigMenuGroupedList h4, .TopProductSalesTitle h3 { font-size: 21px; }
    .sz3, .exceptionList.rTable-980 .exlException .iAlert, .npdContentHead h3, .vesselTrackerWrap h3, .panelWarrantyProductHead strong { font-size: 18px; }     
    .pageExceptions .revPanelShipTo h4, .pageExceptions .revPanelShipTo h5, .itemTopTrumpData h5 { font-size: 16px; }
    .sz4, .tableList, /*.navSecondary span,*/ .dashDeptHead-LG .dashDeptDetailList strong, .numOfProducts span, .pageExceptions .biName h5 span, 
        .exlLine h4, .pageInspectorsAdd .radioDouble label, h4.titleStack, .radioSingle .btn label, 
        h4.redAlert, .npdListTitle h2, .pageReportsCountry #searchParameters p, .pageSparesDetails .sparesItem strong 
        { font-size: 15px; }
    .sz5, .numOfProducts, .pageReportsCountry #searchParameters span, .miniStack-Unlink .alertUnlinked span, .pageSparesDetails .sparesItem span { font-size: 13px; }
    .sz6 { font-size: 12px; }
    .sz7 { font-size: 12px; }
    .npdCategoryLights li { font-size: 10px; }
    .iAlert.iIcon::after { /*background-position-x: -300px;*/ width: 18px; height: 18px; }
    h4.redAlert { padding-left: 25px; }
        h4.redAlert.iAlert::after { top: 2px; }

    .doughnutWrap { width: 240px; }
    .sResultsHeaderWrap { margin-top: 10px; }

    /*.panelExceptions .contentWrap,*/ .panelHomeCorner .contentWrap { padding-top: 0; padding-left: 30px; }
        /*.panelExceptions .contentWrap::after,*/ .panelHomeCorner .contentWrap::before { 
            width: 50px;
            height: 50px; }
            /*.panelExceptions .contentWrap::after { background-position-y: -950px; }*/
            .panelHomeCorner .contentWrap::before { background-position-x: right; background-position-y: -2900px; }
            .panelHomeCorner .contentWrap::after { 
                width: 30px;
                height: 28px;
                top: 7px;
                left: 4px;
                background: url(../images/iSprite.png) no-repeat 0 -3750px; }
                .panelWarranty .contentWrap::after { background-position-y: -3750px; }
                .panelInspections .contentWrap::after { background-position-y: -4000px; top: 6px; }
                .panelproductDocsOverview .contentWrap::after { width: 32px; background-position-y: -5000px; left: 5px; }
            /*.panelExceptions .elType { width: 55px; }*/
            .panelWarranty .tableWarrantyList th { padding-left: 0; }
            .panelWarranty .dateTime strong { display: none; }
    .homeProductRequested.productDocsDoughnut::before { background-position-y: -3200px; }
    .panelHomeCorner .productDocsDoughnut::after { 
        /*background: url(../images/iProductDocStatus.png) no-repeat 0 0;*/  /* White */
        filter: brightness(0) saturate(100%) invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */ }
        /*.productDocsDoughnut-Requested.contentWrap::after { background-position-y: 0; }
        .productDocsDoughnut-Submitted.contentWrap::after { background-position-y: -200px; }
        .productDocsDoughnut-Expiring.contentWrap::after { background-position-y: -500px; }*/
    .panelproductDocsOverview h4 { font-size: 24px; }
        .panelproductDocsOverview .doughnutPanel img { width: 240px; height: 240px; } /* temp holding image */

    .dashAlertLG-Title h2 { font-size: 21px; }

    .basketList th:first-of-type, .basketList td:first-of-type { padding-left: 30px; }
    .basketList th:last-of-type, .basketList td:last-of-type { padding-right: 30px; }
    .biThumb { min-width: 80px; }
        .biHead .biThumb { width: 80px; }
            .biHead .biThumb::after { 
                width: 42px;
                height: 42px; 
                top: 12px; 
                background-image: url(../images/iSpriteBig.png); 
                background-position-x: -60px; 
                background-position-y: -900px; }
            .itemWarehouse .biHead .biThumb::after { top: 14px; background-position-x: -0px; background-position-y: -1860px; }
    .biTotals td { padding: 0; }     
    .biQty, .biPrice { width: 120px; }  
    .biTotalCost { width: 16%; }
    
    .basketContainer { padding-right: 0; }
        .containerNote { left: 0; }
            .containerNote p { font-size: 13px; }
    .addExtraItem, .barTotal th { font-size: 15px; }    

    .pageQuickUpload .tbItemthumb { padding-left: 0; padding-right: 5px; }
        .quickList .thumb img { width: 50px; height: 50px; }
    .pageQuickUpload .tbQty { width: 130px; }
    .pageQuickUpload .qlPrice.tbItemCost  { padding-right: 0; }
    .quickList , .quickList th , .quickList .tbItemName h5, tr.invalidBasketItem .tbError { font-size: 13px; }
        tr.invalidBasketItem .tbQty .tbError { margin-top: 3px; }

    .onewDateWrap .ui-datepicker-trigger { top: 22px; }

    .pageBasic .revPanelDetails h2, .pageBasic .revPanelDetails h3 { font-size: 36px; }

    .pageExceptions .revPanelInfo { margin-bottom: 20px; }
    .pageBasic .revPanelDetails h3.hFactory { font-size: 21px; }
        .pageBasic .revPanelDetails h3.hFactory::after { top: -4px; }
    .pageBasic .revDetails span { margin-top: 2px; font-size: 18px; letter-spacing: normal; }

/****** rTable-980 - Force table to not be like tables anymore ******/
    .rTable-980, .rTable-980 thead, .rTable-980 tbody, .rTable-980 th, .rTable-980 td, .rTable-980 tr { 
	    display: block; }
    /* Hide table headers (but not display: none;, for accessibility) */
    .rTable-980 thead tr { position: absolute; top: -9999px; left: -9999px; }
    .rTable-980 tr { border-bottom: solid 2px #dcdcd9; clear:both; }
        .rTable-980 tr:last-of-type { border: none; }
    .rTable-980 tbody tr:hover { background:none; } 
        .rTable-980 tbody tr.grandTotal:hover { background: #eeeeeb; }
    .rTable-980 td { 
        /* Behave  like a "row" */
        position: relative; padding: 6px 0 6px 30%; border: none; white-space: normal; }
        .rTable-980 td:first-of-type { padding-top: 20px; }
    .rTable-980 td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        width: 30%; top: 6px; left: 20px; padding-right: 10px; white-space: nowrap; 
        color: #6f577e;
        text-transform: uppercase;
    /* Label the data */
        content: attr(data-title); } 
        .rTable-980 td:first-of-type::before { top: 20px; }  
    .rTable-980 .trMob { display: none; }
    .rTable-980 .tNum { text-align: left; }
    .rTable-980 .tViewFileType { width: 100%; padding-left: 0 !important; text-align: center; }
        .rTable-980 .tViewFileType a { display: inline-block; }
            .rTable-980 .tViewFileType .iFiletype { width: 70px; }
            .panelInspectionHistory .rTable-980 .tInspectionDate { color: #6f577e; text-align: center; font-size: 18px; }

    .rTable-980.tableList tr:hover td, .rTable-980.tableList tr:hover td::after { border-color: rgba(255,255,255,0); }
    .rTable-980.tableList td { min-height: 30px; }
        .rTable-980.tableListExtraW td { padding-right: 30px; } 
        .rTable-980:not(.tableListExtraW) td::before { left: 0; }
        .rTable-980.tableList td:first-of-type { padding-top: 20px; }
            .rTable-980.tableList td:first-of-type::before { top: 20px; }
        .rTable-980.tableList td:last-of-type { padding-bottom: 20px; }
        .rTable-980.tableList .tTitle, .rTable-980.tableList .tCentred, .rTable-980.tableList .tActionSingle { width: 100%; text-align: center; }
        .rTable-980.tableList:not(.tableListExtraW) .tTitle, .rTable-980.tableList:not(.tableListExtraW) .tCentred, .rTable-980.tableList:not(.tableListExtraW) .tActionSingle
            { padding-left: 0; padding-right: 0; }
        .rTable-980.tableList .tTitle { color: #6f577e; font-size: 18px; }
        .rTable-980.tableList .tCentre { text-align: left; }
        .rTable-980.tableList .dragOrder a { margin-left: 0; }
            .rTable-980.tableList .dragOrder::before { top: 16px; }
        .rTable-980.tableList .tAction, .rTable-980.tableInspectionList .tActionSingle { width: 100%; padding-top: 6px; padding-bottom: 20px; }
            .rTable-980.tableList:not(.tableListExtraW) .tAction { padding-left: 0 !important; }
            .rTable-980.tableListExtraW .tTitle, .rTable-980.tableListExtraW .tCentred, .rTable-980.tableListExtraW .tAction { padding-left: 30px; }
            .rTable-980 .tActionSingle .bSQ30TD, .rTable-980 .tActionSingle .bSQ30 { margin: 0 auto; }
        .rTable-980 .tActionWrap { justify-content: center; }
            .rTable-980 .bSQ30TD, .rTable-980 .tActionSingle .bSQ30 {     
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                float: none;
                width: 200px;
                min-height: 36px;
                border-radius: 3px;
                text-align: center;
                color: #FFFFFF;
                font-size: 15px;
                text-indent: unset; }
                .rTable-980 .bSQ30TD::after, .rTable-980 .tActionSingle .bSQ30::after { left: unset; right: 0; top: 3px; }
                .rTable-980 .bSQ30TD:not(:hover)::after { opacity: 0.7; }
                .rTable-980 .bSQ30TD, .rTable-980 tr:hover .bSQ30TD:not(:hover) { 
                    background-color: #949491; 
                        background: -moz-linear-gradient(top, #949491 1%, #878783 100%); 
                        background:-webkit-gradient(top, #949491 1%, #878783 100%); 
                        background: linear-gradient(#949491, #878783); }
                    .rTable-980 .bSQ30TD:hover, .rTable-980 .bSQ30TD.bSqArrow, .rTable-980 tr:hover .bSQ30TD.bSqArrow:not(:hover) {
                        background-color: #6f577e;
                            background: -moz-linear-gradient(top, #6f577e 1%, #594366 100%); 
                            background:-webkit-gradient(top, #6f577e 1%, #594366 100%); 
                            background: linear-gradient(#6f577e, #594366); } 
                        .rTable-980 .bSQ30TD.bSqArrow:hover { background: #594366; }
                    .rTable-980 .bSQ30TD.bDelete:hover {
                        background-color: #be1622;
                            background: -moz-linear-gradient(top, #be1622 1%, #aa1414 100%); 
                            background:-webkit-gradient(top, #be1622 1%, #aa1414 100%); 
                            background: linear-gradient(#be1622, #aa1414); }
                .rTable-980 .tAction .bSQ30TD:not(.bSqArrow)::after { /*background-position-x: 0;*/ top: 50%; right: 10px; filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */ }
                .rTable-980 .tAction .bSqArrow::after { background-position-x: center;/* background-position-y: -843px;*/ background-position-y: 40%; filter: none !important; }
    .rTable-980 .rowTwinTop { border: none; }
        .rTable-980 .rowTwinTop:hover > td::after, .rTable-980 .rowTwinBottom:hover > td,
            .rTable-980 .rowTwinTop:hover + tr.rowTwinBottom > td, .rTable-980 .rowTwinTop.over > td::after { border-color: transparent !important; }
    .rTable-980 .tiOperaCo { width: 100%; padding-bottom: 0; }
        .rTable-980 .tiOperaCo span { left: 50%; margin-left: -15px; }
        .rTable-980 .tiOperaCo + .tTitle { padding-top: 6px; }
    .rTable-980 h5.productInfoWrap { justify-content: center; line-height: 1.2; }
    .rTable-980.tableList .tPlug { height: 32px; text-align: left; }
        .rTable-980 .tPlug span { left: 30%; }
    .hasExportNumWrap .rTable-980 .stickyHead th { top: 50px; }
    .rTable-980.tableList tr.trException .bSQ30.bSqArrow, .rTable-980.tableList tr.trException .bSQ30TD.bSqArrow { background: #be1622; }
        .rTable-980 tr.trException .bSQ30.bSqArrow:hover, .rTable-980 tr.trException .bSQ30TD.bSqArrow:hover { background: #aa1414; }

    .pageBasic .rTable-980 tr.rowDisabled:not(:hover) .bSQ30 { color: #FFFFFF !important; }    

    .panelOrderOverview h3.iFactory::after { top: -4px; }
    .miniStackIcon { padding-left: 40px; }
        .miniStackIcon span, .miniStack span { font-size: 15px; letter-spacing: normal; }
        .miniStackIcon::before { 
            width: 33px;
            height: 26px;
            top: 6px;
            background-image: url(../images/iSprite.png);
            background-position-x: -350px; }
            .miniStack-Date::before, .miniStack-DateUpdated::before { background-position-y: -2450px; }
            /*.miniStack-Status::before { background-image: url(../images/iStatus.png); background-position-x: -350px; top: 7px; }
                .iStatus01.miniStack-Status::before, .panelOrderOverview .miniStackIcon.iStatus01::before { background-position-y: -450px; }*/ /***  New Order  ***/
                /*.iStatus02.miniStack-Status::before { background-position-y: -50px; }*/ /***  Accepted  ***/
                /*.iStatus03.miniStack-Status::before { background-position-y: -100px; }*/ /***  Awaiting Payment  ***/
                /*.iStatus04.miniStack-Status::before { background-position-y: -150px; }*/ /***  Ready for Processing  ***/
                /*.iStatus05.miniStack-Status::before { background-position-y: -200px; }*/ /***  Processing  ***/
                /*.iStatus06.miniStack-Status::before { background-position-y: -250px; }*/ /***  Shipped  ***/
                /*.iStatus07.miniStack-Status::before { background-position-y: -300px; }*/ /***  Received  ***/
                /*.iStatus08.miniStack-Status::before { background-position-y: -350px; }*/ /***  Invoiced  ***/
                /*.iStatus09.miniStack-Status::before { background-position-y: -400px; }*/ /***  Cancelled  ***/
                /*.iStatusEdit.miniStack-Status::before { background-position-y: -500px; }*/ /***  Edited  ***/

        .miniStack-Status::before, .miniStack-DateHandover::before, .miniStack-Shipped::before, .miniStackIcon.miniStack-Status::before { 
            width: 30px; height: 30px; top: 4px;
            /* TEMP until iSprite above removed */ 
            background-image: url(../images/iStatus.svg);
            background-position-x: center; }

            /*.miniStackIcon.iStatus01::before { background: url(../images/iStatus.png) no-repeat -350px -450px; }
            .miniStackIcon.iStatus02::before { background: url(../images/iStatus.png) no-repeat -350px -50px; }
            .miniStackIcon.iStatus03::before { background: url(../images/iStatus.png) no-repeat -350px -100px; }
            .miniStackIcon.iStatus04::before { background: url(../images/iStatus.png) no-repeat -350px -150px; }*/
            /*.miniStackIcon.iStatus05::before { background: url(../images/iStatus.png) no-repeat -350px -200px; }*/
            /*.miniStackIcon.iStatus06::before { background: url(../images/iStatus.png) no-repeat -350px -250px; }
            .miniStackIcon.iStatus07::before { background: url(../images/iStatus.png) no-repeat -350px -300px; }
            .miniStackIcon.iStatus08::before { background: url(../images/iStatus.png) no-repeat -350px -350px; }
            .miniStackIcon.iStatus09::before { background: url(../images/iStatus.png) no-repeat -350px -400px; }*/
            /*.miniStack-Shipped::before { background: url(../images/iStatus.png) -350px -250px; }*/
            /*.miniStack-DateHandover::before { background-image: url(../images/iStatus.png); background-position-x: -350px; }*/
            .miniStack-Author::before { background-position-x: -280px; background-position-y: -1550px; }
            .miniStack-Account::before { background-position-y: -3150px; }
    .panelAlert { padding: 10px 30px 10px 64px; font-size: 18px; border-width: 2px; }
        .panelAlert::before { width: 60px; height: 60px; left: -2px; }
            /*.panelAlert-Green::before { background-position-y: -4100px; }
            .panelAlert-Amber::before { background-position-y: -4400px; }
            .panelAlert-Red::before { background-position-y: -4600px; }*/
        .panelAlert::after { width: 24px; height: 24px; top: 10px; left: 12px; /*background-position-x: -40px;*/ }
        .miniStack-Unlink .alertUnlinked { padding: 6px 12px 6px 60px; }
            .miniStack-Unlink .alertUnlinked h5 { line-height: 1; }

    .exOtherError h4 .fontBlack { display: block; }
    .rTable-980 .trException td:first-of-type::before { top: 40px; }
    .rTable-980 .trException:not(:hover) td, .rTable-980 .trException:not(:hover) .tTrackingStacked strong { color: #40403f; }
        .rTable-980 .trException td::before { color: #be1622; }
        .rTable-980 .trNoHandover td::before { color: #c4501c; }
        .tableTrackingList .trException:not(:hover) .operaCo-U strong { color: #b3320a; }
        .tableTrackingList .trException:not(:hover) .operaCo-H strong { color: #b27711; }
        .tableTrackingList .trException:not(:hover) .operaCo-I strong { color: #4594a3; }
        .tableTrackingList .trException:not(:hover) .operaCo-A strong { color: #89a617; }
        .tableTrackingList .trException:not(:hover) .operaCo-A strong { color: #8a4a69; }
            .tiOperaCo span, .tableTrackingList .trException .tiOperaCo span::after { width: 36px; height: 36px; }
            /*.tableTrackingList .trException:not(:hover) .tiOperaCo span::after { background-position-x: -300px;  }*/
        .rTable-980.tableList .trNoHandover.trException .bSQ30.bSqArrow, .rTable-980.tableList .trNoHandover.trException .bSQ30TD.bSqArrow { background: #c4501c; }
        .rTable-980 .trNoHandover.trException .bSQ30.bSqArrow:hover, .rTable-980 .trNoHandover.trException .bSQ30TD.bSqArrow:hover { background: #af4600; }
    .trException .hoverSlideText::after { top: -20px; height: 40px; }
        .trException .tAlertFlag:hover .hoverSlideText::after { padding-top: 0; left: 30px; }

    .rTable-980 .tiStockCode { width: 100%; }
            
    .operaCodeList.rTable-980 td.tiOperaCo { min-height: 30px; line-height: 30px; padding-left: calc(30% + 35px); }
        /*.operaCodeList.rTable-980 td.tiOperaCo::after { background-position-x: -260px; }*/
            .operaCodeList.rTable-980 .tiOperaCo span { left: 30%; top: 6px; }

    .filterPage label { font-size: 15px; }

    .myBasicDetails.left { padding-top: 40px; padding-bottom: 20px; }

    .modal:not(.modalAlert) .modal-dialog:not(.modalSlim) { width: 92%; margin: 30px 4%; }

    .addProductWrap { margin-top: 20px; }
        .addProductLeft, .addProductRight { width: calc(50% - 40px); }
            .addProductWrap h2 { height: 90px; margin-bottom: 0; }
            .addProductWrap .bButtonGiant { height: 150px; margin-top: 0; }
                .addProductWrap .bButtonGiant::after { 
                    width: 24px; 
                    height: 24px; 
                    margin: -28px -12px 0 0; 
                    background-position-x: 0;
                    background-position-y: -1650px; }
                .addProductWrap .addProductRight .bButtonGiant::after { 
                    width: 30px;
                    height: 30px;
                    margin: -30px -15px 0 0;
                    background-position-x: -100px; }
        .addProductWrap .addProductMid { width: 80px; padding-top: 90px; }
                        
    h2.iconTitle { padding-left: 40px; padding-top: 0; }
        .iconTitle::after { top: 6px; }
            /*.pageOrdersInvoices h2.iconTitle::after { background-position-y: -2650px; }*/
            /*.pageOrdersDocs h2.iconTitle::after { background-position-y: -2750px; }*/
            /*.pageOrdersTrack h2.iconTitle::after { background-position-y: -2850px; }*/
            .pageOrderHistory h2.iconTitle::after { background-position-y: -2800px; }

    .exceptionList.rTable-980 .exlException, .pageExceptions .exlCusSKU .form-control, .pageExceptions .exceptionList.rTable-980 .biName 
        { width: 100%; }
    .exceptionList.rTable-980 .exlSKU .productInfoWrap { justify-content: flex-start; }
    .pageExceptions .revPanelProducts h3, .pageExceptions .revPanelInfo { margin-bottom: 0; }
    .exceptionList.rTable-980 .exlException { text-align: center; }
        .exceptionList.rTable-980 .exlException .iAlert { display: inline-block !important; width: auto; font-size: 18px; }
            .exceptionList.rTable-980 .exlException .iAlert::after { 
                width: 26px;
                height: 26px;
                margin-top: -12px; 
                /*background-position-x: -248px;*/ 
                background: url(../images/iAction.svg) no-repeat center 30%; 
                background-size: cover; }

    /*h2.trackerListTitle { padding-left: 70px; }
        h2.trackerListTitle::after { top: 36px; background-position-x: 0; background-position-y: -6100px; }
            h2.trackerListTitle-Handover::after { background-position-x: -50px; }
            h2.trackerListTitle-NotChecked30::after { background-position-x: -100px; }
            h2.trackerListTitle-NotChecked07::after { background-position-x: -150px; }
            h2.trackerListTitle-Unresolved::after { background-position-x: -200px; }*/
    .tableTrackingList.rTable-980 td:not(::before) { text-align: right; } 
    .tableTrackingList.rTable-980 .tAlertFlag, .tableListExtraW.tableTrackingList.rTable-980 .tAlertFlag { width: 100%; min-height: unset; padding-top: 10px; }
        .trException .hoverSlideText::after { 
            position: static;
            height: auto;
            top: 0; }
        .tableTrackingList.rTable-980.tableList .tAlertFlag::before { top: 30px; }
            .trException .tAlertFlag .hoverSlideText { min-height: 40px; margin-left: 30px; }
                .trException .tAlertFlag .hoverSlideText::after { 
                    justify-content: center;
                    width: 100%; 
                    height: auto;
                    min-height: 40px;
                    left: unset; 
                    padding: 5px 30px; 
                    color: #FFFFFF;
                    text-align: center;
                    white-space: normal; transform: none; }
                    .trException .tAlertFlag:hover .hoverSlideText::after { height: auto; left: 30px; padding: 5px 30px; }
    .tableTrackingList .tTrackingStacked.tiOperaCo { padding: 20px 30px 6px; }
        .tableTrackingList .trException .tiOperaCo { padding-top: 10px; }
        .tableTrackingList .tiOperaCo .flexWrap { justify-content: center; }
            .tableTrackingList .tiOperaCo span { left: unset; margin-left: 0; }
    .tableTrackingList .tOrderType { display: flex; align-items: center; padding: 6px 0 6px 30%; }
        .tableTrackingList .tOrderType::before { top: 15px; }
        .tableTrackingList .tOrderType .flexColumn { flex-direction: row; gap: 0 10px; align-items: center; }        
        .tOrderType .iIcon { width: 36px; height: 36px; margin: 0; }
            .iDDP.iIcon, .iFOB.iIcon { filter: invert(37%) sepia(62%) saturate(1739%) hue-rotate(20deg) brightness(105%) contrast(101%); 	/* #d17700 LG Mango */ }
            .iSTK.iIcon { filter: invert(28%) sepia(43%) saturate(2712%) hue-rotate(350deg) brightness(97%) contrast(100%); 	/* #c73e14 SA Pumpkin */ }
            .iPTS.iIcon { filter: invert(33%) sepia(84%) saturate(712%) hue-rotate(142deg) brightness(93%) contrast(103%); 	/* #007c85 TS Lake */ }
    .tableTrackingList .flex { justify-content: flex-start; }
    .tableTrackingList.rTable-980 .tTrackingSchedule { min-height: 70px; }
        .tTrackingSchedule .noData { width: 90px; text-align: center; }
    .tableTrackingList .tHandoverSuccess { padding-left: calc(30% + 20px); }
    .tableTrackingList.rTable-980 .tCheckBoxNoLabel::before { text-align: left; }

    .panelTracker h3 { width: calc(100% - 220px) }
    .panelTrackerStatus { width: 80px }
        .panelTracker .iAlert.iIcon::after { /*background-position-x: -248px;*/ width: 26px; height: 26px; }
    .panelTrackerSpecial .iconTitle::after { background-position-x: -350px; background-position-y: -5650px; }
        /*.panelTrackerArchive .iArchive { padding-left: 50px; }*/
            .panelTrackerArchive .iArchive::after { width: 42px; height: 42px; /*background: url(../images/iSpriteBig.png) -60px -3240px no-repeat;*/ }
    .panelTrackerEditReason { width: calc(70% - 100px); }
    .panelTrackSalesOrderWrap a { min-height: 100px; font-size: 18px; }
    .panelTrackOverviewWrap { flex-wrap: wrap; }
        .panelTrackOverviewWrap .panelTrackOverviewItem { width: calc((100% - 50px) / 2); font-size: 15px; }
            .panelTrackOverviewWrap > div:nth-of-type(2n-1) { margin-left: 0; }
            .panelTrackOverviewWrap > div:nth-of-type(n+3) { margin-top: 30px; }
            .panelTrackOverviewItem label { font-size: 13px; }
    .panelTracker:not(.panelTrackerArchive) h3 { padding-left: 45px; }
        .panelTracker:not(.panelTrackerArchive) h3::after { width: 32px; height: 26px; margin-top: -13px; background-position-x: -350px; }
    /*.panelTrackerTimeline .iTimeline { width: 60px; height: 60px; margin-bottom: 20px; border: solid 4px #6f577e; }
        .panelTrackerTimeline .iStatus30.iTimeline { width: 70px; height: 70px; border: solid 5px #944364; }
        .panelTrackerTimeline .iTimeline::before { 
            width: 4px;
            margin-left: -2px;
            top: 56px;
            bottom: -24px; }
        .panelTrackerTimeline .iTimeline::after { margin-left: -16px; background-position-x: -350px; }*/
            /*.panelTrackerTimeline .iStatus22::after, .panelTrackerTimeline .iStatus23::after, .panelTrackerTimeline .iStatus28::after, .panelTrackerTimeline .iStatus29::after, .panelTrackerTimeline .iStatus30::after
                { margin-top: -12px; }*/
    /*.timelineDateTitle { margin-bottom: 20px; }*/
        /*.panelTrackerTimeline .iStatus30 + .timelineDateTitle h5 { font-size: 16px; }
        .panelTrackerTimeline .iStatus30 + .timelineDateTitle .fontBlack { font-size: 21px; }*/

    .pageContainerLoad.pageBasket .panelBasketGrandTotal { height: auto; }
        .pageContainerLoad.pageBasket .barTotal th, .pageContainerLoad.pageBasket .barTotal td { padding-top: 5px; padding-bottom: 5px; }
            .pageContainerLoad.pageBasket .barTotal td { font-size: 15px; }
                .pageContainerLoad .barGrandTotal.barTotal td { width: 170px; }
            .pageContainerLoad .barGrandTotal.barTotal tr:first-of-type th, .pageContainerLoad .barGrandTotal.barTotal tr:first-of-type td { padding-top: 20px; }
            .pageContainerLoad .subTotal tr:first-of-type th, .pageContainerLoad .subTotal tr:first-of-type td { padding-top: 12px; }
            .pageContainerLoad .subTotal tr:last-of-type th, .pageContainerLoad .subTotal tr:last-of-type td { padding-bottom: 12px; }
    .pageContainerLoad .biHead:not(.in) .biTotals td { padding-left: 0; }

    .pageOrderDetails h3 { padding-left: 40px; }
        .panelOrderItems h3::after, .panelOrderMoreInfo h3::after { /*background-position-x: -280px; background-position-y: -1400px;*/ width: 30px; height: 30px; top: 50%; margin-top: -15px; }
    .panelOrderAddress { flex-wrap: wrap; }
    /*.panelOrderMoreInfo h3::after { background-position-y: -2950px; top: 2px; }*/
    .panelOrderMoreInfo h4 { font-size: 15px; }

    .preparedFor { margin-top: 16px; }
    .isFloated.floatThead-container .shadow, .floatThead-container { display: none; }

    .iBig::after, .pageOrderHistory h2.iconTitle::after { background-position-x: -350px; }    
    .biHead .biThumb::after, .oiIcon::after { background-position-x: -420px; } 

    .addressItem { width: 48%; margin-right: 4%; }
        .addressItem:nth-of-type(3n) { margin-right: 4%; }
        .addressItem:nth-of-type(2n) { margin-right: 0; }
        .pageMyAccount:not(.pageAddress) .addressItem:nth-of-type(3n), .pageAddress .addressItem:nth-child(3n) { margin-right: 4%; }
            .pageMyAccount:not(.pageAddress) .addressItem:nth-of-type(2n), .pageAddress .addressItem:nth-child(2n) { margin-right: 0; }

    .panelError { padding: 20px 30px; }
        .panelError h3 { font-size: 48px; }
        .panelError p { font-size: 18px; }
    .pageError h3 { font-size: 30px; }

    .pageBasic table h3 { font-size: 18px; }

    .pageCustomerWarehouse .rTable-980 tr:first-of-type td:first-of-type { padding-top: 0; }
    .pageCustomerWarehouse .tiCurrency { padding-top: 1px; }
        .tiCurrency .fontCurrency { bottom: -1px; font-size: 18px; }
        
    .pageAddress .addressItem.addressNew h4 { font-size: 21px; }    

    .barFilterExpenditure .fgFilterDateWrap { flex-direction: column; }

    .pageScheduleSchedule .rTable-980 td:first-of-type strong { font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: bold; }

    .pageCustomerStockCode .tiSkU { text-align: center; }
    .pageCustomerStockCode .rTable-980 .bProductInfoWrap, .pageCustomerWarehouse .rTable-980 .tiWarehouse { color: #6f577e; font-size: 18px; }
        .pageCustomerStockCode .rTable-980 .bProductInfoWrap { margin-left: -15px; }
    .pageUsers .tableTargets .oiTargetCustomer.oiTargetYear, .panelAddUser .form-group { width: 100%; }
        .pageUsers .tableTargets .oiTargetCustomer.oiTargetYear { padding-left: 0; padding-right: 0; }
    .tableTargets.rTable-980 td { padding: 10px 0 10px 30%; text-align: right; }
        .tableTargets.rTable-980 td:first-of-type { padding-top: 20px; }
            .tableTargets.rTable-980 td::before { top: 10px; text-align: left; }
                .pageUsers .tableTargets td::before { top: 17px; }        
    .tableTargets.rTable-980 .oiTargetYear, .pageCustomerWarehouse .rTable-980 .tiWarehouse
        { padding-left: 0; text-align: center; }
        .tableTargets.rTable-980 .oiTargetYear h5 { display: inline-block; width: auto; font-size: 24px; color: #6f577e; }
        .tableTargets.rTable-980 td:nth-of-type(3), .tableTargets.rTable-980 td:nth-of-type(5) { border-top: solid 1px #dcdcd9; }
            .tableTargets.rTable-980 .taOne::before, .tableTargets.rTable-980 .taGrandTotalRow .taOne::before { color: #6c4883; }
                .tableTargets.rTable-980 .taTwo::before { color: #766a7d !important; }
        .tableTargets .oiTargetAmount span { text-align: left; width: auto; }
    .tableTargets .oiTargetAmount span { text-align: right; }
        .pageUsers .tableTargets .taGrandTotalRow td::before, .pageUsers .tableTargets.rTable-980 .taRevenue::before, .pageUsers .tableTargets.rTable-980 .taPercent::before { top: 10px; }
        .tableTargets .taGrandTotalRow .oiTargetYear { border-top: solid 3px #6f577e; }
    .pageUsers.pageStaffTargets .barButtons { margin-top: 0; padding-top: 0; }
    .tableDebtlist { margin-top: 0; }
        .tableDebtlist .tiOperaCo { padding-left: 0; }

    .pageBasic h1.avatarUser, .pageBasic h1.avatarProduct { padding-left: 65px; }
        h1.avatarUser .avatarUserWrap, .avatarProductWrap { 
            height: 52px; 
            width: 52px; 
            top: -2px; 
            border-width: 2px; 
            background-position-x: -7px; 
            background-position-y: -1499px; }
            .avatarUser.avatarTS .avatarUserWrap { background-position-y: -1599px; }
            .avatarUser.avatarSA .avatarUserWrap { background-position-y: -1699px; }
            .avatarUser.avatarCS .avatarUserWrap { background-position-y: -1799px; }
            .avatarUser.avatarMA .avatarUserWrap { background-position-y: -1899px; }
            .avatarUser.avatarIT .avatarUserWrap { background-position-y: -1999px; }
            .avatarUser.avatarAC .avatarUserWrap { background-position-y: -2099px; }
            .avatarUser.avatarGO .avatarUserWrap { background-position-y: -2199px; }
            .avatarUser.avatarMG .avatarUserWrap { background-position-y: -2299px; }
            .pageInspectors .avatarUser .avatarUserWrap { background-position-y: -2600px; background-position-x: -8px; }
        .avatarUser .avatarUserWrap img, .avatarProductWrap img { width: 48px; height: 48px; left: 0; top: 0; }

    .userPermissionList th { font-size: 13px; }
    .userPermissionList .tiCheck:not(:first-of-type) { width: 80px; }
        .userPermissionList .tiCheck:last-of-type { width: 110px; }
    .galleryCheckGrid label { font-size: 15px; }

    .barFilterDebtor .fgDebtor.fRadioGroup.radioDouble .btn { width: 110px; height: 70px; padding-top: 48px; font-size: 13px; }
        .barFilterDebtor .fgDebtor.radioFilter .btn::after { 
            width: 30px;
            height: 30px;
            margin-left: -15px;
            top: 12px; 
            /*background-image: url(../images/iSprite.png); 
            background-position-y: -6100px;*/ }
            /*.bDebtorAlert-90Plus.btn::after { background-position-x: -250px; }
            .bDebtorAlert-60Plus.btn::after { background-position-x: -300px; }
            .bDebtorAlert-30Plus.btn::after { background-position-x: -100px; }
            .bDebtorAlert-Current.btn::after { background-position-x: -150px; background-position-y: -6200px; }*/
                /*.barFilterDebtor .fgDebtor.radioFilter .btn:active::after, .barFilterDebtor .fgDebtor.radioFilter .btn.active::after { background-position-y: -6150px; }*/
                /*.barFilterDebtor .fgDebtor.radioFilter .bDebtorAlert-Current.btn:active::after, .barFilterDebtor .fgDebtor.radioFilter .bDebtorAlert-Current.active::after { background-position-y: -6250px; }*/
            /*.barFilterDebtor .fgDebtor.radioFilter .bDebtorAlert-Total::after { background-position-x: -250px; background-position-y: -6300px; }
                .barFilterDebtor .fgDebtor.radioFilter .bDebtorAlert-Total.btn:active::after, .barFilterDebtor .fgDebtor.radioFilter .bDebtorAlert-Total.btn.active::after { background-position-x: 0; }*/

    .barFilterDebtor .arrowSq.submitSearch80 { width: 70px; height: 70px; }

    .pageCreditorList .contentMain { padding-top: 0; }
        .pageCreditorList .sectionTitle { margin-bottom: 0; }

    .tableWarrantyProductList.rTable-980 .bSQ30::after { left: unset; right: 0; top: 2px; }

    .pageUsers.pageStaffTargets h4.textLC { margin-bottom: 0; }
    .galleryCheckGrid h3 { font-size: 30px; margin-bottom: 5px; }

    .bankCurrency span { 
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 24px; }

    .formGroupScheduleRepeat.form-group .form-control { width: 12%; }
    .pageScheduleSchedule h2.sectionTitle { margin-bottom: 0; }
    .pageScheduleSchedule .rTable-980 td:first-of-type { padding-left: 30%; }
        .pageScheduleSchedule .rTable-980 td:first-of-type strong { color: #6f577e; font-size: 18px; }
        .pageScheduleSchedule .rTable-980 td:first-of-type::before { top: 26px; }

    .pageCompanyList .tableList, .pageWarehouseList .tableList { margin-top: 0; }

    .panelBigButtonList .bBigButton { width: 32%; margin-right: 2%; }
        .panelBigButtonList .bBigButton:nth-of-type(4n) { margin-right: 2%; }
        .panelBigButtonList .bBigButton:nth-of-type(3n) { margin-right: 0; }
        .panelBigButtonList .iBig::after { background-image: url(../images/iSpriteBig.png); }

    .panelRevenueGraph.contentMain img { width: 100%; height: auto; }
    .pageReports:not(.pageReportsBreakdown):not(.pageReportsByMonth) .contentMain { padding-top: 20px; padding-bottom: 20px; }
        .pageReports .contentMain.panelReportTable.noBotP { padding-bottom: 0; }
    .pageReports .contentHead h1 + h2 { margin: -15px 0 0 50px; }
    .pageReports .contentMain + .panelButtons.barButtons { padding-top: 0; padding-bottom: 20px; }

    .tableGrossProfit:not(.tableRevenueDetails) {margin-bottom: -20px; }
    .tableReportBreakdown td:not(.tSKU), .tableDebtors.rTable-980 .tNum { padding-right: 30px; font-size: 15px; text-align: right; }
        .tableReportBreakdown td.tSKU { padding-right: 30px; color: #6f577e; font-size: 18px; text-align: center; }
        .tableReportBreakdown td::before, .tableDebtors td::before { text-align: left; }
        .tableReportBreakdown td:last-of-type { padding-bottom: 20px; }
        .tableReportBreakdown .trListTotal .tRange, .tableReportBreakdown .trListTotal .tCustomer, .tableReportBreakdown .trListTotal .tCountryCode, 
        .tableReportBreakdown .trListTotal .tFactory, .tableReportBreakdown .trListTotal .tBlank
            { display: none; }
    .panelReportBreakdownTable h3 { font-size: 18px; margin-top: 30px; }
    .panelReportBreakdownTable .pWrap { font-size: 13px; }
    .tableReportBreakdown .trBreakdownTotal td, .rTable-980.tableList .trListTotal td { font-size: 18px; }
    .tableReportBreakdown .trBreakdownTotal td:last-of-type, .rTable-980 .trListTotal td:last-of-type { padding-bottom: 30px; }
    .tableRevenueByMonth .tNum::before { text-align: left; }
    .galleryGridByCountry.galleryCheckGrid li { margin-bottom: 5px; }
    .filterSelloutTerritory .bSquareList { grid-template-columns: repeat(auto-fill, 140px); }
        .filterSelloutTerritory .bSquareList .bSqButton span { font-size: 15px; }

    .TopProductSalesTabHead { flex-wrap: wrap; gap: 0 30px; }
    .TopProductSalesTitleWrap { padding-bottom: 15px; }
        .TopProductSalesTitle { gap: 0; }
        .TopProductSalesTabBar .bExportXL80.bExportXL { 
            height: 55px; 
            gap: 3px;
            margin: 0 0 11px; 
            padding: 5px 12px; 
            font-size: 13px; }
            .TopProductSalesTabBar .bExportXL80.bExportXL::after { width: 20px; height: 20px; margin-left: -10px; /*background-position-x: -350px;*/ }
            .TopProductSalesTabBar .bExportXL80 .spinRinguWrap { gap: 3px; }
        .TopProductSalesTabBar ul { gap: 8px; margin-left: 8px; }
            .TopProductSalesTabItem { 
                width: auto; 
                margin-bottom: 11px; 
                padding: 6px 12px 4px; 
                font-size: 13px; 
                line-height: 1; }
                .active .TopProductSalesTabItem { padding-bottom: 18px; }
                .TopProductSalesTabItem .iTabCirque { width: 20px; height: 20px; }
                    .TopProductSalesTabItem .iTabCirque::after { width: 14px; height: 14px; margin: -7px 0 0 -7px; }
        .pageTopProductSalesDetail .TopProductSalesTitle { margin-bottom: 0; }
            .toggleTopProductSales { gap: 30px; align-items: flex-start; margin: 15px 0 0 -10px; }
                .toggleTopProductSales ul { margin-top: -12px; }
                .toggleTopProductSales .TopProductSalesTabItem { margin-bottom: 0; }
                    .toggleTopProductSales .active .TopProductSalesTabItem { padding-bottom: 4px; }

    .bTopTitle.bButton { margin-top: 15px; }
        /*.pageDocs .tableDocsList .iPin { display: inline-block; height: 20px; top: -18px; left: 0px; } PIN ICON UNUSED */
        .tableInspectionList .fontBlack::before { font-family: "Lato", Arial, Helvetica, sans-serif; }
    .cirqueNumber { font-size: 18px; letter-spacing: normal; }
        .cirqueNumberHead { 
            width: 48px; 
            height: 48px; 
            margin-top: -24px; 
            font-size: 24px; 
            line-height: 48px; }
    /*.tableDocsList tr.docsArchived:not(:hover) .bDelete.bSQ30 { background: #b0b0ad; }*/
    
    .h1MenuWrap .cirqueMenuHead + .dropdown-menu { left: -15px; }
        .h1MenuWrap .cirqueMenuHead + .dropdown-menu::before { left: 24px; }
        .pageWarrantyDash h1::after { width: 48px; top: 8px; }
        .fgWarrantyReportFilter::before { bottom: 6px; }
        .fgWarrantyReportFilter .ui-datepicker-trigger { top: 0; }
        .panelWarrantyReportTop5 img { width: 60px;  }
    .filterWarranty { padding-top: 20px; }
        .filterWarranty label, .listWarrantyDocs { font-size: 15px; }
        .filterWarranty .form-control { margin-bottom: 0; }
    .filterWarranty .fgWarrantyProduct { width: 100%; margin-right: 0; order: 0; }
    .filterWarranty .fgWarrantyKeyword { order: 0; }
        .filterWarranty .fgWarrantyKeyword, .filterWarranty .fgWarrantyCountry, .filterWarranty .fgWarrantyDateFrom { margin-right: 0; }
        .filterWarranty .fgWarrantyKeyword, .filterWarranty .fgWarrantyType, .filterWarranty .fgWarrantyRegion, .filterWarranty .fgWarrantyCountry { width: calc((100% - 30px) / 2) }
        .filterWarranty .fgWarrantyDate { width: calc(((50% - 15px) - 20px) / 2); }
            .filterWarranty .fgWarrantyDateFrom { margin-right: 20px; }
        .filterWarranty .formGroupWarrantyStatus { margin-left: 0; }
            .filterWarranty .onewDateWrap { padding-right: 45px; }
                .filterWarranty .ui-datepicker-trigger { top: -2px; }
    .pageWarrantyByClaim .formGroupWarrantyResolution label { width: 100%; }
        .filterWarranty .arrowSq { text-indent: -9999px; overflow: hidden; }  
    .tableWarrantyProductList td.tNum, .tableWarrantyProductList .tCheckBoxNoLabel::before { text-align: left; }
    .tableWarrantyProductList.rTable-980 .tSKU { 
        padding-top: 40px;
        padding-bottom: 0; 
        text-align: center; 
        font-size: 18px; 
        color: #6f577e; }
    .tableWarrantyProductList .tTitle { padding: 0 0 6px; text-align: center; font-size: 15px; }
    .tableWarrantyProductList td.tNum { padding-left: 240px; }
        .tableWarrantyProductList .tNum::before { width: 240px; }
    .tableWarrantyProductList .tNum.fontBlack { padding-bottom: 16px; }
        .tableWarrantyProductList .tNum.fontBlack::before { left: 30px; }
    .tableWarrantyProductList .tNum:not(.fontBlack) { min-height: 40px; }
        .tableWarrantyProductList .tNum:not(.fontBlack)::before { left: 70px; }
        .tableWarrantyProductList .tNum:not(.fontBlack)::after { 
            content: ''; 
            position: absolute; 
            left: 30px; 
            top: 2px;
            width: 30px; 
            height: 30px; 
            /*background: url(../images/iWarranty.png) no-repeat 0 0;*/
            background: url(../images/iWarranty.svg) no-repeat center 0; 
            background-size: cover; }
            .tableWarrantyProductList .tNum[data-title="New Claim"]::after { /*background-position-y: 0;*/ background-position-y: 10%; }
            .tableWarrantyProductList .tNum[data-title="In Progress"]::after { /*background-position-y: -100px;*/ background-position-y: 20%; }
            .tableWarrantyProductList .tNum[data-title="Credited"]::after { /*background-position-y: -300px;*/ background-position-y: 30%; }
            .tableWarrantyProductList .tNum[data-title="Exchanged"]::after { /*background-position-y: -400px;*/ background-position-y: 50%; }
            .tableWarrantyProductList .tNum[data-title="Spares"]::after { /*background-position-y: -500px;*/ background-position-y: 70%; }
            .tableWarrantyProductList .tNum[data-title="Rejected"]::after { /*background-position-y: -600px;*/ background-position-y: 60%; }
            .tableWarrantyProductList .tNum[data-title="Unknown"]::after { /*background-position-y: -700px;*/ background-position-y: 80%; }
    .tableWarrantyList.rTable-980 tbody tr, .tableWarrantyList.rTable-980 tr.selected { position: relative; }
    .tableWarrantyList.rTable-980 .tCheck, .tableWarrantyList.rTable-980 .tAction { width: 100%; min-height: 42px; }
            .tableWarrantyProductList.rTable-980 .bSQ30 { float: none; }
        .tableWarrantyList.rTable-980 .tCheck { 
            position: absolute;
            top: 10px;
            right: 0; }
            .tableWarrantyList.rTable-980 .tCheck::before { display: none; }
            .tableWarrantyClaimList .tCheckBoxNoLabel input { float: right; margin-top: 0; }
        .tableWarrantyList.rTable-980 tr.selected::before {
            content: ' ';
            display: block;
            position: absolute;
            width: 10px;
            top: 3px;
            bottom: 3px;
            left: 0px;
            background-color: #89a617; }
        .tableWarrantyList.rTable-980 tr.selected td:first-of-type::before, .tableWarrantyList.rTable-980 tr.selected td:last-of-type::before { display: none; }
        .pageBasic .tableWarrantyList tr.selected.rowNoHover::before { top: -3px; }
        .tableWarrantyList.rTable-980 .tCheck::after { 
            position: absolute;
            top: 14px; 
            right: 70px; 
            left: unset;
            padding-right: 10px; 
            white-space: nowrap; 
            text-transform: uppercase;
            content: attr(data-title); } 
        .pageWarrantyDetails .navTabButton br, .pageInspectionDetails .navTabButton br { display: none; }
    .panelWarrantyClaimant h2.iconTitle::after { top: 3px; background-position-x: -280px; background-position-y: -1550px; }    
    .panelWarrantyProductDetails { flex-wrap: wrap; }
    .panelWarrantyProductPO, .panelWarrantyProductRetailer { flex: 1 1 50%; }
    .panelWarrantyProductStatus .formGroupWarrantyStatus { width: 100%; }
    .panelWarrantyProduct .bButtonArrow { margin-top: 10px; }
    .warrantyDate { font-size: 24px; }
    .panelWarrantyAddProduct h2.iconTitle::before { width: 30px; height: 30px; }
    .panelWarrantyAddProduct h2.iconTitle::after { width: 14px; height: 14px; top: 11px; /*background-position-x: -200px;*/ }
    .panelWarrantyDocs h2.iconTitle::after { top: 2px; background-position-x: -350px; background-position-y: -3600px; }
    .panelWarrantyDocs .left, .panelWarrantyDocs .right { width: calc(50% - 20px); }  
        .panelWarrantyDocs .left { margin-right: 40px; }
    .iWarrantyBig::after, .noUpdatePermission .formGroupWarrantyStatus .radioDouble .btn::after { width: 30px; height: 30px; background-position-x: 0; }
        .alertWarrantyHead .iWarrantyBig::after { background:  url(../images/iSprite.png) no-repeat -246px -1000px; }
    .panelWarrantyProduct label, .panelWarrantyProductName i { font-size: 15px; }
    .panelWarrantyNotes h2.iconTitle::after { top: 6px; background-position-x: -350px; background-position-y: -3850px; }
    .panelWarrantyNotes .fgWarrantyNoteSelect label, .panelWarrantyNotes .fgWarrantyNoteSelect .form-control { width: 100%; }
        .panelWarrantyNotes .fgWarrantyNoteSelect label { height: auto; line-height: unset; }
    .tableWarrantyNotesList.rTable-980, .tableNotesList.rTable-980 { margin-bottom: 0; }
        .tableWarrantyNotesList.rTable-980 thead, .tableNotesList.rTable-980 thead { display: none; }
        .tableWarrantyNotesList.rTable-980 tr, .tableNotesList.rTable-980 tr { position: relative; }
            .tableWarrantyNotesList.rTable-980 td, .tableNotesList.rTable-980 td { padding-left: 0; }
            .tableWarrantyNotesList.rTable-980 .tNote, .tableNotesList.rTable-980 .tNote { padding-top: 0; }
            .tableWarrantyNotesList.rTable-980 .tFileOwner, .tableNotesList.rTable-980 .tFileOwner { padding-left: 80px; padding-top: 0; }
                .tableWarrantyNotesList.rTable-980 .tFileOwner::before, .tableNotesList.rTable-980 .tFileOwner::before { width: 80px; left: 0; top: 0; }
            table.rTable-980 .trWarrantyNotesDocs > td { padding: 0 0 10px 20px; }
                .trWarrantyNotesDocs > td tr:first-of-type td { padding-top: 0 }
                    .tableWarrantyNotesDocs tr:not(:last-of-type) { border-bottom: solid 1px #dcdcd9; } 
    .fgPhotoUpload.fcNoLabel { width: 100%; margin: 0 0 10px; }
    .fgPhotoUpload .iCamera.iBig::after { top: 5px; background-position-x: -350px; background-position-y: -3900px; }   
    .panelWarrantyLink.alertWarrantyHead { padding-left: 30px; }
        .panelWarrantyLink.alertWarrantyHead .iWarrantyBig::after { left: -40px; top: 3px; }
        .panelWarrantyLink h3 { font-size: 21px; }
        .panelWarrantyLink h4 { font-size: 15px; }
    .tableWarrantyNotesList.rTable-980 tr { display: flex; flex-direction: column; }
    .noUpdatePermission .formGroupWarrantyStatus .radioDouble .btn { height: 30px; padding: 0 0 4px 40px; font-size: 15px; }
    .pageWarrantyDetails .noUpdatePermission .panelWarrantyProduct section { padding: 20px 0 30px; }
    
    .wrapSpares-FutureSales .itemTopTrumpData strong { font-size: 30px; }
    .wrapSpares-FutureSales img { width: 60px; height: 60px; }
        .headButtonBarSpares .bButtonBig { height: auto; padding: 20px 15px; }
            .headButtonBarSpares .iSVG { width: 36px; height: 36px; }
            .headButtonBarSpares .fontThin { font-size: 15px; }
            .headButtonBarSpares .bButtonBig strong { font-size: 27px; }
    .itemTopTrumpData h5 { margin: 2px 0 0; }
    .panelPartsOnOrder  .tableList { margin-top: 0; }
    .pageSpares.pageSpareBillMaterial h1.avatarProduct { margin: 20px 20px 20px 0; }
    .pageSpareBillMaterial .contentTitlePanel .form-control { width: 240px; }
    
    .photoWrap li { 
        width: calc((100% - 40px) / 5);
        padding-top: calc((100% - 40px) / 5);
        margin: 0 10px 10px 0; }
        @supports (display: grid) {
            .photoWrap { gap: 15px; }
            .photoWrap > li { 
                width: 100%;              
                padding-top: 100%;
                margin: 0; }
        }

    .filterInspectLeft, .filterInspectMiddle, .filterInspectRight { width: 100%; margin-right: 0; }
    .fgInspectionType .radioFilter label { font-size: 12px; }
    .tableInspectionList.rTable-980 td { font-size: 15px; } 
        .tableInspectionList.rTable-980 .tInspectionRef { font-size: 18px; text-align: center; }
            .tableInspectionList .trPass .tInspectionRef, .tableInspectionList .trPass:hover .tInspectionRef { color: #627e21; }
             .tableInspectionList .trFail .tInspectionRef, .tableInspectionList .trFail:hover .tInspectionRef { color: #be1622; }
              .tableInspectionList .trRe-work .tInspectionRef, .tableInspectionList .trRe-work:hover .tInspectionRef { color: #6f577e; }
        .tableInspectionList .tInspectionType br { display: none; }
        .tableInspectionList .tInspectionResult, .tableInspectionList .tInspectionCFA { width: 100%; padding-top: 15px; text-align: left; }
            .tInspectionResult span, .tInspectionCFA span { width: 100%; padding: 0 0 0 40px; font-size: 15px; }
                .tInspectionResult span::after, .tInspectionCFA span::after { margin: 0; left: 0; }
            .tableInspectionList .tInspectionResult::before { top: 17px; }
                    .tInspectionResult span::after { top: -7px; }
            .panelInspectionList .tInspectionCFA { padding-top: 25px; }
                .tableInspectionList .tInspectionCFA::before { top: 27px; }
                .tInspectionCFA span { height: 34px; }
                    .tInspectionCFA span::after { top: -5px; }
                .tableInspectionList.rTable-980 .trPass .bSQ30:not(:hover) { background: #627e21; }
                .tableInspectionList.rTable-980 .trFail .bSQ30:not(:hover) { background: #be1622; }
                .tableInspectionList.rTable-980 .trRe-work .bSQ30:not(:hover) { background: #6f577e; }
        .panelInspectionOverview .centreWrap { margin-bottom: 10px; }
        .panelInspectionNotes .tableWarrantyNotesList .tAction {     
            position: absolute;
            right: 0;
            top: 8px; }
            .panelInspectionNotes .tableWarrantyNotesList .bDelete { background: #be1622 !important; }
                .panelInspectionNotes .tableWarrantyNotesList .bDelete:hover { background: #aa1414 !important; }
                .panelInspectionNotes .tableWarrantyNotesList .bDelete::after { /*background-position-x: 0 !important;*/ filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */ }

        .panelInspectOverviewMiddle span, .panelInspectionCFA p, .panelInspectOverviewMiddle .fontBlack, .npdDetailSKUS .fontBlack { font-size: 15px; }
            .panelPSIReport h3 { font-size: 21px; }
            .panelInspectOverviewMiddle ul, .npdDetailSKUS { gap: 15px 30px; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); margin-bottom: 0; }
        .pageInspectionDetails .tableWarrantyNotesList.rTable-980 .bDelete { right: 0; }
        .tableInspectionList.rTable-980 .bSQ30 { float: none; } /* temp until proper .tableList fix */
    .fgInspectorsCFALevel .iCFA { padding-right: 40px; }
        .fgInspectorsCFALevel .iCFA::after { width: 32px; height: 32px; top: -8px; /*background-position-x: -100px;*/  }
            /*.fgInspectorsCFALevel .iCFALevel01.iBig::after { background-position-y: 0; }
            .fgInspectorsCFALevel .iCFALevel02.iBig::after { background-position-y: -50px; }
            .fgInspectorsCFALevel .iCFALevel03.iBig::after { background-position-y: -100px; }
            .fgInspectorsCFALevel .iCFALevel04.iBig::after { background-position-y: -150px; }
            .fgInspectorsCFALevel .iCFALevel05.iBig::after { background-position-y: -200px; }*/

        .fgInspectorType { width: 300px; }
        .pageInspectorsCFAHistory .tableNotesList .tFileOwner { padding-left: 140px; }

    .barFilterCompliance .fgMultiSelect { width: calc(50% - 15px); }
        .barFilterCompliance .fgComplianceCategory { margin-right: 0; }
    .barFilterCompliance .flexColumn { width: calc(100% - 70px); }
            .barFilterCompliance .fgComplianceNASwitch { width: 250px; }
            .barFilterCompliance .fgComplianceCompliantSwitch { margin-right: 0; }
    .barFilterCompliance .arrowSq.submitSearch80, .barFilterCompliance .submitSearch80 .submitArrow {
        width: 40px;
        height: 40px; }
        .barFilterCompliance .arrowSq.submitSearch80 { margin-top: 0; }
        .barFilterCompliance .submitSearch80 .submitArrow { color: transparent; text-indent: -9999px; }
        .barFilterGrey .arrowSq.submitSearch80::before { 
            width: 24px;
            height: 24px;
            top: 50%;
            margin: -12px 0 0 -12px; 
            background: url(../images/iSprite.png) no-repeat -150px -1150px; }
    .barFilter .fgSKUValidity .btn { height: 40px; }
    .pageDocValidity .iconTitle::after { height: 32px; top: 0; /*background-image: url(../images/iProductDocStatus.png); background-position-x: -150px;*/ }
        /*.pageDocValidity .iDocStatus-Expired::after { background-position-x: -50px; }*/
    .headDocValidity > div + div { margin-left: 20px; }
        .headDocValidity .headTitle { width: calc((100% - 190px) * 0.25); margin-left: 10px; }
            .headDocValidity .headTitle .fontThin { font-size: 13px; }
        .headDocValidity .headDescription { width: calc((100% - 190px) * 0.30); }
        .headDocValidity .headFile { width: calc((100% - 190px) * 0.45); }
    .tableDocValidity .tDate { padding-right: 0; }

    .panelProductSKUAlert .iAlert::after { /*background-position-x: -248px;*/ width: 26px; height: 26px; }
    .panelProductsImages h3 { padding-left: 50px; }
        .panelProductsImages h3::after { top: -4px; background: url(../images/iSpriteBig.png) 0 -4020px; }
            .panelImagesLifestyle h3::after { background-position-x: -60px; }
            .panelImagesInfographic h3::after { background-position-x: -180px; }
            .panelImagesArchive h3::after { background-position-x: -120px; }
    .dropzone .iCamera.iBig, .dropzone .iUploadDoc.iBig { padding-top: 40px; }
        .dropzone .iCamera.iBig::after { width: 42px; height: 42px; background: url(../images/iSpriteBig.png) -420px -3540px; }
        .dropzone .iUploadDoc.iBig::after { width: 42px; height: 42px; background: url(../images/iSpriteBig.png) -420px -1320px; }

    .pageProductSKUDetails .contentHead { margin-top: -20px; }
        .pageBasic h1.avatarProduct { margin: 20px 20px 0 0; }
        .pageProductSKUDetails .selectizeSearch { justify-self: flex-end; margin-top: 22px; }
    .buttonBarProductComponents .bButton.bDouble.bOneWord { height: 60px; padding-top: 28px !important; }
        .buttonBarProductComponents .bButton.bDouble.bOneWord::after { top: 10px; }
    .tableProductPricingList .rowTwinTop .tAction { display: none; }
        .tableProductPricingList .trMob { display: block; }
            .tableProductPricingList.rTable-980 .trMob .tAction { padding-top: 0; padding-bottom: 20px !important; border-color: transparent; }
                .tableProductPricingList .trMob.over .tAction::after, .tableProductPricingList .trMob:hover + tr td { border-color: transparent !important; }
        .tableProductPricingList .rowTwinBottom { border: none; }
        .tableProductHistoryList .tCheck::before { top: 15px; }
        .tableProductHistoryList .tFileType::before { top: 10px; }
    .noUpdatePermission .dragOrder a, .pageProductSKUDetails .tableProductBulletList .tBullet .flex::before { width: 32px; height: 32px; font-size: 18px; border-width: 2px; }
        .noUpdatePermission #skuBulletList td, .noUpdatePermission #groupBulletList td { padding-top: 6px; padding-bottom: 6px; }
    .noUpdatePermission .tablePowerSupplyBattery { margin-top: 0; }
        .noUpdatePermission .tablePowerSupplyBattery .tTitle { padding-bottom: 15px; text-align: left; }
            .noUpdatePermission .tablePowerSupplyBattery .tTitle::before { display: none; }
        .noUpdatePermission .tablePowerSupplyBattery.rTable-980 td:before { top: 10px; }
    .noUpdatePermission .panelSKUSourceQualityWrap { flex-wrap: wrap; }
        .noUpdatePermission .panelSKUSourceQuality .panelSKUSourceQualityWrap .flex, .noUpdatePermission .panelSKUSourceQuality .flex:nth-of-type(2) { width: 100%; padding: 0; }
            .noUpdatePermission .panelSKUSourceQuality .panelSKUSourceQualityWrap label { white-space: nowrap; }
    .noUpdatePermission .tableProductPricingList.rTable-980 .tRowNotes { padding-top: 6px; }
    .noUpdatePermission .tableProductHistoryList, .noUpdatePermission .tableProductPricingList { margin-top: 0; }
        .noUpdatePermission .tableProductHistoryList .tFileType { min-height: 55px; padding-bottom: 20px; }
            .noUpdatePermission .tableProductHistoryList .checkBox label { margin-top: 0; }
    .pageProductSKUDetails .tableProductBulletList .tBullet .flex { min-height: 32px; }

    .fgProductDocStatus { width: calc(100% - 94px); }

    .npdListPercent { font-size: 21px; }
    .npdListItem li { padding-bottom: 8px; font-size: 15px; }
        .npdListItem li span:not(.fontThin), .npdCalendar-completed { width: 20px; height: 20px; margin-right: 10px; }
            .npdCalendar-completed { background-position-x: -50px; }
        .npdListItem li + li { padding-top: 4px; }
    .npdAdminListItem, .npdAdminListTitle { flex-wrap: wrap; }
        .npdAdminListTitle { width: calc(100% - 76px); }
            .npdAdminListItem h2 { width: 100%; min-height: unset; padding: 10px; }
            .npdListBoxWrap { margin: 10px; }
        .npdAdminListItem .npdListButtonBar { width: 76px; }
    .npdTask { padding-left: 0; }
        .npdTaskNote { width: calc(100% - 280px); }
        .npdTaskDateAuthor { width: 160px; }
        .npdTaskFileGallery { flex-direction: column; }
            .galleryNPDFile + .galleryNPDFile { margin-top: 20px; }
            .npdTaskFileGallery h4 { font-size: 15px; }

    .sourcingReportHead { flex-wrap: wrap; min-height: 80px; padding: 5px 100px 10px 60px; }    
        .sourcingReport .iCorner { width: 54px; height: 57px; }
            .sourcingReport .iCorner::after { width: 28px; height: 28px; left: 10px; }
        .sourcingReport .calendarLights { width: 100%; font-size: 21px; }
        .sourcingReportHead > div { margin-left: 20px; }
        .sourcingReportHead div:first-of-type { margin-left: 0; }
        .sourcingReportHeadButtons { top: 10px; right: 10px; }
        .sourcingReportDocList a { font-size: 16px; }
    .pageSourcingNotes .sourcingCAPHead { flex-wrap: wrap; }
        .pageSourcingNotes .sourcingCAPDateName { order: 1; }
        .pageSourcingNotes .sourcingCAPDateName:not(.fontBlack) { padding-right: 0; }
        .pageSourcingNotes .sourcingCAPNote { order: 2; width: 100%; margin: 20px 0 10px; }
        .pageSourcingNotes .sourcingCAPHead .buttonStrip { order: 1; }
    .tableSourcingSKU.tableList { margin-top: -30px; }
        .tableSourcingSKU .tThumb { padding-bottom: 0; text-align: center; }
            .tableSourcingSKU .tThumb img { width: 80px; height: 80px; margin: 0 auto; }

    .myBasicDetails.sectionCorner .iCorner { width: 45px; height: 50px; /*background-position-x: -35px;*/ }
        .iYes.iCorner::after, .iNo.iCorner::after, .panelIconGallery .grid .sectionCorner .iCorner::after { 
            /*width: 20px;
            height: 20px;
            top: 9px; 
            left: 15px;*/ 
            width: 24px;
            height: 24px;
            top: 10px;
            left: 26px; }
            /*.iYes.iCorner { background-position-y: -2820px; }
                .iYes.iCorner::after { background-position-y: -151px; }
            .iNo.iCorner { background-position-y: -3300px; }
                .iNo.iCorner::after { background-position-y: 0; }*/
    h4.text-success { top: 15px; left: 60px; font-size: 18px; }
    .panelChangePassword h2 { padding-left: 50px; }
        .panelChangePassword h2::after { width: 42px; height: 42px; top: -4px; background-image: url(../images/iSpriteBig.png); }

    .panelIconGallery .grid .iIcon.iSVG, .panelIconGallery .grid .iIcon::after { width: 54px; height: 54px; }
        .panelIconGallery .grid h5 { font-size: 14px; }

    .modalMoreInfo dt, .fgProductGroupBy .btn label { font-size: 15px; }
    .modal .dropzone .iBig { padding-top: 43px; }


}

@media screen and (max-width: 980px) and (min-width: 921px) {



}

@media screen and (max-width: 980px) and (min-width: 881px) { 

        .pageDash .doughnutPanel h2 { font-size: 21px; margin-top: -12px; }
    .dashDeptHead-NP .dashDepartmentDetail h1, .dashDeptHead-QC .dashDepartmentDetail h1 { font-size: 42px; }
    .dashDeptHead-QC .dashDeptDetailList strong { font-size: 16px; }

    .topTabs-r880 .navTabButton .bButton { flex-direction: column; align-items: flex-start; line-height: 1.3; }
        .topTabs-r880 .navTabButton span { width: 100%; }

    /*.panelProductSourcingAgent .form-group.formGroupH label, .panelProductSourcingAgent .form-group.formGroupH .form-control { width: 100%; }
        .panelProductSourcingAgent .form-group.formGroupH label { height: auto; line-height: normal; margin-bottom: 5px; }
        .panelProductSourcingAgent .fcNoControl { margin-top: 0; }*/

    .barFilter .fgProductDocDate { width: 220px; }
    .barFilter .fgProductDocKeyword { width: calc(100% - 500px); }

}

@media screen and (max-width: 980px) and (min-width: 841px) {  
    
    .rTable-840 .trTotal h4 { font-size: 16px; }
 
    .panelHomeCorner .bButtonArrow { margin-top: 18px; }
    .panelWarranty .tableWarrantyList .tProducts { width: unset; }
    .panelWarranty .tableWarrantyList .tNum { width: 1%; }

    .tableOrdersList .sortBy a { padding-right: 16px; }
        .tableOrdersList .sortBy a::after { top: 1px; }
        .tableOrdersList .olStatus { text-align: center; }
            .tableOrdersList .olStatus span { padding-left: 32px; }
    .tableOrdersList .iStatus span, .tableOrdersList th.olStatus a { text-indent: -9999px; }

    .exceptionList .exlException .iAlert::after { width: 18px; height: 18px; margin-top: -9px; }
    .pageExceptions .exlSKU .selectizeSearch { min-width: unset; }

    .tableTrackerInspections .tInspectionType { width: 120px; }
    .tableTrackerInspections .tInspectionResult { padding-top: 6px; padding-bottom: 6px; text-align: center; }
        .tableTrackerInspections .tInspectionResult span { width: auto; padding: 34px 0 0 0; font-size: 11px; }
            .tableTrackerInspections .tInspectionResult span::after { left: 50%; margin-left: -15px; top: 0; }
    
    .tableCusRevenue.tableList td { font-size: 13px; }
    .pageCustomerBreakdown .sideNav { width: 150px; margin-right: 50px; }
    .pageCustomerBreakdown .tab-content { width: calc(100% - 200px); }
    .tableSelloutYear .tNum, .tableSelloutYear th { padding-left: 6px; padding-right: 6px; }
    .tableSellout td { font-size: 13px; }

    .pageUsers .tiOffice { display: none; }
    .pageUsers th.tiDept { padding-left: 10px; }
    .pageUsers .tiDept span { margin-right: 20px; }
    
    .panelWarrantyReportYTDoughnut { width: calc((100% - 20px) * 0.35); margin: 40px 20px 40px 0; }
        .panelWarrantyReportAnnual { width: calc((100% - 20px) * 0.65); }    
    .filterWarranty .fgWarrantyType, .filterWarranty .fgWarrantyRegion, .filterWarranty .fgWarrantyClaimSupplier { width: calc((100% - 30px) * 0.4); }
    .filterWarranty .fgWarrantyKeyword, .filterWarranty .fgWarrantyCountry { width: calc((100% - 30px) * 0.6); }
        .filterWarranty.barFilter .fgWarrantyClaimSupplier { margin-right: 30px; }
    .filterWarranty .fgWarrantyDate { width: calc((100% - 30px) * 0.3 - 10px); }
        .filterWarranty .fgWarrantyDateTo { margin-right: 0; }
    .tableWarrantyClaimList thead.stickyHead th, .tableWarrantyClaimList.tableList td { font-size: 13px; }
    .tableWarrantyClaimList .tAction { width: 40px; padding-left: 20px; }
    .tableWarrantyClaimList .tTitle, .tableWarrantyClaimList .iWarrantyStatus, .tableWarrantyClaimList .tCheck { padding-left: 0; }
    .tableWarrantyClaimList .tStatus { width: 115px; }
    .tableWarrantyClaimList .tPO { width: 10%; max-width: 140px; }
    .tableWarrantyClaimList .tProducts { width: 20%; }
    .pageWarrantyDetails .formGroupWarrantyStatus { width: 282px; }
    .pageWarrantyDetails .formGroupWarrantyResolution { width: calc(100% - 282px); padding-left: 46px; }
        .pageWarrantyDetails .formGroupWarrantyStatus .btn { width: 90px; }
        .pageWarrantyDetails .formGroupWarrantyResolution::after { top: 46px; left: 20px; }
    .pageWarrantyDetails .noUpdatePermission section { padding-bottom: 40px; }
        .pageWarrantyDetails .noUpdatePermission .formGroupWarrantyStatus2 { width: 160px; }
        .pageWarrantyDetails .noUpdatePermission .formGroupWarrantyResolution { width: calc(100% - 240px); padding-left: 80px; }
            .noUpdatePermission .formGroupWarrantyResolution::after { left: 24px; top: 28px; }

    .tableInspectProductList td { font-size: 13px; }

}

@media screen and (max-width: 980px) and (min-width: 801px) {    

    .header .navbar { /*padding-top: 20px;*/ padding-top: 24px; }
        .accountAvatar { width: 24px; height: 26px; }
            .accountAvatar.iSVG::after { left: 4px; bottom: 4px;}
    header .headerNav-New { min-height: 64px; margin-top: 15px; }
        /*.headerNav-New ul > li + li { margin-left: 10px; }*/
        .headerNav-New a { font-size: 9px; }
            .nNavItem > a { padding-top: 38px; }
            .headerNav-New li.open .dropdown-toggle span::after { /*top: 75px;*/ top: 90px; }

    .biUpdate .bButtonLite.bUpdate, .biDelete .bButtonLite.bDelete { top: 18px; }   
    
    .pageReportsSelloutTrendsByCustomer .radioSquares.radioDouble .btn { padding: 30px 10px; }
    
    .barFilterCompliance .flexColumn { flex-direction: unset; justify-content: flex-start; }
        .barFilterCompliance .fgComplianceNASwitch { margin-bottom: 0; }

}

@media screen and (max-width: 980px) and (min-width: 768px) {
   
    .pageQuick tr .tbItemSkU .alert-redAlert { top: 7px; }
    .pageQuick .bProductInfoWrap .bProductInfo { top: -5px; }

    .pageContainerLoad .biHead.in th.biPrice { width: auto; padding-right: 0; }
        .pageContainerLoad .biHead.in th.biPrice span { width: 100px; }
    .pageContainerLoad .biHead.in th.biTotalCost { padding-left: 0; padding-right: 0; }
    
    .pageExceptions section h3 { font-size: 30px; }
    .exceptionList.rTable-767 .exlException .iAlert { padding-left: 25px; }
        .exceptionList.rTable-767 .exlException .iAlert::after { margin-top: -9px; }

    .rTable-767 .tPercent { width: 80px; }
    .tableUserSalesTeam td.tiName { font-size: 18px; }
    .taskScheduledList h4 { font-size: 15px; }

    .tableRevenueSummary.rTable-767 td { font-size: 13px; padding-left: 5px; padding-right: 5px; }
        .tableRevenueSummary.rTable-767 td:first-of-type { padding-left: 0; }
        .pageReports .tableRevenueSummary.rTable-767 .tTitle { padding-left: 30px; }
        .pageReports .tableRevenueSummary.rTable-767 .tPercent, .pageReportsTrends .tableRevenueSummary.rTable-767 td:last-of-type { padding-right: 30px; }
        .tableRevenueSummary.rTable-767 .tNum span, .tableRevenueSummary .tNum .marginSub { width: 90px; }
            .tNum .marginSub sub { right: -8px; font-size: 90%; }
        .pageReports .tableRevenueSummary.rTable-767 h4 { font-size: 16px; }
        .tableRevenueSummary.rTable-767 .tRevenueOther { padding-right: 0; }
        .pageReports .tableRevenueSummary .tRevOtherList .tTitle { width: auto; }
        .pageReports .tRevOtherOverview.rTable-767 .tNum, .pageReports .tableRevenueSummary .tRevOtherList .tNum, 
            .pageReportsMargin .tableMarginDetails .tRevOtherOverview.rTable-767 .tNum, .pageReportsMargin.pageReports .tableRevenueSummary .tRevOtherList .tNum { width: 16%; }
        .pageReports .tRevOtherOverview.rTable-767 .tPercent, .pageReports .tableRevenueSummary .tRevOtherList .tPercent { width: 80px; }
        .pageReports .rTable-767.tableMarginSummary .tPercent, .pageReports .rTable-767.tableMarginDetails .tPercent { width: 120px; }    
    .pageReportsTrends .panelReportGrossProfitTrend .tRevOtherList.tableList .tNum, .panelReportGrossProfitTrend .tableGrossProfit .tRevOtherList.tableList .tNum:last-of-type { width: 25.6% !important; }
    .pageReportsTrends .panelReportGrossProfitTrend .tableRevenueSummary .tRevOtherOverview.tableRevenueSummary .tNum { width: 15.7% !important; }
    .pageReportsTrends .panelReportGrossProfitTrend .tableRevenueSummary .trTotal .tNum { width: 16.2%; }
    .pageReportsSelloutByProduct .radioSelloutTerritory.radioDouble .btn { padding-left: 20px; padding-right: 20px; }

    .twinHead.avatarProduct .avatarProductWrap { top: 5px; }

    .tableInspectorList .iCFA:not(.noData) { width: 32px; height: 32px; padding: 0; } 
        .tableInspectorList .iCFA:not(.noData)::after { width: 32px; height: 32px; top: 4px; /*background-position-x: -50px;*/ }
            /*.tableInspectorList .tInspectionCFA .iCFALevel01::after { background-position-y: 0; }
            .tableInspectorList .tInspectionCFA .iCFALevel02::after { background-position-y: -50px; }
            .tableInspectorList .tInspectionCFA .iCFALevel03::after { background-position-y: -100px; }
            .tableInspectorList .tInspectionCFA .iCFALevel04::after { background-position-y: -150px; }
            .tableInspectorList .tInspectionCFA .iCFALevel05::after { background-position-y: -200px; } */           
        .rowDisabled:not(:hover) .iCFA:not(.noData)::after { background-position-x: -150px !important; }        

    .filterBillOfMaterials .form-group { width: calc(30% - 20px); } /* 30% - 60px / 3 */
        .filterBillOfMaterials.barFilterGrey .fgProductsCategory { width: calc(40% - 20px); margin-right: 0; }
        .filterBillOfMaterials .fgProductsFactory { width: calc(64% - 50px); }   
        .filterBillOfMaterials .fgProductsFilterArchive { width: calc(36% - 50px); } /* 40% - 100px / 2 */   
            .filterBillOfMaterials .fgProductsFilterArchive .checkBox label { gap: 20px; }
                .filterBillOfMaterials .fgProductsFilterArchive strong { width: calc(100% - 50px); }

    .tableProductsList.tableList { font-size: 13px; }
        .tableProductsList .tTitle { width: 150px; }
        .tProductsRange .sz6 { font-size: 13px; }
        .trProductsMulti-Head > td { padding-bottom: 10px; }
    .tableProductDocsList .tDate span { width: 100px; }

    /*.pageSourcing h1::after { top: 8px; }*/
    .npdCategoryLights li { width: 45px; }
    .sourcingReportHeadButtons { top: 0; right: 0; }
        /*.sourcingReportHeadButtons .bEdit::after { background-position-y: -46px; }
        .sourcingReportHeadButtons .bDelete::after { background-position-y: 4px; }*/

    .pageError h1::after { top: 2px; left: -1px; }

}

@media screen and (max-width: 980px) and (min-width: 681px) { 
    
    .headerNav{ margin-top: 10px; padding-right: 25px; }
        .header .navbar::before { 
            content:''; 
            position: absolute;
            width: 100%; 
            height: 6px;
            bottom: 0;
            left: 0;
            background: #b0b0ad; }
        /*.header .navbar { width: calc(100% - 64px); }*/
        .headerLogo { margin-top: -10px; }
        .headerNav li:not(.--hidden):not(.-more) { flex-basis: 65px; max-width: 70px; }
            .headerNav li.nWarehouses { max-width: 75px; }
            .headerNav a, .headerNav button { font-size: 10px; }
            .headerNav .-primary .-more { margin-left: 16px; }
                .headerNav .-more > button { padding-top: 45px; }
                .headerNav .-secondary li { max-width: 100% !important; }
                .headerNav .--hidden { max-width: unset; }
            /*.headerNav-New */.headerNavList > li > a::after { 
                /*width: 32px;
                height: 28px;
                margin: -30px 0 0 -16px;
                background-image: url(../images/iSprite.png);
                background-position-x: -250px;*/

                width: 30px; 
                height: 30px; 
                margin: -30px 0 0 -15px; 
                /*background: url(../images/iSprite.png) no-repeat -250px 0;*/ }
            /*.headerNavList .nDashboard a::after { background-position-y: -3550px; background-position-x: -350px; }            
            .nSales.nNavItem > a::after { background-position-y: -5700px; }
            .nLogistics.nNavItem > a::after { background-position-y: -5750px; }
            .nAccounts.nNavItem > a::after { background-position-y: -5800px; }
            .nMarketing.nNavItem >  a::after { background-position-y: -4850px; }
            .nNPD.nNavItem > a::after { background-position-y: -5100px; }
            .headerNavList .nQC.nNavItem >  a::after { background-position-y: -5850px; background-position-x: -300px; }
            .nTechnical.nNavItem >  a::after { background-position-y: -3500px; }
            .headerNavList .nAdmin.nNavItem >  a::after { background-position-y: -5900px; background-position-x: -350px; }*/
            .nProductLibrary.nNavItem >  a::after { background-position-y: -5950px; }
            .navSecondary span { font-size: 13px; }
            .navSecondary::after { width: 36px; height: 36px; }

            .nAccountWrap { /*width: 60px;*/ /*padding-top: 26px;*/ /*padding-top: 10px;*/ right: 30px; }
                .nAvatar { height: 70px; }
                    .nAvatar span, .nAvatar img { width: 48px; height: 48px; }
                        .nAvatar span { top: 6px; background-position-y: -1500px; }
                            .deptSA.nAvatar span { background-position-y: -1600px; }
                            .deptLG.nAvatar span { background-position-y: -1700px; }
                            .deptAC.nAvatar span { background-position-y: -1800px; }
                            .deptNP.nAvatar span { background-position-y: -1900px; }
                            .deptQC.nAvatar span { background-position-y: -2000px; }
                            .deptTS.nAvatar span { background-position-y: -2100px; }
                            .deptIT.nAvatar span { background-position-y: -2300px; }
                            .deptMG.nAvatar span { background-position-y: -2200px; }
                            .deptMA.nAvatar span { background-position-y: -2400px; }

                    .nAvatar::before { 
                        width: 52px; 
                        height: 52px; 
                        left: 4px;
                        top: 4px; 
                        border-width: 2px; }
                    .nAvatar::after { width: 60px; height: 60px; border-width: 3px; }  
                        .nAvatar:hover::after { border-width: 4px; }
                    .nAvatar h5, .nAccountWrap { font-size: 11px; }
                    .nAccountWrap .nAccountName { font-size: 13px; }
                    /*.nLogout { top: 6px; left: 7px; }
                    .nAccount { top: 6px; right: 70px; }*/
    /*.headerNavList .nNavItem { flex: 0 0 65px; }*/
    
    .contentHead { padding-top: 10px; } 
     
    .topTabs-r680 .navTabButton .bButton { justify-content: flex-start; }
        .topTabs-r680 .navTabButton span { width: 100%; }
        .navTabButton.spinWrap .spinRingu { top: -43px; }
            .pageWarrantyDetails .navTabButton .bButton, .pageInspectionDetails .navTabButton .bButton {
                flex-direction: column; 
                justify-content: center;
                align-items: flex-start; 
                line-height: 1.3; 
                padding-left: 8px; 
                text-align: left; }

    .panelOrderAddressWrap { width: calc((100% - 50px) / 2); }
        .panelOrderAddressWrap.orderAddressDelivery { margin-left: 0; }

    .pageTrackingList .barFilter.barFilterTracking { grid-template-columns: 1fr 1fr; gap: 20px 30px; }
        .barFilterTracking.barFilter .form-group { margin-bottom: 0; }
        .fgTrackingFilterArchive, .fgTrackingFilterSupplier, .fgTrackingOnSchedule { order: unset; }
        .fgTrackingFilterCustomer, .fgTrackingFilterSupplier { grid-row: 2; }
        .barFilterTracking .radioFilter { grid-column: 1 / span 2; }
            .barFilterTracking .fgTrackingAlertStatus { grid-row: 3; }
                .fgTrackingAlertStatus.radioFilter.radioDouble .btn { height: 80px; padding-top: 40px; }
                    .fgTrackingAlertStatus .btn::after { 
                        /*width: 32px; height: 26px; margin-left: -16px; background: url(../images/iSprite.png) no-repeat 0 -6100px;*/ 
                        width: 30px; height: 30px; margin-left: -15px; }
                    .fgTrackingAlertStatus.radioFilter.radioDouble .bTrackingAlert-HandoverExpired.btn { padding-top: 45px; }
                        .fgTrackingAlertStatus.radioFilter.radioDouble .bTrackingAlert-HandoverExpired.btn::after { top: 10px; }
                        /*.bTrackingAlert-NoWarning.btn::after { background-position-x: -300px; background-position-y: -60px; }*/
                        /*.bTrackingAlert-HandoverExpired.btn::after { background-position-x: -50px; }
                        .bTrackingAlert-30Days.btn::after { background-position-x: -100px; }
                        .bTrackingAlert-07Days.btn::after { background-position-x: -150px; }
                        .bTrackingAlert-Unresolved.btn::after { background-position-x: -200px; }
                        .fgTrackingAlertStatus .btn:active::after, .fgTrackingAlertStatus .btn.active::after { background-position-y: -6150px; }
                            .bTrackingAlert-NoWarning.btn:active::after, .bTrackingAlert-NoWarning.btn.active::after { background-position-x: 0; }
                            .bTrackingAlert-HandoverExpired.btn:active::after, .bTrackingAlert-HandoverExpired.btn.active::after { background-position-x: -50px; }
                            .bTrackingAlert-30Days.btn:active::after, .bTrackingAlert-30Days.btn.active::after { background-position-x: -100px; }
                            .bTrackingAlert-07Days.btn:active::after, .bTrackingAlert-07Days.btn.active::after { background-position-x: -150px; }
                            .bTrackingAlert-Unresolved.btn:active::after, .bTrackingAlert-Unresolved.btn.active::after { background-position-x: -200px; }*/
            .barFilterTracking .fgTrackingTerms, .barFilterTracking.barFilter .arrowSq { grid-row: 4; }
            .barFilterTracking .radioFilter { display: flex; }
                .barFilterTracking .fgTrackingTerms .btn { width: 95px; height: 64px; padding-top: 34px; }
                    .fgTrackingTerms .btn::after { width: 24px; height: 24px; margin: -2px auto 0 -12px; }

        .pageTrackingList .barFilter .hoverSlide { margin: 0 0 0 auto; }
    
    .barFilterExpenditure .fgFilterDate { display: flex; margin-right: 30px; }
        .barFilterExpenditure .fgFilterDateWrap label { display: flex; align-items: center; width: 60px; }
        .barFilterExpenditure .fgFilterDateWrap .onewDateWrap { width: calc(100% - 60px); }
    
    .pageReportsBreakdown .filterReportsBreakdown.barFilterGrey { 
        grid-auto-flow: row; 
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr; 
        gap: 30px 50px; }
        .filterReportsBreakdown .form-group { grid-area: auto; }
            .filterReportsBreakdown .fgDateFrom { grid-area: 1 / 1; }
            .filterReportsBreakdown .fgDateTo { grid-area: 1 / 2; }
            .filterReportsBreakdown .fgBreakdownProductCustomer { order: 3; grid-area: 2 / span 2 / auto / auto; }
            .filterReportsBreakdown .fgSalesManager { order: 4; grid-area: 3 / 1; }
            .filterReportsBreakdown.barFilterGrey .fgCategory { order: 5; grid-area: 4 / 1; }
            .filterReportsBreakdown.barFilterGrey .fgSupplier { order: 5; grid-area: 4 / 2; }
            .filterReportsBreakdown .fgCountry { order: 4; grid-area: 3 / 2; }
            .filterReportsBreakdown.barFilterGrey .hoverSlide { grid-area: 5 / 2; margin-top: 0; }
        .pageReportsSellout .radioSelloutTerritory.radioDouble .btn { width: unset; }
            .pageReportsSellout .radioSelloutTerritory.radioDouble .btn, .pageReportsSellout .radioSelloutTerritory.radioDouble .btn label { white-space: unset; }
        .radioSelloutTerritory + .arrowSq .submitArrow { padding-top: 43px; }
            .radioSelloutTerritory + .arrowSq.hoverSlide::before { margin-top: -18px; }


    .pageReportsCountry .filterReportsByCountry.barFilterGrey { gap: 20px 30px; }
        .filterReportsByCountry .fgDateFrom { grid-area: 2 / 1 / 2 / 2; }
        .filterReportsByCountry .fgDateTo { grid-area: 2 / 2 / 2 / 2; }
        .fgByCountryProductCustomer { grid-area: 1 / 1 / 2 / span 2; }
        .reportsCountryWrap .filterReportsBreakdown.barFilterGrey .hoverSlide { grid-area: 3 / 2 / 4 / 2; }

    /*.buttonBarSpares { margin: 10px 0; }*/ /*temp whilst only 1 button */

    .pageWarranty .topTabs .fontBlack span { text-align: left; }
    .fgWarrantyKeyword { float: left; width: 48%; }
        .fgInspectedBy { margin-right: 4%; }
    .fgInspectResult { width: 315px; }
    .fgCFA { width: 280px; margin-top: 0; }
    .filterInspectRight { margin-top: 10px; }
        .filterInspectDateWrap { width: 595px; }
        .fgInspectionType { width: 280px; margin-right: 0; }
            .fgInspectionType .radioDouble .btn { width: 138px; }
    
    .panelProductsImages .dropzone .dz-preview { width: calc((100% - 30px) / 4); margin-right: 10px; }
        .panelProductsImages .dropzone .dz-preview:nth-of-type(4n+1) { margin-right: 0; }
    .panelProductSKUAlert .iIcon { padding-top: 4px; }

    .panelClassingOtherList a { width: calc(96% / 3); }
        .panelClassingOtherList a:nth-of-type(3n + 1) { margin-left: 0; }

    .npdListItem { min-height: 60px; }
    .npdListTitle { min-height: 42px; }
        .npdListPercent { 
            width: 60px;
            height: 60px;
            padding: 12px 0 0 20px; 
            font-size: 21px; }
            .npdPercent0 .npdListPercent { background-position-y: -4600px; padding-left: 26px; }
            .npdPercent25 .npdListPercent { background-position-y: -4500px; }
            .npdPercent50 .npdListPercent { background-position-y: -4400px; }
            .npdPercent75 .npdListPercent { background-position-y: -4300px; }
            .npdPercent95 .npdListPercent { background-position-y: -4200px; }
            .npdPercent100 .npdListPercent { background-position-y: -4100px; padding-left: 14px; }
    .npdListTitle h2 { font-size: 15px; }

}

@media screen and (max-width: 980px) and (min-width: 601px) {   
  
    .headerLogo { width: 100px; }

    .selectizeSearch { width: 300px; }
        .selectizeSearch .selectize-control .selectize-dropdown { font-size: 12px; }
            .selectizeSearch .flexColumn span:first-of-type { font-size: 13px; }

    .barButtons .bButton.bDouble.bGrey, .bButton.bConfirm.bEmpty { width: 23.5%; padding: 30px 10px 0; }
        .bButton.bDouble.bOrder:not(.bSubmitXLWrap):not(.bSearchDoc) { width: 23.5%; padding: 30px 10px 0; }
            .pageOrders .bButton.bDouble.bOrder, .pageOrders .barButtons .bButton.bDouble.bGrey { min-width: unset; }
        .bButton.bDouble.bOneWord { padding-top: 40px!important; }
            .pageBasket .barBasketButtons > .bButton.bDouble:not(.bOrder):last-of-type { top: 0; }
    .pageBasket .barBasketButtonWrap { width: 23.5%; }
        .pageBasket .barBasketButtonWrap .bButton.bDouble.bGrey { width: 100%; }
    .barButtonContainers { width: calc(100% - 25.5%); }
        .pageContainerLoad .barButtons .bButton { min-width: 140px !important; }
        .pageContainerLoad .barButtons .bReStart { margin-right: 2%; }

    .rTable-980 td:before { left: 30px; }
    
    .addNew.r980 .form-group { align-items: center; margin: 0 0 15px; }
        .addNew.r980 label { margin: 0 20px 0 0; }
        .addNew.r980 .form-control, .addNew.r980 .onewDateWrap { margin: 0; }

    .pageBasic h1.hOrderStatus::after, .pageSourcing h1::after, .pageWarrantyDetails.pageBasic h1::after { top: unset; }

    .revPanelProducts h3 { padding-left: 50px;}
        .revPanelProducts h3::after { width: 40px; height: 30px; top: 2px; background-position-x: -260px; }

    h3.sectionTitle.iconTitle { padding-left: 45px; }
        h3.sectionTitle.iconTitle::after { 
            width: 33px;             
            height: 26px; 
            top: 3px; 
            background-image: url(../images/iSprite.png); 
            background-position-x: -50px; }
                .revPanelProducts h3.iconTitle::after { background-position-y: -1400px; }
                .revPanelInfo h3.iconTitle::after { background-position-y: -2950px; }
            
    .revPanelShipTo h3::after { background-position-y: -3000px; }
    .revPanelSoldTo h3::after { background-position-x: -280px; background-position-y: -1500px; }

    .tableOrderHistory.rTable-600 td { font-size: 14px; }
    .tableOrderHistory .tDate { width: 140px; }

    .exlCusSKU .exlCodeReq { left: calc(30% + 220px); font-size: 13px; }
    .exlPrice .form-control { width: 75px; }

     h3.sectionTitle.iconTitle::after { background-position-x: -350px; }  
    .revPanelProducts h3.iconTitle::after, .pageExceptions .revPanelSoldTo h3.iconTitle::after { background-position-x: -280px; }

    .pageTracking h1.twinHead::after { top: 50%; margin-top: -21px; }
    .tableTrackerHistory .tDate { width: 120px; }
    .pageTrackingInspections .barButtons .bOneWord { padding-top: 30px !important; }
        .pageTrackingInspections .barButtons .bOneWord::after { top: 8px !important; }
        .pageTrackingInspections .barButtons .bOneWord br { display: block; }
        
    .pageCustomers .barFilterGrey { padding-bottom: 10px; }  
    .pageCustomers .bButton.bDouble.bOrder { padding-top: 40px; }
    .pageCustomerStockCode .addNew label { width: 35%; }
    .pageCustomerStockCode .addNew .form-control, .pageCustomerStockCode .addNew .selectize-control { width: 65%; }

    .pageReportsSellout .barButtons .bButton.bBack { min-width: 200px; }

    .pageBasic h1.avatarUser::after { top: -8px; }

    .pageStockUpdate .bUpdateCSVWrap .bUpdateCSV.bButton.bDouble, .pageStockUpdate .bButton.bDouble.bReturn, .pageStockUpdate .bDownloadCSVWrap .bButton.bDouble { min-width: 150px !important; }    
    
    .pageSnippitz h1.twinHead { padding-left: 55px; }
    
    .filterWarrantyProduct.barFilter .fgWarrantySupplier, .filterWarrantyProduct.barFilter .fgWarrantyDateTo { margin-left: 30px; }
        .filterWarrantyProduct .fgWarrantyType { width: calc((100% - 30px) * 0.35); }
        .filterWarrantyProduct .fgWarrantySupplier { width: calc((100% - 30px) * 0.65); }
        .filterWarrantyProduct .fgWarrantyDate { width: 220px; }
            .filterWarrantyProduct.barFilter .fgWarrantyDateFrom { margin-left: 0; }
        .filterWarranty .arrowSq { margin-left: auto; }
    .panelWarrantyProductDetails > div:not(:last-child) { padding-right: 15px; }
        .panelWarrantyProductSerial { padding-right: 0 !important; }
    .panelWarrantyProductCondition.form-group .form-control-50.form-control { width: 70%; }

    .pageSparesDash .contentHead { margin-top: 0; }
        .pageSparesDash .h1MenuWrap { padding-bottom: 20px; }

    .tableInspectionForthcomingProduct .tThumb { width: 60px; }

    .photoWrap li:nth-of-type(5n) { margin-right: 0; }

    .pageProductsList .barFilterGrey { flex-wrap: wrap; padding-bottom: 20px; }
        .pageProductsList .barFilterGrey .form-group { flex-wrap: wrap; width: calc(50% - 15px); }
        .pageProductsList .barFilterGrey .fgProductsRange, .pageProductsList .barFilterGrey .fgProductsFactory { margin-right: 0; }
        .pageProductsList .barFilterGrey .hoverSlide { margin: 0 0 0 auto; align-self: flex-end; }

    .tableProClassDocType th, .pageProductClassDocTypes .addNew label { font-size: 13px; }
    
    .pageProductDocsSubmitted .barFilter { padding-bottom: 20px; }
    .pageProductDocs .barButtons .bButton.bDouble.bGrey { min-width: 175px; }

    .pageNPDAdmin h1:not(.h1Alt) { display: none; }
    .pageNPDAdmin .h1Alt { display: block; }

    .myBasicDetails.left { margin-right: 30px; }

}

@media screen and (max-width: 980px) and (min-width: 481px) {   
        
    .tThumb .thumb, .basketList .thumb img, .pageContainerLoad .slideThis .addExtraImage img { width: 50px; height: 50px; }

    .pageContainerLoad .basketList .biTotalCost span { margin-right: -20px; }

    .formGroupWarrantyStatus .radioDouble .btn, .radioProductDocStatus.radioDouble:not(.radioProductDocExpiry) .btn, .radioWarrantyResolution.radioFilter .btn { height: 64px; padding-top: 40px; }
        .formGroupWarrantyStatus .radioDouble .btn { font-size: 12px; }
            .formGroupWarrantyStatus .radioDouble .btn::after, .radioWarrantyResolution.radioFilter .btn::after { top: 10px; }
    .barFilter .arrowSq, .barFilter .arrowSq .submitArrow { 
        width: 64px; 
        height: 64px; 
        color: transparent; 
        overflow: hidden; 
        text-indent: -9999px; }    
    .fgInspectionType .radioDouble .btn { height: 64px; padding-top: 30px; font-size: 12px; }
        .fgInspectionType .radioDouble .btn::after { top: 8px; }

    .radioProductDocStatus.radioDouble .btn::after { top: 12px; }

}

@media screen and (max-width: 950px) {

    .filterWarranty .formGroupWarrantyStatus, .filterWarranty .formGroupWarrantyStatus label { width: 100%; }
    .pageWarrantyByClaim .formGroupWarrantyResolution { padding: 20px 0 0 0; }
        .pageWarrantyByClaim .formGroupWarrantyResolution::after { 
            top: -2px;
            left: 228px; 
            bottom: unset; 
                ms-transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }    

}

@media screen and (max-width: 950px) and (min-width: 881px) {

    .pageCustomers .topTabs li a { font-size: 13px; }

}

@media screen and (max-width: 950px) and (min-width: 768px) {

    .tableTopTrumpsDash.rTable-767 tbody tr:nth-of-type(4) { display: table-row; }

}

@media screen and (max-width: 950px) and (min-width: 721px) {

    .gridTopTrumps li { max-width: 34%; }
        .gridTopTrumps li:nth-of-type(4) { display: none; }
    .wrapSpares-FutureSales .gridTopTrumps { grid-template-columns: 1fr 1fr 1fr; }
        .wrapSpares-FutureSales .gridTopTrumps li { display: flex; }

}

@media screen and (max-width: 950px) and (min-width: 681px) {
    
    .pageWarrantyByClaim .formGroupWarrantyResolution { width: 462px; } 
    .filterWarranty.barFilter .arrowSq { margin-left: auto; }

}

@media screen and (min-width: 941px) {

    .useO-Dept { display: flex; }

}

@media screen and (max-width: 940px) {

    section.oWrap, .panel800, .panel800L, .myBasicDetailsWrap { width: 100%; }    
    .exDeliveryPanelAddress .panel800 { width: 100%; padding: 0 30px; }

    .radioDept.radioDouble.btn-group .btn { flex: 1; }

}

@media screen and (min-width: 921px) {

    .tableProductClassingDocs { width: 800px; }

}

@media screen and (max-width: 920px) {

    .radioDouble .btn { padding: 40px 10px 10px; }    

    .pageOrders:not(.pageExceptions):not(.pageBasket) label { font-size: 18px; }
    
    section.filterSelloutTerritory { width: 100%; }
        .bSquareList:has(li + li + li + li + li) { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; width: 100%; min-width: unset; }

    .tProductClassingDocs { width: 115px; }
    .tableProductClassingDocs td .fcNoControl { width: 100%; }

}

@media screen and (max-width: 920px) and (min-width: 841px) { 

    /*.tableSelloutTrendYear.tableSelloutYear.rTable-840 td.tNum span { width: 45px; }*/

}

@media screen and (min-width: 881px) {
    
    .dashDeptHead-NP h1 strong { letter-spacing: -2px; }

    .topTabs-r880 .collapseThis { display: block; height: auto !important; }
        .topTabs-r880 .collapseThis ul { display: flex; flex-flow: row nowrap; } 
        
    .pageOrders .numOfProducts { float: right; }
    
    /*.pageCustomers .topTabs ul { justify-content: stretch; }
        .pageCustomers .topTabs li { flex: 1; min-width: unset; }  */
            .pageCustomers .topTabs li:empty { display: none; }
    
    .pageProductDocsSubmitted .barFilter .hoverSlide { margin: 0 0 0 auto; }

    .modalW800 .modal-dialog { width: 800px; margin: 30px auto; }

}

@media screen and (max-width: 880px) {

    .dashTopPanel { flex-wrap: wrap; }
        .dashDepartmentDetail { margin-right: 0; }
        .dashDeptDetailList li { height: 100px; }
        .pageDash .doughnutPanel { width: 100%; }
        .pageDash .doughnutPanel, .dashDepartmentLinks { margin-top: 40px; padding-top: 20px; }
            .pageDash .doughnutPanel h2 { text-align: center; margin: 0 0 10px; }
    .dashLG .dashDeptDetailList { flex-wrap: wrap; height: unset; margin-top: 40px; }
        .dashLG .dashDeptDetailList li { flex: unset; width: calc((100% - 9px) / 4); }        
        .dashLG .dashDeptDetailList li:nth-of-type(n + 5) { margin-top: 3px; }
        .dashLG .dashDeptDetailList li:nth-of-type(5n) { margin-left: 0; }

    .topTabs-r880 .tabToggle { display: block; }
        .topTabs-r880 .bButton { text-align: center; }
    .topTabs-r880 .collapeThis { flex-direction: column; }
        .topTabs-r880 ul, .topTabs-r880 li { width: 100%; }
            .topTabs-r880 .topTabs a { 
                min-height: unset; 
                margin: 0 0 6px; 
                padding: 12px 5px; 
                line-height: normal; 
                transition: background ease-in 0.3s; }
            .topTabs-r880 li + li a { margin-left: 0; }
                .topTabs-r880 .active a { height: unset; margin-bottom: 6px; padding: 12px 5px; border-radius: 4px; }
        .topTabs-r880 .spinWrap { position: relative; }
            .topTabs-r880 .bTabButton { width: 100%; height: 42px; line-height: 42px; }
                .topTabs-r880 .bTabButton::after { top: 6px; }
                .topTabs-r880 .spinRingu { top: -33px; right: calc(-100% + 34px); }
        .topTabs-r880 .nTabDouble br { display: none; }

    .basketContainer { padding-bottom: 5px; }
        .conOptionWrap { width: 92px; }
            .conOptionWrap h4 { font-size: 18px; }
                .pageBasket .conFullSKU .iContainerWrap:not(:last-of-type) { margin-right: 20px; }
                .basketContainer h5 { margin-bottom: 5px; }
                    .basketContainer h5 span { display: none; }
        
    .pageBasket .conRight:not(.conFullSKU) /*, .pageReview .conRight:not(.conFullSKU)*/ { max-width: 270px; }
        .pageBasket .conOptionWrap /*, .pageReview .conOptionWrap*/ { float: right; width: auto; }
        .pageBasket .conOr /*, .pageReview .conOr*/ { float: none; margin: 5px 0 10px 25px; }
            .pageBasket .basketContainer br /*, .pageReview .basketContainer br*/ { display: block; }
            .pageBasket .conOptionWrap h4 /*, .pageReview .conOptionWrap h4*/ { 
                float: left; 
                margin: 14px 20px 0 0; 
                text-align: right; 
                font-size: 13px; 
                line-height: 18px; }
                .pageBasket .conOptionWrap h4 strong /*, .pageReview .conOptionWrap h4 strong*/ { font-size: 24px; }
            .pageBasket .basketContainer .iContainerWrap:first-of-type /*, .pageReview .basketContainer .iContainerWrap:first-of-type*/ { margin-right: 20px; }

        .iContainer .conPercent , .basketContainer .iContainer .conPercent { width: 32px; line-height: 30px; font-size: 15px; }  
        .iContainer { width: 92px; }
            .basketContainer .iContainer { float: left; }
            .pageBasket .conOr { float: none; margin: 68px 30px 0; font-size: 15px; font-weight: bold; }
            .iContainer , .iContainer > div , .iContainer .conZebra , .iContainer .conPercentFill { height: 30px; }
            .iContainer .conPercent { width: 32px; line-height: 30px; font-size: 15px; letter-spacing: normal; } 
            .iContainer .conFill { width: 58px; margin-left: 2px; } 
            .iContainer .conZebra { 
                    background: none;           
                    background: -webkit-repeating-linear-gradient(to right, transparent, transparent 4px, rgba(255, 255, 255, 0.7) 2px, rgba(255, 255, 255, 0.7) 6px);  /* Safari 5.1 to 6.0 */  
                    background: -o-repeating-linear-gradient(to right, transparent, transparent 4px, rgba(255, 255, 255, 0.7) 2px, rgba(255, 255, 255, 0.7) 6px); /* Opera 11.1 to 12.0 */
                    background: -moz-repeating-linear-gradient(to right, transparent, transparent 4px, rgba(255, 255, 255, 0.7) 2px, rgba(255, 255, 255, 0.7) 6px); /* Firefox 3.6 to 15 */   
                background: repeating-linear-gradient(
                  to right,
                  transparent,
                  transparent 4px,
                  rgba(255, 255, 255, 0.7) 2px,
                  rgba(255, 255, 255, 0.7) 6px); }   
            .conMultiple { 
                width: 26px; 
                height: 26px; 
                padding-top: 2px; 
                top: 2px; 
                right: 16px; 
                font-size: 16px; }   
    .basketContainer h4 { font-size: 18px; margin-top: 13px; }    

    .barTotal td { width: 160px; }
    .slideThis .addExtraQty .form-control { padding-left: 4px; }
        .addExtraButton .bButton { padding: 0 35px 0 10px; }
        .addExtraButton .bButton::after { right: 7px; }
        .basketList , .basketList h5 span , .slideThis .addExtraName h5 , .addExtraButton .bButton , .basketList .form-control { font-size: 15px; }
        .basketList .form-control { padding-left: 4px; }

    .pageContainerLoad.pageBasket .basketContainer .iContainerWrap { margin-right: 0 !important; }
        .pageContainerLoad.pageBasket .basketContainer .iContainerWrap + .iContainerWrap { margin-left: 20px; }

    .filterPage li a { font-size: 15px; }
        .pageExceptions .filterPage label { margin-top: 5px; }

    .alertOverdue .alertItem:nth-of-type(n+2) { margin-left: 30px; }

    .pageMyAccount .myBasicDetails .sectionHead { margin-bottom: 10px; }
        .pageMyAccount .myBasicDetails .bButton { width: 100%; }
    .myAvatar.myBasicDetails { min-height: 520px; }
        .myAvatar.myBasicDetails .barButtons { height: 120px; }
            .myAvatar.myBasicDetails .bButton { margin: 0 0 20px; }
            .myAvatar.myBasicDetails .bSaveAvatar.bButton { margin-top: 5px; }
            .myBasicDetails .passwordChangedWrap .bButton { width: auto; margin: 0; }
         
    .fgRadioSelloutTerritory { margin: 50px 0; }
    .pageReportsSelloutTrendsByCustomer .radioSquares.radioDouble { grid-template-columns: 1fr 1fr 1fr; max-width: 600px; margin: 0 auto; }
            .pageReportsSelloutTrendsByCustomer .radioSquares .btn + .btn, .pageReportsSelloutTrendsByCustomer .radioSquares .arrowSqWrap { margin: 0; }

    .nCusKeyAccount .iconTab { height: 28px; }
    .sideNavCustomer.sideNav { width: 160px; margin-right: 30px; }
    .contentCustomerRevenue { width: calc(100% - 190px); }
    .tableCusRevenue.rTable-840 .tInvoice { padding-left: 20px; }
    
    .fgTopSalesKeyword, .fgTopSalesRange { width: calc((100% - 30px) * 0.5); }
    .fgTopSalesCategory { width: calc((100% - 30px) * 0.65); }
    .fgTopSalesTerritory { width: calc((100% - 30px) * 0.35); }

    .filterWarrantyProduct .fgWarrantyYear { width: auto; max-width: unset; margin-left: 0; } 
    .panelWarrantyProductHead { flex-wrap: wrap; }
        .panelWarrantyProductName { width: 100%; }
            .panelWarrantyProductName h3 { display: inline-block; padding-right: 45px; }
                /*.panelWarrantyProductName .iWarrantyBig::after,*/ .panelWarrantyProductName .bEdit { top: 0; }
    .panelWarrantyProductHead .panelWarrantyProductStatus, .panelWarrantyProductHead .panelWarrantyProductSupplier { padding-bottom: 10px; }
        .panelWarrantyProductHead .panelWarrantyProductStatus { margin-right: 20px; }

    .filterInspectionForthcoming { flex-wrap: wrap; }
        .filterInspectionForthcoming .fgInspectSupplier { width: 100%; margin-right: 0; }
        .filterInspectionForthcoming .fgFilterDateWrap { width: calc(100% - 70px); }

    /*.sideNavProductSourcing { width: 100%; }
        .sideNavProductSourcing ul { flex-direction: row; } 
            .sideNavProductSourcing ul::after { 
                border-bottom: solid 3px #c7c7c6; 
                left: 0; 
                right: 0; 
                bottom: -3px; 
                border-right: none; }
                .sideNavProductSourcing li { width: calc(100% / 3); border-bottom: none; }
                    .sideNavProductSourcing li + li { border-left: solid 3px #c7c7c6; }
                    .sideNavProductSourcing a { align-items: center; width: auto; padding: 0 10px; }
                        .sideNavProductSourcing strong { font-size: 21px; text-align: center; }
                        .sideNavProductSourcing a span { font-size: 15px; }
                .sideNavProductSourcing .active::after { 
                    border-right: none; 
                    border-bottom: solid 3px #FFFFFF;
                    top: 0;
                    right: 0; 
                    bottom: -3px; 
                    left: 0; }
                    .sideNavProductSourcing .active a { padding: 30px 10px 0; }
                        .sideNavProductSourcing .active a::after { top: 10px; left: 50%;
                            margin: 0 0 0 -21px; }*/
        /*.panelProductSourcingOverview .bAddNew { position: relative; margin-left: auto; }*/
    /*.hSingleSource { width: auto; }*/
        /*.hSingleSource ~ .panelProductSourcingOverview .bAddNew { width: auto; }*/
        /*.panelProductSourcingAgent { margin-left: 0; padding-top: 20px; }*/
    .itemSKUSourceComponentDimension { flex-wrap: wrap; }
        .itemSKUSourceComponentDimension h5 { width: 100%; margin-bottom: 5px; }

    .pageProductDocsRequested .barFilter { padding-bottom: 30px; }
    .barFilter .fgProductDocStatus { width: 100%; margin-right: 0; }        
        .radioProductDocStatus.radioDouble.btn-group .btn { width: calc((100% - 20px) / 3); margin: 0 10px 10px 0; }

    .barFilter .fgProductDocDateTo { margin-right: 0; }

    .pageNPD:not(.pageNPDAdmin) .barFilter { padding-bottom: 0; }
     
}

@media screen and (max-width: 880px) and (min-width: 801px) {

    /*.headerNavList { justify-content: space-between; }*/

}

@media screen and (max-width: 880px) and (min-width: 768px) {

    .quickList tr.invalidBasketItem td:first-of-type { padding-left: 30px; }
        .pageBasic tr.invalidBasketItem .tbItemSkU .alert-redAlert { position: relative; height: 30px; padding-left: 24px; }
            .pageBasic tr.invalidBasketItem .tbItemSkU .alert-redAlert::before { left: 0; top: 6px; }
            .pageBasic tr.invalidBasketItem .tbItemSkU .alert-redAlert::after { left: 9px; top: 6px; }
    
    .panelOrderOverview { gap: 30px 30px; }
        .miniStack-XLSButton .bButton { min-width: 115px; }

    .pageWarrantyDetails .cirqueNumberTab { margin-top: -6px; }
    .tableWarrantyDocs .listWarrantyDocs-Download .iFiletype { width: 20px; padding-left: 0; color: transparent; text-indent: -9999px; }

}

@media screen and (max-width: 880px) and (min-width: 680px) {

    /*.headerNavList .nNavItem { flex: 0 0 55px; }*/
        .headerNav-New a { font-size: 9px; }

    .bSectionTop.bButton, .panelSKUSourceMasterCarton .bAdd { top: -4px; }

}

@media screen and (max-width: 880px) and (min-width: 601px) {
    
    .conFullSKU { position: relative; width: auto; padding-left: 160px; }
        .pageBasic .conFullSKU h4 { position: absolute; left: 0; }
    
    .pageCustomers .barFilterGrey .form-group { width: calc(50% - 10px); margin-right: 20px; } 
        .pageCustomers .barFilterGrey .form-group:nth-of-type(even) { margin-right: 0; }
    .pageCustomers .bButton.bSqAddCustomer { width: 40px; padding: 0; overflow: hidden; text-indent: -9999px; }
        .pageCustomers .bButton.bSqAddCustomer::after { right: 2px; } 
        
    .pageReportsSummary .barButtons .bButton.bDouble.bGrey { width: auto; }

    .filterWarrantyProduct .fgWarrantyType { width: 35%; }
    .filterWarrantyProduct .fgWarrantySupplier { width: calc(65% - 30px); }

    .barFilter .fgProductDocSupplier, .barFilter .fgProductDocType, .barFilter .fgProductDocKeyword, .pageProductDocsExpired .barFilter .form-group { width: 100%; margin-right: 0; }
    .barFilter .fgProductDocDate { width: calc(50% - 15px); }
        .radioProductDocStatus.radioDouble { flex-wrap: wrap; }
    .pageProductDocs .barFilter .hoverSlide { margin: 0 0 0 auto; }

}

@media screen and (max-width: 880px) and (min-width: 481px) {   

    /*.dashLG .dashDeptDetailList li:nth-of-type(3n + 1) { margin-left: 0; }*/ /* TEMP UNTIL DEBTOR TABLE ADDED */
        
    .basketList .thumb img { width: 50px; height: 50px; }
    .biHead .biQty span, .biHead .biPrice span, .biPrice .form-control { width: 90px; }
    .biQty .form-control { width: 145px; padding-left: 0 !important; }
    
    .radioProductDocStatus.radioDouble .btn:nth-of-type(3n) { margin-right: 0; }

}

@media screen and (min-width: 841px) {
        
    .rTable-840 thead.stickyHead th { 
        position: sticky; 
        top: 0; 
        padding-top: 20px; 
        padding-bottom: 20px; 
        border-bottom: solid 2px #6f577e;
        background: rgba(255, 255, 255, 0.9); 
        z-index: 900; }
    /*.rTable-840.tableOrderList tr:not(:hover) .bSqArrow, .rTable-840.tableOrderList tr:not(:hover) .bDelete, .rTable-840.tableOrderList tr:not(:hover) .bEdit { background: none; }
        .rTable-840.tableOrderList tr:not(:hover) .bSqArrow::after { background-position-y: -2993px;  }
        .rTable-840.tableOrderList tr:not(:hover) .bDelete::after { background-position-x: -73px; }
        .rTable-840.tableOrderList tr:not(:hover) .bEdit::after { background: url(../images/iAction.png) no-repeat -195px -46px; }*/
    .rTable-840 .rowDivider:not(:hover) td, .tableSellout .rowDivider:not(:hover) th { border-bottom: solid 2px #eeeeeb !important; }
        .rTable-840 .rowDivider:last-of-type:not(:hover) td { border-bottom: solid 2px rgba(255,255,255,0) !important; }
        .rTable-840 .rowDividerThin.rowDivider td { border-bottom-width: 1px; }
    .rTable-840 .rowMultiSlimFirst:not(:first-of-type) td, .rTable-840 .rowMultiSlimFirst:not(:first-of-type):hover td { border-top: solid 2px #dcdcd9 !important; }
    .rTable-840 .trException:not(:hover) .bSQ30TD.bSqArrow::after { background-position-y: -943px; }
    .rTable-840 .tiOperaCo { width: 50px; }
    .hasExportNumWrap .rTable-840 .stickyHead th { top: 50px; }
    .rTable-840 .tCentre .paymentType { margin: 0 auto; }
    .rTable-840.tableList .trListTotal td { padding-top: 20px; padding-bottom: 30px; border-top: solid 10px #c7c7c6 !important; border-bottom-color: transparent; }
        .rTable-840.tableList .trListTotal td::after { border-top-color: transparent; }

    .r840 .addNewDate { max-width: 300px; }
    .addNewNoM.r840 { margin-bottom: -15px; }

    .panelHomeCorner .rTable-840 .bSQ30 { color: transparent !important; }

    .tableOrdersList .tTerms { width: 80px; }
    
    .pageExceptions .exAddressWrap section { width: 46%; padding-top: 30px; }
        .pageExceptions .revPanelSoldTo { margin-right: 8% !important; }  
        .pageExceptions .exDeliveryPanelAddress.revPanelShipTo { width: 100%; }
    .pageExceptions .exlSKU.biName { width: 25%; min-width: 170px; }
        .pageExceptions .exlSKU .selectizeSearch { margin-top: 5px; }
    .pageExceptions .exlCusSKU.biName { width: 45%; }
    .rTable-840 .exlSKU .productInfoWrap { justify-content: flex-start; }

    .fgAddTrackerDocType { width: calc(35% - 50px); }
    .fgAddTrackerDoc.dropzone { width: calc(65% - 50px); margin-bottom: 30px; }

    .tableSellout tbody .tTitle { padding-top: 8px; padding-bottom: 8px; }
    .tableSellout tbody tr:nth-last-of-type(2):not(.trMob):not(:hover) th, .tableSellout tbody tr:nth-last-of-type(2):not(.trMob):not(:hover) td { border-bottom: solid 2px #949491 !important; }
        .tableSellout.rTable-840 .rowDivider:last-of-type:not(:hover) td { border-bottom-color: #eeeeeb !important; }
    .tableSellout .rowDivider:not(:hover) th, .tableSellout .rowDivider:not(:hover) td { transition: border-bottom-color 0.4s ease-in; }
    .tableSelloutYear.tableList .trSelloutYear th { padding-top: 10px;/* top: 50px;*/ top: 0; }
        .tableSelloutYear.tableList .trSelloutMonth th span { display: inline-block; padding-left: 15px; }
    .tableSelloutYear.rTable-840 .stickyHead .trSelloutMonth th { /*top: 75px; */ top: 25px; padding-top: 10px; }
    .tableSelloutYear tbody .tNewYear::before { 
        content: '';
        position: absolute;
        left:-1px;
        top: 0;
        bottom: 0;
        width: 2px;
        border-left: solid 2px #eeeeeb; 
        z-index: 1; }
    /*.tableSelloutTrendYear.tableSelloutYear td.tNum { text-align: center; }
        .tableSelloutTrendYear.tableSelloutYear td.tNum span { 
            display: flex;
            width: 50px; 
            margin: 0 auto; 
            justify-content: flex-end; }*/
    .tableSelloutStockTurn.rTable-840 .stickyHead th { top: 0; }
    .tableSelloutStockTurn.rTable-840 .rowDivider:last-of-type:not(:hover) td, 
        .tableSelloutStockTurn tbody tr:nth-last-of-type(2):not(.trMob):not(:hover) th, .tableSelloutStockTurn tbody tr:nth-last-of-type(2):not(.trMob):not(:hover) td 
        { border-bottom: solid 2px #eeeeeb !important; }
    section.filterSelloutTerritory { margin: 30px auto 20px; }

    .tableKeyContacts.rTable-840 .tName strong { margin-bottom: 2px; }
    .tableCusRevenue .trAlt + tr td, .tableCusRevenue .trAlt + tr th { padding-top: 40px; padding-bottom: 12px; }
    .tableList .theadBig th { font-size: 18px; }
    .pageCustomerRevenue .panelRevenueGraph.gtrBoth { padding-left: 0; padding-right: 0; }
    .sideNavCustomer.sideNav .bRevSummary { width: 100%; }
    .tableCusMargin .trAlt .tTitle::before, .tableCusMargin .trAlt .tPercent::before { 
        content: ''; 
        position: absolute;
        top: 0;
        border-bottom: solid 2px transparent;
        transition: border-color 0.4s ease-in;
        background: #dcdcd9; }
        .tableCusMargin .trAlt:hover .tTitle::before, .tableCusMargin .trAlt:hover .tPercent::before { border-bottom: solid 2px #6f577e; transition: border-bottom-color 0.4s ease-in; }
    
    .pageUsers .topTabs .nUserTeam { white-space: nowrap; }

    .tableList .tPhone.tPhoneIcon { padding-left: 40px; }

    /*.pageWarrantyByClaim .spinWrap.in .bExportSelected { width: 110px !important; }*/
    .pageWarrantyByClaim .spinWrap .spinRingu { /*right: -68px; top: -28px;*/ right: -28px; top: 0; }
    .tableWarrantyClaimList thead.stickyHead th { border: none; padding-top: 30px; }
        .tableWarrantyClaimList thead.stickyHead th::after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 2px;
            left: 0;
            right: 0;
            border-bottom: solid 2px #6f577e;
            z-index: -1; }
        .tableWarrantyClaimList th .bigCheck { margin-left: 30px; }
        .tableWarrantyList.rTable-840 tr.selected td:last-of-type::before, 
            .tableWarrantyList.selectAll.rTable-840 td:last-of-type::before,
            .tableInspectionForthcoming.rTable-840 tr.selected td:last-of-type::before, 
            .tableInspectionForthcoming.selectAll.rTable-840 td:last-of-type::before { 
                content: ' '; 
                display: block; 
                position: absolute; 
                width: 10px; 
                top: 3px; 
                bottom: 3px; 
                right: 0; 
                background-color: #89a617; }

    .tableInspectProductList .thIconMini { font-size: 13px; }
        .tableInspectProductList .thIconMini::before { top: 8px; }
    .tableInspectionForthcoming.rTable-840 thead th { padding-bottom: 10px; }
    .tableInspectionForthcoming tr.selected td:last-of-type::before, .tableInspectionForthcoming.selectAll td:last-of-type::before { left: auto; right: 0; }

    .tableDocValidity .tTitle { width: 25%; }
    .tableDocValidity .tDescription { width: 30%; }
    .tableDocValidity .tFileName { width: 45%; }

    .tableSpareParts.tableList .stickyHead th { padding-top: 50px; padding-bottom: 10px; }
    .tableSpareParts .trTotal td, .tableSpareParts .trTotal:hover td { border-top: solid 10px #c7c7c6; padding-top: 20px; padding-bottom: 20px; }

    .fgAddProductTypeName { width: 35%; }
    .fgAddProductCommodity, .fgAddProductHTS { width: 25%; }
    .fgAddProductTypeProducts { width: 12%; }
    .addNewGroupedSKU .form-group label { display: none; }
        .addNewGroupedSKU .form-group:first-of-type label, .addNewGroupedSKU .form-group:nth-of-type(2) label, 
            .addNewGroupedSKU .form-group:nth-of-type(3) label, .addNewGroupedSKU .form-group:nth-of-type(4) label { display: block; }

    .productDocsDoughnut { 
        display: flex;
        flex-direction: column;
        justify-content: space-between; }

    .tSourcingLogin { width: 100px; }
    .tableSourcingList td.tDate { text-align: center; }
    .rowMultiSlimHead td { border-bottom-color: transparent !important; }
        .tableSourcingList.tableList .rowMultiSlimLast td, .tableSourcingList.tableList .rowMultiSlimLast:hover td { border-bottom: solid 2px #eeeeeb !important; }
        .tableSourcingList .rowMultiSlimHead:hover ~ .rowMultiSlimLast td, .tableSourcingList .rowMultiSlim:hover ~ .rowMultiSlimLast td, .tableSourcingList.tableList .rowMultiSlimLast:hover td,
            .rowMultiSlimHead.tableList.over td::after { 
            border-color: #6f577e !important; } 
        .tableSourcingList .trLightAmber:hover td, .tableSourcingList .trLightAmber:hover td::after { border-color: #d17000 !important; }
        .tableSourcingList .trLightRed:hover td, .tableSourcingList .trLightRed:hover td::after { border-color: #98060a !important; }
    .tableSourcingList .rowDisabled .iIcon { display: block; }

    .modal .addNew.r840 .form-group { margin-bottom: 0; }

}

@media screen and (max-width: 840px) { 
        
    .panelHomeCorner .contentWrap { padding-bottom: 0; }
        .panelHomeCorner table { margin-bottom: 0; }
    .panelHomeCorner .bButtonArrow { 
        order: 1;
        height: 50px; 
        line-height: 50px; 
        margin-top: 20px;
        text-align: center; }
        .panelHomeCorner .bButtonArrow::after { top: 15px; }
        
    .panelWarranty .tableWarrantyList tr:first-of-type .tTitle { padding-top: 25px; }
    .panelWarranty .tableWarrantyList.rTable-840 .dateTime { padding-top: 65px; text-align: right; }
        .panelWarranty .tableWarrantyList tr:first-of-type .dateTime { padding-top: 75px; }
    .panelInspections tbody tr { border-bottom: none; }
        .panelInspections tbody tr:last-of-type { border-top: solid 2px #dcdcd9; }
        .panelInspections td:not(.tTitle) { font-size: 15px; }
        .panelInspections .tInspectionResult, .panelInspections .tInspectionCFA { width: 100%; padding-top: 15px; text-align: left; }
        .tableInspectionList.rTable-840 .trPass .bSQ30:not(:hover) { background: #627e21; }
        .tableInspectionList.rTable-840 .trFail .bSQ30:not(:hover) { background: #be1622; }
        .tableInspectionList.rTable-840 .trRe-work .bSQ30:not(:hover) { background: #6f577e; }
        .panelInspections .tableInspectionList.rTable-840 .tAction { padding-left: 0; }
    .panelproductDocsOverview .contentWrap { width: 100%; }
        .productDocsDoughnut + .productDocsDoughnut { margin-top: 30px; }

    .pageQuick .bProductInfo { right: 2px; top: 28px; }

/****** rTable-840 - Force table to not be like tables anymore ******/
    .rTable-840, .rTable-840 thead, .rTable-840 tbody, .rTable-840 th, .rTable-840 td, .rTable-840 tr { 
	    display: block; }
    /* Hide table headers (but not display: none;, for accessibility) */
    .rTable-840 thead tr { position: absolute; top: -9999px; left: -9999px; }
    .rTable-840 tr, .rTable-840 .rowMultiSlim, .rTable-840 .rowMultiSlimFirst { border-bottom: solid 2px #dcdcd9; clear:both; }
        .rTable-840 tr:last-of-type { border: none; }
    .rTable-840 tbody tr:hover { background:none; } 
        .rTable-840 tbody tr.grandTotal:hover { background: #eeeeeb; }
    .rTable-840 td { 
        /* Behave  like a "row" */
        position: relative; padding: 6px 0 6px 30%; border: none; white-space: normal; }
        .rTable-840 td:first-of-type { padding-top: 20px; }
        .rTable-840 .tLast { padding-bottom: 20px; }
    .rTable-840 td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        width: 30%; top: 6px; left: 20px; padding-right: 10px; white-space: nowrap; 
        color: #6f577e;
        text-transform: uppercase;
    /* Label the data */
        content: attr(data-title); } 
        .rTable-840 td:first-of-type::before { top: 20px; }  
    .rTable-840.tableList tr:hover .thRowHover, .rTable-840.tableList tr:hover .thRowHover::after { border-color: rgba(255,255,255,0); }
        .rTable-840 .tTitle { padding: 20px 0 10px; font-size: 18px; text-align: center; }
            .rTable-840 .tThumb + .tTitle { padding-top: 0; }
        .rTable-840 td.tCentred { padding-left: 0; padding-right: 0; text-align: center; }
        .rTable-840 .tNum {text-align: left; }
        .rTable-840 .fontBlack::before { font-family: "Lato", Arial, Helvetica, sans-serif !important; font-weight: bold; }
        .rTable-840 .tThumb .thumb { width: 80px; height: 80px; margin: 0 auto 10px; }
        .tableList .tIcon { padding-top: 0px; }
    .rTable-840 tr.trTotal { border-top: solid 10px #c7c7c6; }
        .rTable-840 tr.trTotal td { background: #eeeeeb !important; }
    .rTable-840 .trListTotal .tBlank { display: none; }

    .rTable-840.tableList tr:hover td, .rTable-840.tableList tr:hover td::after { border-color: rgba(255,255,255,0); }
    .rTable-840.tableList td { min-height: 30px; }
        .rTable-840.tableListExtraW td { padding-right: 30px; } 
        .rTable-840:not(.tableListExtraW) td::before { left: 0; }
        .rTable-840.tableList td:first-of-type { padding-top: 20px; }
            .rTable-840.tableList td:first-of-type::before { top: 20px; }
        .rTable-840.tableList td:last-of-type { padding-bottom: 20px; }
        .rTable-840.tableList .tTitle, .rTable-840.tableList .tCentred, .rTable-840.tableList .tActionSingle { width: 100%; text-align: center; }
        .rTable-840.tableList:not(.tableListExtraW) .tTitle, .rTable-840.tableList:not(.tableListExtraW) .tCentred, .rTable-840.tableList:not(.tableListExtraW) .tActionSingle
            { padding-left: 0; padding-right: 0; }
        .rTable-840.tableList .tCheckBoxNoLabel { text-align: left; }
        .rTable-840.tableList .tTitle { color: #6f577e; }
        .rTable-840.tableList .tCentre { text-align: left; }
        .rTable-840.tableList .dragOrder a { margin-left: 0; }
            .rTable-840.tableList .dragOrder::before { top: 16px; }
        .rTable-840.tableList .tAction { width: 100%; padding-left: 0; padding-top: 6px; padding-bottom: 20px; }
            .rTable-840.tableListExtraW .tTitle, .rTable-840.tableListExtraW .tCentred, .rTable-840.tableListExtraW .tAction { padding-left: 30px; }
            .rTable-840 .tActionSingle .bSQ30TD, .rTable-840 .tActionSingle .bSQ30 { margin: 0 auto; }
            .rTable-840 .tActionWrap { justify-content: center; }
                .rTable-840 .bSQ30TD, .rTable-840 .tActionSingle .bSQ30 {     
                    float: none;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    align-items: center;
                    width: 200px;
                    min-height: 36px;
                    border-radius: 3px;
                    text-align: center;
                    color: #FFFFFF;
                    font-size: 15px;
                    text-indent: unset; }
                    .rTable-840 .bSQ30TD::after, .rTable-840 .tActionSingle .bSQ30::after { left: unset; right: 0; top: 3px; }
                    .rTable-840 .bSQ30TD:not(:hover)::after { opacity: 0.7; }
                    .rTable-840 .bSQ30TD, .rTable-840 tr:hover .bSQ30TD:not(:hover) { 
                        background-color: #949491; 
                            background: -moz-linear-gradient(top, #949491 1%, #878783 100%); 
                            background:-webkit-gradient(top, #949491 1%, #878783 100%); 
                            background: linear-gradient(#949491, #878783); }
                        .rTable-840 .bSQ30TD:hover, .rTable-840 .bSQ30TD.bSqArrow, .rTable-840 tr:hover .bSQ30TD.bSqArrow:not(:hover) {
                            background-color: #6f577e;
                                background: -moz-linear-gradient(top, #6f577e 1%, #594366 100%); 
                                background:-webkit-gradient(top, #6f577e 1%, #594366 100%); 
                                background: linear-gradient(#6f577e, #594366); } 
                            .rTable-840 .bSQ30TD.bSqArrow:hover { background: #594366; }
                        .rTable-840 .bSQ30TD.bDelete:hover {
                            background-color: #be1622;
                                background: -moz-linear-gradient(top, #be1622 1%, #aa1414 100%); 
                                background:-webkit-gradient(top, #be1622 1%, #aa1414 100%); 
                                background: linear-gradient(#be1622, #aa1414); }
                    .rTable-840 .tAction .bSQ30TD::after { /*background-position-x: 0;*/ filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */ }
                        .rTable-840 .tAction .bSQ30TD:not(.bSqArrow)::after { top: 50%; right: 10px; }
                    .rTable-840 .tAction .bSqArrow::after { background-position-x: center; /* background-position-y: -843px;*/ background-position-y: 40%; filter: none !important; }
            .rTable-840 .rowDisabled .tAction:not(:hover) { opacity: 0.5; }
                .rTable-840 .rowDisabled .bSQ30TD:hover, .rTable-840.tableList .rowDisabled .bSQ30:hover { color: #FFFFFF; }
                    .rTable-840 .rowDisabled .tAction a::after { background-position-x: 0 !important; }
                        .rTable-840 .rowDisabled:hover .tAction .bSqArrow::after { background-position-x: center !important; }
    .rTable-840 .rowTwinTop, 
        .rTable-840 .rowMultiSlimFirst:not(:first-of-type) td, .rTable-840 .rowMultiSlimFirst:not(:first-of-type):hover td
        { border: none !important; }
        .rTable-840 .rowTwinTop:hover > td::after, .rTable-840 .rowTwinBottom:hover > td,
            .rTable-840 .rowTwinTop:hover + tr.rowTwinBottom > td, .rTable-840 .rowTwinTop.over > td::after { border-color: transparent !important; }
    .rTable-840 .rowMultiSlimFirst:not(:first-of-type) td:first-of-type, .rTable-840 .rowMultiSlimFirst:not(:first-of-type):hover td:first-of-type, 
        .tableSourcingList .rowDivider:not(:first-of-type) .tTitle, .tableSourcingList .rowMultiSlimHead .tTitle { 
        border-top: solid 10px #c7c7c6 !important; }
    .rTable-840 .tiOperaCo { width: 100%; padding-bottom: 0; }
        .rTable-840 .tiOperaCo span { left: 50%; margin-left: -15px; }
        .rTable-840 .tiOperaCo + .tTitle { padding-top: 6px; }
    .rTable-840 h5.productInfoWrap { justify-content: center; line-height: 1.2; }
        /*.rTable-840.tableList h5.productInfoWrap span { padding: 5px 0 0; }*/
    .rTable-840.tableList .tPlug { height: 32px; text-align: left; }
        .rTable-840 .tPlug span { left: 30%; }
    .rTable-840.tableList tr.trException .bSQ30.bSqArrow, .rTable-840.tableList tr.trException .bSQ30TD.bSqArrow { background: #be1622; }
        .rTable-840 tr.trException .bSQ30.bSqArrow:hover, .rTable-840 tr.trException .bSQ30TD.bSqArrow:hover { background: #aa1414; }

    .rTable-840.tableWarrantyList .bSQ30, .rTable-840.tableInspectProductList .bSQ30, .pageUsers .rTable-840 .bSQ30, .rTable-840 .tActionSingle .bSQ30,     
        .rTable-840.tableWarrantyList .bSQ30::after, .rTable-840.tableInspectProductList .bSQ30::after, 
        .tableKeyContacts.rTable-840 .bSQ30::after, .pageUsers .rTable-840 .bSQ30::after, .rTable-840 .tActionSingle .bSQ30::after 
            { left: unset; right: 0px; top: 2px; }
        .tableKeyContacts.rTable-840 .bSQ30.bRed { 
                background-color: #949491; 
                background: -moz-linear-gradient(top, #949491 1%, #878783 100%); 
                background:-webkit-gradient(top, #949491 1%, #878783 100%); 
            background: linear-gradient(#949491, #878783); }
            .tableKeyContacts.rTable-840 .bSQ30.bRed:hover { background: #be1622; }
    .tableSparesBillMaterial.rTable-840 td { padding-left: 40%; }
        .tableSparesBillMaterial.rTable-840 td:before { width: 40%; }
    .pageSpareBillMaterial .barButtons { margin-top: 0; padding-top: 0; border: none; }

    .addNew.r840 { flex-direction: column; justify-items: center; }
        .addNew.r840 .form-group { display: flex; }
            .addNew.r840 label { width: 30%; }
            .addNew.r840 .form-control, .addNew.r840 .onewDateWrap { width: 70%; }
                .addNew.r840 .onewDateWrap .form-control, .pageExceptions .tableList .biName { width: 100%; max-width: unset; }
            .addNew.r840 .fgCheck { flex-direction: row; align-items: flex-start; flex: 1 1 auto; }
            .addNew.r840 .bSQ30 { 
                align-self: flex-end; 
                width: auto; 
                padding: 0 35px 0 15px; 
                text-indent: unset; }

    .pageOrderDetails h1.twinHead.hOrderStatus { font-size: 36px; }

    .pageContainerLoad .selectizeSearch { width: 100%; max-width: unset; }
    
    .sideNav ul { width: 300px; margin: 0; font-size: 18px; border: none; }

    .tableOrdersList .tiOperaCo span { margin: 0 auto; }
    .tableOrdersList.rTable-840 .tTitle { padding-top: 0; }
    .tableOrdersList.rTable-840 .iStatus { display: flex; align-items: center; max-width: unset; }
        .tableOrdersList.rTable-840 .iStatus:before { font-size: 15px; }
    .tableOrdersList.rTable-840 .olStatus span { font-size: 15px; }

    .vesselTrackerWrap { flex-direction: column; }
        .vesselTrackerWrap #map { flex: unset; width: 100%; }
        #vesselData.panelVesselData { width: 100%; margin: 20px 0 0; }
            .panelVesselData .fInline { margin-bottom: 20px; }

    .exAddressWrap { flex-direction: column; align-items: center; }
    .rTable-840.exceptionList .exlException { 
        display: flex; 
        margin-left: auto; 
        margin-right: auto; 
        justify-content: center; 
        font-size: 18px; }
        .rTable-840.exceptionList .iAlert::after { /*background-position-x: -248px;*/ width: 26px; height: 26px; }
 
    .tableKeyContacts { margin-top: -10px; }
        .tableKeyContacts.rTable-840 td { padding-left: 30px !important; font-size: 15px; text-align: center; }
            .tableKeyContacts.rTable-840 td:before { left: 0; }
            .tableKeyContacts.rTable-840 .tTitle { 
                position: relative; 
                width: 100%; 
                padding-top: 0; 
                font-size: 18px; }
            .tableKeyContacts .iPhone { display: none; }

    .rTable-840 .trAlt:hover { background-color: #dcdcd9; }
        .tableCusRevenue .trAlt, .tableCusTrend.tableCusRevenue .trAlt { border-bottom: solid 10px #c7c7c6; }
    
    .pageCustomerStockCode td:not(.tiSkU) { padding-left: 40%; }
        .pageCustomerStockCode .rTable-980 td::before { width: 40%; }
    .customerTargetsWrap form + form { margin-left: 40px; }
    .pageCustomerRevenue .contentWrap { padding-left: 0; padding-right: 0; }
    .sideNavCustomer.sideNav { 
        position: relative;
        width: 100%; 
        margin: 0; }
        .pageCustomerRevenue .sideNavCustomer.sideNav { padding-left: 30px; padding-right: 30px; }
        .sideNavCustomer.sideNav ul { width: 100%; margin: 50px 0 10px; padding: 0; }
            .sideNavCustomer.sideNav li { display: block; float: left; width: calc((100% - 30px) / 100 * 33.3); margin-right: 15px; }
                .sideNavCustomer.sideNav li:last-of-type { margin-right: 0; }
                    .sideNavCustomer.sideNav a { 
                        padding: 15px 10px; 
                        text-align: center; 
                        font-size: 15px; 
                        color: #FFFFFF; 
                        border-radius: 3px; 
                        background: #949491; 
                        z-index: 10; }
                        .sideNavCustomer.sideNav a:hover { color: rgba(255, 255, 255, 0.7); }
                        .sideNavCustomer.sideNav li a::after { 
                            content: '';
                            position: absolute;
                            width: 20px;
                            height: 20px;
                            left: 50%;
                            top: unset;
                            bottom: 4px;
                            margin-left: -10px;
                                -ms-transform: rotate(-45deg);
                                -webkit-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                            opacity: 1;
                                -webkit-transition: bottom ease-in 0.3s;
                            transition: bottom ease-in 0.3s;
                            background: #949491; 
                            z-index: -1; }
                            .sideNavCustomer.sideNav li a:hover::after { bottom: -10px; }
                        .sideNavCustomer.sideNav .active a { background: #6f577e; color: #FFFFFF; }
                            .sideNavCustomer.sideNav li.active a:hover, .sideNavCustomer.sideNav li.active a:hover::after { background: #594366; }
                            .sideNavCustomer.sideNav li.active a::after { bottom: -10px; background: #6f577e; opacity: 1; }
                        .sideNavCustomer.sideNav .bRevSummary { 
                            position: absolute;
                            width: auto; 
                            height: 40px; 
                            top: -10px !important;
                            right: 30px;
                            margin-top: 0;
                            padding: 0 10px 0 40px; 
                            line-height: 40px; }
                            .sideNavCustomer.sideNav .bRevSummary::after { 
                                width: 32px;
                                height: 26px;
                                margin-left: 0; 
                                left: 3px; 
                                top: 8px;
                                background: url(../images/iSprite.png) 0 -1650px; }
    .contentCustomerRevenue { width: 100%; }
        .pageCustomerRevenue h2.sectionTitle, .contentCustomerRevenue h2 { padding-left: 30px; }
            .contentCustomerRevenue h2 { font-size: 30px; }
        .pageCustomerRevenue .tableCusRevenue.rTable-840:not(.tableCusActual) { margin-bottom: 0; }
            .pageCustomerRevenue .rTable-840 tr:hover td { color: #000000; }
                .tableCusRevenue.rTable-840 td { padding-right: 30px; color: #40403f; font-size: 15px; text-align: right; }
                    .tableCusRevenue td::before { text-align: left; color: #6f577e; left: 30px; text-align: left; }
                    .tableCusRevenue.rTable-840 .tInvoice { padding-top: 6px; }
                        .tableCusRevenue.rTable-840 .tInvoice::before { top: 6px; }
                            .tableCusRevenue.rTable-840 .tInvoice.tNum { padding-left: 30%; }
                    .tableCusRevenue.rTable-840 td:last-of-type  { padding-bottom: 20px; }             
                    .tableCusRevenue .trAlt + tr th { margin-top: 30px; padding-top: 20px; }
    .tableList .theadBig th { font-size: 15px; }
    .pageReportsCountry .graphLegend { position: static; padding: 0 0 30px; }
        .pageReportsCountry .graphLegend ul { 
            display: grid;
            gap: 8px 30px;
            grid-auto-flow: row; 
            grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
    .pageCustomerBreakdown .sideNav ul { display: flex; flex-wrap: nowrap; margin-top: 0; }
        .pageCustomerBreakdown .sideNav ul li { flex-grow: 1; width: auto; margin-right: 10px; word-break: break-word; }  
    .pageReportsSellout .contentMain { display: flex; flex-wrap: wrap; }
    .pageReportsSellout .contentTitleTripleStack { position: relative; width: 100%; margin-top: 10px; padding-left: 0; }
    .pageReportsSellout .hasExportAdjacent + .tableDisplayWrap { 
        position: sticky; 
        display: flex; 
        /*width: 100%;*/
        width: calc(100% + 60px);
        /*margin: 0 auto 0 0;*/
        margin: 0 -30px;
        padding: 10px 30px;
        left: 0;
        top: 0;  
        background: #FFFFFF;
        z-index: 1200; }
        .pageReportsSelloutTrends.pageReportsSellout .hasExportAdjacent + .tableDisplayWrap { width: 100%; margin: 0 0 0 auto; padding-right: 0; padding-left: 0; }
        .pageReportsSellout .bDisplayToggle { z-index: 9999; }
    .tableNavWrap .tableDisplayWrap { display: none !important; }
    .pageReportsSellout .stickyExportWrap { width: 50%; }
        .pageReportsSellout .buttonExportWrap::before { top: -10px; right: -30px; left: calc(-100% - 30px); }
    .pageReportsSellout .tableNavWrap, .pageReportsSellout .contentSelloutCustomerSKU .tableNavWrap { margin-top: 20px; }
    .tableSellout.tableList { margin-bottom: 0; }
    .pageReportsSellout .contentMain { padding-bottom: 0; }
    .tableSellout.rTable-840 tbody td { 
        display: flex; 
        align-items: center; 
        width: 100%; 
        height: 40px; 
        padding: 0; 
        text-align: right; }
        .tableSellout.rTable-840 tbody td:before { position: static; text-align: left; padding-left: 0; }
        .tableSellout.rTable-840 tbody td span { margin-left: auto; }
        .tableSellout.tableList tbody .tTitle { display: block; height: auto; padding-bottom: 0; border-right: none; }
            .tableSellout tbody .tTitle h5, .tableSellout tbody .tTitle h4 { font-size: 18px; }
            .tableSellout tbody .tTitle h6 { font-size: 15px; }
        /*.tableSelloutYear .trSelloutMob, .tableSellout.rTable-840 .tNum::after, .tableSellout.rTable-840 tr:hover .tNum::after { display: none; }   */         
            .tableSellout.rTable-840.tableList tr:hover td, .tableSellout.rTable-840 tr:hover th,
                .tableSellout.rTable-840 .tNum::after, .tableSellout.rTable-840 tr:hover .tTitle::after, .tableSellout.rTable-840 tr:nth-last-of-type(2) { border: none !important; }
            .tableSellout.rTable-840 tr.rowDivider:last-of-type { border-bottom: none; }
            .tableSellout.rTable-840 tr.rowDivider td, .tableSellout.rTable-840 tr.rowDivider th { border-bottom: none !important; }
        .tableSellout.rTable-840.tableList tbody .tNum + .tNum { padding-top: 10px; padding-bottom: 10px; border-top: solid 1px #dcdcd9 !important; }
            .tableSellout.rTable-840 .tNum:first-of-type { padding-top: 6px; }
                .tableSellout.rTable-840 .tNum:first-of-type::before { top: 6px; }
            .tableSellout.rTable-840 .rowDivider td:last-of-type { margin-bottom: 10px; }
            .tableSelloutYear .tNum:first-of-type, .tableSelloutYear .tNum.tNewYear { padding-left: 0; }
        .tableSellout.rTable-840 tbody .tDisabled { display: none; }
        .tableSellout.rTable-840 tbody tr:nth-last-of-type(2) { margin-bottom: 10px; }
    /* Style changed for Total Bar move to top of table */
    /*.tableSellout.rTable-840 tr.trTotal { 
        margin-left: -30px; 
        margin-right: -30px; 
        padding-bottom: 10px; 
        border-bottom: solid 10px #c7c7c6; 
        background: #eeeeeb; }*/
    .tableSellout.rTable-840 tr.trTotal { 
        margin-left: -30px; 
        margin-right: -30px; 
        padding-bottom: 10px; 
        border-bottom: solid 10px #c7c7c6; 
        border-top: none; }
        .tableSellout.rTable-840 .trTotal th { /*background-color: #eeeeeb;*/ border-color: transparent !important; }
        .tableSellout.rTable-840 .trTotal td { padding-left: 30px; padding-right: 30px; border-bottom: none !important; background-color: #FFFFFF !important; }
            .tableSellout.rTable-840 .trTotal td:before { left: 30px; }
            .tableSellout.rTable-840.tableList .trTotal td:last-of-type { height: 50px; padding-bottom: 20px; }
            .tableSellout.rTable-840.tableList .trTotal .tNum + .tNum { border-top-color: #949491 !important; }
        .tableSellout.rTable-840 .trTotal .tTitle { border-bottom: solid 2px transparent !important; }
            .tableSellout.rTable-840 .trTotal:hover .tTitle::after { border-color: transparent !important; }
    .tableSellout.tableList tbody tr:first-of-type .tTitle { border-top: none !important; }
    .pageReportsSellout .barButtons { padding-top: 30px; padding-bottom: 30px; }
    .pageReportsSelloutByProduct .barFilterGrey .fRadioGroup .btn { flex-basis: 100%; width: unset; }    
    .pageReportsSelloutTrends h1 { font-size: 36px; }
        /*.pageReportsSelloutTrends h1 .fontThin { width: 100%; }*/ /*Why this?*/
    .pageReportsSelloutTrends .buttonExportWrap { width: auto; }
    .tableSelloutTrendYear.tableSellout tbody .tTitle, .tableSelloutTrendYear.tableSellout tbody .tBlank, .tableSelloutTrendYear.tableSelloutYear.tableList td { width: 100%; }
    .selloutTrendItemTitle { flex-wrap: wrap; gap: 2px; }
        .selloutTrendItemTitle h3 { font-size: 18px; }
    .tableSelloutTrendYear thead { width: 40px; }
    .tableSelloutTrendYear tbody { flex: 1; }
        .tableSelloutTrendYear.tableSellout tbody .tTitle { padding-top: 0; }
            .tableSelloutTrendYear.tableSellout .tTitle + .tDisabled { display: block; height: 10px; min-height: unset; padding-top: 0; }
                .tableSelloutTrendYear.tableSellout .tTitle + .tDisabled::before, .tableSelloutTrendYear.tableSellout .tTitle + .tDisabled::after { display: none; }

    .pageBasic .rTable-840 .tmoCentre { width: 100%; padding: 6px 20px; text-align: center; }
        .pageBasic .rTable-840 .tmoCentre img, .pageBasic .rTable-840 .tiAvatar.tmoCentre span { width: 64px; height: 64px; margin: 0 auto 0; }

    .tableExpenditure .tDate { padding-bottom: 0; }
    .tableExpenditure .tiOperaCo { padding-left: 0; }

    .pageUsers .rTable-840 tr { text-align: center; }
    .tableStaffList.rTable-840 .tiAvatar { padding-top: 16px; }
    .pageUsers.pageBasic .taskSearchlist .tiName { margin-bottom: 0; font-size: 18px; }
        .pageUsers.pageBasic .taskSearchlist .tiName::before { display: none; }
    .pageUsers.pageBasic .taskSearchlist .tiOffice { font-weight: bold; }
        .pageUsers.pageBasic .taskSearchlist .tiOffice::before { 
            content: 'Office'; 
            display: inline-block;
            padding-right: 5px; 
            font-weight: normal; 
            color: #787875; 
            position: static; 
            width: auto; 
            top: unset; 
            left: unset;  }
    .tableStaffList.rTable-840 .tmoCentre.tiDept { padding-bottom: 10px; }
        .tableStaffList.rTable-840 .tiDept span { margin-right: 5px; }
    .tableStaffList.rTable-840 .tPhone { 
        width: 240px; 
        left: 50%; 
        margin-left: -98px; 
        padding-left: 0; 
        font-size: 15px; 
        text-align: left; }
        .pageUsers .rTable-840 .tPhoneLabel { display: inline-block; width: 70px; }
        .pageUsers .rTable-840 .tPhone br { display: none; }
        .pageUsers .iPhone { left: -40px; top: unset; margin-top: 0; }
    .pageUsers .panelUserAvatar .right { 
        float: none; 
        width: 100%; 
        margin: 0; 
        padding: 0 0 0 300px; 
        background: none; }
        .pageUsers .panelUserAvatar .right p { height: 310px; margin: 0; padding: 30px; background: #eeeeeb; }

    .h1MenuWrap { width: 100%; gap: 12px; }  
        .cirqueMenuHead { height: 54px; min-width: 36px; margin: 6px 0 0 0; }
            .cirqueNav { width: 36px; height: 36px; left: 4px; }
                .cirqueNav::after { width: 16px; height: 16px; }
            .cirqueMenuHead .fontBlack { font-size: 11px; }
    .pageWarrantyDash.pageBasic h1 { width: 100%; margin: 0 0 auto; }
    .fgWarrantyReportFilter { margin: 10px 0 20px; padding: 0; }

        .fgWarrantyReportFilter::before { left: unset; right: -20px; }
            .fgWarrantyReportFilter .onewDateWrap .ui-datepicker-trigger { top: -1px; }
    .panelWarrantyReportYTDoughnut, .panelWarrantyReportAnnual { width: 100%; margin-right: 0; }
        .panelWarrantyReportYTDoughnut .warrantyReportWrap { display: flex; justify-content: center; max-height: unset; }
            .panelWarrantyReportYTDoughnut .doughnutWrap { width: 260px; height: 260px; }
            .panelWarrantyReportAnnual { margin: 0 0 40px; }
    .panelWarrantyReportTop5 ul { flex-direction: column; }
        .panelWarrantyReportTop5 li { width: 100%; margin: 0 0 10px; }
            .panelWarrantyReportTop5 li a { padding: 10px 20px; }

        .panelWarrentyListClaims .noResults h3 { padding-top: 30px; }
        .buttonExportWrap { width: 100%; top: 0; }
            .pageWarrantyByClaim .bButton.bExportSelected { 
                /*width: 190px !important;*/ 
                margin-top: 10px; 
                padding: 0 35px 0 15px; 
                font-size: 15px; 
                line-height: 40px; }  
                .pageWarrantyByClaim .warrantyExportWrap::before, .buttonExportWrap::before { 
                    content: ''; 
                    position: absolute; 
                    height: 60px;
                    left: 0; 
                    right: 0; 
                    z-index: 9998;
                    background: rgba(255, 255, 255, 0.85); }
                .pageWarrantyByClaim .buttonExportWrap { margin-top: 0; padding-top: 0; padding-left: 20px; padding-bottom: 10px; }
                /*.pageWarrantyByClaim .spinWrap.in .bExportSelected { width: 200px !important; }*/
                /*.pageWarrantyByClaim .spinWrap .spinRingu { right: -150px; top: -32px; }*/
        .tableWarrantyClaimList.rTable-840 tbody tr { display: flex; flex-direction: column; border-top: solid 10px #c7c7c6; border-bottom: none; }
            .tableWarrantyClaimList tbody tr:first-of-type, .tableWarrantyList tbody tr.rowNoHover { border: none; }
            .tableWarrantyList.rTable-840 tr.selected, .tableInspectionForthcoming.rTable-840 tr.selected { position: relative; }
                .tableWarrantyList.rTable-840 tr.selected::before, .tableWarrantyList.rTable-840.selectAll tr::before, 
                    .tableInspectionForthcoming.rTable-840 tr.selected::before, .tableInspectionForthcoming.rTable-840.selectAll tr::before {
                    content: ' ';
                    display: block;
                    position: absolute;
                    width: 10px;
                    top: 3px;
                    bottom: 3px;
                    left: 0px;
                    background-color: #89a617; 
                    z-index: 1000; }
                    .tableWarrantyList.rTable-840 tr.selected td:first-of-type::before,
                        .tableWarrantyList.selectAll td:first-of-type::before, 
                        .tableInspectionForthcoming.rTable-840 tr.selected td:first-of-type::before, 
                        .tableInspectionForthcoming.selectAll td:first-of-type::before
                        { display: none; }
        .panelWarrentyListClaims td { padding-right: 30px; }
        .tableWarrantyClaimList.tableList { margin-top: 10px; }
            .tableWarrantyClaimList .tCheckBoxNoLabel { position: absolute; top: 10px; right: 0; }
                .tableWarrantyClaimList .tCheckBoxNoLabel::before, .tableWarrantyClaimList tr.selected .tCheck::before, .tableWarrantyClaimList.selectAll .tCheck::before { 
                    width: auto;
                    left: unset; 
                    right: 65px; 
                    top: 6px !important; 
                    height: 30px; 
                    line-height: 30px; 
                    text-align: right;
                    color: #40403f; }
                .panelWarrentyListClaims .rowNoHover .tAction, .panelWarrentyListClaims .rowNoHover .tCheck, .panelWarranty .tableWarrantyList .rowNoHover .tAction { display: none; }
                .tableWarrantyClaimList .tCheck::before, .tableWarrantyList.rTable-840 tr.selected td:last-of-type::before, 
                    .tableWarrantyList.selectAll.rTable-840 td:last-of-type::before,
                    .tableInspectionForthcoming.rTable-840 td:last-of-type::before { left: unset; right: 65px; }
            .tableWarrantyList.rTable-840 tr:hover td { color: #40403f; }
        .tableWarrantyList.rTable-840 tbody tr { position: relative; }
            .tableWarrantyList.rTable-840 .dateTime { 
                order: 2; 
                position: absolute; 
                width: auto; 
                padding-top: 58px; 
                padding-left: 30px;
                text-align: left; 
                z-index: 1000; }
                .tableWarrantyList.rTable-840 .rowNoHover .dateTime, .tableWarrantyList.rTable-840 .rowNoHover .tTitle { display: none; }
            .tableWarrantyList.rTable-840 .tTitle { order: 1; padding: 15px 20px 10px; color: #6f577e; background: #dcdcd9; }
            .tableWarrantyList.rTable-840 .olStatus { 
                order: 5;            
                max-width: unset; 
                padding: 0; 
                text-align: center; }
                .tableWarrantyList.tableList.rTable-840 .rowNoHover .olStatus { 
                    position: relative; 
                    width: calc(100% - 60px); 
                    top: unset;  
                    margin: 0 30px;
                    padding-top: 20px; 
                    padding-bottom: 0; 
                    border-top: solid 1px #dcdcd9 !important; }
                    .panelWarranty .tableWarrantyList .rowNoHover .olStatus { width: 100%; margin: 0 0 10px; }
                .iWarrantyStatus.olStatus span { padding-left: 0; padding-top: 38px; font-size: 15px; }
                    .iWarrantyStatus span::after { 
                        width: 36px; 
                        height: 36px; 
                        left: 50%; 
                        top: 0; 
                        margin: 0 0 0 -15px; }
                    .iWarrantyStatus i { display: inline-block; position: relative; margin-right: 2px; padding-right: 10px; }
                        .iWarrantyStatus i::after { content: ':'; position: absolute; right: 5px; }
                    .iWarrantyNew span { color: #c57c00; }
                    .iWarrantyProgress span { color: #3898ad; }
                    .iWarrantyComplete span, .iWarrantyExchange span, .iWarrantySpares span, .iWarrantyCredit span { color: #6e8a00; }
        .tableWarrantyList .tPO { order: 6; width: 100%; }
            .tableWarrantyList .tWarrantyAlert::after { left: 30%; margin-top: -9px; }
        .tableWarrantyList td.fontBlack { order: 7; }
        .tableWarrantyList td.tNum, .tableWarrantyList.tableList .rowNoHover td.tNum { order: 8; padding-bottom: 20px; }
        .tableWarrantyClaimList tr .tAction, .tableInspectProductList tr .tAction { 
            order: 4; 
            width: 100%;
            height: auto;
            padding-left: 0; }
            .tableWarrantyClaimList tr:not(.rowNoHover) .tAction { margin-bottom: 20px; padding-bottom: 15px; background: #dcdcd9; }
            .tableWarrantyClaimList .rowNoHover .tAction:empty { display: none; }
        .tableWarrantyClaimList.rTable-840 .tCheckBoxNoLabel { 
            order: 3; 
            width: auto; 
            text-align: right; 
            clear: both; 
            top: 54px; }
                .tableWarrantyClaimList.rTable-840 .tCheckBoxNoLabel::before { top: 38px; text-align: left; }  
            .navTabButton.spinWrap .spinRingu { top: -44px; }
    .pageWarrantyDetails .formGroupWarrantyResolution { padding: 20px 0 0 0; }
        .pageWarrantyDetails .formGroupWarrantyResolution::after {
            top: -2px;
            left: 228px;
            bottom: unset;
                ms-transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
    .pageWarrantyDetails .noUpdatePermission section { padding-bottom: 30px; }
        .noUpdatePermission .formGroupWarrantyResolution { padding-top: 60px; }
            .pageWarrantyDetails .noUpdatePermission .formGroupWarrantyResolution::after { left: 12px; top: 2px; }

    .tableInspectProductList.rTable-840 td { font-size: 15px; }
    .tableInspectProductList td.tNum { text-align: left; }
    .tableInspectProductList.rTable-840 .tSKU { 
        padding-top: 20px;
        padding-bottom: 0; 
        text-align: center; 
        font-size: 18px; 
        color: #6f577e; }
    .tableInspectProductList .tSKU.tTitle { min-height: unset; }
    .tableInspectProductList td:nth-of-type(2) { text-align: center; padding-top: 0; }
    .tableInspectProductList td.tNum { padding-left: 200px; }
        .tableInspectProductList .tNum::before { width: 180px; }
    .tableInspectProductList .tNum.fontBlack { padding-bottom: 20px; }
    .tableInspectProductList .tNum:not(.fontBlack) { min-height: 50px; }
        .tableInspectProductList .tNum:not(.fontBlack)::before { left: 70px; }
        .tableInspectProductList .tNum:not(.fontBlack)::after { 
            content: ''; 
            position: absolute; 
            left: 30px; 
            top: -3px;
            width: 30px; 
            height: 30px; 
            border-top: 0;
            /*background: url(../images/iSprite.png) no-repeat -50px 0;*/
            background: url(../images/iSprite.svg) no-repeat center 0; 
            background-size: cover; }
            .tableInspectProductList .tNum[data-title="Pass"]::after { /*background-position-y: -4150px;*/ background-position-y: 71%; }
            .tableInspectProductList .tNum[data-title="Fail"]::after { /*background-position-y: -4200px;*/ background-position-y: 71.5%; }
            .tableInspectProductList .tNum[data-title="Re-work"]::after { /*background-position-y: -4250px;*/ background-position-y: 72%; }
    .tableInspectionForthcoming tr { display: flex; flex-wrap: wrap; }
        .tableInspectionForthcoming td { width: 100%; }
        .tableInspectionForthcoming.rTable-840 .tTitle.tTrackingStacked { padding-top: 0px; }
        .tableInspectionForthcoming .tDate::before { white-space: normal; }
        .tableInspectionForthcoming tr.selected .tTitle, .tableInspectionForthcoming tr.selected .tTitle .fontBlack, 
            .tableInspectionForthcoming.selectAll .tTitle, .tableInspectionForthcoming.selectAll .tTitle .fontBlack { color: #5a7500; }
    .tableInspectionForthcoming.rTable-840 td { padding-left: 35%; }
        .tableInspectionForthcoming.rTable-840 td:after { width: 35%; }
        .tableInspectionForthcoming .tTrackingStacked.tTrackingSource::before { top: 10px; }
        .tableInspectionForthcoming.rTable-840 .tCheckBoxNoLabel { order: -1; padding-top: 20px; padding-bottom: 0 !important; }
            .tableInspectionForthcoming.rTable-840 .tCheckBoxNoLabel::before { width: auto; top: 25px; left: unset; right: 60px; }

    .tableDocValidity .tFileName { padding-left: 30%; }
        .tableDocValidity tbody tr:first-of-type .tTitle { padding-top: 0; }

    .pageSpares section { padding-top: 0; }
        .pageSpares .sResultsHeaderWrap, .pageSpares .bExportSelected { margin-top: 10px; }
        .tableSpareParts { margin-top: 10px; }
            .tableSpareParts tr { position: relative; }
                .tableSpareParts tr:nth-last-of-type(2) { border-bottom: none; }
                    .tableSpareParts td { font-size: 15px; }
                        .tableSpareParts.rTable-840 .tTitle, .tableSpareParts.rTable-840 .date { padding: 10px 0 0; }
                        .tableSpareParts .tPartsValue { padding-bottom: 20px; }
                        .tableSpareParts.rTable-840 .tCheck { position: absolute; top: 10px; right: 0; }
                            .tableSpareParts .tCheck input { float: right; margin-top: 0; }
                            .tableSpareParts.rTable-840 .tCheck::before { display: none; }
                            .tableSpareParts.rTable-840 .tCheck::after {
                                position: absolute;
                                top: 10px;
                                right: 70px;
                                padding-right: 10px;
                                white-space: nowrap;
                                text-transform: uppercase;
                                content: attr(data-title); }
                        .tableSpareParts.rTable-840 .date { text-align: center; font-size: 18px; }
                        .tableSpareParts .trTotal { background: #eeeeeb !important; }
    
    .productsHeadAdd h3 { font-size: 21px; margin-right: 15px; }
    .productsHeadAdd .bHead { padding-left: 10px; }
    .addNewGroupedSKU .form-group:nth-of-type(2n) { padding-bottom: 15px; border-bottom: solid 2px #dcdcd9; }
    .addNewGroupedSKU .form-group:last-of-type { padding-bottom: 0; border: none; }

    .tableProClassCountry.tableList td { padding-left: 35%; }
    .tableProClassCountry.tableList .tPlug { padding-left: calc(35% + 40px); }
        .tableProClassCountry .tPlug span { left: 35%; }

    .pageProductDocs .productDocsDoughnut { padding-bottom: 30px; }
        .productDocsDoughnut .bButtonArrow { margin-top: 0; }
    .productDocsDoughnut.contentWrap::before { width: 80px; height: 80px; }
        .productDocsDoughnut-Requested.contentWrap::before { background-position-y: -150px; }
        .productDocsDoughnut-Submitted.contentWrap::before { background-position-y: -450px; }
        .productDocsDoughnut-Expiring.contentWrap::before { background-position-y: -250px; }
    .productDocsDoughnut.contentWrap::after { 
        width: 42px;
        height: 42px;
        top: 10px; 
        left: 11px; 
        filter: brightness(0) saturate(100%) invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */
        /*background: url(../images/iProductDocStatus.png) no-repeat -200px 0;*/ } /* White */
        /*.productDocsDoughnut-Requested.contentWrap::after { background-position-y: 0; }
        .productDocsDoughnut-Submitted.contentWrap::after { background-position-y: -200px; }
        .productDocsDoughnut-Expiring.contentWrap::after { background-position-y: -500px; }*/
    .tableList .tProductDocStatus { padding-left: calc(30% + 40px); }
        .tProductDocStatus span { left: 30%; }
    .tableProductDocsSubmitted .rowMultiSlim td:nth-of-type(1), .tableProductDocsSubmitted .rowMultiSlim td:nth-of-type(2) { display: none; }
        .tableProductDocsSubmitted .rowMultiSlim td:nth-of-type(3) { padding-top: 15px; } 
            .tableProductDocsSubmitted .rowMultiSlim td:nth-of-type(3)::before { top: 15px; }
    .tableProductDocsExpiring tr { display: flex; flex-wrap: wrap; }
        .tableProductDocsExpiring td, .tableProductDocsExpiring.rTable-840 .textLC { width: 100%; padding-left: calc(30% + 42px); }
            .tableProductDocsExpiring td.tComplianceMatrix, .tableProductDocsExpiring .tIcon { width: calc(30% + 42px); padding-left: 30%; }
            .tableProductDocsExpiring .tProductDocsCertification, .tableProductDocsExpiring .tProductDocsExpiring { width: calc(70% - 42px); padding-left: 0; }
            .tableProductDocsExpiring.rTable-840 .tIcon { padding-top: 10px; }
                .tableProductDocsExpiring.rTable-840 .tIcon::before { top: 16px; }
            .tableProductDocsExpiring.rTable-840 .tProductDocsExpiring { padding-top: 16px; padding-bottom: 16px; }

    .npdListBoxWrap { width: 100%; }         
    .npdCategoryLights li { flex: 1; }
    .npdAdminDetailHead { padding-top: 15px; padding-bottom: 10px; }
        .npdAdminDetailHead h2 { width: 100%; }
        .npdAdminDetailHead .iPublished { order: -1; margin-left: auto; }
        .npdDetailHeadInfoWrap { padding-top: 10px; }
            .npdDetailHeadInfo { font-size: 13px; }
    .npdDetailButtonBar .radioDouble { width: auto; }
        .npdDetailButtonBar .radioDouble .btn, .npdDetailButtonBar .bNPDAddNew, .bRadioAddNew { 
            width: 30px;
            height: 30px;            
            padding: 0;
            text-indent: -9999px; 
            color: transparent; }
            .pageNPDDetail .npdDetailButtonBar .radioDouble .npdCat-Complete { margin-right: 4px; }
            .npdDetailButtonBar .btn::after, .bNPDAddNew::after, .bRadioAddNew::after { 
                width: 20px; 
                height: 20px; 
                top: 50%; 
                left: 50%;
                margin: -10px 0 0 -10px; }
        /*.npdDetailButtonBar .btn::after { top: 7px }
        .bNPDAddNew::after, .bRadioAddNew::after { top: 4px }*/
                .radioDouble .npdCat-Complete.btn::after, .bNPDAddNew::after, .bRadioAddNew::after { width: 18px; height: 18px; margin: -9px 0 0 -9px; }

    .tableSourcingList.rTable-840 tr { border-bottom: 0; }
    .tableSourcingList.rTable-840 td { padding-left: 36%; }
        .tableSourcingList.rTable-840 td::before { width: 36%; }
         .tableSourcingList .trLightAmber .tTitle { color: #d17000; }
         .tableSourcingList .trLightRed .tTitle { color: #98060a; }
        .tableSourcingList .tAuditSummary::before { top: 16px; }
        .tableSourcingList .rowMultiSlim + .rowMultiSlim { border-top: solid 1px #c7c7c6; }
        .tableSourcingList .rowMultiSlim .tTitle { font-size: 16px; }
        .tableSourcingList .rowMultiSlim .tAuditSummary, .tableSourcingList .rowMultiSlim .tActionSingle { padding-left: 30px; }
            .tableSourcingList .rowMultiSlim .tAuditSummary { display: flex; justify-content: center; }
        .tableSourcingList .rowMultiSlimHead .tAuditSummary, .tableSourcingList .rowMultiSlimHead .tDate, .tableSourcingList .rowMultiSlim .tSourcingLogin { display: none; }
        /*.rTable-840 .tDate .noData { margin-left: 95px; }*/
    .tableSourcingAgentList.tableSourcingList.rTable-840 td { padding-left: 30px; text-align: center; }
        .tableSourcingAgentList.rTable-840 td::before { display: none; }
        .tableSourcingAgentList.rTable-840 .tAuditSummary { display: flex; justify-content: center; }
        
    .modal .addNew.r840 .form-group { margin-right: 0 !important; }

}

@media screen and (max-width: 840px) and (min-width: 768px) {   

    .tableProductsList .tTitle { width: 120px; }   

}

@media screen and (max-width: 840px) and (min-width: 681px) { 

    /*.nAdmin .navSecondary { min-width: 180px; }
        .nAdmin .navSecondary:nth-of-type(4) { margin: 10px 0 0 0; }
        .nAdmin .navSecondary:nth-of-type(5), .nAdmin .navSecondary:nth-of-type(6) { margin: 10px 0 0 10px; }*/

    .pageTracking .topTabs .cirqueNumberTab { display: none; }
        .pageTracking .tabTrackingOrder br { display: block; }

    .pageUsers .topTabs .nUserTeam br { display: block; }
    .tableCusMargin.rTable-840 .tLeft { padding-left: 30%; }

    .pageReportsBreakdown .filterReportsBreakdown.barFilterGrey { gap: 30px 20px; }
    .pageReportsCountry .filterReportsBreakdown.barFilterGrey { gap: 20px 30px; }
        .pageReportsSellout .radioSelloutTerritory .btn + .btn { margin: 0 0 0 6px; }
    
    .pageWarrantyDetails .topTabs-r680 a { font-size: 14px; }
    .pageWarrantyDetails .topTabs-r680 .nTabCirque { min-width: unset; }
        .pageWarrantyDetails .cirqueNumberTab { display: none; }
        .pageWarrantyDetails .topTabs-r680 .bButton { padding-right: 8px; text-align: center; }
            .pageWarrantyDetails .navTabButton a::after { display: none; }

    .panelWarrantyReportDateDisplay { gap: 10px; }
        .panelWarrantyReportDateDisplay h4 { padding-top: 45px; }
        .panelWarrantyReportDateDisplay .iBig::after { 
            width: 42px;
            height: 42px;
            margin-left: -18px;
            /*background-position-x: -50px;*/ }
        .panelWarrantyReportDateDisplay strong { font-size: 36px; }

    /*.panelSKUSourceQuality .flex strong { display: block; width: 100%; }*/
    .noUpdatePermission .panelSKUSourceQuality .flex strong { display: revert; width: revert; }

}

@media screen and (max-width: 840px) and (min-width: 641px) { 

    .npdAdminListTitle { width: 100%; }
        .npdAdminListItem h2 { width: calc(100% - 76px); margin-bottom: 10px; }         
        .npdListSeason { margin-left: 0; }
    .npdAdminListItem .npdListButtonBar { position: absolute; right: 0; top: 2px; } 

}

@media screen and (max-width: 840px) and (min-width: 601px) {   

    .rTable-840 td:before, .tableCusMargin.rTable-840 td::before { left: 30px; }

    .selectizeSearch { width: 300px; }

    .panelHomeCorner { margin-bottom: -20px; }

    .addNew.r840 .form-group { align-items: center; margin: 0 0 15px; }
        .addNew.r840 label { margin: 0 20px 0 0; }
        .addNew.r840 .form-control, .addNew.r840 .onewDateWrap { margin: 0; }
            .addNew.r840 .fgCheck .bigCheck { margin-left: -6px; }
    .addNew.r840 .addNewUploaderWrap > div { width: 70%; }

    .addNew.r840 .fgAddTrackerDoc { margin-bottom: 0; }
    
    /*.tableSelloutTrendYear thead { width: 80px; } For Months not quarterly
    .tableSelloutTrendYear tbody { width: calc(100% - 80px); }*/
    
    .pageSparesDash .h1MenuWrap { width: 240px; }
        .pageSparesDash .h1MenuWrap h1 { margin-top: 0; }

    .pageWarrantyDash .h1MenuWrap { width: auto; margin: 10px auto 10px 0; }
        .cirqueMenuHead { width: 54px; }
        .fgWarrantyReportFilter { width: calc(100% - 100px); }
            .fgWarrantyReportFilter label { margin-right: 6px; }
        .pageWarrantyDash .bWarrantyClaim.bButton { margin: -32px 0 0 auto; }
    .panelWarrantyReportYTDoughnut ul, .doughnutLegend ul { 
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        width: auto;
        height: 60px; }
        .panelWarrantyReportYTDoughnut li, .doughnutLegend li { margin-right: 20px; }   
    .filterWarranty .fgWarrantyDate { width: calc((100% - 30px) / 2); }
    .filterWarranty .fgWarrantyClaimSupplier { width: 100%; margin-right: 0; } 
    .filterWarranty .fgWarrantyDateFrom { margin-right: 30px; }
    .filterWarranty .fgWarrantyDateTo { margin-right: 0; }  
    
    .tableInspectProductList .tSKU.tTitle { padding-left: 30px; padding-right: 30px; }
    .tableInspectProductList .tNum.fontBlack::before { left: 30px; }
    .tableInspectProductList td:nth-of-type(2) { padding-left: 30px; }    
    .panelInspectOverviewMiddle li, .npdDetailSKUS li { width: calc((100% - 60px) / 2); }
    .panelInspectOverviewMiddle li:nth-of-type(2n), .npdDetailSKUS li:nth-of-type(2n) { margin-right: 0; }
        @supports (display: grid) {
            .panelInspectOverviewMiddle li, .npdDetailSKUS li { width: 100%; }
        }
        

}

@media screen and (max-width: 840px) and (min-width: 541px) { 

    /*.panelPartsAvailabilityList .panelPartsAvailabilityTitle { 
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;*/
        /*border: solid 6px #dcdcd9;*/
        /*border-radius: 3px;
        background: #949491;*/
        /*background: none;*/ /*}
        .panelPartsAvailabilityTitle h2 { 
            margin-bottom: 0;
            color: #FFFFFF;*/
            /*color: #6f577e;*/
            /*font-size: 21px; }
    .panelPartsAvailability h2.sectionTitle { display: none; }*/
        .panelPartsAvailabilityGraph h2.sectionTitle { display: block; }
    .panelPartsAvailabilityItem, .panelPartsAvailabilityList .panelPartsAvailabilityTitle { height: 120px; }

}

@media screen and (max-width: 840px) and (min-width: 481px) {   

    .pageTrackingList .buttonExportWrap, .sectionExportWrap .buttonExportWrap { width: auto; }

    .fgWarrantyReportFilter { flex-direction: row; }
        .fgWarrantyReportFilter .onewDateWrap { margin: 0 20px 0 0; }
    .panelWarrentyListClaims td { font-size: 15px; }
        .tableWarrantyList.rTable-840 .tTitle { font-size: 21px; }
    .panelproductDocsOverview .doughnutLegend { width: 100%; padding: 0 20px 20px; }
    .panelproductDocsOverview .doughnutLegend ul { 
        display: grid; 
        gap: 10px 20px;
        grid-template-columns: 1fr 1fr 1fr;
        width: 100%;
        height: auto; }
        .panelproductDocsOverview .doughnutLegend li { margin: 0; }

}

@media screen and (max-width: 840px) and (min-width: 421px) {

    /*.selloutTrendItem .tableSelloutTrendYear { display: flex; } All these styles fr use with Months not Quarterly
            .tableSelloutTrendYear thead tr { position: static; display: flex; flex-direction: column; }
                .tableSelloutTrendYear.tableList.rTable-840 thead th { align-items: center; }
                    .tableSelloutTrendYear tbody .tTitle h5 { font-size: 15px; }
                    .tableSelloutTrendYear.tableSelloutYear.tableList .tBlank { display: block; border-bottom-color: transparent; }
        .tableSelloutTrendYear tbody { display: flex; }
        .tableSelloutTrendYear tbody tr:not(.trMob) { display: flex; flex-direction: column;*/ /*width: 25%;*/ /*width: 100%; border-bottom: none; }
            .tableSelloutTrendYear.tableList.rTable-840 thead .tCentre, .tableSelloutTrendYear.tableList.rTable-840 .tNum { 
                display: flex; 
                justify-items: flex-start; 
                align-content: center; 
                align-items: center;
                width: 100%; 
                height: 40px; 
                padding: 5px 10px; 
                border: none;
                border-top: solid 1px #dcdcd9 !important; }
                    .tableSelloutTrendYear.tableSellout.tableList tr:hover td { border-top: solid 1px #dcdcd9 !important; }
                .tableSelloutTrendYear.tableSellout.rTable-840 tbody td:before { display: none; }
                .tableSelloutTrendYear.tableSellout tbody .tTitle, .tableSelloutTrendYear.tableSelloutYear thead th.tBlank { height: 40px; }
                    .tableSelloutTrendYear.tableSellout tbody .tTitle::after { display: none; }
                .tableSelloutTrendYear.tableList.rTable-840 thead .tCentre { padding-left: 0; }
                .tableSelloutTrendYear.tableList.rTable-840 tr:last-of-type .tNum { padding-right: 0; }
                .tableSelloutTrendYear.rTable-840 tbody .tNum span { width: 50px; margin-right: auto; text-align: right; }*/

}

@media screen and (max-width: 800px) {

    /*.headerNav-New ul > li + li { margin-left: 0; }*/

    .bSquareList:has(li + li + li + li) { grid-template-columns: 1fr 1fr 1fr 1fr; width: 100%; min-width: unset; }

    .barFilterCompliance .flexColumn { width: 100%; margin-right: 0; }
        .barFilterCompliance .fgSwitchText { width: 100%; }
    .barFilterCompliance .arrowSq.submitSearch80 { margin-left: auto; }

}

@media screen and (max-width: 800px) and (min-width: 681px) { 

    /*.headerLogo { margin-bottom: 20px; padding-right: 30px; }*/
    .headerLogo { margin-right: 30px; margin-top: -30px; }
    .accountAvatar { display: none; }
    header .headerNav-New { /*min-height: 64px;*/ min-height: 42px; margin-top: 15px; }
        .headerNavList .nNavItem { flex: 1; }
            .nNavItem > a { padding-top: 45px; }
            nav .headerNavList > li > a::after { margin-top: -24px; }
            .headerNavList .nNavItem > a > span { 
                position: absolute;
                /*width: 80px;*/
                width: 104px;
                height: 12px;
                left: 50%;
                bottom: 0;
                /*margin-left: -40px;*/
                margin-left: -52px;
                padding: 0;
                font-size: 9px; 
                color: transparent; 
                transition: color 0.3s; }
                .headerNavList .nNavItem:hover > a > span { color: #000000; }
                .headerNavList .nNavItem.open:hover > a > span { color: #000000; font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; }
                nav .headerNavList .nNavItem.open > a::before { height: 12px; bottom: -18px; transform: scale(1); transition: none; }
                .headerNav-New li.open .dropdown-toggle span::after { top: 80px; }
                .headerNav-New li.open .dropdown-toggle span::after { top: unset; bottom: -30px; }
            /*.headerNavList .nNavItem > a::before { 
                width: 36px;
                height: 36px;
                margin-left: -18px; 
                border-width: 2px; }*/
            /*.headerNav-New*/ /*.headerNavList ul > li > a::after { 
                width: 20px;
                height: 20px;
                margin: -30px 0 0 -10px;
                top: 50%;
                background: url(../images/iSpriteTiny.png) no-repeat -150px 0; }
                .headerNavList .nDashboard.nNavItem > a::after { background-position-y: 0; background-position-x: 0; }
                .headerNavList .nSales.nNavItem > a::after { background-position-y: -1250px; }
                .headerNavList .nLogistics.nNavItem > a::after { background-position-y: -1300px; }
                .headerNavList .nAccounts.nNavItem > a::after { background-position-y: -1350px; margin: -29px 0 0 -9px; }
                .headerNavList .nMarketing.nNavItem > a::after { background-position-y: -1550px; }
                .headerNavList .nNPD.nNavItem > a::after { background-position-y: -1050px; margin: -29px 0 0 -9px; }
                .headerNavList .nQC.nNavItem > a::after { background-position-y: -1400px; background-position-x: -150px; margin: -30px 0 0 -9px; }
                .headerNavList .nTechnical.nNavItem > a::after { background-position-y: -300px; }
                .headerNavList .nAdmin.nNavItem > a::after { background-position-y: -1450px; background-position-x: -150px; }
                .headerNavList .nProductLibrary.nNavItem > a::after { background-position-y: -1500px; }
                .headerNav-New .nNavItem > a.active::after { background-position-x: -50px; }*/

        .bigMenu { top: calc(100% + 6px); padding-top: 20px; padding-bottom: 20px; } 
            /*.navSecondary span { font-size: 13px; }*/

}

@media screen and (max-width: 800px) and (min-width: 601px) { 

    .radioDept.radioDouble .btn { width: calc((100% - 40px) / 9); padding-top: 38px; }

}

@media screen and (max-width: 800px) and (min-width: 481px) {   
        
    .biThumb { display: none; }
    .basketList .biName { padding-left: 30px; }
    .biUpdate .bButtonLite.bUpdate , .biDelete .bButtonLite.bDelete { top: 19px; }
    .biTotalCost { width: 18%; }

    .pageTracking h1 { width: 100%; margin-bottom: 10px; }
    .preparedFor { margin: 0px 0 20px; }

}

@media screen and (min-width: 768px) { 
    
    .elAction { display: none; }

    /*.rTable-767.tableOrderList tr:not(:hover) .bSqArrow, .rTable-767.tableOrderList tr:not(:hover) .bDelete, .rTable-767.tableOrderList tr:not(:hover) .bEdit { background: none; }
        .rTable-767.tableOrderList tr:not(:hover) .bSqArrow::after { background-position-y: -2993px; }
        .rTable-767.tableOrderList tr:not(:hover) .bDelete::after { background-position-x: -73px; }
        .rTable-767.tableOrderList tr:not(:hover) .bEdit::after { background: url(../images/iAction.png) no-repeat -195px -46px; }*/
    .rTable-767 .rowDivider:not(:hover) > td { border-bottom: solid 2px #eeeeeb !important; }
        .rTable-767 .rowDivider:last-of-type:not(:hover) > td { border-bottom: solid 2px rgba(255,255,255,0) !important; }
        tr.trMob:hover + tr.rowDivider td, tr.trMob:hover + tr.rowDivider:last-of-type td { border-bottom-color: #6f577e !important; }
    .rTable-767 .tiOperaCo { width: 50px; }
    .rTable-767.tableList .trListTotal td { padding-top: 20px; padding-bottom: 30px; border-top: solid 10px #c7c7c6 !important; border-bottom-color: transparent; }
        .rTable-767.tableList .trListTotal td::after { border-top-color: transparent; }    

    .pageBasket .panelBasketGrandTotal .bButton { top: 50%; }
    .pageBasic .addExtraCancel .bButtonLite.bDelete { text-indent: -9999px; }

    .tableList tr.invalidBasketItem:hover td { 
        transition: border-color 0.4s ease-in;
            -webkit-backface-visibility: hidden;
        border-bottom: solid 2px #be1622; }
    .pageContainerLoad .tableAddProducts.quickList.rTable-767 .tbItemCost { text-align: right; }
    .pageContainerLoad tr:not(.invalidBasketItem) .bProductInfoWrap { display: inline-block; }
    .pageContainerLoad .tbItemSkU .selectizeSearch.bProductInfoWrap { display: block; }
    .pageContainerLoad .biHead.in .biPrice span { margin-left: auto; }
    .pageContainerLoad .basketList .biDelete .cellfix { width: 20px; }
    .pageContainerLoad .slideThis .addExtraPrice label { text-align: right; }

    .pageOrders .ordersList.rTable-767 tbody td::after { min-height: 54px; }  /*IE 10 / IE 11 fix*/

    .pageExceptions .exlSKU .form-control { margin-top: 22px; }
    
    .tableOrderDetailList.rTable-767 .tNum, .tableOrderDeliveredItems.rTable-767 .tNum { text-align: right; }
    .tableOrderDeliveredItems td.tLabel:not(:hover) { opacity: 0.7; }
    
    .pageCustomerDocuments .tableDocsList.rTable-767, .tableOrderDetailList h5 { margin-bottom: 0; }
    
    .rTable-767 .tNum { text-align: center; }
        .rTable-767 .tNum span { display: inline-block; text-align: right !important; }
    .rTable-767 .tPercent { color: #6f577e; text-align: right; }
    .rTable-767 thead.stickyHead th { 
        position: sticky; 
        top: 0; 
        padding-top: 20px; 
        padding-bottom: 20px; 
        border-bottom: solid 2px #6f577e;
        background: rgba(255, 255, 255, 0.9); 
        z-index: 900; }
    .rTable-767 .trException:not(:hover) .bSQ30TD.bSqArrow::after { background-position-y: -943px; }

    .operaCodeList.rTable-767 td.tiOperaCo { padding-left: 36px; }

    /*.panelOrderOverview .miniStack-DateHandoverActual { margin-left: auto; }*/ /* STILL USED? REMOVED DUE TO ADDED UNLINK BUTTON */
    
    .tableRevenueSummary tr:nth-last-of-type(2) td { padding-bottom: 20px; }
    .tableRevenueSummary .trTotal td { padding-top: 20px; padding-bottom: 20px; border-top: solid 10px #c7c7c6; }
        .tableRevenueSummary .trTotal:hover td { border-top-color: #c7c7c6; }
        .pageReports .tRevenueOther td { padding-bottom: 12px; }
    .tableRevenueSummary .tTitle { width: 36%; } 
    .tableRevenueSummary .tNum { width: 16%; }
    .pageReportsTrends .tableRevenueSummary .tTitle { width: 32%; }
    .pageReportsTrends .slideToggle .tableRevenueSummary .tTitle { width: 30.5%; }
    .pageReportsTrends .tableRevenueSummary .tNum { width: 17%; text-align: right; }
        .pageReportsTrends .tableRevenueSummary .tNum span { display: inline; }
        .pageReportsTrends .tableRevenueSummary .tNum:last-of-type { width: 19%; }
    .pageReportsTrends .tRevOtherList.tableRevenueSummary { margin-top: 0; }
        .pageReportsTrends .tableRevenueSummary .stickyHead th { padding-bottom: 10px; }
            /*.pageReportsTrends .tableRevenueSummary .tableRevenueSummary .tTitle { width: calc((100% - 60px) * 0.32); } CALC doesn't work in tables      */ 
            .pageReportsTrends .tableRevenueSummary .tableRevenueSummary .tNum { width: 17.5%; }    
                .pageReportsTrends .tableRevenueSummary .tableRevenueSummary .tNum:last-of-type { width: 17.5%; padding-right: 0; text-align: right; }
                .pageReportsTrends .tRevOtherList.tableList .tNum, .pageReportsTrends .tRevOtherList.tableList .tNum:last-of-type { width: 14.7%; } 
        .tRevOtherList tr:hover td, .tRevOtherList tr:hover td::after { border-color: #6f577e !important; }
        .pageReports .tRevOtherList.tableList td { padding-top: 8px; padding-bottom: 8px; }
        .tRevOtherList tr:last-of-type td { padding-bottom: 20px; }
    .tableGrossProfit.tableRevenueSummary th.tNum { text-align: center; }
    .tableGrossProfit.tableRevenueSummary .tNum span { display: block; }
    .pageReports .tableGrossProfit .tRevOtherList.tableList .tNum:last-of-type { width: unset; }

    .tableTopTrumpsDash .tValue.tNum { text-align: right; }

    .rowTwinBottom.trProductsMulti:hover > td { border-color: #6f577e !important; }
    .trProductsMulti-Head.over td::after { border-top-color: #dcdcd9 !important; }
        .tableProductsListMulti td.tAction { padding-right: 0; }
        .tableProductsListMulti tr:not(:hover) .bSQ30Lite::after { background-position-y: -893px; }
        .tableProductsListMulti tr:hover .bSQ30Lite { background-color: #6f577e !important; }
            .tableProductsListMulti tr:hover .bSQ30Lite:not(:hover)::after { opacity: 0.7; }
            
    .galleryNPDDoc li:not(:hover) .bDelete { opacity: 0.5; }

    .sourcingReportHead .inArrow { display: none; }
    .bRadioAddNew + .sourcingReportDocList { min-height: 45px; }
    
    .panelSparesDash h2 br { display: none; }
    .tableTopTrumpsDash tbody tr:nth-of-type(1), .tableTopTrumpsDash tbody tr:nth-of-type(2), .tableTopTrumpsDash tbody tr:nth-of-type(3), 
        .tableTopTrumpsDash tbody tr:nth-of-type(4), .tableTopTrumpsDash tbody tr:nth-of-type(5)
    { display: none; }
        .pageTopProductSalesDash .tableTopTrumpsDash tbody tr { display: table-row; }

    .pageMyAccount .myAvatar .bButton { margin: 10px 0 0; }
    .pageMyAccount .myAvatar .fgDropZone { margin-top: 20px; }
    
}

@media screen and (max-width: 767px) { 

    header, .container-fluid.body-content { padding-left: 25px; padding-right: 25px; }      

/****** Start Override Bootstrap 767 ******/

    .navbar-toggle { display: none; }

/****** End Override Bootstrap 767 ******/
    
    .labelOptional { padding-top: 0; }

    /*.panelExceptions .contentWrap { padding-top: 30px; padding-left: 20px; }*/
        .exceptionsList.rTable-767 { margin-top: 0; }
            .exceptionsList.rTable-767 tr:nth-of-type(odd) { border: none; } 
                .exceptionsList.rTable-767 tr:hover td, .exceptionsList.rTable-767 tr:hover td::after, .exceptionsList.rTable-767 tr.elCodeRow.over td, .exceptionsList.rTable-767 tr.elCodeRow.over td::after, 
                    .exceptionsList.rTable-767 tr.elCodeRow:hover + tr td.elMessage { border-color: rgba( 255, 255, 255, 0) !important; }
                .exceptionsList.rTable-767 tr.elCodeRow { text-align: center; }
                .exceptionsList.rTable-767 td:not(.elType):not(.elOrderCode) { text-align: left; }
                    .exceptionsList.rTable-767 td::before { left: 0; }
                /*.panelExceptions .exceptionsList.rTable-767 .elType { display: inline-block; width: 40px; padding-top: 18px; }*/
                .exceptionsList .elOrderCode { display: inline-block; padding-top: 20px; font-size: 18px; }
                .exceptionsList.rTable-767 .textLC { clear: both; margin-top: 10px; }
                /*.panelExceptions .exceptionsList.rTable-767 .elMessage { margin-top: 6px; padding-top: 0; }*/
                    .exceptionsList.rTable-767 .elMessage .fontBlack { color: #be1622; }
                .exceptionsList .tAction { display: none; }
                    .elAction { 
                        display: block; 
                        position: absolute; 
                        width: 100%; 
                        bottom: 0; 
                        text-align: center; }
                        .exceptionsList.rTable-767 .elAction .bSQ30.bSqArrow, .tableDocsList.rTable-767 .tAction .bSQ30 { float: none; margin: 20px auto 0; text-transform: uppercase; text-decoration: none; }

    .contentHead {  }
        .pageBasic h1, .dashDepartmentDetail h1 { font-size: 42px; }
            .pageBasic h1 { padding-left: 50px; }
        .pageBasic h1.twinHead .twinHead-Med, .pageBasic h1.twinHead .customerRef, .pageReports .contentHead h1 + h2 { font-size: 36px; }
            /*.pageDebtorList h1::after { top: -2px; }
            .pageCreditorList h1::after { top: 0; }*/
            .twinHead.avatarProduct .twinHead-Sml { font-size: 15px; }
        .pageProductDetails h1 { min-height: 54px; padding-left: 65px; }
        .pageError h1::before { top: 1px; }

    .sectionHead { font-size: 24px; }
 
    .iDate { top: 22px; }

    .addProductWrap { margin-top: 10px; }
        .addProductLeft, .addProductRight { width: calc(50% - 20px); }
            .addProductWrap h2 { height: 70px; margin-bottom: 0; font-size: 18px; }
            .addProductWrap .bButtonGiant { height: 100px; padding-top: 50px; font-size: 18px; }
                .addProductWrap .bButtonGiant::after { margin-top: -28px; }
                .addProductWrap .addProductRight .bButtonGiant::after { margin-top: -30px; }
        .addProductWrap .addProductMid { width: 40px; padding-top: 70px; }
            .addProductWrap .addProductMid strong { font-size: 18px; }

    .basketList th { padding: 0 6px; font-size: 12px; }
            .basketList th span { margin-right: -6px; }
        .basketList.rTable-480 td { padding: 12px 6px; }
            .biThumb { width: 76px; padding-right: 0; }
                .basketList .thumb img { width: 60px; height: 60px; }
    .pageOrders .slideThis .addExtraCode { padding-right: 30px; }
        .slideThis .addExtraCode .bProductInfo { right: 0; }
    .slideThis .addExtraName h5, .addExtraButton .bButton { font-size: 14px; }
        .slideThis .addExtraImage { width: 18%; min-height: unset; }
        .slideThis .addExtraName { width: 82%; max-height: none; min-height: unset; margin-right: 0; }
        .slideThis .addExtraQty , .slideThis .addExtraPrice { width: 49%; margin-top: 20px; }
            .slideThis.biAddExtra .addExtraName label { display: none; }
        .slideThis .addExtraQty { margin-right: 0; clear: both; }
            .biHead.in .biThumb {display: none; }
        .biHead.in .biName { width: 30%; }
         .biTotals { width: 180px; padding: 0 10px; }
            .biTotals td { width: 100px; padding-left: 0; }

    .pageQuickUpload.pageQuick .contentWrap { padding-top: 0; }
        .bDownloadXLSWrap { margin: 30px 0 50px; }
            .bUploadDocWrap .uploadergrid td, .modal .bUploadDocWrap td, .modalAddDataRoomDoc .mfgFileSize { font-size: 15px; }
        .pageQuickUpload .bSubmitXLWrap.bButton:not(.bBasketXLWrap) { float: none; width: 150px; margin: 0 auto; }
    .pageQuickUpload .quickList.rTable-767 { padding: 30px 30px 40px; }
        .quickList.rTable-767 td:before { left: 0; color: #787875; }
        .pageQuickUpload .rTable-767 .tbItemSkU , .pageBasic tr .tbItemSkU .alert-redAlert { font-size: 18px; text-align: center; }
            .pageQuickUpload .rTable-767 .tbItemSkU , .quickList td.tbItemName { width: 100%; }
            .pageQuick .quickList td:not(.tbItemthumb) { min-height: 20px; }
            .pageQuick tr.invalidBasketItem td:first-of-type { padding-left: 0; }
                .pageQuick tr.invalidBasketItem .tbItemSkU .alert-redAlert { margin-left: 30px; }
        .pageQuickUpload .rTable-767 .tbItemSkU { margin-top: 20px; padding-left: 0; }
            .pageBasic tr .tbItemSkU .alert-redAlert { display: inline-block !important; width: auto; }
            .pageQuickUpload .quickList.rTable-767 td:first-of-type:before { top: 20px; }
                .pageBasic tr.invalidSku.invalidBasketItem .tbItemSkU .alert-redAlert::before { top: -3px; }
                    .pageBasic tr.invalidSku.invalidBasketItem .tbItemSkU .alert-redAlert::after { top: 1px; }
                    .pageBasic tr.invalidBasketItem .tbItemSkU .selectized-skuSelector { margin-top: 20px; }
        .pageQuickUpload .tbItemthumb, .pageContainerLoad .tableAddProducts .tbItemthumb { width: 100%; margin: 0 auto; text-align: center; }
            .pageQuickUpload .tbItemthumb img, .pageContainerLoad .tableAddProducts .tbItemthumb img { width: 80px; height: 80px; margin-top: 0; }
        .pageQuick .bProductInfo { top: 21px; }
            .bProductInfoWrap .bProductInfo, .pageQuick .bProductInfoWrap .bProductInfo { top: -2px; }
            .bProductInfoFormWrap.bProductInfoWrap .bProductInfo { top: 28px; }
                .selected .bProductInfoFormWrap.bProductInfoWrap .bProductInfo { top: 8px; }
        .quickList td.tbItemName { padding-left: 0; text-align: center; }
            .quickList .tbItemName h5, .quickList .tbItemName h5 .tbError { font-size: 15px; }
        .pageQuickUpload .tbQty, .quickList .tbQty .form-control, .pageQuickUpload .quickList .tbItemCost { width: 100%; }
            .pageQuickUpload .tbQty::before , .pageQuickUpload .quickList .qlPrice.tbItemCost::before { top: 18px; }
            .pageQuickUpload .tbQty { padding-right: 0; }
        .pageQuickUpload .quickList .tbItemCost { text-align: left; }
        .pageQuickUpload .quickList .tbItemChk { min-height: 57px; padding-top: 0; padding-right: 0; margin-bottom: 20px; }
            .pageQuickUpload .quickList .tbItemChk:before { top: 12px; text-align: left; }
            .quickList .tbItemChk input { margin-top: 10px; }
        .pageQuickUpload .quickList .tbItemChkAll { padding-left: 0; padding-right: 0; }
            .pageQuickUpload .tbItemChkAll .bigCheck { margin-top: 20px; }
            .pageQuickUpload .quickList .tbItemChkAll label { height: 30px; line-height: 30px; top: 26px; right: 40px; }
    .quickList tbody tr { position: relative; }
        .pageBasic .quickList tr:not(.invalidBasketItem)::before { 
                content: ' '; 
                display: block; 
                position: absolute; 
                width: 10px; 
                top: -18px; 
                bottom: 3px; 
                left: -30px; 
                background-color: #89a617; }
            .pageBasic tr:not(.invalidBasketItem) td.tbItemSkU::before , .pageQuickUpload tr:not(.invalidBasketItem) td.tbItemChk::before { display: none; }
            .pageBasic .quickList tr:not(.selected):not(.invalidBasketItem)::before { background-color: #cbd4aa; }
            .pageQuickUpload tr:not(.selected):not(.invalidBasketItem) .tbItemSkU .alert-redAlert { color: #949491; }
        .pageQuickUpload .quickList tr.invalidBasketItem { border-top: solid 2px #be1622 !important; border-bottom: solid 2px #be1622 !important; }
    .pageContainerLoad .quickList.rTable-767 { margin-bottom: 0; }
    .pageContainerLoad .quickList .tbQty, .pageContainerLoad .quickList .tbItemCost { text-align: right; }
        .pageContainerLoad .tbQty::before, .pageContainerLoad .quickList .qlPrice.tbItemCost::before { top: 6px; text-align: left; }
            .pageContainerLoad .invalidBasketItem .qlPrice.tbItemCost::before { top: 18px; }
            .bSetNearest { display: flex; align-items: center; gap: 3px; font-size: 15px; }
                .bSetNearest br { display: none; }
    .pageContainerLoad .quickList .tbItemChk { margin-bottom: 10px; padding-top: 10px; }
        .pageContainerLoad .quickList:not(.tableAddProducts) .bDelete, .pageContainerLoad .tableAddProducts tr:not(.rowAddNewProduct) .bDelete { 
            position: relative !important; 
            display: flex;
            justify-content: flex-end;
            align-items: center;
            width: 150px;
            height: 30px;
            top: unset;
            right: unset;
            margin: 0 -7px 0 auto;
            padding-right: 40px; 
            overflow: unset; 
            text-indent: unset; 
            background: none; }
            .pageContainerLoad .quickList:not(.tableAddProducts) .bDelete::before, .pageContainerLoad .tableAddProducts tr:not(.rowAddNewProduct) .bDelete:before { display: none; }
            .pageContainerLoad .quickList:not(.tableAddProducts) .bDelete::after, .pageContainerLoad .tableAddProducts tr:not(.rowAddNewProduct) .bDelete::after { 
                content: '';
                position: absolute;
                /*width: 30px;
                height: 30px;
                right: 0;
                top: 50%;
                margin-top: -15px;*/
                width: 20px;
                height: 20px;
                right: 8px;
                top: 50%;
                margin-top: -10px;
                /*background: url(../images/iSprite.png) no-repeat -314px 7px; */
                filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%); 		/* #787875 Mid Grey */
                background: url(../images/iSprite.svg) no-repeat center 5%;
                background-size:  cover; } /* Light Grey 20x20 */
                .pageContainerLoad .quickList:not(.tableAddProducts) .bDelete:hover::after, .pageContainerLoad .tableAddProducts tr:not(.rowAddNewProduct) .bDelete:hover::after { 
                    filter: invert(12%) sepia(48%) saturate(6975%) hue-rotate(347deg) brightness(103%) contrast(95%); 	/* #be1622 RFEred */ /*background-position-x: -114px;*/ }
        .pageContainerLoad .invalidBasketItem td { padding: 6px 0 ; }
            .pageContainerLoad tr.invalidBasketItem .tbQty { display: flex; flex-direction: column; padding-bottom: 0; }
            .pageContainerLoad tr.invalidBasketItem .tbItemCost { padding-bottom: 0; }
    .pageContainerLoad .tableAddProducts td { padding-right: 30px; padding-left: 30px; }
        .pageContainerLoad .tableAddProducts .rowAddNewProduct .tbItemChk { height: 40px; margin: 0 0 0 10px; }
        .pageContainerLoad .tableAddProducts tr:not(.rowAddNewProduct) .tbItemSkU, .pageContainerLoad .tableAddProducts.rTable-767 .tbItemName { 
            width: 100%;
            margin-left: 0;
            padding: 6px 30px; 
            text-align: center; }
            .pageContainerLoad .tableAddProducts tr:not(.rowAddNewProduct) .tbItemSkU { margin-top: 20px; }
                .pageContainerLoad .tableAddProducts tr:not(.rowAddNewProduct) .bProductInfoWrap { display: inline-block; }
        .pageContainerLoad .tableAddProducts .tbItemthumb { order: unset; position: relative; height: 80px; left: unset; padding: 0; }
        .pageContainerLoad .tableAddProducts .tbItemName h5 { 
            display: inline-block;
            margin: 0;
            font-size: 15px;
            color: #000000;
            text-decoration: none; }
        .pageContainerLoad .tableAddProducts .tbQty, .pageContainerLoad .tableAddProducts .tbItemCost { width: 100%; padding-left: 30%; }
            .pageContainerLoad .tableAddProducts.rTable-767 .tbItemCost::before { top: 6px; left: 30px; text-align: left; }
        .pageContainerLoad .tableAddProducts tr:not(.rowAddNewProduct) .tbItemChk { width: 100%; }
    .pageContainerLoad .panelAddProductsWrap .tableAddProducts tr.rowAddNewProduct { border-bottom: solid 2px #dcdcd9; padding-top: 16px; padding-bottom: 16px; }
    .pageContainerLoad .tableAddProducts tr:not(.rowAddNewProduct):last-of-type { border-bottom: solid 2px #dcdcd9; }

    .tableAddProducts { margin-top: 20px; }
        .tableAddProducts.rTable-767 tbody tr { display: flex; flex-wrap: wrap; position: relative; }
            .tableAddProducts.rTable-767 .tbItemSkU, .tableAddProducts.rTable-767 .tbItemName { width: calc(100% - 120px); margin-left: 120px; padding: 0 30px 0 10px; }
                .tableAddProducts .tbItemSkU .bProductInfoWrap > .skuID { font-size: 18px; }
                .tableAddProducts.rTable-767 .tbItemName { text-align: left; }
                    .tableAddProducts.rTable-767 .tbItemName h5 { min-height: 30px; }
            .tableAddProducts .tbItemthumb { 
                order: -1;
                position: absolute; 
                width: 120px;
                left: 10px;
                top: 0; 
                padding: 0 0 0 20px; }
                .tableAddProducts .thumb img { width: 70px; height: 70px; }
            .tableAddProducts .tbQty { width: calc(50% - 35px); }
                .tableAddProducts.rTable-767.tableList .tbQty::before { left: 30px !important; top: 18px; }
            .tableAddProducts .tbItemCost { width: calc(50% - 35px); }
                .tableAddProducts.rTable-767 .tbItemCost::before { left: 50px; top: 18px; }
            .tableAddProducts.rTable-767 .tbItemChk { padding-left: 0 !important; }
        .tableAddProducts.rTable-767 .rowAddNewProduct { flex-wrap: nowrap; padding-top: 10px; }
            .tableAddProducts.rTable-767 .rowAddNewProduct .tbItemSkU { width: calc(100% - 70px); margin-left: 0; padding: 0 0 0 30px; }

    .pageBasic .revPanelDetails h2, .pageBasic .revPanelDetails h3 { font-size: 30px; line-height: 1; }
        .pageBasic .revPanelDetails h3.hFactory::after { top: -6px; }
    .pageExceptions section h3 { margin-top: 0; font-size: 24px; color: #949491; }
        .dueDate { margin-bottom: 20px; }
            .dueDate::after { top: 0px; }

    .tableOrderDetailList .trOrder-mob .tTitle { display: table-cell; padding-bottom: 0; padding-top: 15px; }
    .tableOrderDetailList .trOrder td { padding-top: 0; }
    .bButtonLite.bUpdate { top: 9px; }
    .pageBasket .basketList tr td::after { display: none !important; }

    .surcharge, .surchargeWrap label { font-size: 13px; }

    .pageBasic .revPanelDetails .centreWrap h3.hFactory { margin-top: 10px; }

    .onewDateWrap .ui-datepicker-trigger { top: 20px; }

/****** rTable-767 - Force table to not be like tables anymore ******/
    .rTable-767, .rTable-767 thead, .rTable-767 tbody, .rTable-767 th, .rTable-767 td, .rTable-767 tr { 
	    display: block; }
    /* Hide table headers (but not display: none;, for accessibility) */
    .rTable-767 thead tr { position: absolute; top: -9999px; left: -9999px; }
    .rTable-767 tr { border-bottom: solid 2px #dcdcd9; clear:both; }
        .rTable-767 tr:last-of-type { border: none; }
    .rTable-767 tbody tr:hover { background:none; } 
        .rTable-767 tbody tr.grandTotal:hover { background: #eeeeeb; }
    .rTable-767 td { 
        /* Behave  like a "row" */
        position: relative; padding: 6px 0 6px 30%; border: none; white-space: normal; }
        /*.rTable-767 td:last-of-type { padding-bottom: 20px; }*/
    .rTable-767 td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        width: 30%; top: 6px; left: 20px; padding-right: 10px; white-space: nowrap; 
        color: #6f577e;
        text-transform: uppercase;
    /* Label the data */
        content: attr(data-title); }   
    .pageBasic tr.invalidBasketItem:hover td::after { border-color: rgba(255,255,255,0) !important; }
        .rTable-767 .tTitle { padding: 20px 0 10px; font-size: 18px; text-align: center; }
            .rTable-767 .tThumb + .tTitle { padding-top: 0; }
        .rTable-767 .tViewFileType { 
            width: 100%; 
            padding-left: 0 !important; 
            padding-right: 0; 
            text-align: center; }
        .rTable-767 .tNum { text-align: left; }
        .rTable-767 .fontBlack::before { font-family: "Lato", Arial, Helvetica, sans-serif !important; font-weight: bold; }
        .rTable-767 .tThumb .thumb { width: 80px; height: 80px; margin: 0 auto 10px; }
        .rTable-767 .tViewFileType a { display: inline-block; }
            .rTable-767 .tViewFileType .iFiletype { width: 70px; }

    .rTable-767.tableList tr:hover td, .rTable-767.tableList tr:hover td::after { border-color: rgba(255,255,255,0); }
    .rTable-767.tableList td { min-height: 30px; }
        .rTable-767.tableListExtraW td { padding-right: 30px; } 
        .rTable-767:not(.tableListExtraW) td::before { left: 0; }
        .rTable-767.tableList td:first-of-type { padding-top: 20px; }
            .rTable-767.tableList td:first-of-type::before { top: 20px; }
        .rTable-767.tableList td:last-of-type { padding-bottom: 20px; }
        .rTable-767.tableList .tTitle, .rTable-767.tableList .tCentred, .rTable-767.tableList .tActionSingle { width: 100%; text-align: center; }
        .rTable-767.tableList:not(.tableListExtraW) .tTitle, .rTable-767.tableList:not(.tableListExtraW) .tCentred, .rTable-767.tableList:not(.tableListExtraW) .tActionSingle
            { padding-left: 0; padding-right: 0; }
        .rTable-767.tableList .tTitle { color: #6f577e; }
        .rTable-767.tableList .tCentre { text-align: left; }
        .rTable-767.tableList .dragOrder a { margin-left: 0; }
            .rTable-767.tableList .dragOrder::before { top: 16px; }
        .rTable-767.tableList .tAction { width: 100%; padding-left: 0; padding-top: 6px; padding-bottom: 20px; }
            .rTable-767.tableListExtraW .tTitle, .rTable-767.tableListExtraW .tCentred, .rTable-767.tableListExtraW .tAction { padding-left: 30px; }
            .rTable-767 .tActionSingle .bSQ30TD, .rTable-767 .tActionSingle .bSQ30 { margin: 0 auto; }
        .rTable-767 .tActionWrap { justify-content: center; }
            .rTable-767 .bSQ30TD {     
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                width: 200px;
                min-height: 36px;
                border-radius: 3px;
                text-align: center;
                color: #FFFFFF;
                font-size: 15px;
                text-indent: unset; }
                .rTable-767 .bSQ30TD::after { left: unset; right: 0; top: 3px; }
                .rTable-767 .bSQ30TD:not(:hover)::after { opacity: 0.7; }
                .rTable-767 .bSQ30TD, .rTable-767 tr:hover .bSQ30TD:not(:hover) { 
                    background-color: #949491; 
                        background: -moz-linear-gradient(top, #949491 1%, #878783 100%); 
                        background:-webkit-gradient(top, #949491 1%, #878783 100%); 
                        background: linear-gradient(#949491, #878783); }
                    .rTable-767 .bSQ30TD:hover, .rTable-767 .bSQ30TD.bSqArrow, .rTable-767 tr:hover .bSQ30TD.bSqArrow:not(:hover) {
                        background-color: #6f577e;
                            background: -moz-linear-gradient(top, #6f577e 1%, #594366 100%); 
                            background:-webkit-gradient(top, #6f577e 1%, #594366 100%); 
                            background: linear-gradient(#6f577e, #594366); } 
                        .rTable-767 .bSQ30TD.bSqArrow:hover { background: #594366; }
                    .rTable-767 .bSQ30TD.bDelete:hover {
                        background-color: #be1622;
                            background: -moz-linear-gradient(top, #be1622 1%, #aa1414 100%); 
                            background:-webkit-gradient(top, #be1622 1%, #aa1414 100%); 
                            background: linear-gradient(#be1622, #aa1414); }
                .rTable-767 .tAction .bSQ30TD::after { /*background-position-x: 0;*/ filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */ }
                    .rTable-767 .tAction .bSQ30TD:not(.bSqArrow)::after { top: 50%; right: 10px; }
                .rTable-767 .tAction .bSqArrow::after { background-position-x: center; /*background-position-y: -843px;*/ background-position-y: 40%; filter: none !important; }
                    .rTable-767 tr:not(:hover) .tAction .bSQ30TD.bSqArrow::after { filter: none; }
            .rTable-767 .rowDisabled .tAction:not(:hover) { opacity: 0.5; }
                .rTable-767 .rowDisabled .bSQ30TD:hover, .rTable-767.tableList .rowDisabled .bSQ30:hover { color: #FFFFFF; }
                    .rTable-767 .rowDisabled .tAction a::after { background-position-x: 0 !important; }
    .rTable-767 .rowTwinTop { border: none; }
        .rTable-767 .rowTwinTop:hover > td::after, .rTable-767 .rowTwinBottom:hover > td,
            .rTable-767 .rowTwinTop:hover + tr.rowTwinBottom > td, .rTable-767 .rowTwinTop.over > td::after { border-color: transparent !important; }
            .rTable-767.tableList .noData { top: -6px; }
    .rTable-767 .tiOperaCo { width: 100%; padding-bottom: 0; }
        .rTable-767 .tiOperaCo span { left: 50%; margin-left: -15px; }
        .rTable-767 .tiOperaCo + .tTitle { padding-top: 6px; }
    .rTable-767 h5.productInfoWrap { justify-content: center; line-height: 1.2; }
    .rTable-767.tableList .tPlug { height: 32px; text-align: left; }
        .rTable-767 .tPlug span { left: 30%; }
    .rTable-767.tableList tr.trException .bSQ30.bSqArrow, .rTable-767.tableList tr.trException .bSQ30TD.bSqArrow { background: #be1622; }
        .rTable-767 tr.trException .bSQ30.bSqArrow:hover, .rTable-767 tr.trException .bSQ30TD.bSqArrow:hover { background: #aa1414; }

    .tableDocsList.rTable-767 .tAction { height: auto; }        
        .pageBasic .addExtraCancel .bButtonLite.bDelete, 
            .rTable-767 .tActionSingle .bSQ30, .rTable-767 .tActionSingle .bSQ30Lite,
            .pageCustomerDocuments .tableDocsList.rTable-767 .bSQ30,
            .exceptionsList .bSQ30, .trCancelled .bButton.bReturn { 
                width: 200px; 
                min-height: 35px; 
                margin: 0 0 10px 0; 
                border-radius: 3px;
                text-align: center; 
                color: #FFFFFF; 
                font-size: 15px; 
                line-height: 35px; 
                text-indent: unset; }
                .exceptionsList .bSQ30::after { top: 2px; }
            .rTable-767 tr .tActionSingle .bSQ30, .rTable-767 tr .tActionSingle .bSQ30Lite { display: inline-block; float: none; margin-bottom: 0; }
                .rTable-767 .tActionSingle .bSQ30::after, .rTable-767 .tActionSingle .bSQ30Lite::after { left: unset; right: 0px; top: 2px; }
        .addExtraButton .bButton::after { right: 10px; }
        .pageBasic .addExtraCancel .bButtonLite.bDelete { width: 100%; margin: 0; top: 0; line-height: 40px; }
            .pageBasic .addExtraCancel .bButtonLite.bDelete::after { 
                content: ' ';
                position: absolute;
                width: 30px;
                height: 30px;
                right: 0px;
                top: 11px;
                background: url(../images/iSprite.png) no-repeat 0 0; }
            .trCancelled:not(:hover) td > *, .trCancelled:not(:hover) td::before, .trCancelled:not(:hover) h5 span, .trCancelled:not(:hover) .exlQty { color: #b0b0ad; opacity: 1; }
            .trCancelled .bButton.bReturn::after { 
                width: 20px; 
                height: 22px; 
                top: 5px; 
                right: 10px; 
                background-position-y: -50px; }

                .rTable-767 .bSQ30Lite, .pageExceptions .bSQ30.bRed, .pageCustomerAccounts .bSQ30.bRed, .pageBasic .addExtraCancel .bButtonLite.bDelete, 
                    .pageCustomerDocuments .tableDocsList .bDelete { 
                        background-color: #949491; 
                        background: -moz-linear-gradient(top, #949491 1%, #878783 100%); 
                        background:-webkit-gradient(top, #949491 1%, #878783 100%); 
                    background: linear-gradient(#949491, #878783); }
                        .pageBasic .addExtraCancel .bButtonLite.bDelete:hover { background: #787875; }
                    .pageExceptions .bSQ30.bRed:hover, .pageCustomerAccounts .bSQ30.bRed:hover, .pageCustomerDocuments .tableDocsList .bRed:hover { background: #be1622; }
        .addExtraItemWrap .slideThis .specialPrice.specialPriceForm { width: 100%; }
        .pageCustomerAccounts .contentWrap:last-of-type { padding-top: 0; }

    td.olStatus { max-width: unset; }
       .tableScheduledHistory .dateTime:first-of-type { padding-left: 30%; }
            .olStatus span { font-size: 13px; }
            .alertOverdue .alertItem { float: none; width: 100%; height: auto; margin: 0; padding-top: 2px; }
                .alertOverdue .alertItem:nth-of-type(n+2) { margin: 20px 0 0; }

    .tableOrderDetailList .trOrder-mob { display: none; }
            .rTable-767 h5.productInfoWrap strong { font-size: 18px; }
        .pageBasic .rTable-767 h5.productInfoWrap span { font-size: 15px; line-height: 18px; }
            .pageBasic .rTable-767 h5.productInfoWrap { line-height: 1.2; }
            /*.pageOrderDetails .plugActive { margin-top: 8px; margin-left: auto; }*/
    .pageBasic .rTable-767 .tmoCentre { width: 100%; padding-left: 0!important; text-align: center; }
        .pageBasic .rTable-767 .tmoCentre img , .pageBasic .rTable-767 .tiAvatar.tmoCentre span { width: 64px; height: 64px; margin: 0 auto 0; } 
    .slideThis.biAddExtra div > div { width: 100% !important; margin-right: 0; padding: 0; }      
        .slideThis.biAddExtra .selectize-control.single .selectize-input { padding: 8px; }  
        .slideThis.biAddExtra .addExtraCode { margin-top: 0; }
            .slideThis.biAddExtra .selectize-dropdown [data-selectable] { padding: 5px 8px; }
        .slideThis.biAddExtra .addExtraImage { margin-top: 20px; }
        .slideThis.biAddExtra .addExtraName h5 { width: 100%; font-size: 18px; }
            .slideThis.biAddExtra .addExtraName h5 span { text-align: center; }
        .slideThis.biAddExtra .addExtraPrice,
            .slideThis.biAddExtra .addExtraButton .bButton , .pageBasic .addExtraCancel .bButtonLite.bDelete { margin-top: 20px; }
    .pageContainerLoad .quickList.rTable-767 .tbItemSkU { padding-top: 0; } 
    .pageContainerLoad .quickList.rTable-767 .tbItemthumb { min-height: unset; }
    .pageContainerLoad .quickList.rTable-767 .tbItemChk { padding-bottom: 0; }
    .pageContainerLoad .extraItemContainer form > div { display: flex; }
        .pageContainerLoad .addExtraItemWrap .slideThis .addExtraCode { display: flex; justify-content: center; }
            .pageContainerLoad .addExtraItemWrap .slideThis .addExtraCode form { width: 100%; }
            .pageContainerLoad .slideThis .addExtraCode .bProductInfoWrap:not(.selectizeSearch) { margin-top: 15px; }
                /*.pageContainerLoad .addExtraCode .bProductInfoWrap:not(.selectizeSearch) { display: flex; justify-content: center; }*/
            /*.pageContainerLoad .addExtraCode .bProductInfoWrap:not(.selectizeSearch) { margin: 33px auto 0; }*/
        .pageContainerLoad .slideThis .addExtraImage, .pageContainerLoad .slideThis .addExtraName, .pageContainerLoad .slideThis .addExtraQty, .pageContainerLoad .slideThis .addExtraPrice,
            .pageContainerLoad .slideThis .addExtraCancel .bButtonLite, .pageContainerLoad .slideThis .addExtraButton .bButton
            { margin-top: 10px; }
            .pageContainerLoad .slideThis .addExtraName h5 { justify-content: center; min-height: unset; }
        .pageContainerLoad .slideThis .addExtraQty { display: flex; align-items: center; margin-right: 0; }
        .pageContainerLoad .addExtraItemWrap .slideThis label { width: 120px; }
            .pageContainerLoad .addExtraPrice label { margin-bottom: 0; text-align: left; }
        .pageContainerLoad .slideThis .addExtraQty .form-control, .pageContainerLoad .addExtraPrice span { width: calc(100% - 120px); }
        .pageContainerLoad .slideThis .addExtraPrice { display: flex; align-items: center; }        
    .pageContainerLoad .slideThis .addExtraCancel .bButtonLite { background-position-y: 0 !important; }
        .pageContainerLoad .slideThis .addExtraButton { margin-left: auto; }

    .exceptionList.rTable-767 tr:not(.trException) .exlLine { padding-top: 20px; padding-bottom: 6px; }
    .pageBasic .rTable-767 tr.rowDisabled:not(:hover) .bSQ30 { color: #FFFFFF !important; }

    .panelOrderItems h3 { margin-bottom: 0; }    
    .panelOrderOverview, .panelTrackerOverview { grid-template-columns: unset; }
        .panelOrderOverview h3 { grid-column: unset; }
            .panelOrderOverview h3 .iGiant { width: 36px; height: 36px; }
        .pageBasic .miniStackIcon, .panelOrderOverview .miniStack-OrderButton, .pageTrackingOverview .panelTrackerOverview .miniStackIcon, .panelOrderOverview .miniStack-XLSButton 
            { grid-column: unset; grid-row: unset; justify-self: center; margin-right: unset; }
        .miniStack-Author { order: 2; }
        .miniStack-OrderButton, .miniStack-XLSButton { order: 3; }
    .tableOrderDetailList td:not(.tThumb):not(.tTitle) { text-align: right; }
        .tableOrderDetailList td::before { text-align: left; }
        .tableOrderDetailList .oiCustomerCode span { font-size: 15px; }
    
    .exceptionList.rTable-767 tr:not(.trException) .exlException { min-height: unset; padding: 0; }
    .pageExceptions .exceptionList.rTable-767 td { font-size: 15px; }
        .exceptionList.rTable-767 td::before { /*left: 0;*/ top: 8px; }
        .exceptionList.rTable-767 .exlException { text-align: center; }
            .exceptionList.rTable-767 .exlException .iAlert { display: inline-block !important; width: auto; font-size: 18px; }
                .exceptionList.rTable-767 .exlException .iAlert::after { /*background-position-x: -248px;*/ width: 26px; height: 26px; }
        .exceptionList.rTable-767 tr:not(.trException) .exlLine::before { top: 22px; }
        .pageExceptions .exceptionList.rTable-767 td, .pageExceptions .exlSKU .form-control, .pageExceptions .exlCusSKU .form-control { width: 100%; max-width: unset; }
            .exceptionList.rTable-767 .bRestore { 
                background: #5a7500 !important;
                    background: -moz-linear-gradient(top, #5a7500 1%, #435c00 100%); 
                    background:-webkit-gradient(top, #5a7500 1%, #435c00 100%); 
                    background: linear-gradient(#5a7500, #435c00); }    
                .exceptionList.rTable-767 .bRestore:hover { background: #405700 !important; }
        .rTable-767 .exlSKU .productInfoWrap { justify-content: flex-start; }

    .tableTrackingList td, .tableTrackingList .tOrderType { padding-left: 40%; text-align: right; }
        .tableTrackingList td::before { width: 40%; text-align: left; }
        .tiOperaCo .flexColumn { text-align: left; }
        .tableTrackingList .tHandoverSuccess { padding-left: calc(40% + 20px); }
        .tableTrackingList .checkSchedule30-7, .tableTrackingList .tOrderType .flexColumn {margin-left: auto; justify-content: flex-end; }
             /*.tableTrackingList .tOrderType .flexColumn { flex-direction: row-reverse; }*/
    .panelTrackerEdit { flex-wrap: wrap; }
        .panelTrackerEdit .fStacked { margin-bottom: 15px; }
        .panelTrackerEditDate, .panelTrackerEditReason { width: 100%; }
        .panelTrackerEdit textarea { height: 80px; }
        .panelTrackerEdit .buttonWrap { margin-left: auto; }
    .panelTrackerOverview .miniStackIcon { width: 250px; }
    .panelTrackerOverview .miniStackIcon:nth-of-type(2), .panelTrackerOverview .miniStackIcon:nth-of-type(5), .panelTrackerOverview .miniStackIcon:nth-of-type(7) { order: 2; }
    .panelTrackerOverview .miniStackIcon:nth-of-type(3) { order: 3; }
        .pageTrackingPO .tableList td:not(.tThumb):not(.tTitle) { text-align: right; }
        .pageTrackingPO .tableTrackerDoc.tableList .textLC:not(.tTitle) { text-align: left; }

    .taskSearchlist.rTable-767 .tiCustomer, .tableList.rTable-767 .tiCustomer, .pageCustomers .tiCheck.tKADCheck { padding-left: 30%; }
    .taskSearchlist .tiCheck, .tableList .tiCheck, .rTable-767 .tiCheck.tKADCheck { text-align: left; }
        .taskSearchlist .tiCheck:before, .tableList .tiCheck:before { top: 12px; }

    .pageCustomers .tiOperaCo { text-align: left; }
        .tiOperaCo span { margin: 0; }
    .operaCodeList.rTable-767 td.tiOperaCo { min-height: 30px; line-height: 30px; padding-left: calc(30% + 35px); }
        /*.operaCodeList.rTable-767 td.tiOperaCo::after { background-position-x: -260px; }*/
            .operaCodeList.rTable-767 .tiOperaCo span { left: 30%; top: 6px; }
    .pageCustomerAccounts .rTable-767 .tActionSingle { display: flex; justify-content: center; padding-left: 20px !important; padding-right: 20px; } 

    .taskSearchlist td.tiName { margin-bottom: 10px; }
    .rTable-767 .tiDept:before { top: 14px; }

    .myBasicDetails.left , .myBasicDetails.right , .tiStockCode { width: 100%; }
        .myBasicDetails.left { margin: 0 0 420px 0; padding-top: 20px; }
            .myBasicDetails .sectionHead { margin-bottom: -10px; }
    .myAvatar.myBasicDetails { position: absolute; height: auto; min-height: 400px; bottom: 0; }
        .myAvatar #imagecontainer { margin: auto; }
        .pageUserOverview #imagecontainer { display: flex; flex-direction: column; }
            .myAvatar .avatarWrap { width: 100%; height: 100%; }
            .pageUserOverview .avatarWrap { padding: 20px; }
            .pageMyAccount #imagecontainer img { width: 200px; }
            .myAvatar .avatarDefault { width: 200px; height: 200px; margin: auto; }
        .pageUsers .panelUserAvatar .right { height: auto; padding-left: 250px; }
            .pageUsers .panelUserAvatar .right p { height: 280px; }

     .pageScheduled .taskScheduledList.rTable-767 .tiCustomer { 
        padding-left: 30px; 
        padding-right: 30px; 
        color: #6f577e; 
        font-size: 18px; 
        text-align: center; }
        .pageScheduled .taskScheduledList.rTable-767 .tiCustomer::before
            { display: none; }

    .pageCustomerDocuments .tableDocsList, .pageCustomerDocuments .tableDocsList.rTable-767 .bEdit { margin-bottom: 0; }
        .pageCustomerDocuments .tableDocsList td { font-size: 15px; }
            .pageCustomerDocuments .tableDocsList .tTitle { font-size: 18px; }
    .pageCustomerDocuments .tableDocsList .tFileType { width: auto; }

    .radioDept.btn-group .btn + .btn { margin-left: 3px; }
        .radioDept.radioDouble .btn label { font-size: 15px; }
            .radioDept.radioDouble:not(.checkDate) .btn label::first-letter, .galleryCheckGrid h3 { font-size: 24px; }
    .pageUsers .barFilterGrey .form-group, .pageUserOverview .radioDept.btn-group { width: 100%; margin-right: 0; }
        .fg-MiniDept .radioDept.radioDouble .btn + .btn { margin-left: 6px; }

    .pageUsers .barFilterGrey { padding-bottom: 20px; }
        .pageUsers .barFilterGrey .hoverSlide { margin: 0 0 0 auto; align-self: flex-end; }
    .userPermissionList .tiCheck:not(:first-of-type) { width: 100%; text-align: right; padding-right: 30px; }
    .userPermissionList .tiCheck::before { text-align: left; }        
        .userPermissionList .tiCheck .bigCheck input { margin: 0 0 0 auto; }
    .pageUsers .tableUserSalesTeam .tiName { font-size: 15px; }
    .pageBasic .userPermissionList .tiCheck:first-of-type { float: left; width: 20%; padding-left: 30px; }
        /*.userPermissionList .masterCheckbox { top: 14px; }*/
    .pageBasic .userPermissionList.rTable-767 .tiCustomer { float: left; width: 80%; padding-left: 0; }
        .userPermissionList h3 { margin: 24px 0 0 0; line-height: 1.1; }
    .panelAddUserPermissions .userPermissionList .tiCheck::before { top: 18px; }
    .panelAddUserPermissions .userPermissionList .tiCheck:last-of-type { padding-bottom: 20px; }
    .panelUserAvatar.myAvatar #imagecontainer { margin-top: 0; }

    .taskScheduledList .tTitle { padding-bottom: 0; }
    .formGroupScheduleRepeat .checkDate.radioDouble, .modalAddTrigger .weekly.formGroupScheduleRepeat .btn-group { width: 100%; }
        .pageScheduledOverride.pageBasic .bButton.bDouble.bOrder { min-width: 150px; }
        .pageScheduledHistory.pageBasic .taskSearchlist td { padding-left: 20%; }

    .pageWarehouse tr:hover .bDelete.bSQ30.bRed:not(:hover) { background: #949491; }

    .pageWarehouse .formGroupH:not(.noBotM), .pageCompany .formGroupH:not(.noBotM) { margin-bottom: 10px; }
    .pageWarehouse .rTable-767 .tiOperaCo { min-height: 38px; }
        .pageWarehouse .rTable-767 .tiOperaCo::before { top: 6px; }

    .panelBigButtonList .bBigButton { height: 170px; }
        .panelToolsList .bBigButton { padding-top: 75px; }
            .panelToolsList .bBigButton h3 { line-height: 0.8; }
                .panelToolsList .bBigButton span { font-size: 18px; }
                .panelToolsList .bBigButton strong { font-size: 15px; }
    .tableDocsList.rTable-767 .tAction { padding-left: 0 !important; text-align: center; }
        .rTable-767 .tTitle::before { display: none; }

    .customerTargetsWrap form { width: 100%; }
        .customerTargetsWrap form + form { margin-left: 0; }
            #updateCustomerTarget_1 { position: relative; margin-top: 30px; padding-top: 40px; }
                #updateCustomerTarget_1::after { 
                    content: ''; 
                    position: absolute;
                    height: 10px;
                    top: 0; 
                    left: -30px;
                    right: -30px;
                    background: #c7c7c6; }
    .tableRevenueSummary.rTable-767 td { font-size: 15px; }
        .tableRevenueSummary .trTotal .tTitle, .tableRevenueSummary .trTotal:hover .tTitle { border-top: solid 10px #c7c7c6 !important; }
        .tableRevenueSummary .trTotal td:last-of-type { padding-bottom: 30px; }
        .tableRevenueSummary.rTable-767 .tNum, .tableRevenueSummary.rTable-767 .tPercent { text-align: right; }
            .tableRevenueSummary.rTable-767 .tNum::before, .tableRevenueSummary.rTable-767 .tPercent::before { text-align: left; }
            .tableRevenueSummary .tNum .marginSub { display: flex; flex-direction: column; }
        .tableRevenueSummary.rTable-767 .trRevOther { border-bottom: none; }
            .tableRevenueSummary.rTable-767 .tRevenueOther { padding: 0 !important; }
        .tRevOtherList.tableRevenueSummary { margin-top: 10px; }
            .tRevOtherList .tNum:nth-of-type(5), .tRevOtherList .tPercent { display: none; }
            .tRevOtherList .tNum:nth-of-type(4) { padding-bottom: 20px; }
        .tRevenueOther .tableRevenueSummary.rTable-767.tableList td, .panelReportGrossProfitTrend .tableGrossProfit .tRevOtherList td.tNum:last-of-type { padding-right: 30px; }
            .tRevenueOther .tableRevenueSummary.rTable-767 .tTitle { padding-left: 30px; }
            .tRevenueOther .tableRevenueSummary.rTable-767 td::before { left: 30px; }
            .tRevenueOther .tableRevenueSummary.rTable-767 .tNum, .tableGrossProfit .tRevenueOther .tableRevenueSummary.rTable-767 .tNum { width: 100%; }
    .tableGrossProfit.rTable-767 .tNum, .tableGrossProfit.rTable-767 .tPercent { text-align: right; }
        .tableGrossProfit.rTable-767 .tNum::before, .tableGrossProfit.rTable-767 .tPercent::before { text-align: left; }
        .tNum .marginSub sub { height: 12px; top: 10px; right: -10px; font-size: 85%; }
    .pageReportsTrends .tRevOtherList .tNum:nth-of-type(5) { display: block; }
    .graphWrapTrends { min-height: 240px !important; }

    .tableDocsList.rTable-767 tbody tr { position: relative; }
        .tableDocsList.rTable-767 .tFileOwner { text-align: center; padding-left: 0 !important; }
            .tableDocsList.rTable-767 .tFileOwner::before { 
                display: inline-block; 
                position: static; 
                width: auto !important; 
                padding-right: 10px; 
                font-size: 15px; }
            .tableDocsList.rTable-767 .tFileOwner .fontBlack { display: inline-block; }
        .tableDocsList.rTable-767 .tAction, .tableDocsList.rTable-767 .tActionWrap { width: auto; }

    .fgConsolidatorMOQ .consolidatorMOQNote { font-size: 15px; }

    .filterWarranty .ui-datepicker-trigger { top: -2px; }
    .filterWarrantyProduct .form-group .form-control { margin-bottom: 0; }
    .pageWarrantyDetails h2 { font-size: 24px; }
        .panelWarrantyClaimant h2.iconTitle::after { top: -1px; }
    .pageWarrantyDetails h3, .pageWarrantyDetails h3.hBiColour { font-size: 21px; }
    .panelWarrantyAddProduct h2.iconTitle::before { top: 2px; }
    .panelWarrantyAddProduct h2.iconTitle::after { top: 9px; }
    .panelWarrantyDocs h2 { margin-bottom: 20px; }
    .panelWarrantyDocs .left, .panelWarrantyDocs .right { width: 100%; }  
        .panelWarrantyDocs .left { margin: 0 0 40px; }
        .tableWarrantyDocs.rTable-767 tr { position: relative; }
            .tableWarrantyDocs.rTable-767 td:before { left: 0; }
            .tableWarrantyDocs .dateTime { font-size: 18px; text-align: center; }
            .tableWarrantyDocs.rTable-767 .tAction, .tableWarrantyDocs.rTable-767 .tActionWrap { position: static; }
                .tableWarrantyDocs.rTable-767 .bSQ30Lite.bDelete { 
                    position: absolute; 
                    width: 30px;
                    height: 30px;
                    min-height: unset;
                    top: 15px; 
                    right: 0; 
                    color: transparent;
                    overflow: hidden;
                    text-indent: -9999px;
                    background: #be1622 !important; 
                    z-index: 9998; }
                    .tableWarrantyDocs.rTable-767 .bSQ30Lite.bDelete:hover { background: #aa1414 !important; }
                    .tableWarrantyDocs.rTable-767 .bSQ30Lite.bDelete::after { 
                        /*background-position-x: 0 !important; top: 0;*/ 
                        top: 52%;
                        left: 52%;
                        margin: -9px 0 0 -9px;
                        filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */ }  
            tr.internal td::before { color: #944364; } 
            tr.internal .tWarrantyDocsTitle { padding-left: calc(30% + 30px); }
                tr.internal .tWarrantyDocsTitle .iIcon { left: 30%; }

    .panelSparesDash { position: relative; }
        .panelSparesDash + .panelSparesDash { margin-top: 10px; }
        .panelSparesDash h2 { 
            position: sticky;
            top: 0;
            margin-bottom: 10px;
            padding: 10px 20px;
            text-align: center;
            background: #c7c7c5;
            z-index: 900; } 
            .tableTopTrumpsDash.rTable-767 tbody tr, .pageTopProductSalesDash .tableTopTrumpsDash.tableList tbody tr { display: block; }
                .tableTopTrumpsDash tbody tr:nth-of-type(1), .tableTopTrumpsDash tbody tr:nth-of-type(2), .tableTopTrumpsDash tbody tr:nth-of-type(3) { display: none; }
                    
            .tableTopTrumpsDash .tThumb { width: 100%; padding-left: 30px; }
        .wrapSpares-StockCover .tableTopTrumpsDash td { padding-left: 35%; }
    .filterBillOfMaterials .fgFilterArchive .checkBox label { width: 200px; }

    .tableInspectorList .tiAvatar, .tableInspectorList .tInspectionCFA, .tableInspectorList .dateTime { width: 100%; }
        .tableInspectorList.rTable-767 .tiAvatar { padding-bottom: 0; }
        .tableInspectorList .tiAvatar span { margin: 0 auto; }
        .tableInspectorList .tInspectionCFA { text-align: left; }
    .radioYesNo.radioDouble .btn { padding-top: 40px; }
        .radioYesNo.radioDouble .btn::after {
            width: 24px;
            height: 24px;
            top: 12px;
            margin-left: -12px; }

    .headDocValidity { flex-wrap: wrap; }
        .headDocValidity .headTitle { width: calc((100% - 62px) * 0.45); }
        .headDocValidity .headDescription { width: calc((100% - 62px) * 0.55); }
        .headDocValidity .headFile { width: calc(100% - 108px); margin: 0; margin-top: 20px; }
        .headDocValidity .headDate { margin-top: 20px; }

    .tableProductsList td, .tProductsRange .sz6 { font-size: 15px; }
        .tableProductsList.rTable-767 > tbody > tr > .tTitle, .tableProductsList.rTable-767 > tbody > tr > .tCentred, .tableProductsList.rTable-767 > tbody > tr > .tActionSingle 
            { padding-left: 20px !important; padding-right: 20px; }
    .tableProductsList.rTable-767 .tThumb { padding-bottom: 0; }
    .tableProductsList.rTable-767 .tTitle { min-height: unset; padding-bottom: 0; }
    .tableProductsList.rTable-767 .textLC { padding-top: 0; }
    .tProductsRange .fontBlack { margin-right: 5px; }
    .tableList.rTable-767 .rowBorder, .tableList.rTable-767 .trProductsMulti { border-bottom: solid 10px #c7c7c6; }
    .rTable-767 .trProductsMulti-Head { border-bottom: none; }
    .tProductsRange br, .trProductsMulti .tThumb { display: none; }
        .tableProductsList tbody tr:first-of-type .tThumb { padding-top: 0; }
    .tableProductsList.rTable-767 tr .tProductsMultiWrap { padding: 10px 30px; }
    .tProductsMultiWrap .tableProductsListMulti tr { border-top: solid 2px #dcdcd9; border-bottom: none; }
        .tProductsMultiWrap .tableProductsListMulti tr:first-of-type { border-top: none; }
        .tableProductsListMulti tr { display: flex; justify-content: flex-start; }
            .trProductsMulti .tableProductsListMulti td { display: flex; align-items: center; min-height: 40px !important; padding: 6px 0 !important; }
                .tableProductsListMulti td.tTitle, .tableProductsListMulti td.tCentred { width: auto; margin-right: 20px; font-size: 15px; }
                .tableProductsListMulti .tAction.tActionSingle { width: 35px; margin-left: auto; }
                    .tableProductsListMulti .tAction.tActionSingle .bSQ30Lite { 
                        width: 35px; 
                        height: 35px; 
                        min-height: unset; 
                        color: transparent; 
                        text-indent: -9999px; 
                        background-color: #949491 !important; }
                        .tableProductsListMulti tr:hover .tAction.tActionSingle .bSQ30Lite { background-color: #6f577e !important; }
                        .tableProductsListMulti .tAction.tActionSingle .bSQ30Lite::after { 
                            width: 35px; 
                            height: 35px; 
                            top: 0; 
                            right: -1px; 
                            background-position-y: -841px; }
    .tableProductDocsList.rTable-767 .tComplianceMatrix { width: 100%; }
        .tableProductDocsList.rTable-767 .iComplianceMatrix, .tableProductDocsList.rTable-767 .thumb img { margin: 0 auto; }    
    .tableProductDocsList .tTitle { padding-top: 0; padding-bottom: 0; }
            .tableProductDocsList.rTable-767 .thumb { display: flex; min-height: auto; padding: 0 30px; }
    .noUpdatePermission .tableProductDocsList.tableList { margin-bottom: 10px; }
        .noUpdatePermission .tableProductDocsList .tFileType { padding-bottom: 20px; }
    .noUpdatePermission .panelWarrantyProductCondition.formGroupH label { min-width: 120px !important; }

    .npdCategoryLights { flex: 1 1 auto; width: calc(100% - 70px); } 
    .npdTaskDateAuthor { width: auto; }
    .npdTaskNote { order: 1; width: 100%; margin: 10px 0 15px; }
    .npdTask .bDelete { margin-left: auto; }
    .npdTaskFileGallery { order: 1; }
        .npdTaskFileGallery .bDelete { opacity: 1; /*background: rgba(255, 255, 255, 0.5) !important;*/ }
            .npdTaskFileGallery .bDelete::after { 
                /*background-position-x: -113px;*/     
                width: 12px;
                height: 12px;
                margin: -6px 0 0 -6px; }

    .sourcingReportHead { flex-direction: column; position: relative; padding-top: 10px; padding-bottom: 20px; }
        .sourcingReportHead > div { display: flex; width: 100%; margin: 10px 0 0 0; }
            .sourcingReportHead label { width: 100px; }
            .sourcingReportHead .inArrow { transition: opacity 0.3s; }
                .sourcingReportHead.in .inArrow { opacity: 0; }
        .sourcingCAP { margin-left: 10px; }
            .sourcingReportDocList + .sourcingCAP { padding-left: 10px; }
            .sourcingCAPHead { flex-wrap: wrap; }
                .sourcingCAPHead h4 { width: 100%; }
                .sourcingCAPDateName { font-size: 15px; }
                    .sourcingCAPDateName:first-of-type { margin-left: 0; padding-left: 0; border-left: none; }

    .pageMyAccount .avatarWrap { width: unset; height: unset; padding: 20px 10px; }
        .pageMyAccount .myAvatar .bButton { margin: 10px 0 0; }
    h4.text-success + form { margin-top: 40px; }

    .modalAddDocuments .form-group .fcWrap70 label { line-height: normal; margin: 0; }
        .form-group .fcWrap .labelOptional, .form-group .fcWrap70 .labelOptional { margin-top: 5px; padding-top: 10px; }

    .panelError { padding: 0 30px 20px; }
        .panelError h3 { font-size: 42px; }
        .panelError p { font-size: 15px; font-weight: bold; }
    .pageError h3 { font-size: 24px; }

 }

@media screen and (max-width: 767px) and (min-width: 681px) {
    
    .nAccountWrap { right: 25px; }

    .pageUsers.pageBasic .nav li a { font-size: 13px; }
        .pageUsers.pageBasic .nav-tabs > li.active > a { padding-bottom: 23px; }   

    .panelWarrantyReportDateDisplay { gap: 10px; }    
        .pageWarrantyDetails .cirqueNumberTab, .pageWarrantyDetails .navTabButton .bButton::after { display: none; }
        .pageWarrantyDetails .navTabButton .bButton { padding-right: 10px; text-align: center; }

    .pageSourcing .topTabs .nTabCirque .cirqueNumberTab { display: none; }

}

@media screen and (max-width: 767px) and (min-width: 601px) {

    .rTable-767 td:before { left: 30px; }
    tr:not(:hover) .tActionTriple .bSQ30TD.bSqArrow::after, tr:not(:hover) .tActionDouble .bSQ30TD.bSqArrow::after { filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(89%); /* #787875 Mid Grey */ }

    .pageError h1::after { left: -1px; top: 0; }
    /*.pageOrders h1::after, .pageOrders-New h1::after { top: 1px; }*/
    /*.pageProductClassBikes h1::after { left: -2px; top: 0; }  */  
    .pageReports h1::after, .pageReportsSellout h1::after, 
        .pageBasic h1.hOrderStatus::after, .pageTools h1::after, .pageContainerLoad h1::after, .pageCustomers h1::after, .pageExpenditure h1::after, .pageDebtorList h1::after, .pageCreditorList h1::after,
        .pageNPD h1::after, .pageProducts h1::after, .pageProductClass h1::after, 
        .pageCompany h1::after, .pageUsers h1::after, .pageScheduled h1::after, .pageConsolidators h1::after, .pageDataRoom h1::after,
        .pageSpares h1::after, .pageWarranty h1::after, .pageInspections h1::after, .pageInspectors h1::after, .pageSourcing h1::after { 
        width: 36px; height: 36px; }

    .pageBasket .panelBasketGrandTotal { height: 200px; }
    .pageBasket .panelBasketGrandTotal .bButton.bEmpty { left: 30px; top: 80px; }
    .pageContainerLoad .biName-mob .biName .bProductInfo { right: -5px; }

    h3.sectionTitle.iconTitle::after { top: -1px; }

    .draftPanelDetails .revDetailsCentre { 
        position: absolute; 
        margin-left: 0; 
        left: 30px; 
        bottom: 20px; 
        text-align: left; }
        .draftPanelDetails .revDetailsCentre .revDetails { margin: 10px 0 0; }

    .oHiIcon.iStatus.oHiAlert span::after { top: 18px; }

    .pageUsers .barFilterGrey .form-group { margin-bottom: 5px; }
        .pageUsers .barFilterGrey .fg-MiniDept { width: 100%; margin-bottom: 15px; }

    .barFilterDebtor .fgDebtor.fRadioGroup.radioDouble .btn { width: 90px; }

    .pageSpares .barFilterGrey { flex-wrap: wrap; }
        .pageSpares .form-group:not(.fgSparesFactory) { flex: 1 1 200px; }
            .pageSpares .fgSparesDateTo, .filterBillOfMaterials .fgProductsRange, .filterBillOfMaterials .fgProductsFactory { margin-right: 0; }
        .pageSpares .fgSparesFactory { width: 100%; }  
    .filterBillOfMaterials.barFilterGrey { padding-bottom: 20px; }
        .filterBillOfMaterials .fgProductsRange {  }
        .filterBillOfMaterials.barFilterGrey .hoverSlide { margin-top: 0; }
        
    .panelProductSpecWrap { grid-template-columns: repeat(auto-fill, minmax(48%, 1fr)); }

    .tableProClassDocType { margin-top: -10px; }
        .tableProClassDocType .tiCheck { text-align: center; }

    .panelUserAvatar.myAvatar #imagecontainer { margin-right: 30px; }

}

@media screen and (max-width: 767px) and (min-width: 541px) {

    .pageMyAccount .right form { flex-direction: row; }
        .pageMyAccount #imagecontainer { margin: 0 30px 0 0; }  
            .pageMyAccount .avatarWrap { min-height: 280px; }

}

@media screen and (max-width: 767px) and (min-width: 481px) {
    
    .basketList tbody tr td::after { display: none; }
    .biHead.in .biHeadTitle { height: 90px; padding-top: 45px; }
    .biHead .biThumb { display: none; }
    .basketItemList .biHead .biName { width: 10px; padding-left: 0px; } 
        .biHead .biName h3 { position: absolute; top: 24px; left: 78px; white-space: nowrap; }             
            .biHead .biName h3::after { 
                content: ' '; 
                display: block; 
                position: absolute; 
                width: 42px; 
                height: 42px; 
                top: -12px; 
                left: -47px; 
                background: url(../images/iSpriteBig.png) no-repeat -60px -900px; }
                    .itemWarehouse .biHead .biName h3::after { background-position-x: -100px!important; }
    .pageContainerLoad .biHead.in th.biQty span { padding-left: 6px; text-align: left; }  
    .pageContainerLoad .biHead.in .biPrice span { width: 90px; margin: 0 auto; }
    .pageContainerLoad .basketList.rTable-480 td.biDelete { padding-right: 30px; }
                    
    .pageBasic .slideThis .addExtraCancel, .pageBasic .slideThis .addExtraButton { width: 48% !important; text-align: center; }                  
                         
    .biName-mob { display: table-row; border-top: solid 2px #dcdcd9; }
        .biName-mob:first-of-type { border: none; } 
        .basketList.rTable-480 .biName-mob .biName { display: table-cell; padding: 20px 30px 0; }
        .basketList.rTable-480 .biName, .pageContainerLoad .tInfo { display: none; }
    .basketList.rTable-480 td:not(.biNmame) { padding-bottom: 20px; }
        .pageOrders .basketList.rTable-480 tr:last-of-type td:not(.biNmame) { padding-bottom: 10px; }
        .basketList.rTable-480 .biPrice , .basketList.rTable-480 .biQty { padding-left: 30px; }
    .basketList.rTable-480 .biTotalCost { padding-right: 30px; }
    .biUpdate .bButtonLite.bUpdate, .biDelete .bButtonLite.bDelete { top: 13px; }
    .pageContainerLoad .biName-mob .tInfo .bProductInfo { right: 0; }
    .bProductInfo::after { top: 0px; }
    .biHead .biName h3::after { background-position-x: -420px; }

    .pageTrackingPO .bProductInfo::after { top: 2px; }

    .filterBillOfMaterials .form-group.fgFilterArchive { flex: 1; }

}

@media screen and (min-width: 721px) { 

    .modalCusDocument .fgDropZone { width: 70%; }

}

@media screen and (max-width: 720px) {

    .onewDateWrap { width: 90%; } 

    .pagination > li > a { padding: 6px 6px; }
    .pagination-container { width: 100%; padding: 0 20px; }
        .pagination > li { flex: 1; }
            .pagination > li + li { margin-left: 3px; }
            .pagination > li > a, .pagination li.active a { width: 100%; margin: 0; }


    .basketList tr { position: relative; }
        .basketList.rTable-480 .biName { display: none; }
        .basketList .biName-mob { display: table-row; border-bottom: none; }
            .basketList tbody td::after , .historyItem .basketList tbody td::after { border: none; }
        .basketList h5 { line-height: 12px; }
        .biHead .biName h3 { font-size: 21px; }
        .basketList .form-control { min-width: 70px; }
        .slideThis .addExtraImage { width: 20%; }
        .slideThis .addExtraName { width: 80%; }

        .uploadXLWrap .centre { width: 100%; }

    /*.galleryWrap li { max-width: calc(32%); }
        .galleryWrap li, .galleryWrap li:nth-of-type(4n), .galleryWrap li:nth-of-type(5n) { margin: 0 2% 2% 0; }
        .galleryWrap li:nth-of-type(3n) { margin-right: 0%; }*/

    /*#revenueByCountryMap { margin-bottom: 80px; }
        .pageReportsCountry .graphLegend { bottom: -6vw; }*/

    .TopProductSalesTabBar { width: 100%; }
        .TopProductSalesTabBar .bExportXL80.bExportXL { margin-right: auto; }

    .filterInspectDateWrap { width: 100%; }

    .headSKUValidity h2 { width: 100%; }
    .barFilter .fgSKUValidity.fStacked { flex-direction: row; flex-wrap: unset; align-items: center; margin-top: 10px; }
        .barFilter .fgSKUValidity > label { margin: 0 10px 0 0; }

    .pageProducts h1, .productsHeadAdd { width: 100%; }
        .pageProducts h1 { margin-bottom: 10px; }
        .productsHeadAdd { justify-content: flex-end; }
    .pageProductSKUFeatures .noUpdatePermission .grid li { margin-bottom: 10px; }
    
    .gridTopTrumps { flex-wrap: wrap; }
        .gridTopTrumps li { flex: unset; width: calc(50% - 6px); }
    .pageSparesDetails .avatarCheckGrid .grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }

} 

@media screen and (max-width: 720px) and (min-width: 601px) {

    .fInline .wrapDateTime { width: 70%; }

    .tableOrderHistory.rTable-600 td { font-size: 13px; }
    .tableOrderHistory .tDate { width: 120px; }

    .barButtonContainers { width: calc(100% - 2% - 150px); }
        .pageContainerLoad .barButtons .bButton { width: 150px; }

    .pageProductClassDetails .productsHeadAdd { margin-top: 10px; }
    .fgAddProClassColourDescription, .modalCusDocument .fgDropZone { width: 60%; }

    .panelWarrantyReportYTDoughnut .doughnutWrap { width: 260px; height: 260px; }
    .panelWarrantyReportYTDoughnut ul { height: 90px; }
    .panelWarrantyAddProduct .wrapDateTime, .panelWarrantyAddProduct .form-control-50 { width: 70% !important; }

}

@media screen and (max-width: 720px) and (min-width: 481px) {

    .pageQuick .bProductInfo { top: 28px; right: -28px; }

    .productMaterialWrap .fStacked:not(.fPercent) { width: calc(100% - 150px); max-width: unset; }
    .productMaterialWrap .fStacked.fPercent { width: 80px; margin-left: auto; margin-right: 0; }

    .gridTopTrumps li { max-width: 50%; }
    .tableTopTrumpsDash tbody tr:nth-of-type(4) { display: none; }
    .wrapSpares-FutureSales .gridTopTrumps { grid-template-columns: 1fr 1fr; }
        .wrapSpares-FutureSales img { width: 50px; height: 50px; }
        .wrapSpares-FutureSales .itemTopTrumpData strong { font-size: 24px; }
        .wrapSpares-FutureSales .itemTopTrumpData h5 { font-size: 13px; }

    .modal .onewDateWrap { width: 45% !important; }
        .modalW600 .onewDateWrap { width: 70% !important; }
    .modalCusDocument .form-group label { width: 40%; }
    .modalCusDocument .form-group .form-control { width: 60%; }
    .modalCusDocument .form-group .bUploadDocWrap, .modalCusDocument .addNewDate .onewDateWrap { width: 60% !important }

}

@media screen and (min-width: 681px) {    

    .headerNav, .headerNav-New { display: inline-flex; flex: 1; min-height: 75px; }
        .headerNav .-primary > li + li { margin-left: 5px; }
    .headerNavList { margin-left: auto; }
        /*.headerNavList .nNavItem { position: relative; }*/
            .headerNavList .nNavItem > a::before { 
                content: ''; 
                position: absolute;
                /*width: calc(100% + 20px); */
                /*left: -10px; */
                width: 100%;
                left: 0;

                /*height: 4px; 
                bottom: -10px; */
                height: 6px; 
                bottom: -12px; 
                transition: all ease-in 0.3s;
                transform: scaleY(1); 
                background: #949491; }
                .headerNavList .nNavItem:hover > a::before { transform: scaleY(1.5); bottom: -13px; }
        .headerNavList > li > a { transition: all ease-in 0.3s; }
        /* Nav Changes for SVG */
        .headerNavList > li > a::after { 
            /*width: 36px; 
            height: 36px; 
            margin: -30px 0 0 -18px; */
            background: url(../images/iSprite.svg) no-repeat center 0;
            background-size: cover; }
            .nDashboard.nNavItem > a::after { background-position-y: 25%; filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); }     /* #6f577e Grape */
            .nSales.nNavItem > a::after { background-position-y: 30%; filter: invert(28%) sepia(43%) saturate(2712%) hue-rotate(350deg) brightness(97%) contrast(100%); }       /* #c73e14 SA Pumpkin */
            .nLogistics.nNavItem > a::after { background-position-y: 40%; filter: invert(37%) sepia(62%) saturate(1739%) hue-rotate(20deg) brightness(105%) contrast(101%); }   /* #d17700 LG Mango */
            .nMarketing.nNavItem > a::after { background-position-y: 50%; filter: invert(15%) sepia(95%) saturate(2844%) hue-rotate(351deg) brightness(82%) contrast(95%); }    /* #a21d17 MA Cranberry */
            .nNPD.nNavItem > a::after { background-position-y: 60%; filter: invert(55%) sepia(60%) saturate(403%) hue-rotate(39deg) brightness(92%) contrast(85%); }            /* #7e9e3f NPD Apple */
            .nQC.nNavItem > a::after { background-position-y: 70%; filter: invert(31%) sepia(19%) saturate(1678%) hue-rotate(284deg) brightness(96%) contrast(85%); }           /* #944364 QC Plum */
            .nTechnical.nNavItem > a::after { background-position-y: 80%; filter: invert(33%) sepia(84%) saturate(712%) hue-rotate(142deg) brightness(93%) contrast(103%); }    /* #007c85 TS Lake */
            .nAdmin.nNavItem > a::after { background-position-y: 90%; filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); }         /* #6f577e Grape */
            .nProductLibrary.nNavItem > a::after { /*background: url(../images/iSpriteBig.png) no-repeat -300px -5460px;*/
                background-position-y: 53%; filter: invert(36%) sepia(71%) saturate(5201%) hue-rotate(9deg) brightness(93%) contrast(87%); } /* #d14a10 ProductLibrary Tango */

    .headerNavList > li > a::after { 
        content: ' ';
        position: absolute;
        top: 50%;
        left: 50%;
            -webkit-transition: all ease-in 0.4s ;

        
        transform: scale(1); 
        /*transition: all ease-in 0.3s ;*/ }
        .headerNavList > li > a span { 
            display: flex;
            height: 24px;
            align-items: center;
            justify-content: center; 
            padding: 0 5px; }
        .headerNavList .nNavItem > a.active::before { transform: scaleY(1.5); bottom: -11px; }
        .headerNav-New .dropdown-toggle span::after { 
            /*top: 90px;*/
            left: 50%;
            margin-left: -10px;
                ms-transform: rotate(45deg); 
                -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            background: #6f577e; }
        .headerNavList > li > a:hover::after { transform: scale(1.10); font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; }
        /*.headerNavList > li > a.active::after { transform: scale(1.30); }
        .headerNavList > li > a.active span { display: none; }*/
        .headerNavList > li > a.active span { letter-spacing: 0.5px; }
        .nSales.nNavItem > a.active { color: #c73e14; }
        .nLogistics.nNavItem > a.active { color: #d17700; }
        .nAccounts.nNavItem > a.active { color: #46756e; }
        .nMarketing.nNavItem > a.active { color: #a31f10; }
        .nNPD.nNavItem > a.active { color: #668528; }
        .nQC.nNavItem > a.active { color: #944364; }
        .nTechnical.nNavItem > a.active { color: #007c85; }
        .nAdmin.nNavItem > a.active { color: #6f577e; }
        /*nav .bigMenu { border-top-width: 50px; }
            nav .bigMenu::after { position: absolute; top: 5px; right: 30px; color: #FFFFFF; font-size: 24px; text-transform: uppercase; }*/
            .nSales .bigMenu { border-color: #c73e14; }
                /*.nSales .bigMenu::after { content: 'Sales'; }*/
                .nSales .dropdown-toggle span::after, .headerNavList .nSales a::before { background: #c73e14; }
            .nLogistics .bigMenu { border-color: #d17700; }
                .nLogistics .dropdown-toggle span::after, .headerNavList .nLogistics a::before { background: #d17700; }
            .nAccounts .bigMenu { border-color: #5e8f88; }
                .nAccounts .dropdown-toggle span::after { background: #5e8f88; }
            .nMarketing .bigMenu { border-color: #a31f10; }
                .nMarketing .dropdown-toggle span::after, .headerNavList .nMarketing a::before { background: #a31f10; }
            .nNPD .bigMenu { border-color: #7e9e3f; }
                .nNPD .dropdown-toggle span::after, .headerNavList .nNPD a::before { background: #7e9e3f; }
            .nQC .bigMenu { border-color: #944364; }
                .nQC .dropdown-toggle span::after, .headerNavList .nQC a::before { background: #944364; }
            .nTechnical .bigMenu { border-color: #007c85; }
                .nTechnical .dropdown-toggle span::after, .headerNavList .nTechnical a::before { background: #007c85; }
            .nAdmin .bigMenu { border-color: #6f577e; }
                .nAdmin .dropdown-toggle span::after, .headerNavList .nAdmin a::before, .headerNavList .nDashboard a::before { background: #6f577e; }
            .nav2AdminConsolidator.navSecondary { letter-spacing: -1px; }
            .headerNavList .nProductLibrary a::before { background: #d14a10; /*background: #a31f10;*/ }
            .headerNavList .nNavItem .bigMenuGroupedList .bigMenuGroup .deptRestricted::before { background: #787875; }

    .nAvatar {     
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center; }
        .nAvatar span { 
            position: relative; 
            margin: 0 auto; }  

    .topTabs-r680 .collapseThis { display: block; height: auto !important; }
        .topTabs-r680 .collapseThis ul { display: flex; flex-flow: row nowrap; }
        .topTabs.topTabsShort li { max-width: 33.33%; }

    .backTopWrap { bottom: 25px; }

    .exImportError.exOtherError form h4 { padding-top: 10px; }

    .fgTrackingFilterArchive { margin: 28px 0 0; }

    .barFilterWrap .barFilterGrey { display: flex; }       
    
    .pageContainerLoad .panelBasketGrandTotal form:nth-of-type(2) { order: -1 }

    .noUpdatePermission .weightSettings.tableList { width: 500px; } 

    .filterInspections { display: block; } 

    .pageSpareBillMaterial .contentHeadMulti { flex-wrap: nowrap; }
    
    .addNew .fgAddComponentName .form-control { max-width: 50%; min-width: 500px; }

    .modalW600 .modal-dialog, .modalCustomerWarehouse .modal-dialog, .modalAddDocuments .modal-dialog { width: 600px; margin: 30px auto; }

    .modalCusDocument .addNewDate .onewDateWrap { width: 70% !important; }

}

@media screen and (max-width: 680px) {    

    header.header { flex-wrap: wrap; position: relative; margin-bottom: 10px; padding-top: 1vh; }
        .topStripe { display: flex; }
        .headerLogo { /*padding-right: 20px;*/ width: 75px; }
    .header .navbar { flex-wrap: wrap; justify-content: flex-start; width: 100%; padding-top: 20px; }
        .header .nAccountWrap { 
            /*position: absolute;*/ 
            /*width: calc(100% - 150px); */
            /*top: 22px;
            right: 0; 
            padding: 0 63px 0 0; */
            
            gap: 0 20px;
            padding: 0;
            /*left: auto; */
            /*top: 32px;*/
            top: calc(1vh + 32px);
            right: 70px;
            /*margin-right: 20px;*/
            font-size: 12px; }

            .nAvatar { 
                position: relative; 
                float: right; 
                width: auto; 
                background: none; 
                height: 32px; }
                .nAvatar:hover { background: none; }
                .nAvatar::after, .nAvatar::before { display: none; }
                .nAvatar img, .nAvatar span, .iAvatar { 
                    position: absolute; 
                    width: 32px; 
                    height: 32px; 
                    margin: 0; 
                    top: 0; 
                    right: 0; }

                    .deptSA.nAvatar span, .deptSA .iAvatar { background-position-y: -1050px; }
                    .deptLG.nAvatar span, .deptLG .iAvatar { background-position-y: -1100px; }
                    .deptAC.nAvatar span, .deptAC .iAvatar { background-position-y: -1150px; }
                    .deptNP.nAvatar span, .deptNP .iAvatar { background-position-y: -1200px; }
                    .deptQC.nAvatar span, .deptQC .iAvatar { background-position-y: -1250px; }
                    .deptTS.nAvatar span, .deptTS .iAvatar { background-position-y: -1300px; }
                    .deptIT.nAvatar span, .deptIT .iAvatar { background-position-y: -1400px; }
                    .deptMG.nAvatar span, .deptMG .iAvatar { background-position-y: -1350px; }
                    .deptMA.nAvatar span, .deptMA .iAvatar { background-position-y: -1450px; }

                /*.nAvatar h5, .nAccountWrap { 
                    position: relative; 
                    width: auto; 
                    height: 32px; 
                    line-height: 32px; 
                    font-size: 12px; }*/
                .nAvatar h5 { padding-right: 42px; bottom: 0; }
                    .nAvatar:hover, .nAvatar:hover h5 { color: #000000; text-decoration: none; }
                        .nAvatar h5.underSlide::after { display: block; width: auto; right: 42px; }
            /*.nAccountWrap {*//* display: block; float: right;*/ /*left: auto; margin-right: 20px; }*/
                .nLogout.underSlide::after, .nAvatar h5.underSlide::after, .nAccount.underSlide::after { /*bottom: 4px;*/ bottom: -4px; }
            .accountAvatar { display: none; }

        .headerNav, .headerNav-New { 
            padding-right: 0; 
            -webkit-overflow-scrolling: touch; }
            .headerNav-New { width: 100%; margin: 12px auto 0; }
            .headerNav.in, .headerNav-New.in { display: block !important; }
            header .navbar-toggle { display: block; top: 22px; z-index: 9900; }
            .headerNav .--hidden { display: block; }
            .headerNav .-primary, .headerNavList { flex-direction: column; }
            .headerNav .-primary .-more, .headerNav .-primary > li > a::before, .headerNavList > li > a::before { display: none; }
                .headerNav .-primary > li { flex: unset; width: 100%; max-width: unset; }
                    .headerNav .-primary > .nTools { flex-basis: unset; }
                .headerNavList .nNavItem { flex: unset; width: 100%; max-width: unset; }
                    .headerNavList .nNavItem > a { 
                        width: 100%;
                        height: unset;
                        margin-bottom: 6px;
                        padding: 15px 5px;
                        border-radius: 3px;
                        line-height: normal !important;   
                        text-align: center; 
                        transition: background ease-in 0.3s;
                        background: #dcdcd9; }
                        .headerNav li a:hover, .nNavItem > a:hover { background: #eeeeeb; }
                        .headerNav li a.active, .nNavItem > a.active { 
                            /*color: #6f577e; */
                            font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif;
                            font-weight: 900; 
                            background: #FFFFFF; }
                        .headerNav li a::after, .headerNav-New li a::after { display: none; }
                        .headerNav li a span, .nNavItem > a span { 
                            display: inline-block; 
                            position: relative; 
                            width: 240px;
                            margin: 0 0 0 40px;
                            padding-left: 40px;
                            text-align: left;
                            left: unset;
                            bottom: unset !important;
                            font-size: 16px;
                            opacity: 1; }
                            .headerNav span::after { 
                                content: ' ';
                                position: absolute;
                                width: 20px;
                                height: 20px;
                                top: 0;
                                left: 0;
                                opacity: 0.8;
                                background: url(../images/iSpriteTiny.png) no-repeat 0 0; }
                                .headerNav a:hover span::after { opacity: 0.8; }
                                /*.headerNav a.active span::after { opacity: 1; }
                                    .headerNav .nDashboard span::after { background-position-y: 0; }
                                    .headerNav .nSalesOrders span::after { background-position-y: -1150px; }
                                    .headerNav .nOrderTracking span::after { background-position-y: -1200px; }
                                    .headerNav .nCustomers span::after { background-position-y: -50px; }
                                    .headerNav .nUsers span::after { background-position-y: -100px; }
                                    .headerNav .nScheduledTasks span::after { background-position-y: -150px; }
                                    .headerNav .nWarehouses span::after { background-position-y: -200px; }
                                    .headerNav .nCompanies span::after { background-position-y: -250px; }
                                    .headerNav .nTools span::after { background-position-y: -300px; }
                                    .headerNav .nReports span::after { background-position-y: -350px; }
                                    .headerNav .nDocuments span::after { background-position-y: -400px; }
                                    .headerNav .nDataRoom span::after { background-position-y: -450px; }
                                    .headerNav .nConsolidators span::after { background-position-y: -500px; }
                                    .headerNav .nWarrantyClaims span::after { background-position-y: -550px; }
                                    .headerNav .nInspections span::after { background-position-y: -600px; }
                                    .headerNav .nInspectors span::after { background-position-y: -650px; }
                                    .headerNav .nSpareParts span::after { background-position-y: -700px; }
                                    .headerNav .nProducts span::after { background-position-y: -750px; }
                                    .headerNav .nProductClassing span::after { background-position-y: -800px; }
                                    .headerNav .nProductDocuments span::after { background-position-y: -1000px; }
                                    .headerNav .nNewProductDev span::after { background-position-y: -1050px; }
                                    .headerNav .nSourcing span::after { background-position-y: -1100px; }*/

                            .headerNav-New .nNavItem span::after { 
                                display: block; 
                                width: 24px;
                                height: 24px;
                                top: -3px;
                                left: 0; 
                                /*background: url(../images/iSpriteTiny.png) no-repeat -150px 0;*/ }
                                /*.nDashboard.nNavItem span::after { background-position-y: 0; background-position-x: 0; }
                                .nSales.nNavItem span::after { background-position-y: -1250px; }
                                .nLogistics.nNavItem span::after { background-position-y: -1300px; }
                                .nAccounts.nNavItem span::after { background-position-y: -1350px; }
                                .nNPD.nNavItem span::after { background-position-y: -1050px; }
                                .nQC.nNavItem span::after { background-position-y: -1400px; }
                                .nTechnical.nNavItem span::after { background-position-y: -300px; }
                                .nAdmin.nNavItem span::after { background-position-y: -1450px; }
                                .nProductLibrary.nNavItem span::after { background-position-y: -1500px; }
                                .nMarketing.nNavItem span::after { background-position-y: -1550px; }
                                .nIT.nNavItem span::after { background-position-y: -1600px; }*/
            .nDashboard.nNavItem span::after { background-position-y: 25%; filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); }     /* #6f577e Grape */
            .nSales.nNavItem span::after { background-position-y: 30%; filter: invert(28%) sepia(43%) saturate(2712%) hue-rotate(350deg) brightness(97%) contrast(100%); }       /* #c73e14 SA Pumpkin */
            .nLogistics.nNavItem span::after { background-position-y: 40%; filter: invert(37%) sepia(62%) saturate(1739%) hue-rotate(20deg) brightness(105%) contrast(101%); }   /* #d17700 LG Mango */
            .nMarketing.nNavItem span::after { background-position-y: 50%; filter: invert(15%) sepia(95%) saturate(2844%) hue-rotate(351deg) brightness(82%) contrast(95%); }    /* #a21d17 MA Cranberry */
            .nNPD.nNavItem span::after { background-position-y: 60%; filter: invert(55%) sepia(60%) saturate(403%) hue-rotate(39deg) brightness(92%) contrast(85%); }            /* #7e9e3f NPD Apple */
            .nQC.nNavItem span::after { background-position-y: 70%; filter: invert(31%) sepia(19%) saturate(1678%) hue-rotate(284deg) brightness(96%) contrast(85%); }           /* #944364 QC Plum */
            .nTechnical.nNavItem span::after { background-position-y: 80%; filter: invert(33%) sepia(84%) saturate(712%) hue-rotate(142deg) brightness(93%) contrast(103%); }    /* #007c85 TS Lake */
            .nAdmin.nNavItem span::after { background-position-y: 90%; filter: invert(35%) sepia(41%) saturate(358%) hue-rotate(233deg) brightness(93%) contrast(91%); }         /* #6f577e Grape */
            .nProductLibrary.nNavItem span::after { background: url(../images/iSpriteTiny.png) no-repeat -150px -1500px;  }
                            .nNavItem.open > a { 
                                margin-bottom: 0;
                                background: #eeeeeb;  
                                border-bottom-left-radius: 0; 
                                border-bottom-right-radius: 0; }
                            .nNavItem.open .dropdown-toggle span { color: #FFFFFF; }
                                .nNavItem.open span::after { /*background-position-x: -50px;*/ filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); /*opacity: 0.9;*/ }
                                    /*.nSales.open .dropdown-toggle span { color: #c73e14; }*/
                                        .nSales.open .dropdown-toggle { background: #c73e14; }
                                    /*.nLogistics.open .dropdown-toggle span { color: #d17700; }*/
                                        .nLogistics.open .dropdown-toggle { background: #d17700; }
                                    /*.nAccounts.open .dropdown-toggle span { color: #46756e; }*/
                                        .nAccounts.open .dropdown-toggle { background: #5e8f88; }
                                    /*.nMarketing.open .dropdown-toggle span { color: #a31f10; }*/
                                        .nMarketing.open .dropdown-toggle { background: #a31f10; }
                                    /*.nNPD.open .dropdown-toggle span { color: #668528; }*/
                                        .nNPD.open .dropdown-toggle { background: #7e9e3f; }
                                    /*.nQC.open .dropdown-toggle span { color: #944364; }*/
                                        .nQC.open .dropdown-toggle { background: #944364; }
                                    /*.nTechnical.open .dropdown-toggle span { color: #007c85; }*/
                                        .nTechnical.open .dropdown-toggle { background: #007c85; }
                                    /*.nAdmin.open .dropdown-toggle span { color: #6f577e; }*/
                                        .nAdmin.open .dropdown-toggle, .nDashboard.open .dropdown-toggle { background: #6f577e; }

                        .dropdown-menu { 
                            position: relative;
                            right: 0;
                            padding: 0 0 5px;
                                -webkit-box-shadow: none;
                            box-shadow: none;
                            background: none;
                            overflow: unset; }    
                        .bigMenu { border: none; }
                            .bigMenuWrap, .nSales .bigMenuWrap { flex-direction: column;/* padding: 0 0 10px;*/ padding: 0; background: #eeeeeb; }
                                .bigMenuGroupedList .bigMenuGroup .navSecondary, .nSales .bigMenuGroup .navSecondary:not(:hover) { max-width: unset; border-radius: 0; border: none; }
                                    .bigMenuGroupedList .bigMenuGroup .navSecondary:not(:hover) { background: #eeeeeb; }
                                    .navSecondary:hover, .bigMenuGroupedList .bigMenuGroup .navSecondary:hover { background: #FFFFFF; -webkit-box-shadow: none; box-shadow: none; }
                                    .navSecondary + .navSecondary, .bigMenuGroupedList .bigMenuGroup .navSecondary + .navSecondary { margin-left: 0; }
                                    .bigMenu .navSecondary, .bigMenu .bigMenuGroupedList .bigMenuGroup .navSecondary { padding: 15px 10px; font-size: 15px; text-transform: unset; }
                                        .navSecondary span, .bigMenuGroupedList .bigMenuGroup .navSecondary span { 
                                            width: 240px; 
                                            margin-top: 0; 
                                            padding-left: 63px; 
                                            font-weight: bold; 
                                            text-align: left; }
                                            .headerNav-New .navSecondary span::after, .bigMenuGroupedList .bigMenuGroup .navSecondary::before, .bigMenuGroupedList .bigMenuGroup .navSecondary span::after { display: none; }
                                    .deptRestricted.navSecondary:hover { background: unset; }
                                .bigMenu .bigMenuGroup .navSecondary.active { padding-left: 4px; border-left: solid 6px #6f577e; }
                                    .nDashboard .bigMenuGroup .nav2DashLG.active { border-color: #d17700; }
                                    .nDashboard .bigMenuGroup .nav2DashAC.active { border-color: #5e8f88; }
                                    .nDashboard .bigMenuGroup .nav2DashSA.active { border-color: #c73e14; }
                                    .nDashboard .bigMenuGroup .nav2DashQC.active { border-color: #944364; }
                                        .nDashboard .bigMenuGroup .nav2DashLG.active span { color: #d17700; }
                                        .nDashboard .bigMenuGroup .nav2DashAC.active span { color: #5e8f88; }
                                        .nDashboard .bigMenuGroup .nav2DashSA.active span { color: #c73e14; }
                                        .nDashboard .bigMenuGroup .nav2DashQC.active span { color: #944364; }
                                    .nSales .bigMenuGroup:nth-of-type(1) .navSecondary.active { border-color: #c63d1e; }
                                    .nSales .bigMenuGroup:nth-of-type(2) .navSecondary.active { border-color: #c63d1e; }
                                    .nSales .bigMenuGroup:nth-of-type(3) .navSecondary.active { border-color: #c63d1e; }
                                        .nSales .bigMenuGroup:nth-of-type(1) .navSecondary.active span { color: #c63d1e; }
                                        .nSales .bigMenuGroup:nth-of-type(2) .navSecondary.active span { color: #c63d1e; }
                                        .nSales .bigMenuGroup:nth-of-type(3) .navSecondary.active span { color: #c63d1e; }
                                    .nLogistics .bigMenuGroup .navSecondary.active { border-color: #d17700; }
                                        .nLogistics .bigMenuGroup .navSecondary.active span { color: #d17700; }
                                    .nNPD .bigMenuGroup .navSecondary.active { border-color: #7e9e3f; }
                                        .nNPD .bigMenuGroup .navSecondary.active span { color: #7e9e3f; }
                                    .nQC .bigMenuGroup .navSecondary.active { border-color: #944364; }
                                        .nQC .bigMenuGroup .navSecondary.active span { color: #944364; }
                                    .nTechnical .bigMenuGroup .navSecondary.active { border-color: #007c85; }
                                        .nTechnical .bigMenuGroup .navSecondary.active span { color: #007c85; }
                                    .nAdmin .bigMenuGroup .navSecondary.active { border-color: #6f577e; }
                                        .nAdmin .bigMenuGroup .navSecondary.active span { color: #6f577e; }
                            /*.nav2Alert.nav2ContainerLoad span::before { 
                                width: 6px;
                                height: unset;
                                top: 0;
                                bottom: 0;
                                right: unset;
                                left: 0;
                                background: #d17700; }
                            .nav2Alert.nav2ContainerLoad.navSecondary span::after { 
                                display: block;
                                top: 50%;
                                margin-top: -10px;
                                right: 20px;
                                left: unset;
                                background: url(../images/iSpriteTiny.png) no-repeat -150px -1650px; }*/
                            .nSales .bigMenuGroupedList.bigMenuWrap { display: flex; gap: 0; margin-top: 0; }
                            .nSales .bigMenuGroup { padding: 20px 0 0; }
                                .bigMenuGroupedList .bigMenuGroup h4 { 
                                    display: flex;
                                    justify-self: center;
                                    width: 215px;
                                    margin: auto 20px;
                                    padding-left: 50px;
                                    font-size: 18px; 
                                    background: #eeeeeb; }
                            .bigMenuGroupedList .bigMenuGroup ul, .nSales .bigMenuGroupedList .bigMenuGroup ul { grid-template-columns: 1fr; gap: 0; width: 100%; }

    .backTopWrap .backTop:not(:hover), .backTopWrap .skipDown:not(:hover) { opacity: 0.7; }
        .backTopWrap .backTop:hover, .backTopWrap .skipDown:hover { opacity: 1; }
    .backTop span, .skipDown span, .backTopWrap.fixFoot .skipDown { display: none !important; }
        .backTopWrap:not(.fixFoot) { 
            flex-direction: column; 
            justify-content: flex-end;
            width: 40px;
            height: 90px;
            left: unset; }
        .backTopWrap.fixFoot { transition: left ease-in 0.5s; }
            .backTopWrap.fixFoot span { display: block; }
            .backTopWrap.fixFoot .backTop { width: 50px; }

    .backTopWrap.fixFoot { width: 50px; margin-left: -25px; bottom: 72px; }
        .backTopWrap:not(.fixFoot) { width: 50px; height: 120px; }
            .backTopWrap .backTop, .backTopWrap .skipDown { padding-top: 50px; }
                .backTopWrap .backTop { margin-bottom: 20px; }
                .backTop::after, .skipDown::after { width: 50px; height: 50px; margin-left: -25px; /*background-position-y: -833px;*/ }
    
    .contentHead { padding-top: 10px; } 

    .topTabs-r680 .tabToggle { display: block; }
        .topTabs-r680 .bButton { text-align: center; }
        .pageSourcingDeActivated .tabToggle:not(:hover) { background: #949491 !important; }
    .topTabs-r680 .collapeThis { flex-direction: column; }
        .topTabs-r680 ul, .topTabs-r680 li { width: 100%; }
            .topTabs-r680 .topTabs a { 
                min-height: unset; 
                margin: 0 0 6px; 
                padding: 12px 5px; 
                line-height: normal; 
                transition: background ease-in 0.3s; }
            .topTabs-r680 li + li a { margin-left: 0; }
                .topTabs-r680 .active a { height: unset; margin-bottom: 6px; padding: 12px 5px; border-radius: 4px; }
                .topTabs-r680 .nTabDouble br { display: none; }
        .topTabs-r680 .spinWrap { position: relative; }
        .topTabs .navTabButton .bButton { width: 100%; }
            .topTabs-r680 .bTabButton { width: 100%; height: 42px; line-height: 42px; }
                .topTabs-r680 .bTabButton::after { top: 6px; }
                .topTabs-r680 .spinRingu { top: -33px; right: calc(-100% + 34px); }
        .pageBasic ul li.navTabButton { height: 52px; }
            .pageBasic .navTabButton .bButton { 
                font-size: 15px; 
                transition: none; }
                .pageBasic .navTabButton .bButton::after { top: unset; right: 8px; }
                .pageBasic .navTabButton span { display: inline !important; }
                .pageBasic .navTabButton br { display: none; }
                    .navTabButton.spinWrap .spinRingu { top: -42px; }
    .topTabs .hiLine::after { height: 100%; width: 20px; border-radius: 4px 0px 0px 4px; }

    .bUploadDocWrap { overflow: hidden; }

    .exImportError.exOtherError form { flex-wrap: wrap; }
        .exImportError.exOtherError h4.exImportErrorMessage { margin: 0 0 20px; }
        .wrapClearDeliveryError { width: 100%; }

    .pageContainerLoad .panelBasketGrandTotal { padding-bottom: 20px; }
        .pageContainerLoad .panelBasketGrandTotal form { width: calc(50% -15px); order: 2; }
            .pageContainerLoad .panelBasketGrandTotal form:nth-of-type(1) { margin-left: auto; order: 3; }
            .pageContainerLoad .panelBasketGrandTotal .bButton.bDouble { margin-top: 0; }
        .pageContainerLoad .panelBasketGrandTotal .barTotal { width: 100%; order: 1; }
            .pageContainerLoad .barGrandTotal tr.grandTotal th, .pageContainerLoad .barGrandTotal tr.grandTotal td { padding-bottom: 20px; }
    .pageContainerLoad .extraItemContainer form > div { display: flex; flex-direction: column; }
        .pageContainerLoad .addExtraCode .bProductInfoWrap:not(.selectizeSearch) { margin-top: 33px; }

    .barFilterWrap .barFilter, .barFilterWrap .barFilterGrey { float: left; width: 100%; margin-top: 0; }
    .barFilterWrap .barFilter:not(.in), .barFilterWrap .barFilterGrey:not(.in) { height: 0; overflow: hidden; } 

    .topTabWrap + .contentMain { position: relative; }

    .dashSA .dashDeptAlerts { flex-wrap: wrap; height: auto; }
        .dashSA .dashDeptAlerts li { flex: unset; width: calc((100% - 20px) / 3); }
            .dashSA .dashDeptAlerts li:nth-of-type(n + 4) { margin-top: 10px; }
            .dashSA .dashDeptAlerts li:nth-of-type(3n + 1) { margin-left: 0; }
            .dashSA .blank { display: none; }
                .dashSA .dashDeptAlerts .dashAlert-Title { height: 140px; }

    /*.orderProgress ul { width: 100%; }
        .orderProgress li { width: 14.28%; }*/  /* ORDER PROGRESS BAR - NO LONGER USED */

    .pageOrdersList .barFilterWrap { min-height: 50px; }
        .filterOrders .fgOrderCustomerKey, .filterOrders .fgOrderStatusSource, .fgOrderDateWrap { width: 100%; margin-right: 0; }
        .filterOrders.barFilterGrey .arrowSq { margin: 0 0 10px auto; }
    .pageOrdersList .sResultsHeaderWrap { margin-top: 20px; }
    .panelOrderAddress { flex-direction: unset; flex-wrap: wrap; justify-content: center; }
    .panelOrderAddressWrap { width: 100%; }
        .panelOrderAddressWrap + .panelOrderAddressWrap { margin-left: 0; }
        .panelOrderAddress h4 { padding: 50px 0 0; text-align: center; }
            .panelOrderAddress h4 br { display: none; }
            .panelOrderAddress h4::after { width: 42px; left: 50%; top: 3px; margin-left: -21px; }
        .panelOrderAddressWrap .bSQ30 {     
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            position: relative;
            width: 100%;
            min-height: 36px;
            margin-top: 10px;
            border-radius: 3px;
            text-align: center;
            color: #FFFFFF;
            font-size: 15px;
            font-weight: bold;
            text-transform: uppercase;
            text-indent: unset; }
            .panelOrderAddressWrap .bSQ30::after { left: unset; right: 0; top: 3px; } 

    .barFilterWrap { display: flex; flex-direction: column; margin: 0; padding: 10px 20px; }
        .barFilterWrap .barFilter { background: #eeeeeb; }
            .filterToggle.collapsed { background: #949491 !important; }  
                .filterToggle.collapsed:hover { background: #787875 !important; } 
    .barFilterWrap .filterToggle { display: block; } 
    .barFilterWrap .barFilterGrey.collapse { display: none; }
        .barFilterWrap .barFilterGrey.collapse.in { display: flex; }
    
    .fgTrackingFilterWrap { width: 100%; }
        .pageTrackingList .barFilter.barFilterTracking { display: flex; flex-direction: column; }
            .pageTrackingList .barFilterTracking.collapse { display: none; }
            .barFilterTracking.barFilter .form-group, .fgTrackingFilterWrap .form-group, .fgTrackingFilter.form-group, .barFilterTracking .radioFilter { width: 100%; margin-right: 0; }
            .fgTrackingFilterArchive, .fgTrackingFilterSupplier.form-group { margin-bottom: 10px; }
            .fgTrackingAlertStatus { flex-wrap: wrap; }
                .fgTrackingAlertStatus.radioFilter.radioDouble .btn { width: calc((100% - 20px) / 3); }
                    .fgTrackingAlertStatus.radioFilter.radioDouble .btn + .btn { margin-left: 10px; }
                    .fgTrackingAlertStatus.radioFilter .btn:nth-of-type(n+4) { margin-top: 10px; }
            .barFilterTracking .radioFilter .btn { width: calc(50% - 5px); margin: 0; }
                .barFilterTracking .fgTrackingTerms  .btn { width: calc((100% - 30px) / 4); margin-right: 0 !important; }
                .barFilterTracking .radioFilter .btn + .btn { margin-left: 10px; }
                .fgTrackingOnSchedule .btn.iAlert::after { left: 50%; margin-left: -35px; }
            .pageTrackingList .barFilter .hoverSlide { margin: 10px 0 10px auto; }
    .panelTrackOverviewWrap .panelTrackOverviewItem { width: 100%; margin-left: 0; }
        .panelTrackOverviewWrap > div:nth-of-type(n+2) { margin-top: 30px; }
    .panelInspectOverviewLeft, .panelTrackInspectionOverview aside, .panelTrackInspectionOverview .panelPSIReport, .panelTrackInspectionOverview .panelPSIReport h3 { width: 100%; }
        .panelTrackInspectionOverview aside { margin-top: 20px; }
            .panelTrackInspectionOverview .panelPSIReport h3 { display: flex; flex-direction: column; max-width: unset; }
                .panelTrackInspectionOverview .panelPSIReport h3 span { margin-top: 5px; word-break: break-all; }
    /*.panelTrackerTimeline .grid { 
        grid-template-columns: 60px 1fr;
        gap: 0 20px;
        margin-left: 0; }
        .pageTracking .panelTrackerTimeline .grid div { grid-column: unset; }
            .pageTracking .panelTrackerTimeline .grid .timelineDateTitle { margin: 0 0 20px; text-align: left; }*/

    .avatarCheckGrid .grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
            .avatarCheckGrid .checkBox { 
                align-items: center;
                min-height: 32px; }
                .avatarCheckGrid .iAvatar { width: 32px; height: 32px; margin-top: -16px; left: 40px; }
                    .avatarCheckGrid .iAvatar img { width: 32px; height: 32px; }
                .avatarCheckGrid .checkBox label span { margin-right: 55px; }
                .avatarCheckGrid .checkBox label strong { width: calc(100% - 70px); }

    .barFilterExpenditure .fgFilterDateWrap { width: 100%; }
        .barFilterExpenditure .fgFilterDate { margin-right: 0; }
    .barFilterExpenditure .fgPaymentSupplier { width: 100%; margin-right: 0; }
    .pageExpenditure .hasExportNumWrap { padding-top: 0; }
        .pageExpenditure .numOfProducts { top: 10px; }

    .pageCustomerOverview .topTabWrap + .contentMain { padding-bottom: 0; }
    .cusKeyContact { margin-top: 0; }
    .sideNavCustomer.sideNav li { width: calc((100% - 10px) / 100 * 28); margin-right: 5px; }
        .sideNavCustomer.sideNav li:first-of-type { width: calc((100% - 10px) / 100 * 38); }
        .sideNavCustomer.sideNav li:last-of-type { width: calc((100% - 10px) / 100 * 34); }
    .tableCusMargin.rTable-840 td, .tableCusMargin.rTable-840 .tInvoice.tNum { padding-left: 35%; }
    .pageCustomerBreakdown .sideNav li { width: auto !important; }

    .panelBigButtonList .bBigButton, .panelClassingOtherList a { width: 48%; margin-right: 4%; }
        .panelBigButtonList .bBigButton:nth-of-type(4n), .panelBigButtonList .bBigButton:nth-of-type(3n),
            .panelClassingOtherList a:nth-of-type(4n), .panelClassingOtherList a:nth-of-type(3n)
            { margin-right: 4%; }
        .panelBigButtonList .bBigButton:nth-of-type(2n), .panelClassingOtherList a:nth-of-type(2n) { margin-right: 0; }
        .panelClassingOtherList a + a { margin-left: 0; }

    .taskScheduledList .tiScheduled, .taskScheduledList .dateTime { padding-left: 40%; }

    .panelBigButtonList .bBigButton { height: 140px; }
    .panelReportsList strong { font-size: 27px; }
    .pageReportsBreakdown .barFilterWrap { padding: 0; }
        .pageReportsBreakdown .barFilterWrap .filterToggle { display: none; } 
        .barFilterWrap .barFilterGrey.filterReportsBreakdown { 
            gap: 20px 30px;
            display: flex; 
            flex-direction: column; 
            height: auto; }
            .pageReportsBreakdown .filterReportsBreakdown.barFilterGrey > div + div { margin-top: 0; }
    /*.panelReportBreakdownButtons { margin-top: 30px; }
        .panelReportBreakdownButtons .bButton { width: 150px; }
            .panelReportBreakdownButtons p { margin: 0 20px; }*/
    .pageReportsCountry .contentHead { position: relative; padding-bottom: 0; z-index: 90; }
    #revenueByCountryMap { order: 1; /*margin: -5vw 0;*/ }
    .pageReportsCountry .graphLegend li { font-size: 12px; }
        .pageReportsCountry .graphLegend li + li { margin-top: 4px; }
        .pageReportsCountry #searchParameters { width: 100%; }
            .pageReportsCountry #searchParameters div + div { margin-left: unset; }
    .galleryGridByCountry.galleryCheckGrid .grid { margin-bottom: 10px; }
        .galleryGridByCountry.galleryCheckGrid li { margin-bottom: 0; }
            .galleryGridByCountry.galleryCheckGrid strong { font-size: 16px; }

    .fgByCountryProductCustomer { flex-direction: column; order: -1; }
        .pageReportsCountry .filterReportsByCountry .fgBreakdownCustomer { margin: 20px 0 0; }
    .pageReportsSellout .contentTitleTripleStack { 
        position: static; 
        flex-wrap: wrap; 
        justify-content: center; 
        width: 100%;
        margin: 10px 0;
        padding: 0; }
        .pageReportsSellout .contentTitleTripleStack strong, .pageReportsSellout .contentTitleTripleStack h2 { text-align: center; }
    .pageReportsSellout .topTabs a { font-size: 13px; }
    .pageReportsSellout .tableNavWrap { margin-top: 20px; }
    .pageReportsSellout .barFilterWrap { padding: 0; background: unset; }
    .pageReportsSelloutByProduct .radioSelloutTerritory { width: 100%; }
        .pageReportsSelloutByProduct .barFilterGrey .fRadioGroup { flex-wrap: wrap; }
            .pageReportsSelloutByProduct .barFilterGrey .fRadioGroup .btn, .radioSelloutTerritory .arrowSq.hoverSlide { width: 100%; height: 60px; margin: 0; padding-top: 35px; }
                .pageReportsSelloutByProduct .barFilterGrey .btn + .btn { margin-top: 10px; }
                .pageReportsSelloutByProduct .barFilterGrey .btn label br { display: none; }
                .pageReportsSelloutByProduct .barFilterGrey .fRadioGroup .btn::after { top: 10px; }
                .radioSelloutTerritory .arrowSqWrap, .pageReportsSelloutByProduct .radioSelloutTerritory + .arrowSq.hoverSlide { width: 100%; margin: 10px 0 0 0; }
                   /* .radioSelloutTerritory .arrowSq.hoverSlide { padding-top: 10px; }*/
    .fgRadioSelloutTerritory { max-width: 400px; margin: 30px auto; padding-bottom: 20px; }
    /*section.filterSelloutTerritory { width: 100%; }*/
        .filterSelloutTerritory .bSquareList { grid-template-columns: 1fr 1fr 1fr; width: 100%; min-width: unset; }
        
    .panelToolsList .bBigButton { padding-top: 60px; }
        .panelToolsList .iToolAdidas.bBigButton::after { top: 10px; }
        .panelToolsList .iToolReebok.bBigButton::after { top: 2px; }
        .panelToolsList .iToolAmazon.bBigButton::after { top: 30px; }
        .panelToolsList .iToolWalmart.bBigButton::after { top: 22px; }
            .panelToolsList .bBigButton strong { display: block; margin-top: 8px; }
    
    .pageConsolidators .form-group label, .pageConsolidators .labelOptional, 
        .pageConsolidators .form-group .form-control, .pageConsolidators .form-group .form-control.form-control-50, .pageConsolidators .form-group .flex
        { width: 100%; }
        .pageConsolidators .form-group label { height: auto; line-height: normal; }
            .pageConsolidators .labelOptional span:not(.fontBlack) { top: 5px; right: 0; }
                .pageConsolidators .labelOptional.optionalDateTime span:not(.fontBlack) { right: 50px; }
        .pageConsolidators .form-group .flex label { height: 40px; line-height: 40px; }

    .pageTopProductSalesDash .barFilterWrap { margin-bottom: 15px; padding: 0; background: none; }
        .filterTopProductSales.barFilter { flex-direction: column; gap: 10px; padding: 0; }
            .filterTopProductSales .form-group { width: calc(100% - 60px); margin: 0 30px; }
            .pageTopProductSalesDash .filterTopProductSales .fgTopSalesKeyword { margin-top: 20px; }
            .filterTopProductSales .fgTopSalesDate.fgFilterDateWrap { width: 100%; }
            .filterTopProductSales .submitSearch80 { margin: 10px 30px 20px auto; }
    .TopProductSalesTitle h2 { font-size: 27px; }
    .TopProductSalesTitle h3 { font-size: 18px; }

    .h1MenuWrap .cirqueMenuHead + .dropdown-menu { position: absolute; }
        .panelInspectionList { border-top: none; }  
    .filterWarranty .formGroupWarrantyStatus .bWarrantyNew.btn, .filterWarranty .formGroupWarrantyStatus .bWarrantyProgress.btn { margin-right: 10px; }
    .pageWarrantyByClaim .filterWarranty .bWarrantyNew.btn { margin-right: 0; }
    .pageWarrantyByClaim .radioWarranty .btn + .btn { margin: 0 0 0 10px; }
    .pageWarrantyByClaim .formGroupWarrantyResolution { width: 100%; }
    .filterWarrantyProduct .form-group:not(.fgWarrantyYear) { width: 100%; margin-left: 0; }
    .pageWarrantyDetails .contentHead h1 { margin: 10px 0 12px; padding-right: 0; padding-top: 20px; }
    .warrantyDate { top: 10px; }    

    .headButtonBarSpares .bButtonBig { height: auto; padding: 15px 10px 15px 15px; }
        .headButtonBarSpares .iSVG { width: 30px; height: 30px; }
        .headButtonBarSpares .bButtonBig strong { font-size: 24px; }
    .pageSpareBillMaterial .contentTitlePanel { gap: 10px; }
        .pageSpareBillMaterial .contentTitlePanel .filterPage { width: 100%; }
            .pageSpareBillMaterial .contentTitlePanel .form-control { width: 300px; }

    .filterInspections { padding-top: 30px; }
        .filterInspections .form-control { margin-bottom: 0; }
        .filterInspections .radioDouble .btn:not(.active) { background: #FFFFFF; }   
    .filterInspections .fgCFA { margin: 0 0 15px; }
    .panelInspectOverviewLeft .form-group, .panelInspectionCFA .form-group, .panelInspectOverviewLeft .miniStack { margin-bottom: 20px; }
    .fgInspectorsCFALevel.form-group .fcNoControl { flex-wrap: wrap; margin-bottom: 0; }
        .fgInspectorsCFALevel #cfaLevel { flex-wrap: wrap; gap: 20px 0; margin-bottom: 10px; }
            .fgInspectorsCFALevel .iCFA { height: 32px; }
                .fgInspectorsCFALevel .iCFA::after { top: 0; }
    
    .panelPartsAvailabilityTitle h2 { font-size: 18px; }

    .barFilterCompliance .fgMultiSelect { width: 100%; margin-right: 0; }
    .pageCompliance.pageBasic .gtrBothPadTop { padding-top: 0; }
        .pageDocValidity.pageCompliance .gtrBothPadTop { padding-top: 20px; }
    
    .panelSKUSourceQualityWrap { flex-direction: column; }
        .panelSKUSourceQuality .panelSKUSourceQualityWrap .flex { width: 100%; padding: 0; }
    .panelProductSKUAlert { flex-direction: column; }
        .panelProductSKUAlert > div { 
            display: flex; 
            align-items: center; 
            width: 100%; 
            min-height: 26px; }
            .panelProductSKUAlert .iNo { margin-bottom: 15px; }
    .bSectionTop.bButton, .panelSKUSourceMasterCarton .bAdd { position: relative; width: 100%; right: 0; margin: 0 0 10px; }
        .pageProductSKUDocs .bAdd.bSectionTop { width: calc(100% - 60px); margin: 0 30px 10px; }
    .noUpdatePermission .panelSKUSourceQualityWrap .flex:nth-of-type(2) { margin: 10px 0 0; }
    .noUpdatePermission .panelSKUSourceQualityWrap label + span { margin-left: 10px; }
    .fgModalComponentDimensionNew, .fgComponentDimensionEdit { flex-wrap: wrap; }
        .fgModalComponentDimensionNew .flexColumn, .fgComponentDimensionEdit .fStacked:not(.fgModalComponentDimensionName) { width: calc((100% - 80px) / 3); }
        .fgAddComponentDimension .fgModalComponentDimensionName, .fgComponentDimensionEdit .fgModalComponentDimensionName { width: 100%; }

    .tableProductClassingType.rTable-840 td { padding-left: calc(35% + 20px); }
        .tableProductClassingType.rTable-840 td:before { width: 35%; }
        .tableProductClassingType.rTable-840 .tTitle, .tableProductClassingType.rTable-840 .tAction { padding-left: 20px; padding-right: 20px; }
        .rTable-840 .tProductCommodity::before { white-space: unset; line-height: 1; }

    .npdListItem { display: flex; flex-wrap: wrap; min-height: 50px; }
    .npdListTitle { width: 100%; min-height: 40px; padding: 0 0 0 40px; }
        .npdListTitle h2 { width: calc(100% - 58px); padding: 5px 10px 5px 0; }
        .npdListPercent { 
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 55px;
            height: unset;
            min-height: 100%;
            padding: 0;
            border-left: solid 3px #FFFFFF;
            font-size: 21px; }
            .npdPercent0 .npdListPercent { background: #98060a; padding-left: 0; }
            .npdPercent25 .npdListPercent { background: #bd3f00; }
            .npdPercent50 .npdListPercent { background: #c26100; }
            .npdPercent75 .npdListPercent { background: #c78500; }
            .npdPercent95 .npdListPercent { background: #d2af01; }
            .npdPercent100 .npdListPercent { background: #5a7500; padding-left: 0; }
        .npdListItem ul { margin: 15px 0 5px; }

    .tableSourcingList.rTable-840 td { padding-left: 45%; }
        .tableSourcingList.rTable-840 td::before { width: 45%; }

    .alertContainer.alert { width: auto; left: 25px!important; right: 25px!important; margin: 0!important; }

}

@media screen and (max-width: 680px) and (min-width: 601px) {

    .backTopWrap:not(.fixFoot) { right: 35px; }

    .pageContainerLoad .panelBasketGrandTotal form:nth-of-type(1) { padding-right: 30px; }
    
    .pageReportsCountry #searchParameters { flex-wrap: wrap; gap: 20px 0; }
        .pageReportsCountry #searchParameters div { width: calc(50% - 20px); }
            .pageReportsCountry #searchParameters div:nth-of-type(even) { margin-left: 40px; }

    .pageWarrantyDetails h1::after { top: 25px; }
    .panelWarrantyReportDateDisplay { justify-content: stretch; }
        .panelWarrantyReportDateDisplay > li { padding-top: 140px; }
    .radioWarrantyResolution.radioFilter .btn + .btn { margin: 0 0 0 6px; }
    .pageWarrantyByClaim .formGroupWarrantyResolution::after { left: 243px; }

    .fgInspectorsCFALevel > label { margin-bottom: auto; }
    .fgInspectorsCFALevel.form-group .fcNoControl { align-items: flex-start; }
        .fgInspectorsCFALevel #cfaLevel { margin-bottom: 10px; }
        .fgInspectorsCFALevel .bButton { width: calc(100% + 40px); margin: 0 0 0 -30px; }
            /*.fgInspectorsCFALevel .iCFA { margin-top: 7px; }*/
            
    .noUpdatePermission .panelSKUSourceQualityWrap h4 { margin-bottom: 0; }

}

@media screen and (max-width: 680px) and (min-width: 481px) {

    .biHead .biName h3 { left: 25px; }
        .biHead .biName h3::after { display: none; }

    .biHead .biContainer { width: 140px; }
    .biHead .biTotals th { padding-left: 0; padding-right: 0; }

    .form-group.formGroupExtraWideLabel label , .form-group.formGroupExtraWideLabel .form-control ,
        .modalAddEdit .modalSelectPlugs > label,
        #modalEditOrderItem .onewDateWrap label , #modalEditOrderItem .datepickerWrap, .form-group.formGroupExtraWideLabel .specialPriceForm
            { width: 50%; }
    
    .pageReportsSelloutByProduct .radioSelloutTerritory + .arrowSq.hoverSlide { height: 60px; }
        .pageReportsSelloutByProduct .radioSelloutTerritory + .arrowSq .submitArrow { width: 100%; padding-top: 10px; }
            .pageReportsSelloutByProduct .radioSelloutTerritory + .arrowSq::before { margin-top: -20px; }
    
    .filterTopProductSales .fgFilterDateFrom.fgFilterDate { margin-right: 0; }
    .filterTopProductSales .fgFilterDateTo.fgFilterDate { margin-left: 0; }

    .fgTrackingAlertStatus.radioFilter.radioDouble .btn:nth-of-type(3n+1) { margin-left: 0; }

    .barFilterExpenditure .arrowSq.submitSearch80 { margin: 10px 0 10px auto; }

    .panelProductsImages .dropzone .dz-preview { width: calc((100% - 40px) / 3); margin-right: 20px; }
        .panelProductsImages .dropzone .dz-preview:nth-of-type(3n+1) { margin-right: 0; }        
    .npdDetailHeadInfo { flex-direction: column; }
    
    .panelPartsOnOrder .tTitle { width: 120px; }
    .panelPartsOnOrder .tNum { width: auto; }
    .panelPartsOnOrder .tDate { padding-right: 20px; }

}

@media screen and (max-width: 680px) and (min-width: 451px) {

    .panelWarrantyReportDateDisplay { 
        grid-template-columns: repeat(3, minmax(110px, 200px));        	
        gap: 15px; }

}

@media screen and (max-width: 640px) {

    .panelproductDocsOverview .doughnutLegend ul { grid-template-columns: 1fr 1fr; }

    .addProductLeft, .addProductRight { width: calc(50% - 40px); }
        .addProductWrap h2 { height: 85px; }
        .addProductWrap .bButtonGiant { width: 100%; height: 80px; padding-top: 45px; font-size: 15px; }
            .addProductWrap .bButtonGiant::after { margin-top: -22px; }
            .addProductWrap .addProductRight .bButtonGiant::after { margin-top: -25px; }
    .addProductWrap .addProductMid { width: 80px; padding-top: 80px; }

    .biHead .biThumb { display: none; }
    .biHead .biName { padding-left: 30px; }

    .powerSupplyFields .fgFlexCheckList { margin-bottom: 5px; }
        .fgPowerMainsVoltage .flex { margin-bottom: 10px; }
            .fgPowerMainsVoltage .flex + .flex { padding-left: 0; }

    .tableProClassCountry.tableList td { padding-left: 40%; }
    .tableProClassCountry.tableList .tPlug { padding-left: calc(40% + 30px); }
        .tPlug span { left: 40%; }

    h2.panelTrackerCustomerDate { flex-direction: column; align-items: center; }
        h2.panelTrackerCustomerDate .plum { margin-left: unset; }
                              
    .radioDept.radioDouble.btn-group { flex-wrap: wrap; }
        .radioDept.radioDouble.btn-group .btn { flex: unset; width: calc((100% - 12px) /3); height: 70px; margin: 0 0 0 6px; padding-top: 40px; }
            .radioDept.radioDouble.btn-group .btn:nth-of-type(3n+1) { margin-left: 0; }
            .radioDept.radioDouble.btn-group .btn:nth-of-type(n+4) { margin-top: 6px; }
            .radioDept.radioDouble.btn-group .btn label { line-height: 1; }
            .radioDept.radioDouble.btn-group .btn::after { left: 50%; right: unset; top: 10px; /*margin-left: -16px;*/ }    
    .pageUsers .fg-MiniDept .radioDept.radioDouble .btn { width: calc((100% - 18px) / 4); height: 40px; margin: 0 0 0 6px; padding: 0; }
        .pageUsers .fg-MiniDept .radioDept.radioDouble .btn:nth-of-type(4n+1) { margin-left: 0; }
            .pageUsers .fg-MiniDept .radioDept.radioDouble .btn:nth-of-type(n+5) { margin-top: 6px; }

    .npdAdminListTitle { order: 2; width: 100%; }
        .npdAdminListItem h2 { padding-top: 0; }
        .npdListBoxWrap { flex-direction: column; }
            .npdListSeason { width: 60px; margin: 0 0 10px 0; }
            .npdCategoryLights { width: 100%; margin-bottom: 10px; }            
                .npdCategoryLights li { flex: 1; }
        .npdAdminListItem .npdListButtonBar { margin: 5px 0 5px auto; }
    .npdListButtonBar { order: 1; margin-left: auto; }
        .npdPublished::after, .npdNotPublished::after { /*top: 10px;*/ top: 4px; margin-top: 0; }

    .myBasicDetails .myBasicDetailsWrap { margin: 0 0 20px; min-height: unset; }
        .myBasicDetails .myBasicDetailsWrap .form-group { margin-bottom: 0; }
            .myBasicDetails .myBasicDetailsWrap label { width: 100%; margin-right: 0; }
            .myBasicDetails .myBasicDetailsWrap .form-control , .myBasicDetails .myBasicDetailsWrap .barButtons { width: 100%; }
                .myBasicDetails .myBasicDetailsWrap .form-control { margin-bottom: 0; }
        .pageResetPassword .passwordChangedWrap.myBasicDetailsWrap { margin-top: 20px; }

    .modal-dialog.modalSlim { width: 92%; margin: 30px 4%; }
    .modalAddEdit .form-checkGroup { margin-left: 0; }
    #modalEditCusStockCode .form-group.formGroupWideLabel label, .form-group.formGroupWideLabel .form-control { width: 100%; }
        #modalEditCusStockCode .form-group.formGroupWideLabel label { height: auto; line-height: unset; }

}

@media screen and (max-width: 640px) and (min-width: 481px) {

    .fgPowerMainsVoltage .flex { width: 50%; }

}

@media screen and (min-width: 601px) {

    .main-menu { display: inline-flex; }
        .nAccountName.underSlide { display: none; }
    
    .rTable-600 thead.stickyHead th { 
        position: sticky; 
        top: 0; 
        padding-top: 20px; 
        padding-bottom: 20px; 
        border-bottom: solid 2px #6f577e;
        background: rgba(255, 255, 255, 0.9); 
        z-index: 900; }
    .rTable-600 .rowDivider:not(:hover) td { border-bottom: solid 2px #eeeeeb !important; }
        .rTable-600 .rowDivider:last-of-type:not(:hover) td { border-bottom: solid 2px rgba(255,255,255,0) !important; }
    .rTable-600 .tiOperaCo { width: 50px; }
    .rTable-600 .tHeadIcon.stickyHead th { padding-top: 40px; padding-bottom: 10px; }
        .rTable-600 .tHeadIcon .thIconMini::before { top: 5px; }
    .rTable-600.tableList .trListTotal td { padding-top: 20px; padding-bottom: 30px; border-top: solid 10px #c7c7c6 !important; border-bottom-color: transparent; }
        .rTable-600.tableList .trListTotal td::after { border-top-color: transparent; }    
    tr .bSQ30TD.bHistoryInfo::after { transition: none; }

    .fInline4060 label { width: 40%; }
    .fInline4060 .fControl, .fInline4060 .form-control { width: 60%; }
    .formGroupH .flex { width: 70%; }
    .fgInlineRadio > label { width: 30%; }
    .fInline:not(.fgMultiSelect) label { display: flex; align-items: center; }
    .fInline.fgMultiSelect label { padding-top: 9px; }
    .fInline.fgN-A > label:not(.fSwitch) { width: 30%; }
        .fInline.fgN-A .form-control { width: calc(70% - 70px); }

    h1.twinHead .twinHead-Med .fontBlack { display: inline-block; margin-right: 15px; }
        .pageBasic h1.twinHead.twinHeadButton { width: calc(100% - 200px); margin-right: 0; }
    
    .addNewNoM.r600 { margin-bottom: -15px; }
    
    /* Replace all .contentHead below with gap: 10px 30px;  */
    .contentHeadMulti, .pageOrders .contentHead { margin-top: -10px; }
    .contentHeadMulti h1, .contentHeadMulti .fcSwitchSelector, .contentHeadMulti .bTopTitle, 
        .pageOrders .contentHead h1/*, .orderProgress*/ { margin-top: 10px; }
        .contentHeadMulti h1 { margin-right: 20px; }
        
    .basketContainer br { display: none; }
    .pageBasket .panelBasketGrandTotal .bButton { position: absolute; }
    .pageOrders .barButtons .bDouble + .bGrey { margin-left: 10px; }
        .barBasketButtons .bButton.bDouble + .bDouble, .barBasketButtonWrap + .bDouble.bDouble { margin-left: 10px; }
        .barBasketButtons .bButton.bDouble + .bOrder { margin-left: auto; }

    .pageContainerLoad .barButtonContainers form { margin-left: auto; }

    .tableAddProducts .tbItemSkU .selectize-input { max-width: 400px; }

    .exOtherError h4.exImportErrorMessage { margin-bottom: 30px; padding-right: 10px; } 

    .tableTrackerHistory.tableList .tIcon.iStatus { padding: 6px 0; }
    .tableTrackerHistory.tableList .tDate { width: 120px; }
    .pageTrackingHistory .addNew .bSQ30 { top: unset; margin-top: auto; margin-bottom: 20px; }
    .tableSparePartsOrderLines .tTitle + .tCentre { padding-right: 40px; }
        .tableSparePartsOrderLines + .barTotal td { padding-right: 80px; }
    
    .pageCustomerRFETeam .taskSearchlist td, .pageCustomerRFETeam .taskSearchlist th { width: calc((100% - 50px) / 100 * 50); }  
        .pageCustomerRFETeam .taskSearchlist tr:hover td, .pageCustomerRFETeam .taskSearchlist tr:hover td span { color: #6f577e; }
    
    .pageReports h1 .fontThin { display: inline-block; float: none; margin-right: 15px; } 
    .pageReportsSellout .tableNavTabs li a { min-width: 150px; }

    .pageTopProductSalesDetail h1.twinHead { width: auto; }

    .panelWarrantyProductProblem.form-group label { height: auto; line-height: unset; margin-top: 10px; }
    .panelWarrantyAddProduct .wrapDateTime .form-control { width: 100%; }
    .panelWarrantyAddProduct .ui-datepicker-trigger { top: -3px; }
    .panelWarrentyListClaims { padding-top: 20px; }     
    .noUpdatePermission .panelWarrantyClaimant .fgWarrantyClaimAddressExtra .fcNoControl { margin-left: 30%; margin-top: 5px; }
    .noUpdatePermission .panelWarrantyProductCondition.formGroupH label, .noUpdatePermission .panelWarrantyProductProblem.form-group label { width: 20%; min-width: 200px; }
    .noUpdatePermission .panelWarrantyProductProblem.form-group label { margin-top: 0; }

    .panelAddFactoryInspector .addNew { padding-left: 20px; }

    .complianceTableWrap { 
        position: sticky;
        width: 100%;
        height: calc(100vh - 50px);
        top: 0; 
        margin: 0;
        padding: 0 6px 6px 0;
        overflow: auto; 
        scrollbar-width: 12px;
        scrollbar-height: 12px;
        scrollbar-color: #6f577e; }
        .complianceTableWrap::-webkit-scrollbar-track {
	        -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
	        border-radius: 4px;
	        background-color: #eeeeeb; }
        .complianceTableWrap::-webkit-scrollbar {
	        width: 12px;
            height: 12px;
	        background-color: #eeeeeb; }
        .complianceTableWrap::-webkit-scrollbar-thumb {
	        border-radius: 4px;
	        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	        background-color: #6f577e; }
        .complianceTableOuter { position: relative; }
            .complianceTableOuter::after, .complianceTableOuter::before { 
                content: '';
                position: absolute; 
                background: #FFFFFF; 
                z-index: 1000; }
                .complianceTableOuter::after { 
                    width: 3px;
                    top: 0;
                    bottom: 0;
                    right: 12px; }
                .complianceTableOuter::before { 
                    height: 3px;
                    right: 0; 
                    left: 0; 
                    bottom: 12px; }
    tr:hover .tRedAlert::before, tr:hover .tAmberAlert::before { 
        content: ''; 
        display: block; 
        position: absolute; 
        top: 0; 
        left: 0; 
        right: 0; 
        bottom: 0; 
        border-top: solid 3px #be1622; 
        border-bottom: solid 3px #be1622; }
    tr:hover .tAmberAlert::before { border-color: #ce690f; }
    
    /*.buttonBarSpares .bBillOfMaterials .fontThin { font-size: 15px; }*/ /*temp whilst only 1 button */
    /*.buttonBarSpares .bBillOfMaterials strong { font-size: 24px; }*/ /*temp whilst only 1 button */
    /*.buttonBarSpares .bBillOfMaterials .iSVG { width: 42px; height: 42px; }*/ /*temp whilst only 1 button */
    .headButtonBarSpares .bBillOfMaterials .fontThin { font-size: 15px; } 
    .headButtonBarSpares .bBillOfMaterials strong { font-size: 24px; } 
    .headButtonBarSpares .bBillOfMaterials .iSVG { width: 42px; height: 42px; }

    .addNew .fgAddComponentName, .addNew .fgAddComponentDimension { margin-right: 0; }
    .fgAddProductProgramme { width: calc(80% - 50px); }
    .fgAddProductProgNumber { width: calc(20% - 50px); }
    .modal .fgModalComponentDimensionNew .subLabel, .modal .fgModalComponentDimensionEdit .subLabel, .modal .fgModalComponentDimensionAdd .subLabel, .fgModalFlexTable label { display: none; }
    .modal .fgModalFlexTable .labelHead, .fgModalFlexTable .fgModalFlexTableHead label { display: block; }
    .modal .fgModalComponentDimensionLabel label { margin-top: 5px; }
    .panelClassingDocsReq tr:hover td, .panelClassingDocsReq tbody tr:hover td::after { border-color: #944364; }
        .trClassingRequired .tTitle::before { 
            content: ''; 
            position: absolute; 
            width: 10px; 
            left: -30px; 
            top: 3px; 
            bottom: 3px; 
            background-color: #944364; }
        .panelClassingDocsReq .tProductClassingDocs { padding-left: 29px; }  
    .tableProClassDocType { margin-top: -20px; }
        .tableProClassDocType .tTitle { width: 90%; } 
    .fgAddProClassName  { width: 65%; }
    .fgAddProClassValidity { width: 70px; }
        .fgAddProClassValidity label { width: 100%; margin: -12px 0 6px; line-height: 1; }
    .pageProductClassDocTypes .addNew .bSQ30 { top: 6px; }

    .modalR600.modal .form-group { display: flex; align-items: center; margin-bottom: 20px; }
        .modalR600.modal .form-group.fgMultiSelect, .modalR600.modal .fgTextArea { align-items: start; }
    .modalR600 .form-group label { height: auto; margin-bottom: 0; padding-right: 10px; line-height: 1.1; }
        .modalR600.modal .fgMultiSelect label, , .modalR600.modal .fgTextArea label { padding-top: 12px; }
        .modal .labelTop, .fInline .labelTop { align-self: flex-start; padding-top: 5px; }
    .modalR600 .form-group .form-control { margin-bottom: 0; }
    .modalR600 .form-group .fcNoControl, .modalR600 .wrapDateTime, .modalR600 .onewDateWrap, .modalR600 .fcSelectMulti, .modalR600 .form-group .fcNoControl.fgDateFromTo { width: 70%; }
    .modalR600 .formGroupWideLabel .onewDateWrap { width: 60%; }
    .modalR600 .form-group .fcNoLabel { margin-left: 30%; }
    .modalR600 .form-group .fgDateFromTo .form-group { width: 100% !important; }
    .modalR600 .formGroupStacked { flex-wrap: wrap; }
        .modalR600 .formGroupStacked label, .modalR600 .formGroupStacked .form-control { margin-bottom: 10px; }
        .modalEditClassingColours .form-group label { width: 36%; }
        .modalR600 .formGroup100 { flex-direction: column; }
            .modalR600 .formGroup100 label, .modalR600 .flexColumn label { margin-bottom: 5px; }
    .modalR600.modal .fgDateFromToWrap { margin-bottom: 0; }
        .modalR600 .fgDateFromToWrap .fcNoControl, .modalR600 .form-group .fcNoControl { margin-top: 0; }
    .modalR600.modal .flexColumn { align-items: flex-start; }
    .modal .addNew .form-group { align-items: flex-start; margin-right: 20px; }

}

@media screen and (max-width: 600px) {

    header, .container-fluid.body-content { padding: 0 20px; }
        header.header { margin-bottom: 20px; }
            .headerNav { margin: 20px 0 0; }
        .headerLogo .logoRFE-sm { display: none; }
        .headerLogo .logoRFE-xs { display: block; }
        .headerNav .-primary { flex-direction: column; }
            .headerNav .-primary > li { flex: 1 0 100%; }
        .header .nAccountWrap { /*top: 35px;*/ top: calc(1vh + 35px); /*top: 43px;*/ }
            .nAccountWrap .nAccountName, .nAccount { display: none; }
            .nAccount, .nLogout { margin-bottom: 0; }
            .nAccountName.underSlide { display: block; letter-spacing: normal; }
        header .navbar-toggle { top: 25px; }

    footer p { font-size: 13px; }

    .pgPager { font-size: 15px; }
        .pgInner { display: block; }
        /*.pgWrap { width: auto; }
            .pgWrap li { width: 10%; margin-right: 1.2%; }
                .pgWrap li:last-child { margin-right: 0%; }
                .pgWrap li a , .pgWrap li a.active { 
                    width: 100%; 
                    height: 40px; 
                    margin: 0; 
                    padding: 0; 
                    line-height: 40px; }*/
        .pageInspections .pgPager, .pageInspectors .pgPager { padding-left: 20px; padding-right: 20px; }

    .formGroupH .flex { clear: both; justify-content: space-between; }
    .form-group label { color: #6f577e; }
    .form-group .fcNoControl { margin: 0 0 10px; }
    .formGroupH.form-group label, .modalAddTrigger .formGroupScheduleRepeat.form-group label { height: auto; line-height: normal; }
        .formGroupH.cusO-KAD label { height: 40px; line-height: 40px; }
    .fgUpload, .fgInlineRadio { flex-direction: column; }
        .fgUpload label { padding-top: 0; }
    .checkBox label span { margin-right: 6px; }
        .checkBox.checkBoxMulti span { margin-right: 10px; }
        .checkBoxNoLabel.checkBox span { margin: 0; }
        .checkBoxRight label span { margin: 0 0 0 6px; }
    .checkBox label strong { width: calc(100% - 36px); }
        .checkBox.checkBoxMulti strong { width: calc(100% - 42px); }
    .fInline, .fFullInline, .fStacked { margin-bottom: 20px; }
    .fInline { flex-flow: row wrap; }
        .fInline .fControl, .fInline .form-control, .fInline label, .fInline legend, .fInline .fRadioGroup, .fgNoControl, .fInline .fMulti, .fInline .fSingle { width: 100%; }
            .fInline label { margin-bottom: 5px; padding-right: 0; }
            .fInline .fControl { padding: 0 6px; }
            .fcNoLabel { width: 100%; margin-left: 0; }
            .fgNoControl { min-height: unset; padding-top: 0; }
                .fInline .fcNoControl { margin: 0; }
            .fInline .fControl-50, .fInline .form-control-50 { width: 50%; }
            .fInline.fgN-A .form-control { width: calc(100% - 70px); }
            .fInline.fgCheckBox label { width: calc(100% - 40px); }
            .fInline.fgCheckBox .checkBox { width: 30px; margin-left: auto; }
                .fInline.fgCheckBox .checkBox label { width: 30px; }
                    .fInline.fgCheckBox .checkBox span { margin-right: 0; }
    .modal .fgUpload.form-group .bUploadDocWrap { width: 100%; }
    .modalAddProdDocument .fgMultiSelect { margin-bottom: 20px; }
    .selectizeSearch { width: 100%; }

    .pageWarrantyDash h2, .pageProductClass h2 { display: block; font-size: 30px; text-align: center; }

    .dashDeptWrap { width: calc((100% - 10px) / 2); }
        .dashDeptWrap:nth-of-type(2n + 1) { margin-left: 0; }
        .dashDeptWrap:nth-of-type(n + 3) { margin-top: 10px; }
    .dashAlertsLG a, .dashAlertsLG .dashAlertLG-Title, .dashAlertsQC a, .dashAlertsQC .dashAlert-Title { height: 130px; }
    .dashDeptAlerts .dashAlert-Title h3 { font-size: 18px; }
    .dashDeptAlerts .dashAlertNum { font-size: 30px; }
    .dashAlertsDebtors .dashAlertNum, .panelPartsAvailabilityList .panelPartsAvailableNum { font-size: 27px; }
    .dashSA .dashDeptAlerts li { height: 100px; }

    .gtrBoth, .pageBasic .gtrBothPadTop, .panelButtons.barButtons, .barButtons.barButtonsSimple, 
        .exDeliveryPanelAddress .panel800, .contentTitle, .tableList .tAction.tActionDouble, .panelSaveBar.gtrBoth 
        { padding-left: 20px; padding-right: 20px; }
    .gtrLeft, .pageCompanyList .tableList .tiOperaCo { padding-left: 20px; }
    .gtrRight { padding-right: 20px; }
    .sideNavCustomer.sideNav .bRevSummary, .bSectionTop.bButton/*, .panelSKUSourceMasterCarton .bAdd*/ 
        { right: 20px; }
    .hasExportNumWrap .numOfProducts { left: 20px; }
    .gtrMargin { margin-left: 20px; margin-right: 20px; }
    .tableList .tAlertFlag, .tableListExtraW.tableList .tAlertFlag { width: 20px; }

    .dropdown-menu { padding: 0 0 5px; }

    .pageBasic .contentPadTop { padding-top: 10px; }
        .pageBasic .contentPadTop.noTopM, .pageBasic .gtrBothPadTop { padding-top: 20px; }
    .contentWrapTopM { margin-top: 20px; }
    .pageExceptions .validation-summary { width: calc(100% - 40px); margin: 20px 20px 0; }
    .panelHomeCorner .bButtonArrow { width: 100%; margin-top: 10px; }
    .panelInspections .tActionSingle { padding-left: 0 !important; }
    .tableWarrantyNotesList .tAction.tActionDouble { padding-right: 0; }

    .dashTopPanel { margin-top: 0; }
    .dashDeptAlerts { flex-wrap: wrap; height: unset; }
        .dashDeptAlerts .dashDeptDetailIcon, .dashDepartmentDetail h1 { width: 100%; background: none; }
            .dashDeptDetailIcon span { width: 42px; height: 42px; opacity: 1; background: url(../images/iSpriteBig.png) no-repeat -420px 0; }
            .dashDepartmentDetail h1 { justify-content: center; height: auto; padding: 5px 0 0; }
                .dashDepartmentDetail h1 strong { color: #FFFFFF; opacity: 1; }
                .dashDeptDetailList strong { font-size: 15px; }
            .dashDeptHead-SA .dashDeptDetailIcon span { background-position-x: -300px; background-position-y: -4320px; }
            .dashDeptHead-LG .dashDeptDetailIcon span { background-position-x: -300px; background-position-y: -4380px; }
            .dashAlertLG-Title h2 { font-size: 18px; }
            .dashLG .dashDeptDetailList { margin-top: 40px; }
            .dashLG + .dashDepartmentLinks { padding-top: 0; }
                /*.dashDeptHead-LG .dashDeptDetailList li { width: calc((100% - 3px) / 2); height: unset; min-height: 80px; margin-top: 0; }
                    .dashLG .dashDeptDetailList li:nth-of-type(even) { margin-left: 3px; }*/ /* TEMP UNTIL DEBTOR TABLE ADDED */
                    /*.dashDeptHead-LG .dashDeptDetailList li:nth-of-type(2n + 1) { margin-left: 0; }
                    .dashDeptHead-LG .dashDeptDetailList li:nth-of-type(n + 3) { margin-top: 3px; }*/
            .dashDeptHead-AC .dashDeptDetailIcon span { background-position-x: -300px; background-position-y: -4440px; }
            .dashDeptHead-NP .dashDeptDetailIcon span { background-position-x: -300px; background-position-y: -4140px; }
            .dashDeptHead-QC .dashDeptDetailIcon span { background-position-x: -360px; background-position-y: -4500px; }
            .dashDeptHead-TS .dashDeptDetailIcon span { background-position-x: -240px; background-position-y: -3060px; }
            .dashDeptHead-IT .dashDeptDetailIcon span { background-position-y: -4560px; }
            .dashDeptHead-MG .dashDeptDetailIcon span { background-position-y: -4560px; }

    .contentHead { padding: 0 0 19px; }
        .pageBasic h1 { padding: 44px 0 0 0; }
        .pageBasic h1, .dashDepartmentDetail h1 { width: 100%; font-size: 36px; text-align: center; }
            .pageBasic h1::after { top: -5px; left: 50%; margin-left: -21px; }

            .pageReports h1, .pageReportsSellout h1, 
                .pageBasic h1.hOrderStatus, .pageOrders-New h1, .pageTools h1, .pageContainerLoad h1, .pageCustomers h1, .pageExpenditure h1, .pageDebtorList h1, .pageCreditorList h1,
                .pageMarketing h1,
                .pageProducts h1, .pageProductClass h1, 
                .pageCompany h1, .pageUsers h1, .pageScheduled h1, .pageConsolidators h1, .pageDataRoom h1,
                .pageSpares h1, .pageWarranty h1, .pageInspections h1, .pageInspectors h1, .pageSourcing h1 { 
                flex-wrap: wrap; justify-content: center; }
                .pageBasic.pageOrderDetails h1.hOrderStatus { padding-top: 48px; }
                /*.pageReports h1 span, .pageReportsSellout h1 span*//*, .pageProductClass h1 span*//*,
                .pageCompany h1 span, .pageUsers h1 span, .pageScheduled h1 span { margin-right: 10px; }*/

            .pageBasic h1.twinHead .twinHead-Med { font-size: 30px; }
            .pageBasic h1.twinHead .twinHead-Sml, .panelSubTitle { font-size: 18px; }
                .twinHead .twinHead-Med + .twinHead-Med { margin-left: 15px; padding-left: 18px; }
            .pageNoPermission h1::after { top: -2px; }            
        .bTopTitle.bButton { margin: 10px auto 0; } 

    .contentWrap, .contentBasicCentre { padding: 30px 20px 0; }
        .contentBasicCentre { padding-bottom: 30px; }
        .sectionSplitter + .panelButtons { padding-top: 20px; }
    .contentTitlePanel { justify-content: center; }
        .pageFilterTitle { width: 100%; font-size: 24px; text-align: center; }
        .contentTitlePanel .filterPage { order: -1; margin: -10px 0 10px auto; }
        .filterPage + .numOfProducts { text-align: center; }

    .bButton.bDouble.bOrder , .bButton.bDouble.bGrey, .bButton.bConfirm.bEmpty,
        .bButton.bDouble.bSubmitXLWrap,
        .pageQuickUpload .bSubmitXLWrap.bButton:not(.bBasketXLWrap), .bButton.bDouble.bResolveBasket, .pageExceptions.pageBasic .bButton.bCentred { 
            width: 100%; height: auto; min-height: 64px; padding-bottom: 8px; }
    .barButtons .bButton.bDouble, .bButton.bDouble.bBack.bOneWord { padding-top: 38px; }
        .barButtons .bButton.bDouble::after, .bButton.bDouble.bBack.bOneWord::after { top: 10px; }
        .barButtons .bButton.bDouble + .bDouble { margin-top: 10px; }
    .barButtons .bButton br { display: none; }
        .barButtons .spinWrap { 
            float: none; 
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center; 
            width: 100%; }
            .barButtons .spinWrap .bButton { margin-top: 0; }
                .barButtons .spinWrap .spinRingu { order: -1; top: 35px; right: unset; }

/****** rTable-600 - Force table to not be like tables anymore ******/
    .rTable-600, .rTable-600 thead, .rTable-600 tbody, .rTable-600 th, .rTable-600 td, .rTable-600 tr { 
	    display: block; }
    /* Hide table headers (but not display: none;, for accessibility) */
    .rTable-600 thead tr { position: absolute; top: -9999px; left: -9999px; }
    .rTable-600 tr { border-bottom: solid 2px #dcdcd9; clear:both; }
        .rTable-600 tr:last-of-type { border: none; }
    .rTable-600 tbody tr:hover { background:none; } 
        .rTable-600 tbody tr.grandTotal:hover { background: #eeeeeb; }
    .rTable-600 td { 
        /* Behave  like a "row" */
        position: relative; padding: 6px 0 6px 30%; border: none; white-space: normal; }
    .rTable-600 td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        width: 30%; top: 6px; left: 20px; padding-right: 10px; white-space: nowrap; 
        color: #6f577e;
        text-transform: uppercase;
    /* Label the data */
        content: attr(data-title); }   
    .pageBasic .rTable-600 .tTitle { padding: 20px 0 10px; font-size: 18px; text-align: center; }
    .rTable-600 .bSQ30.bRed:not(:hover) { background: #949491; }
    .rTable-600 .tViewFileType { width: 100%; padding-left: 0 !important; text-align: center; }
        .rTable-600 .tViewFileType a { display: inline-block; }
            .rTable-600 .tViewFileType .iFiletype { width: 70px; }
    .rTable-600 .dragOrder a { margin-left: 0; }

    .tableList .tActionWrap { flex-wrap: wrap; }
        .tableList .tAction, .tableList .tAction .bSQ30TD { width: 100%; }
            .tAction .bSQ30TD + .bSQ30TD { margin: 10px 0 0; }
        .tableList.tableListExtraW .tTitle, .tableList.tableListExtraW .tCentred, .tableList.tableListExtraW .tAction { padding-left: 20px !important; padding-right: 20px !important; }
    .rTable-0 .tActionSingle, .rTable-0 .tAction .bSQ30TD { width: 30px; }
        .rTable-0 .tActionDouble { width: 70px; }
        .rTable-0 .tActionTriple { width: 110px; }
        .rTable-0 .tActionWrap { flex-wrap: nowrap; }
        .rTable-0.tableList .tTitle { padding-right: 10px !important; }
        .rTable-0.tableList .tAction { padding-left: 10px !important; }
            .rTable-0.tableList:not(.tableListExtraW) .tAction { padding-right: 0 !important; }
            .rTable-0 .tAction .bSQ30TD + .bSQ30TD { margin: 0 0 0 6px; }

    .rTable-600.tableList tr:hover td, .rTable-600.tableList tr:hover td::after { border-color: rgba(255,255,255,0); }
    .rTable-600.tableList td { min-height: 30px; }
    .pageBasic .tableList.tableListExtraW td { padding-right: 20px; } 
        .rTable-600:not(.tableListExtraW) td::before { left: 0; }
        .rTable-600.tableList .tTitle, .rTable-600.tableList .tCentred, .rTable-600.tableList .tActionSingle { width: 100%; text-align: center; }
        .rTable-600.tableList:not(.tableListExtraW) .tTitle, .rTable-600.tableList:not(.tableListExtraW) .tCentred, .rTable-600.tableList:not(.tableListExtraW) .tActionSingle
            { padding-left: 0; padding-right: 0; }
        .rTable-600.tableList td:first-of-type { padding-top: 20px; }
            .rTable-600.tableList td:first-of-type::before { top: 20px; }
        .rTable-600.tableList td:last-of-type { padding-bottom: 20px; }
        .rTable-600.tableList .tTitle { color: #6f577e; }
        .rTable-600.tableList .tCentre { text-align: left; }
        .rTable-600 .tiCheck { width: 100%; text-align: left; }
        .rTable-600.tableList .dragOrder a { margin-left: 0; }
            .rTable-600.tableList .dragOrder::before { top: 16px; }
        .rTable-600.tableList .tAction { width: 100%; padding-left: 0; padding-top: 6px; padding-bottom: 20px; }
            .rTable-600 .tActionSingle .bSQ30TD, .rTable-600 .tActionSingle .bSQ30 { margin: 0 auto; }
        .rTable-600 .tActionWrap { justify-content: center; }
            .rTable-600 .bSQ30TD, .rTable-600.tableList .bSQ30 {     
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                min-height: 36px;
                border-radius: 3px;
                text-align: center;
                color: #FFFFFF;
                font-size: 15px;
                text-indent: unset; }
                .rTable-600 .tActionSingle .bSQ30 { float: none; width: 200px; }
                /*.rTable-600 .bSQ30TD::after, .rTable-600.tableList .bSQ30::after { left: unset; right: 0; top: 3px; }*/
                .rTable-600 .bSQ30TD:not(:hover)::after { opacity: 0.7; }
                .rTable-600 .bSQ30TD, .rTable-600 tr:hover .bSQ30TD:not(:hover) { 
                    background-color: #949491; 
                        background: -moz-linear-gradient(top, #949491 1%, #878783 100%); 
                        background:-webkit-gradient(top, #949491 1%, #878783 100%); 
                        background: linear-gradient(#949491, #878783); }
                    .rTable-600 .bSQ30TD:hover, .rTable-600 .bSQ30TD.bSqArrow, .rTable-600 tr:hover .bSQ30TD.bSqArrow:not(:hover) {
                        background-color: #6f577e;
                            background: -moz-linear-gradient(top, #6f577e 1%, #594366 100%); 
                            background:-webkit-gradient(top, #6f577e 1%, #594366 100%); 
                            background: linear-gradient(#6f577e, #594366); } 
                        .rTable-600 .bSQ30TD.bSqArrow:hover { background: #594366; }
                    .rTable-600 .bSQ30TD.bDelete:hover {
                        background-color: #be1622;
                            background: -moz-linear-gradient(top, #be1622 1%, #aa1414 100%); 
                            background:-webkit-gradient(top, #be1622 1%, #aa1414 100%); 
                            background: linear-gradient(#be1622, #aa1414); }
                .rTable-600 .tAction .bSQ30TD:not(.bSqArrow)::after { 
                    /*background-position-x: 0;*/ 
                    left: unset; 
                    right: 10px; 
                    filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); /* White */ }
                .rTable-600 .tAction .bSqArrow::after { 
                    left: unset; 
                    right: 0;
                    top: unset;
                    /* background-position-x: center; 
                        background-position-y: -843px;*/ 
                    background-position-y: 40%; 
                    filter: none !important; }
            .rTable-600 .rowDisabled .tAction:not(:hover) { opacity: 0.5; }
                .rTable-600 .rowDisabled .bSQ30TD:hover, .rTable-600.tableList .rowDisabled .bSQ30:hover { color: #FFFFFF; }
                    .rTable-600 .rowDisabled .tAction a::after { background-position-x: 0 !important; }
            .tBullet::before { display: none; }
    .rTable-600 .tiOperaCo { width: 100%; padding-bottom: 0; }
        .rTable-600 .tiOperaCo span { left: 50%; margin-left: -15px; }
        .rTable-600 .tiOperaCo + .tTitle { padding-top: 6px; }
    .rTable-600 h5.productInfoWrap { justify-content: center; line-height: 1.2; }
    .rTable-600.tableList .tPlug { height: 32px; text-align: left; }
        .rTable-600 .tPlug span { left: 30%; }
        .tableProClassCountry.tableList .tPlug { text-align: right; }
    .tHeadIcon { height: unset; }
        .rTable-600.tableList .tIconBefore { min-height: 40px; }
            .rTable-600.tableList .tIconBefore::before { left: 40px; }
            .rTable-600 .tIconBefore::after { 
                content: ''; 
                position: absolute; 
                left: 0; 
                top: 0;
                width: 30px; 
                height: 30px; 
                border-top: 0;
                /*background: url(../images/iSprite.png) no-repeat -50px 0;*/
                background: url(../images/iSprite.svg) no-repeat center 0; 
                background-size: cover; }
                .rTable-600 .tIconBefore[data-title="Pass"]::after { /*background-position-y: -4150px;*/ background-position-y: 71%; }
                .rTable-600 .tIconBefore[data-title="Fail"]::after { /*background-position-y: -4200px;*/ background-position-y: 71.5%; }
                .rTable-600 .tIconBefore[data-title="Re-work"]::after { /*background-position-y: -4250px;*/ background-position-y: 72%; }
    .rTable-600.tableList tr.trException .bSQ30.bSqArrow, .rTable-600.tableList tr.trException.bSQ30TD.bSqArrow { background: #be1622; }
        .rTable-600 tr.trException .bSQ30.bSqArrow:hover, .rTable-600 tr.trException .bSQ30TD.bSqArrow:hover { background: #aa1414; }

    .pagination > li { display: none; }
        .pagination .active, .pagination .PagedList-skipToPrevious, .pagination .PagedList-skipToNext, .pagination .PagedList-skipToFirst, .pagination .PagedList-skipToLast { display: block; }
    
    .pageBasic .addNew .form-group { flex-direction: column; margin-right: 0; }
        .pageBasic .addNew label { width: auto; height: auto; line-height: 1.1; }
        .pageBasic .addNew .form-control, .pageBasic .addNew .onewDateWrap { width: auto; }
        .pageBasic .addNew .datepicker { width: 100%; max-width: unset; }

    .addNew.r600 { flex-direction: column; justify-items: center; }
        .addNew.r600 .form-group { display: flex; }
            .addNew.r600 .onewDateWrap .form-control { width: 100%; max-width: unset; }
            .addNew.r600 .fgCheck { flex-direction: row; align-items: flex-start; flex: 1 1 auto; }
            .addNew.r600 .bSQ30 { 
                align-self: flex-end; 
                width: auto; 
                padding: 0 35px 0 15px; 
                text-indent: unset; }
    .addProductWrap { flex-direction: column; margin-top: 20px; }
        .addProductLeft, .addProductRight { width: 100%; }
            .addProductWrap h2 { height: auto; padding-bottom: 20px; }
        .addProductWrap .addProductMid { width: 100%; height: 60px; padding: 0; }
    .tableAddProducts.rTable-767 .tbItemSkU {  }
    .tableAddProducts .tbItemChk { width: 40px; }
        .tableAddProducts .tbItemChk .bDelete { right: 10px; }
    .panelAddProductsWrap .bAddNew { width: 100%; text-align: center; }

    .bSQ40.bSQ30.bDelete::after, .addNew .bSQ40:not(.bSqArrow)::after {
        width: 20px;
        height: 20px;
        left: unset;
        right: 10px;
        margin: -10px 0 0 -10px; }
    .rTable-600 .bSQ30TD::after {  } 
    .bSQ30TD.bHistoryInfo::after { 
        background-position-y: 3%; 
        opacity: 1;
        filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); /* #FFFFFF White */ }

    /*.orderProgress { padding-top: 10px; }
        .orderProgress ul { font-size: 11px; }  */  /* ORDER PROGRESS BAR - NO LONGER USED */
    
    .bProductInfo, .bProductInfo::before, .bProductInfo::after { width: 24px; height: 24px; }
        .bProductInfo { top: -5px; right: -32px; }
            .bProductInfo::after { font-size: 18px; top: 0; }

    .pageBasic .rTable-600 tr.rowDisabled:not(:hover) .bSQ30 { color: #FFFFFF !important; }

    .modal .modalDropdownNav .form-control, .modalDropdownNav .dropdown-menu { font-size: 15px; }
        .modal .modalDropdownNav .form-control { padding-top: 7px; }

    .pageContainerLoad.pageQuickUpload .bDownloadXLSWrap { margin: 20px 0 30px; padding: 0; }
        .pageContainerLoad .bDownloadXLSWrap .bButton, .pageContainerLoad .barButtons .bReStart { width: 100%; }
    .barButtonContainers { flex-direction: column; width: 100%; }
        .pageContainerLoad .barButtons .bButton { margin: 0; }
        .pageContainerLoad .barButtonContainers .bButton { margin: 10px 0 0; }
    .pageContainerLoad .tableAddProducts tr:not(.rowAddNewProduct) td { padding-right: 20px; padding-left: 20px; }
        .pageContainerLoad .tableAddProducts .rowAddNewProduct .tbItemSkU { padding-left: 20px; }
        .pageContainerLoad .tableAddProducts .rowAddNewProduct .bDelete { right: -6px; }
    .pageContainerLoad .tableAddProducts.rTable-767 .tbItemCost::before, .pageContainerLoad .tableAddProducts.tableList .tbQty::before { left: 20px !important; }
    .pageContainerLoad .tableAddProducts.rTable-767 .tbQty { padding-left: 30%; }
    .pageContainerLoad .panelBasketGrandTotal, .pageContainerLoad .subTotal .factorySubTotal { padding-left: 0; }
        .pageContainerLoad .panelBasketGrandTotal .bButton.bReStart { height: 70px; }
    .pageContainerLoad h5.productInfoWrap .bProductInfo { right: -5px; }
    .pageContainerLoad .basketList.rTable-480 td.biDelete { padding-right: 20px; }

    .onewDateWrap { width: 100% !important; }
        .iDate { top: 22px; }

    .basketList th:first-of-type, .basketList td:first-of-type { padding-left: 25px; }
    .basketList th:last-of-type, .basketList td:last-of-type { padding-right: 25px; }

    .pageBasket .basketContainer /*, .pageReview .basketContainer*/ { text-align: center !important; margin-top: 0; }
        .basketContainer .containerNote { 
            position: relative; 
            display: inline-block; 
            left: auto; 
            top: auto; 
            margin-top: 0;
            transform: none;
            margin-bottom: 15px; }
            .basketContainer .containerNote h4 { position: relative; font-size: 18px; margin-top: 10px; }
        .conRight { display: inline-block; float: none; }

    .pageBasic .conFullSKU { width: 100%; margin-top: 0; text-align: center; }
        .pageBasic .conFullSKU .conOptionWrap { display: inline-block; float: none; }
        .pageBasic .conFullSKU .conOptionWrap h4, .pageBasic .conFullSKU .iContainerWrap { float: none; width: auto; margin-right: 0 !important; }
            .pageBasic .conFullSKU .conOptionWrap h4 { width: 100%; margin-bottom: 20px; text-align: center; }
                .basketContainer .conFullSKU .iContainer { float: none; margin-bottom: 10px; }
                    .basketContainer .conFullSKU .iContainerWrap h5 { text-align: left; }
        .biHead .biName h3 { left: 20px; }
        .biHead .biContainer { display: none; } 
        .biThumb { width: 52px; }
            .basketList .thumb img { width: 45px; height: 45px; margin-right: 0; }
        .biTotals table { float: right; }
            .biTotals td { padding: 0 10px; }
    .slideThis > div { width: 100%; }
        .slideThis .addExtraCode , .slideThis .addExtraName , .slideThis .addExtraQty , .slideThis .addExtraPrice { width: 100%; margin: 0; padding: 0 0 20px; }
            .slideThis .addExtraCode { padding-right: 0; }
            .slideThis .addExtraImage { width: 100%; display: block; min-height: unset; }
            .slideThis .addExtraName { min-height: unset; padding-right: 0; }
                .slideThis .addExtraName label { display: none; }
                .slideThis .addExtraName h5 { display: table; width: 100%; min-height: unset; font-size: 15px; }
                    .slideThis .addExtraName h5 span { display: table-cell; text-align: center; vertical-align: middle; }    
            .slideThis .addExtraPrice  { padding-bottom: 0; }
            .slideThis .addExtraButton { width: 100%; margin: 0; float: right; }
    .barTotal th { text-align: left; }
    .barGrandTotal.barTotal th { padding: 15px 0 0 20px; }
    .barGrandTotal.barTotal td { padding: 15px 20px 0 0; }
    .pageBasket .basketEmpty { margin: 100px auto 150px; }
        .pageBasket .basketEmpty .bButton { width: 150px; bottom: -100px; margin: 0 0 0 -75px; }
        .pageBasket .panelBasketGrandTotal .bButton { width: calc(100% - 40px); left: unset !important; margin: 20px 20px 0; }
            .pageBasket .panelBasketGrandTotal .bButton br { display: none; }
    
    .uploadXLWrap h3 { font-size: 21px; }
    .uploadXLWrap .centre { min-height: unset; margin-top: 10px; }
        .bUploadDocWrap { min-height: 60px!important; }
            .bUploadDocWrap::after { bottom: 25px; }
            .pageQuickUpload .uploadXLWrap .bButton.bDouble.bSearchDoc, .uploadXLWrap .bUploadDocWrap .bButton.bDouble.bSearchDoc { 
                width: 100%; 
                height: 60px; 
                margin: 0; 
                padding-top: 34px; 
                left: auto; }

    .pageBasic .revPanelDetails h3.hFactory { padding-top: 8px; font-size: 18px; }

    .pageBasic .revPanelDetails h3:last-of-type::after, .dueDate.revDetails::after { 
        width: 33px; 
        height: 26px; 
        top: 6px;
        background-image: url(../images/iSprite.png); 
        background-position-x: -50px; }

    .pageExceptions section { margin: 0 20px; padding: 40px 0 10px; }
        .pageExceptions .revPanelDetails h2, .pageExceptions .revPanelDetails h3 { font-size: 30px; }
            .pageExceptions .revPanelDetails h2 { margin-top: 10px; }
        .pageExceptions .revPanelProducts { padding-bottom: 10px; }
        .pageExceptions .bEdit { top: 10px; right: -10px; }
        .pageExceptions section h3, .pageExceptions .revPanelShipping h3 { padding: 0 35px; }
            .pageExceptions .revPanelProducts h3 { margin-bottom: 10px; padding: 30px 35px 0; line-height: 1.1; } 
                .revPanelProducts h3::after { left: 50%; margin-left: -21px; top: -20px; }
        .pageExceptions .revPanelDetails .bEdit { right: 10px; }
        .revDetailsWrap { width: 100%; }
            .revDetailsWrap.left, .revDetailsWrap.right { text-align: center; }
                .revDetailsWrap.left { margin-top: 20px; }
    .pageBasic .revPanelDetails h3:not(.hFactory) { margin-top: 0; font-size: 24px; line-height: 1; }
        .pageBasic h3.revCustomerName { padding: 0!important; }
    .pageExceptions .revDetailsWrap.left { margin-top: 0; }
    .revDetails:not(.dueDate) { margin-bottom: 20px; text-align: center; }
            .pageBasic .revDetails span { margin-top: 0; font-size: 16px; }
        .revDetailsWrap .hFactoryWrap.revDetails { min-height: unset; margin-bottom: 20px!important; }
            .pageBasic .revPanelDetails h3.hFactory { display: inline-block; padding-left: 40px; }
                .pageBasic .revPanelDetails h3.hFactory::after { top: 4px; background-position-y: -2500px; }
        .revDetailsWrap.left .revDetails:last-of-type { margin-bottom: 20px!important; }
        .revDetailsCentre .revDetails { margin-bottom: 14px !important; }
        .revDetailsWrap .dueDate.revDetails { width: 140px; margin: 0 auto 18px auto; padding-left: 36px; }
            .dueDate.revDetails::after { top: 6px; background-position-y: -2450px; }   
            .revTerms.revDetails { padding-right: 30px; }  
                .revTerms.revDetails label { margin-bottom: -5px; }           
        .revDetailsWrap.right .revDetails:last-of-type { margin-bottom: 20px!important; }
        .revDetailsCentre { position: relative; width: 100%; bottom: 0; left: 0; margin-left: 0; }

    .yourRef { margin-bottom: 20px; }
    /*.pageReview .basketList th:first-of-type { background: none; }
        .pageReview .basketList.rTable-420 td { padding-right: 0; }
        .pageReview .basketList.rTable-420 .tbQty { padding-top: 6px; text-align: right; }*/

    h3.sectionTitle.iconTitle { padding: 50px 0 0; text-align: center; }
        .pageExceptions h3.sectionTitle.iconTitle { margin: 10px 0; padding: 40px 0 0; }
        h3.sectionTitle.iconTitle::after { width: 42px; left: 50%; top: -2px; margin-left: -21px; }

    .sResultsHeaderWrap { width: 100%; min-height: 20px; margin-top: 10px; }
        .form-group.formGroupH label { width: 100%!important; text-align: left; }
        .form-group.formGroupH .form-control { width: 100%!important; }
        .form-group .form-control.fcNoLabel { margin-left: 0!important; }
        .numOfProducts { display: inline-block; float: none; }
    .userListHead, .userDeptHead { width: 100%; margin-bottom: 20px; font-size: 24px; text-align: center; }
    .revPanelShipTo .fgExCarrier label.iFreight { padding-bottom: 10px; }
        .revPanelShipTo .fgExCarrier label.iFreight::after { top: 4px; }
    .numOfProducts { margin-top: 0; }
    
    .twinHead.hOrderStatus { justify-content: center; }
    .tableOrderHistory.rTable-600 tr { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; }
        .tableOrderHistory.rTable-600 td { width: auto; padding-left: 20px; }
            .tableOrderHistory.rTable-600 .tIcon span { margin-left: auto; margin-right: auto; }

    .exceptionList.rTable-840 td:not(.exlException), .tableOrderDeliveredItems.tableList td { padding-left: 40%; }
    .pageExceptions .fgError label { color: #be1622; }

    .pageBasic h1.twinHead { justify-content: center; padding-top: 43px; }
        .pageBasic h1.twinHead::after, .pageReports .contentHead h1:has(+ h2)::after { top: 0; }
        h1.twinHead .twinHead-Med, .pageReports .contentHead h1 + h2 { margin-top: 4px; }
            h1.twinHead .twinHead-Med strong { display: inline; }
    /*.pageTracking.pageBasic h1.hOrderStatus::after { top: -2px; }*/

    .pageReports .contentHead:has(h1 + h2) { justify-content: center; }
        .pageReports .contentHead h1:has(+ h2) { padding-top: 43px; font-size: 18px; }
        .pageReports .contentHead h1 + h2 { margin-left: 0; font-size: 30px; text-align: center; }
    .pageReportsAnalysis .panelReportTable { flex-direction: column; gap: 20px; padding-top: 0; }
        .pageReportsAnalysis .panelReportTable .flexColumn { width: 100%; }
    .pageReportsBreakdown .hasExportNumWrap .numOfProducts { top: 40px; }
    /*.pageReportsSelloutByCustomer .contentTitlePanel .fInline { width: 100%; max-width: unset; }*/
    .pageReportsSellout .buttonExportWrap::before { right: -20px; left: calc(-100% - 20px); }
    .pageReportsSellout .hasExportAdjacent + .tableDisplayWrap { width: calc(100% + 40px); margin: 0 -20px; padding: 10px 20px; }
    .tableSellout.rTable-840 tr.trTotal { margin-left: -20px; margin-right: -20px; }
        .tableSellout.rTable-840 .trTotal td { padding-left: 20px; padding-right: 20px; }
    .pageReportsSellout .barButtons.barButtonsSimple { padding-left: 0; padding-right: 0; }

    /*.pageTracking .trackerListTitle { margin-bottom: 0; padding: 40px 20px 0; text-align: center; line-height: 1; }
        h2.trackerListTitle::after { top: 5px; left: 50%; margin-left: -16px; }*/

    .oHiIcon span::after, .oHiIcon.iStatus.oHiAlert span::after { top: 34px; }
    .tableOrderHistory.tableList .tIcon span { width: 36px; height: 36px; }
        .tableOrderHistory.tableList .tIcon span::after { width: 36px; height: 36px; margin-top: -18px; }
    #modalAddNewCustomer .form-group:not(.fgCheckbox) label { width: 100%; height: auto; line-height: normal; }
    #modalAddNewCustomer .form-control { width: 100%; }
    
    .pageOrderHistory h2.iconTitle::after { left: 50%; top: 0; margin-left: -16px; }
    .pageOrderHistory h2.iconTitle { padding: 30px 0 0; }
    .tableOrderHistory { margin-top: 0; }
    .panelOrderItems .barTotal th, .pageTrackingPO .barTotal th { padding-left: 0; }
    
    .pageCustomerOverview .cusO-KAD.form-group label, .cusInspectorFactory.form-group.formGroupH label { width: auto!important; white-space: nowrap; }
    .pageCustomerOverview .cusO-KAD .bigCheck { float: right; }
    .addressItem { width: 100%; margin-right: 0; }
        .addressItem.addressNew { min-height: 200px; }
            .addressItem.addressNew h3 { margin-top: 60px; font-size: 18px; }
                .addressItem.addressNew h3::after { top: 0; }
    .pageCustomerStockCode .addNew .selectize-control { width: 100%; }
    .contentCustomerRevenue h2 { padding-left: 20px; font-size: 24px; }
    .tableCustomerBreakdown.rTable-600 td:before { text-align: left; left: 0; }
        .tableCustomerBreakdown.rTable-600 .tTitle { padding-bottom: 0; }
        .tableCustomerBreakdown td:nth-of-type(2) { padding: 0 0 10px; text-align: center; }    

    .pageUsers .sResultsHeaderWrap { flex-direction: column; }
    .pageUsers .panelUserAvatar #imagecontainer.left { float: none; margin-top: 0; }
    .pageUsers .panelUserAvatar .right { float: left; width: 100%; padding: 20px 0 0 0; }
        .pageUsers .panelUserAvatar .right p { height: auto; }

    .pageBasic .taskScheduledList.rTable-767 .tiCustomer { padding-left: 20px; }

    .pageExceptions .revDetails.operaCodeList { padding-left: 36px; text-align: left; }
        .revDetails.operaCodeList .tiOperaCo span { top: 2px; }
    /*.pageExceptions .tiOperaCo span::after { background-position-x: -260px !important; }*/
    .pageExceptions.pageBasic section { padding-top: 20px; }
    .exceptionList.rTable-980 td { padding-left: 35%; }
        .exceptionList.rTable-980 .exlCusSKU::before { white-space: unset; line-height: 1.1; }
        .exceptionList.rTable-767 { margin: 0; }
        .pageExceptions .panel800 { margin-bottom: 20px; }
        .revPanelShipTo .formGroupH { margin-bottom: 10px; }
        .revPanelShipTo .form-control { margin-bottom: 0; }
    .exlCusSKU .exlCodeReq { position: relative; left: 0; top: 0; font-size: 13px; }  
    .exOtherError .bButton.bClearError { width: 100%; margin-top: 0; padding-top: 35px; }
        .exOtherError .bButton.bClearError::after { top: 12px; }
        .exErrorTitle { margin-bottom: 0; }
        .exResubmitError { width: 230px; left: 50%; margin: 5px 0 0 -115px; }
            .exOtherError .exResubmitError label { top: 8px; }
    .exNotAcknowledgedError h4 { margin-top: 10px; }
    .exNotAcknowledgedError .bButton { margin-top: 5px; }
    .exAddressWrap .form-group .form-control { margin-bottom: 0; }
    
    .pageMyAccount h1 { padding: 0 10px; }
    .myBasicDetails .passwordChangedWrap .bButton, .pageExceptions .revDetailsCentre { width: 100%; margin: 0; }

    .pageBasic .revPanelDetails h3:last-of-type::after, .revPanelDetails .dueDate::after,

    .pageBasic .sortable-containment .ui-sortable-helper .dragOrder, .sortable-containment .ui-sortable-helper .dragOrder a { position: static; }
        .ui-sortable-helper .dragOrder a::before { top: 15px; right: 30px; }
        .ui-sortable-helper .dragOrder a::after { bottom: 15px; right: 30px; }

    .panelTracker .arrowSlideBar { flex-wrap: wrap; }
        .panelTracker h3 { width: 100%; }
        .panelTrackerDate { width: 150px; padding-left: 45px; }
        .panelTrackerStatus { margin: 0 30px 0 auto; }
        .panelTrackerArchive .iArchive { padding-left: 50px; }
            .panelTrackerArchive .iArchive::after { width: 36px; height: 36px; margin-top: -18px; /*background: url(../images/iSpriteBig.png) -60px -3240px no-repeat;*/ }

    .panelTrackerEdit .buttonWrap { width: 100%; margin-left: 0; }
        .panelTrackerEdit label { display: none; }
        .panelTrackerEdit .bSQ40 { 
            width: 100%; 
            display: flex; 
            justify-content: center; 
            align-items: center; 
            color: #FFFFFF; 
            font-size: 15px; 
            font-weight: bold; 
            text-transform: uppercase; 
            text-indent: unset; }
            .panelTrackerEdit .bSQ40.bSqArrow::after { left: unset; right: 10px; }
    .panelTrackInspectionOverview .panelInspectOverviewLeft { margin-bottom: 0; }
    .tableTrackerHistory .tIcon.iStatus { 
        display: flex; 
        justify-content: center; 
        min-height: 36px;
        margin: 0 auto 5px; 
        padding-bottom: 0; }
        .tableTrackerHistory.tableList .tIcon span, .tableTrackerHistory.tableList .tIcon span::after { width: 36px; height: 36px; }
    .tableTrackerHistory td { padding-left: 0; text-align: center; }
        .tableTrackerHistory td::before { display: none; }
        .tableTrackerHistory tr:first-of-type .tIcon { padding-top: 0; }
    .pageTrackingHistory .addNew form { flex-direction: column; }
        .pageTrackingHistory .addNew .form-control { min-height: 120px; }
            .pageTrackingHistory .addSelectButton { width: 100%; }
            .pageTrackingHistory .addNew .bSQ30 { top: 0; }

        .pageWarehouse h1::after { top: 0; }
    .pageBasic .bigCheck input[disabled=disabled]::after { left: -10px; top: -5px; }
        .pageBasic .bigCheck input[disabled=disabled][type="checkbox"]:checked::after { left: 0; top: 0; }
    .form-checkGroup label { margin: 15px 0 0 10px; }
        .form-checkGroup h4 { font-size: 18px; }
        .form-checkGroup label span { font-size: 13px; }

    .pageCustomers .barFilterGrey { padding-right: 20px; padding-left: 20px; }
        .pageCustomers .barFilterGrey .form-group { width: 100%; }
        .pageCustomers .barFilterGrey .customerFormSearchSubmit { align-self: flex-end; margin: 10px 0 0 auto; }
    .pageCustomers .tiOffice, .pageCustomers .tKADCheck { padding-left: 36%; }
    .tableUserSalesTeam .tiAvatar { width: 40px; }
        .tableUserSalesTeam .tiAvatar { padding-left: 10px; padding-right: 0; }
    .tableUserSalesTeam .tiAvatar img { height: 32px; width: 32px; }
        .tableUserSalesTeam .tiAvatar span { height: 32px; width: 32px; background-position-y: -1000px; }
            .tableUserSalesTeam .tiDeptTS .tiAvatar span { background-position-y: -1050px; }
            .tableUserSalesTeam .tiDeptSA .tiAvatar span { background-position-y: -1100px; }
            .tableUserSalesTeam .tiDeptCS .tiAvatar span { background-position-y: -1150px; }
            .tableUserSalesTeam .tiDeptMA .tiAvatar span { background-position-y: -1200px; }
            .tableUserSalesTeam .tiDeptIT .tiAvatar span { background-position-y: -1250px; }
            .tableUserSalesTeam .tiDeptAC .tiAvatar span { background-position-y: -1300px; }
            .tableUserSalesTeam .tiDeptGO .tiAvatar span { background-position-y: -1350px; }
    .pageCustomerStockCode td:not(.tiSkU) { padding-left: 35%; }
        .pageCustomerStockCode .rTable-980 .tiStockCode:nth-of-type(2)::before { content: 'Code ( In ):'; }
        .pageCustomerStockCode .rTable-980 .tiStockCode:nth-of-type(3)::before { content: 'Code ( Out ):'; }
        .pageCustomerStockCode .rTable-980 .tiStockCode:nth-of-type(4)::before { content: 'Description:'; }

    .pageAddress .oWrap .form-group.formGroupH, .pageAddress .oWrap .dotty { margin: 10px 0 0; }
    .pageAddress.pageBasic .form-control-50 { max-width: unset; }
    .pageAddress .addressItem { min-height: unset; }
        .pageAddress .addressItem.addressNew h4 { margin-top: 50px; font-size: 18px; }
        .pageAddress .addressItem.addressNew h4::after { top: -10px; }
        .ui-sortable-helper .dragAddressWrap::before, .ui-sortable-helper .dragAddressWrap::after { display: none; }

    .barFilterGrey { flex-direction: column; padding-bottom: 20px; }
        .barFilterGrey .form-group {  margin-right: 0; }
            .barFilterGrey .form-control { margin-bottom: 0; }
            .barFilterGrey label { color: #40403f; }
        .barFilterGrey .hoverSlide { margin: 0 0 0 auto; align-self: flex-end; }

    .pageCustomerRFETeam.pageBasic .bDelete.bSQ30 { 
        width: 100%; 
        text-align: center; 
        color: #FFFFFF;
        font-size: 15px; 
        text-indent: unset; }
    .tableTargets.rTable-980 .tAction { padding-left: 0; padding-right: 0; }
    
    .pageBasic h1.avatarUser, .pageBasic h1.avatarProduct, .tableTargets.tableList.rTable-980 .tAction { padding-left: 0; }
        .pageBasic h1.avatarUser, .avatarProduct { padding-top: 50px; }
        .pageBasic .avatarUser .avatarUserWrap, .avatarProductWrap { top: -6px; left: 50%; margin-left: -26px; }
            .avatarProductWrap { top: -12px; }
        .pageBasic h1.avatarUser::after { top: -20px; }
    .fcSwitchSelector.form-control { width: 100%; min-width: unset; margin-top: 10px; }

    .userDeptHead { margin: -20px 0 0; }
    .pageCustomerRFETeam.pageBasic .taskSearchlist.rTable-600 td { 
        display: block; 
        float: left; 
        width: 100%; 
        min-height: unset; 
        padding-top: 6px; 
        padding-left: 0; 
        padding-right: 0; }
        .pageCustomerRFETeam.pageBasic .bDelete.bSQ30 { height: 40px; line-height: 40px; }
            .pageCustomerRFETeam.pageBasic .bDelete.bSQ30:not(:hover) { background: #949491; }
                .pageCustomerRFETeam.pageBasic .bDelete.bSQ30:hover { background: #be1622; }
            .pageCustomerRFETeam.pageBasic .bDelete.bSQ30::after { left: auto; right: 0; top: 6px; }
    .pageCustomerRevenue h2.sectionTitle, .pageCustomerRevenue .sideNavCustomer.sideNav { padding-left: 20px; padding-right: 20px; }
    .pageCustomerDocuments .tableDocsList .tFileType { padding-top: 0; }

    .pageExpenditure .numOfProducts { top: 20px; }

    .userPermissionList .tiCheck:not(:first-of-type), .tableCusRevenue.rTable-840 .tNum { padding-right: 20px; }
    .pageBasic .userPermissionList .tiCheck:first-of-type { padding-left: 20px; }
    .pageUserOverview .cusO-KAD.form-group { display: flex; }
        .pageUserOverview .cusO-KAD.form-group label { width: calc(100% - 30px)!important; }
        .pageUserOverview .cusO-KAD .checkBox { width: 30px; }        
        .pageUserOverview .barButtons { border: none!important; }
    .pageUserOverview .panelUserAvatar { width: 100%; margin-top: 40px; }
        .panelUserAvatar { text-align: center; }
            .panelUserAvatar .left { float: none; display: inline-block; }
            .pageUserOverview .panelUserAvatar .fgDropZone { width: 100%; }

    .cusTargetColumns h2 { font-size: 30px; }
    .tableCusRevenue.rTable-840 .tNum::before, .tableCusMargin.rTable-840 td::before { left: 20px; }
    .panelAddUser .useO-Dept { padding-top: 11px; }

    .wrapDateTime { width: 47.5%; }
    .modalAddTrigger .formGroupSkinnyLabel label , .formGroupScheduleRepeat.form-group label { width: 35%!important; }
        .formGroupScheduleRepeat.form-group .form-control { width: 60px; }
        .formGroupScheduleRepeat .checkDate.radioDouble .btn { width: 13%; margin-right: 1.5%; }
            .formGroupScheduleRepeat .checkDate.radioDouble .btn:last-of-type { margin-right: 0; }
                .formGroupScheduleRepeat .checkDate.radioDouble label, .modalAddTrigger .formGroupScheduleRepeat.form-group .wrapRepeatDays.radioBig, 
                .wrapRepeatDays.radioBig .radioBigLabel { width: 100%!important; }
                .wrapRepeatDays + .wrapRepeatDays { margin: 5px 0 0; }

    .pageScheduled .fcNoControl { height: auto; line-height: normal; }
    .pageScheduledOverride .oWrap { margin-bottom: 0; }
    
    .pageWarehouse .rTable-600.taskSearchlist td { min-height: unset; }
    .pageWarehouse .formGroupH:not(.noBotM), .pageCompany .formGroupH:not(.noBotM), .pageConsolidators .oWrap .form-group { margin-bottom: 5px; }
    
    /*.pageReports .contentHead h2 { margin: 5px auto 0; font-size: 24px; text-align: center; }*/
    .tRevenueOther .tableRevenueSummary.rTable-767.tableList td { padding-right: 20px; }
        .tRevenueOther .tableRevenueSummary.rTable-767 .tTitle { padding-left: 20px; }
        .tRevenueOther .tableRevenueSummary.rTable-767 td::before { left: 20px; }
    .pageReportsCountry #searchParameters { flex-direction: column;  gap: 10px 0; align-items: flex-start; padding: 30px 20px 20px; }
        .pageReportsCountry #searchParameters div { display: flex; width: 100%;}
            .pageReportsCountry #searchParameters span { width: 160px; font-size: 15px; }
    /*#revenueByCountryMap { margin-bottom: 120px; }*/
        /*.pageReportsCountry .graphLegend { left: 20px; right: 20px; bottom: -18vw; }*/
    .galleryGridByCountry.galleryCheckGrid .grid { grid-template-columns: 1fr; }
        .galleryGridByCountry.galleryCheckGrid .flexColumn { width: 100%; flex-direction: row; }
            .galleryGridByCountry.galleryCheckGrid label { width: calc(100% - 100px); margin: 0 20px 0 0; }
            .galleryGridByCountry.galleryCheckGrid strong { width: 100px; justify-content: flex-end; text-align: right; }

    .pageStockUpdate .numOfProducts { float: right; margin-top: 12px; }
    .pageStockUpdate .bUploadDocWrap .bButton, .pageStockUpdate .uploaderbrowsebutton, .pageStockUpdate .bUpdateCSVWrap .bUpdateCSV.bButton.bDouble { width: 100%; height: 70px; margin-left: 0; left: unset; }
        .pageStockUpdate .bUploadDocWrap .bUpdateCSVWrap::after { top: 25px; }
    .pageStockUpdate .panelError { padding: 30px 0 0; }
        .pageStockUpdate .pWrap { display: block; }
            .pageStockUpdate .pWrap p { text-align: center; }
        .pageStockUpdate .bDownloadCSVWrap.bUploadDocWrap { top: -40px; }

    .docCat .slideToggle { padding: 20px 20px 0; }
        .docCat .slideToggle h2 { padding-right: 40px; font-size: 21px; }
        .docCat .cornerFileNumber { padding-top: 12px; font-size: 18px; font-weight: bold; }
    .docCat .slideThis { padding: 0 20px; }
    .cirqueNumberHead { 
        width: 42px;
        height: 42px;
        line-height: 42px;
        font-size: 21px;
        left: 50%; 
        top: -6px; 
        margin: 0 0 0 -21px; }

    .fgConsolidatorMOQ input { margin: 0; }
    .fgConsolidatorMOQ .consolidatorMOQNote { height: 30px; line-height: 30px; }
    .pageConsolidators .fgConsolidatorMaxSKU .flex label { width: auto !important; }
    .fgConsolidatorMaxSKU .form-control:not(:last-of-type) { margin-right: 20px; }
    
    .h1MenuWrap.hasMenu { padding-top: 75px; }
        .cirqueMenuHead { position: absolute; top: 0; z-index: 900; }
    .filterTopProductSales .form-group { width: calc(100% - 40px); margin: 0 20px; }
    .filterTopProductSales .submitSearch80 { margin: 10px 20px 20px auto; }
    .pageTopProductSalesDetail h1.avatarProduct { margin-right: 0; }

    .photoWrap li { 
        width: calc((100% - 20px) / 3);
        padding-top: calc((100% - 20px) / 3); }
        .photoWrap li:nth-of-type(3n) { margin-right: 0; }    
        @supports (display: grid) {
            .photoWrap { gap: 12px; }
            .photoWrap > li { 
                width: 100%;              
                padding-top: 100%;
                margin: 0; }
        }

    .filterInspectDateWrap { flex-direction: column; }
    .tableInspectionList.rTable-980 .tActionSingle, .tableInspectProductList td:nth-of-type(2) { padding-left: 20px; }
        .tableInspectionList.rTable-980 .bSQ30 { width: 100%; }
        .tableInspectProductList .tSKU.tTitle { padding-left: 20px; padding-right: 20px; }
    .tableInspectProductList .tNum.fontBlack::before { left: 20px; }
    .panelInspectOverviewLeft { margin-bottom: 20px; }
        .panelInspectOverviewLeft .form-group { width: 100%; margin-bottom: 20px; padding-right: 0; }    
    .panelInspectOverviewMiddle li, .npdDetailSKUS li { width: 100%; margin: 0 0 10px 0; } 
    .filterInspectionProducts .form-group { width: 100%; margin-right: 0; }        
    .pageInspectionForthcoming .panelOrderOverview { flex-wrap: wrap; flex-direction: column; }
        .pageInspectionForthcoming h3, .pageInspectionForthcoming .miniStack-Date { margin: 0 auto; }
    .tableInspectionForthcomingProduct .tThumb { display: flex; justify-content: center; }
        .tableInspectionForthcomingProduct .thumb { width: 90px; height: 90px; }
    .tableInspectionForthcomingProduct.rTable-600 .tTitle { padding-top: 0; }
    .tableInspectionForthcomingProduct td:before { text-align: left; }

    .fgInspectorsCFALevel, .fgInspectorsCFALevel.form-group .fcNoControl { /*flex-wrap: wrap;*/ align-items: flex-start; }
        .fgInspectorsCFALevel.form-group > label, .fgInspectorsCFALevel.form-group + .form-group > label { width: 100px !important; }
        .fgInspectorsCFALevel .fcNoControl { width: calc(100% - 100px); }
            .fgInspectorsCFALevel .bButton { width: calc(100% + 40px); margin: 0 0 0 -30px; }
        .fgInspectorEnabled { display: flex; }
    .radioCFALevel.radioDouble, .fRadioGroup { width: 100%; }
        .radioCFALevel.radioDouble .btn, .fRadioGroup .btn { height: 64px; }

    .complianceTableWrap { overflow-x: unset; }
        .tableCompliance.rTable-600 td:before { white-space: normal; }
        .tableCompliance.tableList .stickyShadow { display: none; }
        .tableCompliance.tableList td.tSKU, .tableCompliance.tableList .tDescription { color: #FFFFFF; background: #944364; }
        .tableCompliance.tableList td.tTitle { padding-bottom: 0; }
        .tableCompliance td.tDescription { width: 100%; margin-bottom: 10px; padding-top: 0; padding-left: 0; font-size: 15px; text-align: center; }
        .tableCompliance.rTable-600 .tSource { display: flex; flex-direction: column; width: 100%; padding-left: 0; }
            .tableCompliance.rTable-600 .tSource span { width: 100%; }
            .tableCompliance.rTable-600 .tSource::before { display: flex; position: static; width: 100%; padding-bottom: 5px; }
        .tableCompliance.rTable-600 .tDate { display: flex; width: 100%; padding-left: 0; text-align: right; }
            .tableCompliance.rTable-600 .tDate:before { display: flex; position: static; width: calc(100% - 100px); text-align: left; }
        .tableCompliance.tableList span, .tableCompliance.tableList .noData, .dataY, .dataN { width: 100px; }
        .tableCompliance.tableList .noData::before, .tableCompliance .dataY::before, .tableCompliance .dataN::before { left: 60%; }
        .tableCompliance.tableList td:last-of-type { margin-bottom: 20px; padding-right: 0; }
        .tableCompliance .tRedAlert::before { color: #be1622 !important; }
        .tableCompliance .tAmberAlert::before { color: #ce690f !important; }
    .pageDocValidity h2 { display: flex; justify-content: center; padding: 30px 0 0 0; }
        .pageDocValidity h2.iconTitle::after { top: -5px; left: 50%; margin-left: -16px; }
        .barFilter .fgSKUValidity.fStacked { margin: 10px auto 0 auto; }
    .headDocValidity > .flexColumn + div { margin-top: 20px; }
    .headDocValidity label { margin-bottom: 2px; }
    .headDocValidity .headStatus { order: 1; }
    .headDocValidity .headTitle { order: 1; width: calc(100% - 150px); }
    .headDocValidity .headDescription, .headDocValidity .headFile { order: 3; width: 100%; margin-left: 0; }
        .headDocValidity .headDescription { padding-left: 42px; }
    .headDocValidity .headDate.flexColumn { order: 2; margin-top: 0; }

    .fgProductsFilterArchive { margin-bottom: 20px; }
    .tableProductsListMulti.tableList { margin: 20px 0 10px; }
    .tableProductsList.rTable-767 tr .tProductsMultiWrap { padding: 0 20px !important; }
        .tableProductsListMulti.tableList .tTitle, .tableProductsListMulti.tableList .tAction { padding-left: 0 !important; }
            .tableProductsListMulti.tableList .tAction { padding-right: 0 !important; }
    .tableProductSKU.tableList .tAction, .tableProductSKU .tActionWrap { width: 70px; padding-left: 0; padding-right: 0; }
        .tableProductSKU .tAction .bSQ30TD { width: 30px !important; }
            .tableProductSKU .tAction .bSQ30TD + .bSQ30TD { margin: 0 0 0 auto; }
    .pageProductSKUOverview .addNewTableData .addNew { margin-bottom: 10px; }
    .motorRatingFields, .powerSupplyFields { flex-wrap: wrap; }
        .fgTreadmillHPRating { width: 100%; margin-right: 0; margin-bottom: 10px; }
            .fgTreadmillHPRating + .motorRatingFieldsNew { margin-bottom: 10px; padding-top: 0; }
    .tableProductProgramme {  }
        .tableProductProgramme .tCentre { text-align: left; }
            .tableProductProgramme .tCentre::before { font-family: "Lato", Arial, Helvetica, sans-serif; }
    .panelProductSpecWrap { display: flex; flex-direction: column; }
        .panelProductSpecWrap .form-group { width: 100%; }
    .fgGridDouble .flex .form-group { align-items: center;  margin-bottom: 10px; }
        .fgGridDouble.form-group .flex label { width: auto !important; margin-bottom: 0; }
        .fgGridDouble.form-group .flex .form-control { margin-bottom: 0; }
    .fgN-A.form-group .fcWrap { width: calc(100% - 70px); }
    .fgProdSKUFromTo .formGroupH { width: 48%; }
        .fgProdSKUFromTo .formGroupH:first-of-type { margin-right: 4%; }
    .fgProdSKUFromTo .form-group:nth-of-type(2) label { text-align: left; }
    .fgProdSKUSpeedRange .flex .fgProdSKUSpeedRangeFrom { margin-right: 20px; }
    .fgNoSubLabel.form-group { margin-top: -10px; padding-top: 0; }
    /*.sideNavProductSourcing a { min-height: 80px; }
        .sideNavProductSourcing .active a { padding-top: 35px; }
            .sideNavProductSourcing .active a::after { top: 5px; }
        .sideNavProductSourcing strong { font-size: 18px; }
        .sideNavProductSourcing a span { font-size: 13px; }*/
    .tableSourceComponents.rTable-600 tr:last-of-type td { padding-bottom: 0; }
    .panelSKUSourceComponentsItem form::before { left: -20px; }
    .fgModalComponentDimensionNew, .fgComponentDimensionEdit { flex-wrap: wrap; }    
        .fgModalComponentDimensionNew .flexColumn, .fgComponentDimensionEdit .fStacked:not(.fgModalComponentDimensionName) { width: 50%; min-width: 150px; } 
            .addNew.productMaterialWrap.fgComponentDimensionEdit .fPercent.fStacked { flex: unset; }
        .fgAddComponentDimension .fgModalComponentDimensionName, .fgModalComponentDimensionNew .bSQ30.bSQ40, .addComponentColourMaterial .bSQ30.bSqArrow, 
            .addComponentNameDimension .bSQ30.bSQ40, .fgModalComponentDimensionEdit .bSQ30.bSQ40,
            .productMaterialWrap.fgComponentDimensionEdit .bAddNew, .productMaterialWrap.fgComponentDimensionEdit .bDelete, 
            .productMaterialWrap.panelSKUSourceComponentsItem .bAddNew, .productMaterialWrap.panelSKUSourceComponentsItem .bDelete, .panelSKUSourceMaterials .bSQ30.bSqArrow { width: 100%; }
        .addComponentColourMaterial .bSQ30.bSQ40, .addComponentNameDimension .bSQ30.bSQ40, .addComponentColourMaterial .bSQ30.bSqArrow, .panelSKUSourceMaterials .bSQ30.bSqArrow,
            .productMaterialWrap.fgComponentDimensionEdit .bSQ30.bSQ40
            { margin-left: 0; text-indent: unset; }
                /*.fgComponentDimensionEdit .bSQ30.bSQ40::after { top: 0; }*/
            .addComponentColourMaterial .bSQ30.bSQ40.bSqArrow { margin-top: 20px; }
    .productMaterialWrap .fStacked.fPercent,.panelSKUSourceMaterials .bSQ30.bSqArrow, .fgModalComponentDimensionNew .bSQ30.bAddNew, .fgModalComponentDimensionEdit .bSQ30.bSQ40 { margin-left: 0; }
        .productMaterialWrap .fStacked.fPercent .form-control { width: 100%; } 
        .productMaterialWrap .bDelete.bSQ30 { margin-bottom: 20px; }
    .tableSourceComponents.rTable-600 .tAction { padding-right: 0; }
    .buttonBarProductComponents .bButton.bDouble.bOneWord { height: 60px; padding-top: 34px; }
    .tableSourceComponents.tableList tr + tr .tAction { border: none !important; }
    .itemSKUSourceComponentDimensionOuter { flex-wrap: wrap; }
    .panelSKUSourceComponentsItem .flex .itemSKUSourceComponentDimensionLabel, .itemSKUSourceComponentDimensionWrap { width: 100%; }
    .panelSKUSourceMaterials .addNewWrap { margin-bottom: 20px; }
    .pageProductSKUDocs .panelSectionArchive h3 { padding-left: 60px; }
    .pageProductSKUDocs .bAdd.bSectionTop { width: calc(100% - 40px); margin: 0 0 10px; }
    .modal .modalAddOtherWarranty .form-group .form-control { width: 48%; }
        .modal .modalAddOtherWarranty .form-group .form-control.fcAuto { margin-left: 4%; }

    .tProductClassingDocs { width: 100%; }
        .tableProductClassingDocs td { padding-left: 50%; }
            .tableProductClassingDocs td::before { top: 20px; }
            /*.tableProductClassingDocs.rTable-600.tableList .tProductClassingDocs { padding-top: 0; padding-bottom: 10px; }*/
            .panelClassingDocsReq .tableList td.tProductClassingDocs { padding: 6px 20px 10px calc(50% + 12px); }
                .panelClassingDocsReq td::before { top: 7px; }
            .trClassingRequired td::before, .tableList .trClassingRequired .tTitle, .panelClassingDocsReq td::before, .panelClassingDocsReq .tableList .tTitle { color: #944364; }
        .tableProductClassingDocs td .fcNoControl { margin: 10px 0 0; }
    .tableProClassDocType .tiCheck { padding-top: 10px; }
        .tableProClassDocType .tiCheck::before { white-space: unset; }
    .pageProductClassDocTypes .addNew .fgAddProClassValidity { flex-direction: row; }
    .pageProductClassDocTypes .fgAddProClassValidity label { width: calc(30% - 8px) }
    .fgAddProClassWarranty { margin-bottom: 0; }
    .tableProClassColours td { padding-left: 50%; }
    .tableProClassCountry td { text-align: right; }
        .tableProClassCountry td::before { text-align: left; }
        .tableProClassCountry .tPlug span { display: none; }
    .noUpdatePermission .fgGridDouble .fcNoControl, .noUpdatePermission .panelProductSpecWrap .fcNoControl { margin-bottom: 0; }
    .noUpdatePermission .tableProductClassingDocs .tTitle { padding-bottom: 0; }
    .noUpdatePermission .tableProductClassingDocs.rTable-600 .tProductClassingDocs { padding-bottom: 0; }
    .noUpdatePermission #skuBulletList .tTitle, .noUpdatePermission #groupBulletList .tTitle { padding: 10px 0; font-size: 15px; color: #40403f; text-align: left; }
    .noUpdatePermission #skuBulletList .dragOrder, .noUpdatePermission #groupBulletList .dragOrder { padding-right: 20px; }
        .noUpdatePermission .rTable-600.tableList .dragOrder::before { display: none; }
    .noUpdatePermission .panelSKUSourceQualityWrap .flex { flex-wrap: wrap; }
        .noUpdatePermission .panelSKUSourceQualityWrap .flex .form-group { width: 100%; }
            .noUpdatePermission .panelSKUSourceQualityWrap .form-group + .form-group { margin-left: 0; }
            .noUpdatePermission .panelSKUSourceQuality .panelSKUSourceQualityWrap label { width: 150px; }
    .noUpdatePermission .panelSKUSourcePackaging .checkBox input[disabled]:not(:checked) + label { flex-wrap: unset; }
        .noUpdatePermission .panelSKUSourcePackaging .checkBox input[disabled]:not(:checked) + label span + strong { width: 100%; white-space: unset; }
    .noUpdatePermission .tableProductPricingList.rTable-980 .tRowNotes { padding-left: 20px; }
    .pageProductsGroupedOverview .noUpdatePermission .fgProductGroupBy > label { width: 100%; margin-bottom: 10px; }
    .pageProductsGroupedOverview .noUpdatePermission .rTable-600 .tCentre { padding-top: 5px; padding-bottom: 20px; text-align: right; }
        .pageProductsGroupedOverview .noUpdatePermission .rTable-600 .tCentre::before { text-align: left; }
    .pageProductSKUDetails .tableProductBulletList.tableList tr { border: none; }
        .pageProductSKUDetails .tableProductBulletList.tableList .tBullet { padding: 6px 0; }
            .pageProductSKUDetails .tableProductBulletList .tBullet .flex::before { margin-right: 20px; }

    .pageNPDAdmin .barFilterToggleOnly { margin-bottom: 20px; }
    .pageNPD .barFilter { padding-top: 20px; }
    .npdAdminDetailHead h2, .npdContentHead h3 { margin: 50px 0 0 0; font-size: 21px; }
    .npdDetailHeadInfoWrap { padding-left: 0; }
    .pageNPDDetail .npdContentHead { flex-wrap: wrap; flex-direction: column; margin-bottom: 0; padding: 20px 0 10px; }
        .npdDetailButtonBar { order: -1; margin: 0 0 10px auto; }
            .npdDetailButtonBar .radioDouble .btn, .npdDetailButtonBar .bNPDAddNew, .bRadioAddNew { 
                width: 40px;
                height: 40px; }
                .npdDetailButtonBar .btn::after, .bNPDAddNew::after, .bRadioAddNew::after { /*width: 20px; height: 20px; top: 10px; margin-left: -10px;*/ width: 24px; height: 24px; margin: -12px 0 0 -12px; }
                    /*.npdDetailButtonBar .btn::after { width: 24px; height: 24px; margin: -12px 0 0 -12px;*/ /*top: 9px;*/ /*}*/
                        /*.radioDouble .npdCat-Progress.btn::after { background-position-y: -1450px; height: 21px; }*/
                        /*.radioDouble .npdCat-Complete.btn::after { background-position-y: -150px; }
                        .bNPDAddNew::after, .bRadioAddNew::after { top: 8px; background-position-x: -280px; }*/
                        .radioDouble .npdCat-Complete.btn::after, .bNPDAddNew::after, .bRadioAddNew::after { width: 22px; height: 22px; margin: -11px 0 0 -11px; }
        .npdTaskDateAuthor strong { font-size: 15px; }
        .npdTaskNote { font-size: 13px; }
    .galleryNPDDoc > li { padding-top: 0; }

    .tableSourcingList .rowMultiSlim .tAuditSummary, .tableSourcingList .rowMultiSlim .tActionSingle { padding-left: 20px; }
    
    .filterBillOfMaterials .fgFilterArchive .checkBox span { left: -2px; }

    .h1MenuWrap .cirqueMenuHead { margin-top: 0; }
        .h1MenuWrap .cirqueMenuHead + .dropdown-menu { 
            position: relative;
            width: 100%;
            height: 0;
            left: unset;
            top: unset; 
            padding: 0;
            border: none;
            transform: unset;
            transition: height ease-in 0.3s;
            margin: 0; }
        .h1MenuWrap:not(hasMenu) .cirqueMenuHead + .dropdown-menu { display: none; }
            .h1MenuWrap.open .cirqueMenuHead + .dropdown-menu { height: auto; top: 0; }
            .h1MenuWrap .cirqueMenuHead + .dropdown-menu::before { left: 10px; top: -5px; }
                .h1MenuWrap .cirqueMenuHead + .dropdown-menu a { padding: 10px; text-align: center; font-size: 15px; font-weight: bold; }
    .h1MenuWrap.hasMenu h1.twinHead { position: absolute; justify-content: flex-start; top: 0; padding: 0 0 0 60px; }
    .h1MenuWrap h1::after { top: 0; }
        .h1MenuWrap h1 .twinHead-Sml { text-align: left; }
    .fgWarrantyReportFilter { width: 100%; justify-content: space-between; }
        .fgWarrantyReportFilter::before { display: none; }    
    .pageWarrantyDash .bWarrantyClaim.bButton { height: 60px; padding-top: 40px; }
        .pageWarrantyDash .bWarrantyClaim::after { top: 6px; }
        .pageWarrantyDash .bWarrantyClaim br { display: none; }
        /*.pageWarrantyDash .bWarrantyClaim br { content: ''; }
            .pageWarrantyDash .bWarrantyClaim br::after { content: ' '; }*/ /* make br now a spacer */

        .panelWarrantyReportByCountry h3 { font-size: 21px; text-align: center; }
    .panelWarrentyListClaims { padding-top: 10px; }
    .tableWarrantyList.rTable-840 .dateTime { padding: 40px 0 6px 20px; }
    .tableWarrantyList.rTable-840 .tCheck { top: 30px; padding-right: 20px; }
    .tableWarrantyList.rTable-840 .tAction { padding-top: 30px !important; }
    .panelWarrentyListClaims td, .tableWarrantyList.rTable-980 .tCheck { padding-right: 20px; }
        .tableWarrantyList.rTable-980 .tCheck::after { right: 60px; }
    .filterWarranty { flex-direction: column; }
        .filterWarranty .form-group, .filterWarranty .radioWarranty, 
            .filterInspections .form-group, .filterInspections .radioInspection, .filterInspections .radioCFA, .fgInspectionType .radioFilter
            { width: 100%; margin-right: 0; }
            .fgInspectionType .radioFilter { display: flex; }
                .fgInspectionType .radioFilter .btn { flex: 1; }
            .filterWarranty .fgWarrantyYear { max-width: 150px; }
            .filterWarranty .formGroupWarrantyStatus .btn, .radioWarrantyResolution.radioFilter .btn, .filterInspections .fgInspectResult .btn, .filterInspections .fgCFA .btn
                { width: calc((100% - 20px) / 3) !important; margin-right: 10px; }            
            .pageWarrantyByClaim .formGroupWarrantyResolution::after { top: 4px; left: unset; right: 14%; }
            .radioWarrantyResolution.radioFilter .btn { margin-right: 0; }
                .radioWarrantyResolution.radioFilter .btn + .btn { margin: 0 0 10px 10px; }
                .radioWarrantyResolution.radioFilter .btn:nth-of-type(3n + 1) { margin-left: 0; }
        .panelWarrantyProduct .bButtonArrow { width: 100%; text-align: center; }
    .panelWarrantyClaimant, .pageWarrantyDetails section { padding-top: 30px; }
    .pageWarrantyDetails .contentHead h1 { margin: 0; padding-top: 60px; }
        .pageWarranty h1::after { top: -5px; }
        .warrantyDate { width: 100%; top: 38px; text-align: center; font-size: 21px; }
        .labelOptional span:not(.fontBlack) { top: 5px; right: -65px; }
        .pageBasic .labelNote.copied::after { width: 24px; height: 24px; }
        .fgPhotoUpload .labelOptional span:not(.fontBlack) { top: 2px; right: 0; }
    .panelWarrantyProductDetails > div { flex: 1 100%; margin-bottom: 0; padding-right: 0 !important; }
        .pageWarrantyDetails .panelWarrantyProduct label { height: auto !important; line-height: unset !important; margin-bottom: 5px !important; }
        .panelWarrantyProductCondition { margin: 10px 0; }
            .panelWarrantyProductCondition .bCirque, .panelWarrantyProductCondition .bCirqueHelp::after { top: 0; }
    .panelWarrantyProductStatus { padding-bottom: 0; }
    .formGroupWarrantyResolution { margin-bottom: 0; padding-top: 25px; }
        .formGroupWarrantyResolution::after { 
            /*width: 14px;*/
            width: 20px;
            height: 20px; 
            margin-left: -10px; 
            /*background-position-y: -350px;*/ }
        .formGroupWarrantyResolution .radioDouble .btn { margin-bottom: 10px; }
    .panelWarrantyDocs .bUploadDocWrap::after { top: unset; bottom: 8px; }
    .pageWarrantyDetails .bUploadDocWrap::after { top: unset; bottom: 3px; }
    .pageWarrantyDetails .formGroupWarrantyResolution::after { left: 50%; margin-left: -10px; }
    .noUpdatePermission .panelWarrantyClaimant .formGroupH:not(.fgWarrantyClaimAddressExtra) { flex-wrap: wrap; }
        .noUpdatePermission .panelWarrantyClaimant .formGroupH + .formGroupH:not(.fgWarrantyClaimAddressExtra) { margin-top: 20px; }
        .noUpdatePermission .panelWarrantyClaimant .formGroupH label { flex: unset; margin-bottom: 5px; }
        .noUpdatePermission .panelWarrantyClaimant .formGroupH .fcNoControl { margin-bottom: 0; }
    .noUpdatePermission .formGroupWarrantyResolution { padding-top: 40px; }
    .noUpdatePermission .tableWarrantyNotesList.rTable-980 .tFileOwner { padding: 24px 0 20px; }
        .noUpdatePermission .tableWarrantyNotesList.rTable-980 .tFileOwner::before { top: 6px; }

    .pageBasic .tableTopTrumpsDash.tableList .tThumb { padding-left: 20px; }   
    .headButtonBarSpares { max-width: unset; }
        .headButtonBarSpares .bExportXL.bButton { width: unset; flex: 1; }
        .headButtonBarSpares .bButtonBig { flex: unset; width: 100%; }
    .headButtonBarSpares .iSVG { width: 30px; height: 30px; }
    .headButtonBarSpares .bButtonBig strong { font-size: 21px; }
    .headButtonBarSpares .fontThin { font-size: 13px; }
    .pageSpares .sResultsHeaderWrap { margin-top: 20px; }
    .pageSparesDetails .sectionTitle { font-size : 27px; }
        .pageSparesDetails .sectionTitle strong { font-size: 21px; }
    .panelPartsAvailability + .panelPartsAvailability { /*margin-top: 40px;*/ position: relative; margin-top: 40px; padding-top: 40px; /*border-top: solid 10px #c7c7c6;*/ }
        .panelPartsAvailability + .panelPartsAvailability::before { 
            content: '';
            position: absolute; 
            width: calc(100% + 40px); 
            height: 10px; 
            top: 0px; 
            left: -20px;
            background: #c7c7c6; }
    .pageSpares.pageSpareBillMaterial h1.avatarProduct { margin: 0 0 20px; }
    .pageSpareBillMaterial h1.twinHead, .pageTopProductSalesDetail h1.twinHead { margin: -5px 0 10px; padding-top: 85px; }
        .pageSpareBillMaterial .twinHead.avatarProduct .avatarProductWrap, .pageTopProductSalesDetail .twinHead.avatarProduct .avatarProductWrap { width: 84px; height: 84px; margin-left: -42px; }
            .pageSpareBillMaterial .avatarProductWrap img, .pageTopProductSalesDetail .avatarProductWrap img { width: 80px; height: 80px; }
        .twinHead.avatarProduct .avatarProductWrap + .twinHead-Med { margin-top: 10px; }
    .pageSpareBillMaterial .contentMain {padding-top: 10px; }
        .pageSpareBillMaterial .contentTitlePanel .form-control { display: none; }
        .pageSpareBillMaterial .mobSticky { display: block; }
        .pageSparesDetails .avatarCheckGrid .grid { grid-template-columns: 1fr; }
        .pageSparesDetails .galleryArrowGrid a::after { bottom: 10px; /*background: url(../images/iArrows.png) no-repeat center -893px; */
            width: 20px;
            height: 20px;
            background: url(../images/iArrows.svg) no-repeat center 30%; 
            background-size: cover; }
    .panelPartsAvailabilityGraph .graphWrap, .pageTopProductSalesDetail .graphWrap { min-height: 600px !important; }
        
    .modal h3.modal-title { font-size: 24px; }
        .modal h3.modal-title span { font-size: 18px; }
    .modal-footer .bButton.bDouble, .modalAddEdit .modal-footer .bButton.bDouble, .loginWrap input.form-control { font-size: 15px; }
    #modalAddNewCustomer .form-group.fgCheckbox label { width: auto; }
        #modalAddNewCustomer .form-group.fgCheckbox .bigCheck { float: right; }
    .fgModalComponentDimensions .flexColumn, .fgModalComponentDimensions .fgModalComponentDimensionName { width: 100%; }
        .fgModalComponentDimensions .flexColumn + .flexColumn { padding-left: 0; }
        .modalR600.modal .fgModalComponentDimensions .subLabel { width: 30%; }
        .modalR600.modal .fgModalComponentDimensions .form-control { width: 70%; }
        .fgModalComponentDimensions .bSQ40 { margin-left: auto; }
        .modal .fgModalComponentDimensionLabel { display: none; }
        .fgModalComponentDimensionAdd { border-bottom: solid 1px #c7c7c6; margin-bottom: 10px; padding-bottom: 20px; }
    .modal .checkBox label { width: calc(100% - 30px); min-height: 40px; }

    .sourcingDetailHead h2 { font-size: 24px; }
    .sourcingDetailHead { flex-wrap: wrap; }
        .sourcingDetailHead h2 { width: 100%; }
        .sourcingDetailHead .buttonStrip { margin: 10px 0 0 auto; }
    .sourcingReportHead { padding-bottom: 30px; }
        .sourcingReport .iCorner { width: 48px; height: 52px; }
            .sourcingReport .iCorner::after { width: 24px; height: 24px; }
    .sourcingReportContent .bAddNew { right: 20px; }
    .sourcingCAPDateName { width: 100%; margin-left: 0; padding-left: 0; border-left: none; }
    .pageSourcingDeActivated .barFilterToggleOnly { padding-bottom: 10px; }
    .pageSourcingNotes .sourcingCAPDateName { order: 2; }
    .tableSourcingSKU td { padding-left: 35%; }
        .tableSourcingSKU td::before { width: 35%; }

    .panelChangePassword h2 { padding: 50px 0 0; }
        .panelChangePassword h2::after { top: 0; left: 50%; margin-left: -21px; }

    .modalR600 .oWrap { margin-top: -20px; }
        .modalR600.modal .form-group label { width: 100%; height: auto; margin-bottom: 5px; line-height: normal; }
        .modalR600.modal .form-control, .modalR600 .wrapDateTime, .modalR600 .onewDateWrap, .modalR600 .fcSelectMulti, .modalR600 .form-group .fcNoControl.fgDateFromTo,
        .modalAddDocs .form-group label, .modalAddDocs .form-group .form-control, .form-group .fcWrap, .form-group .fcWrap70, .modalCusDocument .fgDropZone
            { width: 100%; }
        .modalR600 .dotty { margin: 10px  0 15px; }
        .modalR600 .form-group .fcNoLabel { width: 100%; margin-left: 0; }
        .modalR600 .fgBigCheck { display: flex; justify-content: space-between; align-items: center; }
            .modalR600.modal .fgBigCheck label { width: auto; margin-right: auto; margin-bottom: 0; }
        .modalR600 .mdlBankAccountCode { padding-left: 25px; }
            .modalR600 .mdlBankAccountCode .fontBlack { top: -2px; font-size: 18px; } 
    .modalR600 .form-group .fcNoControl.fgDateFromTo, .modalR600 .fgDateFromTo .onewDateWrap { margin-bottom: 0; }
        .modalR600 .form-group .fgDateFromTo .ui-datepicker-trigger { top: 20px; }
    .modalAddDocuments .form-group.formGroupH label { width: 140px !important; }
    .modalAddDocuments .form-group.formGroupH .bigCheck { float: right; }
        .modalAddDocs .form-group label { height: auto; line-height: normal; }
        .modalCusDocument .bUploadDocWrap { min-height: unset !important; }
    .modal .addNew .form-group { margin-right: 0; }
    .modalR600 .checkBox label { display: flex; }
        .modalR600 .checkBox span { margin-left: auto; }
    .modal .fgModalArchiveCompleted .checkBox label { padding-right: 0; }
        .modal .fgModalArchiveCompleted .iArchive { width: 42px; }
        .modal .fgModalArchiveCompleted .fgCheckBox { width: calc(100% - 55px); }

    .alertContainer.alert { left: 20px!important; right: 20px!important; }
    .panelError { padding: 30px 20px; }
        .pageError h1::before { left: 50%; margin-left: -21px; top: -5px; }
        .pageError h1::after { margin-left: -21px; }
        .panelError h3 { font-size: 36px; }
    .pageError h3 { margin-top: 10px; font-size: 24px; }
    .pageError .barButtons { margin-top: 20px; }

    .panelIconGallery .grid .iIcon.iSVG, .panelIconGallery .grid .iIcon::after { width: 48px; height: 48px; }
        .panelIconGallery .grid h5 { font-size: 13px; }

    .iYes.iCorner::after, .iNo.iCorner::after, .panelIconGallery .grid .sectionCorner .iCorner::after { 
        width: 20px;
        height: 20px;
        top: 10px;
        left: 25px; }
    
}

@media screen and (max-width: 600px) and (min-width: 481px) {

    header .navbar { padding-top: 20px; }

    .backTopWrap.fixFoot { bottom: 64px; }
    .backTopWrap:not(.fixFoot) { right: 30px; }
    
    .tableList.rTable-480 .tActionSingle, .tableList.rTable-480 .tAction .bSQ30TD { width: 30px; }

    .basketList.rTable-480 .biName-mob .biName { padding-left: 20px; text-align: left; }
    .biHead .biQty span, .biHead .biPrice span, .biPrice .form-control { width: 80px; }
    .basketList.rTable-480 .biTotalCost { padding-right: 20px; }
    .basketList.rTable-480 .biQty { padding-right: 10px; }
    .basketList.rTable-480 .biPrice { padding-left: 10px; }
    .pageContainerLoad .basketList .biName-mob .biName { padding-right: 20px; }
    .pageContainerLoad .basketList.rTable-480 .biQty { padding-left: 20px; }
    
    .pageCustomerDocuments .tableDocsList .textLC, .pageCustomerDocuments .tableDocsList .tDate, .pageCustomerDocuments .tableDocsList .tFileType { padding-left: 40%; }
        .pageCustomerDocuments .tableDocsList .tFileType { margin-top: 4px; }
            .pageCustomerDocuments .tableDocsList .tFileType::before { top: 4px; }

    .barFilterDebtor .fgDebtor.fRadioGroup.radioDouble .btn { flex: 1; }
    .barFilterDebtor .arrowSq.submitSearch80 { margin-top: 20px; }

    .pageCompanyList .tableList .tAction { width: 30px; }

    .pageReports { margin-bottom: 20px; }
    .fgWarrantyReportFilter .onewDateWrap { justify-content: space-between; margin-right: 0; }
        .fgWarrantyReportFilter .fgWarrantyDateFrom { width: calc(55% - 15px) !important; }
        .fgWarrantyReportFilter .fgWarrantyDateTo { width: calc(45% - 15px) !important; margin-left: auto; }
    .pageWarrantyDash .bWarrantyClaim.bButton { width: 200px; margin: 0 auto 20px; }

    .filterBillOfMaterials { flex-direction: row; }
        .filterBillOfMaterials .fgProductsKeyword, .filterBillOfMaterials .fgProductsRange, .filterBillOfMaterials .fgProductsCategory, .filterBillOfMaterials .fgProductsFactory { width: 100%; }
            .filterBillOfMaterials .fgProductsFilterArchive { margin-bottom: 0; }

    .pageProductClassRange .contentMain .contentHead { padding-left: 20px; padding-right: 20px; }
    
    .modalInspectorsCFALevel .form-group .fcNoControl { margin: 11px 0 0; }
    /*.fgInspectorsCFALevel .bButton {*/ /*width: auto; margin: 0 0 0 20px;*/ /*}*/

}

@media screen and (max-width: 600px) and (min-width: 421px) {

    

}

@media screen and (max-width: 540px) {

    .dashAlertsQC li { width: calc((100% - 10px) / 2); }
        .dashAlertsQC li:nth-of-type(3n + 0) { margin-left: 10px; }
        .dashAlertsQC li:nth-of-type(2n + 0) { margin-left: 0; }
        .dashAlertsQC li:nth-of-type(n + 2) { margin-top: 10px; }
        .dashAlertsQC .dashAlert-Title { width: 100%; height: 110px; padding-bottom: 10px; }
            .dashAlertsQC .dashAlert-Title::after { 
                width: 24px;
                height: 24px;
                bottom: 0;
                right: 50%;
                top: unset;
                margin: 0 -12px 0 0;
                border-top: none; 
                border-bottom: solid 6px #dcdcd9; }
            .dashAlertsQC .dashAlert-Title h3 { position:relative; z-index: 200; }

    .biHead th.biThumb { display: none; }

    .quickList.rTable-767 td:not(.tbItemSkU):not(.tbItemthumb):not(.tbItemName), .tableOrderDetailList td, 
        .pageContainerLoad .tableAddProducts .tbQty, .pageContainerLoad .tableAddProducts .tbItemCost { padding-left: 45%; }
        .quickList.rTable-767 td::before, .tableOrderDetailList td::before { width: 45%; } 
    .pageContainerLoad .invalidBasketItem .tbQty, .pageContainerLoad .invalidBasketItem .tbItemCost { padding: 6px 0 !important; }

    .pageReports .tableList td,
        .tableOrdersList.rTable-840 td:not(.tiOperaCo) { padding-left: 40% ; }
        .pageReports .tableList td::before, .tableOrdersList.rTable-840 td::before { width: 40%; }

    .sideNavCustomer.sideNav li a { height: 66px; }
    .pageCustomerBreakdown .sideNav li a { height: auto; }

    .galleryCheckGrid .grid { grid-template-columns: auto; grid-row-gap: 0; }
    .pageUsers .tableTargets.tableList td { padding-left: 42%; }
        .pageUsers .tableTargets.tableList td::before { width: 42%; }
        
    .pageScheduledHistory.pageBasic .taskSearchlist td { padding-left: 30%; }

        .operaCodeList .tiOperaCo span { left: 40%; }
        .pageCustomerWarehouse .operaCodeList .tiOperaCo span { left: 30%; }

    .pageExceptions .exceptionList .biName h5 span { color: #40403f !important; }
    .pageExceptions .exceptionList .exlException { padding-left: 0 !important; }
        .pageExceptions .trException .exlSKU .selectize-control { margin-bottom: 10px; }

    .tableTrackingList td::before { white-space: unset; }
    .tableTrackingList.tableList .tDate { min-height: 45px; }
        .tableTrackingList .tDate::before { width: 30%; }
            .tableTrackingList .tTrackingHandover::before { content: "Handover / Delivery" }
    .panelTrackSalesOrderWrap { grid-row-gap: 10px; }
    .vesselTrackerWrap .gm-style .gm-style-iw-c { max-width: calc(100% - 40px) !important; }

    .npdCategoryLights { flex-wrap: wrap; }
        .npdCategoryLights li { flex: unset; width: calc((100% - 12px) / 5); margin: 0 3px 3px 0; font-size: 13px; }
            .npdCategoryLights li + li { margin-left: 0; }
            .npdCategoryLights li:nth-of-type(5n) { margin-right: 0; }

    .tableSourcingList.rTable-840 .tDate  { padding-right: 20px; padding-left: 20px; }
        .tableSourcingList.rTable-840 .tDate::before { position: relative; width: 100%; left: unset; top: unset; }

    .wrapSpares-StockCover .tableTopTrumpsDash td { padding-left: 45%; }
    .panelPartsAvailable-hasSlider::before { display: none; }
    .tableSparesBillMaterial.rTable-840 td { padding-left: 48%; }
        .tableSparesBillMaterial.rTable-840 td:before { width: 48%; }
        .panelPartsAvailabilityList li { width: 48%; }

    .pageMyAccount.pageBasic .contentMain { flex-direction: column; }
        .pageMyAccount .myBasicDetails.right { position: relative; min-height: unset; margin-top: 20px; }
            .pageMyAccount .myAvatar .fgDropZone { margin-top: 20px; }
        .pageMyAccount .myBasicDetails.left { margin-bottom: 0; }

    .modalAlert .modal-dialog { width: 92%; max-width: unset; margin: 30px 4%; }

}

@media screen and (max-width: 540px) and (min-width: 481px) {

    .modalCusDocument .form-group:nth-of-type(4) label, .modalCusDocument .form-group:nth-of-type(5) label { height: unset; line-height: 1.1; margin-top: 6px; padding-right: 30px; }

}

@media screen and (max-width: 540px) and (min-width: 451px) {

    .panelWarrantyReportDateDisplay { gap: 10px; }    
        .panelWarrantyReportDateDisplay h4 { padding-top: 45px; }
        .panelWarrantyReportDateDisplay .iBig::after { 
            width: 42px;
            height: 42px;
            margin-left: -18px;
            /*background-position-x: -50px;*/ }
        .panelWarrantyReportDateDisplay strong { font-size: 36px; }

}

@media screen and (min-width: 481px) {

    .skipDownMob { display: none; }

    .topTabs-r480 .collapseThis { display: block; height: auto !important; }
        .topTabs-r480 .collapseThis ul { display: flex; flex-flow: row nowrap; }
    
    .rTable-480 thead.stickyHead th { 
        position: sticky; 
        top: 0; 
        padding-top: 20px; 
        padding-bottom: 20px; 
        border-bottom: solid 2px #6f577e;
        background: rgba(255, 255, 255, 0.9); 
        z-index: 900; }
    .rTable-480 .tiOperaCo { width: 50px; }

    .basketList td .bButtonLite { text-indent: -9999px; } 
    .pageContainerLoad .biHead.in .biPrice span { display: flex; justify-content: flex-end; }

    .pageCustomers .bProductInfo::after { top: 0; }
    .pageCustomerBreakdown .sideNav br { display: none; }

    .pageTopProductSalesDash .gridTopTrumps + .wrapTableTopTrumps { margin-top: -20px; }
        .pageTopProductSalesDash .tableTopTrumpsDash.tableList { margin-top: 0; }

    .pageWarrantyByClaim .filterWarranty .arrowSq, .pageWarrantyByClaim .filterWarranty .submitArrow { width: 60px; height: 60px; text-indent: unset }
        .pageWarrantyByClaim .filterWarranty .submitArrow { padding-top: 40px; color: #FFFFFF; font-size: 12px;; }
            .pageWarrantyByClaim .filterWarranty .arrowSq::before { top: 7px; }
    .noUpdatePermission .fgWarrantyFaultSubCat .fcNoControl { padding-left: 94px; }

    .panelSKUSourceComponentsItem .buttonBarProductComponents { margin-bottom: 5px; }

    /*.buttonBarSpares .bButtonBig { min-width: 350px; }*/ /* Temp Until 'Parts On Order' Page done */
        .headButtonBarSpares .bBillOfMaterials /*.buttonBarSpares .bBillOfMaterials*/ { /*width: 350px;*/ padding-left: 15px; padding-right: 10px; }
    .panelSparesDash h2 { margin-bottom: 15px; }
    
    #modalAddNewCustomer .cusO-Terms .form-control { width: 48%; margin-right: 4%; }
        #modalAddNewCustomer .cusO-Terms .form-control:last-of-type { margin-right: 0; }
    #modalProductInfo .modalTableList th { width: 30%; }
    .modalAddDocuments .modalAddEdit .bSearchDoc.bButton, .modal .form-group .bUploadDocWrap { width: 70%; }
        .modal  .bUploadDocWrap .bSearchDoc.bButton { width: 100%; }      
    .modal .addNewDate .onewDateWrap { max-width: 320px; }
        .modal .addNewDate .form-control { width: 100%; }
    .modalCusDocument .bUploadDocWrap { padding-bottom: 10px; }

}

@media screen and (max-width: 480px) {

    header, .container-fluid.body-content { padding: 0; }
        header { padding: 0 20px; }
            .navbar { height: auto; padding-top: 18px; }
                .headerNav li a span { margin-left: 20px; }               
            .nAccount { display: none; }  

    .backTopWrap.fixFoot { bottom: 54px; }    
    .backTopWrap:not(.fixFoot) { right: 10px; bottom: 30px; }
    .skipDownMob { display: block; }

    footer { margin: 50px 0 20px; padding: 0 20px; }
        footer p { margin: 0; }
      
    .fInline .fControl-50, .fInline .form-control-50 { width: 100%; }
    .labelOptional { width: 100%; }
        .labelOptional span:not(.fontBlack) { top: 6px; right: 0px; }
            .labelOptional.optionalDateTime span:not(.fontBlack) { right: 50px; }

    /* FONTS */
    .pageDocValidity h2 { font-size: 24px; }

    .topTabs-r480 .tabToggle { display: block; }
        .topTabs-r480 .bButton { text-align: center; }
    .topTabs-r480 .collapeThis { flex-direction: column; }
        .topTabs-r480 ul, .topTabs-r480 li { width: 100%; }
            .topTabs-r480 .topTabs a { 
                min-height: unset; 
                margin: 0 0 6px; 
                padding: 12px 5px; 
                line-height: normal; 
                transition: background ease-in 0.3s; }
            .topTabs-r480 li + li a { margin-left: 0; }
                .topTabs-r480 .active a { height: unset; margin-bottom: 6px; padding: 12px 5px; border-radius: 4px; }
                .topTabs-r480 .nTabDouble br { display: none; }
        .topTabs-r480 .spinWrap { position: relative; }
        /*.topTabs .navTabButton .bButton { width: 100%; }*/
            .topTabs-r480 .bTabButton { width: 100%; height: 42px; line-height: 42px; }
                .topTabs-r480 .bTabButton::after { top: 6px; }
                .topTabs-r480 .spinRingu { top: -33px; right: calc(-100% + 34px); }

    .exceptionsList.rTable-767 td:not(.elType):not(.elOrderCode):not(.elMessage) { padding-left: 40%; }
    .elAction .bSQ30.bSqArrow { width: 100%; }
    .panelHomeCorner .bButtonArrow { width:100%; }
    .panelWarranty .tableWarrantyList.rTable-840 .dateTime { width: 100%; padding: 40px 20px 0; text-align: center; }
        .panelWarranty .tableWarrantyList tr:first-of-type .dateTime { padding-top: 50px; }
    .panelproductDocsOverview .doughnutLegend { padding: 0 0 20px; }

    .pageDash { padding: 0 20px; }
    .contentHead { padding: 2px 0 15px; }
        .pageBasic h1 { font-size: 7.5vw; line-height: 7.5vw; }
            .pageBasic h1::after { top: -6px; }
    .dashAlertsLG li, .dashSA .dashDeptAlerts li { width: calc((100% - 6px) / 2); }
        .dashAlertsLG li:nth-of-type(even), .dashSA .dashDeptAlerts li:nth-of-type(even) { margin-left: 6px; }
        .dashAlertsLG li:nth-of-type(2n + 1), .dashSA .dashDeptAlerts li:nth-of-type(2n + 1) { margin-left: 0; }
        .dashAlertsLG li:nth-of-type(n + 3), .dashSA .dashDeptAlerts li:nth-of-type(n + 3) { margin-top: 6px; }
    .dashLG .dashDeptDetailList { flex-direction: unset; gap: 3px; }
    .pageDash .dashLG .dashDeptDetailList li { width: calc((100% - 3px) / 2); margin: 0; }
        /*.pageDash .dashLG .dashDeptDetailList li:nth-of-type(2n + 1) { margin-left: 0; }
        .pageDash .dashLG .dashDeptDetailList li:nth-of-type(n + 3) { margin-top: 3px; }*/

    .contentHead, .topTabWrap { padding-left: 20px; padding-right: 20px; }   
            .bTopTitle.bButton { width: 100%; }

    /*.orderProgress ul { font-size: 10px; }*/

/****** rTable-480 - Force table to not be like tables anymore ******/
    .rTable-480, .rTable-480 thead, .rTable-480 tbody, .rTable-480 th, .rTable-480 td, .rTable-480 tr { 
	    display: block; }
    /* Hide table headers (but not display: none;, for accessibility) */
    .rTable-480 thead tr { position: absolute; top: -9999px; left: -9999px; }
    .rTable-480 tr { border-bottom: solid 2px #dcdcd9; clear:both; }
        .rTable-480 tr:last-of-type { border: none; }
    .rTable-480 tbody tr:hover { background:none; } 
        .rTable-480 tbody tr.grandTotal:hover { background: #eeeeeb; }
    .rTable-480 td { 
        /* Behave  like a "row" */
        position: relative; padding: 6px 0 6px 25%; border: none; white-space: normal; }
    .rTable-480 td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        width: 25%; 
        top: 6px; 
        left: 20px; 
        padding-right: 10px; 
        white-space: nowrap; 
        color: #6f577e;
        text-transform: uppercase;
    /* Label the data */
        content: attr(data-title); }   
    .pageBasic .rTable-480 .tTitle { padding: 20px 0 10px; font-size: 18px; text-align: center; }
    .rTable-480 .tViewFileType { width: 100%; padding-left: 0 !important; text-align: center; }
        .rTable-480 .tViewFileType a { display: inline-block; }
            .rTable-480 .tViewFileType .iFiletype { width: 70px; }

    .rTable-480.tableList tr:hover td, .rTable-480.tableList tr:hover td::after { border-color: rgba(255,255,255,0); }
    .rTable-480.tableList td { min-height: 30px; }
        .rTable-480:not(.tableListExtraW) td::before { left: 0; }
        .rTable-480.tableList .tTitle, .rTable-480.tableList .tCentred, .rTable-480.tableList .tActionSingle { width: 100%; text-align: center; }
        .rTable-480.tableList:not(.tableListExtraW) .tTitle, .rTable-480.tableList:not(.tableListExtraW) .tCentred, .rTable-480.tableList:not(.tableListExtraW) .tActionSingle
            { padding-left: 0; padding-right: 0; }
        .rTable-480.tableList td:first-of-type { padding-top: 20px; }
            .rTable-480.tableList td:first-of-type::before { top: 20px; }
        .rTable-480.tableList td:last-of-type { padding-bottom: 20px; }
        .rTable-480.tableList .tTitle { color: #6f577e; }
        .rTable-480.tableList .tCentre { text-align: left; }
        .rTable-480.tableList .dragOrder a { margin-left: 0; }
            .rTable-480 .dragOrder::before { top: 16px; }
        .rTable-480.tableList .tAction { width: 100%; padding-left: 0; padding-top: 6px; padding-bottom: 20px; }
            .rTable-480 .tActionSingle .bSQ30TD, .rTable-480 .tActionSingle .bSQ30 { margin: 0 auto; }
        .rTable-480 .tActionWrap { justify-content: center; }
            .rTable-480 .bSQ30TD, .rTable-480.tableList .bSQ30 {     
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                min-height: 36px;
                border-radius: 3px;
                text-align: center;
                color: #FFFFFF;
                font-size: 15px;
                text-indent: unset; }
                .rTable-480 .tActionSingle .bSQ30 { float: none; width: 200px; }
                .rTable-480 .bSQ30TD::after, .rTable-480.tableList .bSQ30::after { left: unset; right: 0; top: 3px; }
                .rTable-480 .bSQ30TD:not(:hover)::after { opacity: 0.7; }
                .rTable-480 .bSQ30TD, .rTable-480 tr:hover .bSQ30TD:not(:hover) { 
                    background-color: #949491; 
                        background: -moz-linear-gradient(top, #949491 1%, #878783 100%); 
                        background:-webkit-gradient(top, #949491 1%, #878783 100%); 
                        background: linear-gradient(#949491, #878783); }
                    .rTable-480 .bSQ30TD:hover, .rTable-480 .bSQ30TD.bSqArrow, .rTable-480 tr:hover .bSQ30TD.bSqArrow:not(:hover) {
                        background-color: #6f577e;
                            background: -moz-linear-gradient(top, #6f577e 1%, #594366 100%); 
                            background:-webkit-gradient(top, #6f577e 1%, #594366 100%); 
                            background: linear-gradient(#6f577e, #594366); } 
                        .rTable-480 .bSQ30TD.bSqArrow:hover { background: #594366; }
                    .rTable-480 .bSQ30TD.bDelete:hover {
                        background-color: #be1622;
                            background: -moz-linear-gradient(top, #be1622 1%, #aa1414 100%); 
                            background:-webkit-gradient(top, #be1622 1%, #aa1414 100%); 
                            background: linear-gradient(#be1622, #aa1414); }
                .rTable-480 .tAction .bSQ30TD::after { /*background-position-x: 0;*/ filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(99deg) brightness(103%) contrast(101%); 	/* #FFFFFF White */ }
                    .rTable-480 .tAction .bSQ30TD:not(.bSqArrow)::after { top: 50%; right: 10px; }
                .rTable-480 .tAction .bSqArrow::after { background-position-x: center; /* background-position-y: -843px;*/ background-position-y: 40%; filter: none !important; }
            .rTable-480 .rowDisabled .tAction:not(:hover) { opacity: 0.5; }
                .rTable-480 .rowDisabled .bSQ30TD:hover, .rTable-480.tableList .rowDisabled .bSQ30:hover { color: #FFFFFF; }
                    .rTable-480 .rowDisabled .tAction a::after { background-position-x: 0 !important; }
        .rTable-480 .tiOperaCo { width: 100%; padding-bottom: 0; }
            .rTable-480 .tiOperaCo span { left: 50%; margin-left: -15px; }
            .rTable-480 .tiOperaCo + .tTitle { padding-top: 6px; }
    .rTable-480 h5.productInfoWrap { justify-content: center; line-height: 1.2; }

    .addNew .bSQ30.bSQ40  { width: 100%; margin-top: 5px; padding-left: 35px; }

    .modal .modalDropdownNav { width: calc(100% - 35px); }

    .modalTableList.rTable-480 th { max-width: unset; padding-bottom: 0; }
    .modalTableList.rTable-480 td { padding: 0 0 6px 0; font-size: 18px; }
        .modalTableList td::after { display: none; }

    .basketList.rTable-480 tbody tr { margin: 0; border-top: none; }
    .basketList.rTable-480 td { 
        float: left; 
        width: 100%; 
        padding: 6px 20px 6px 22%; 
        vertical-align: middle; 
        font-size: 15px; }
        .basketList.rTable-480 td:before { width: 22%; font-size: 13px; color: #787875; text-align: left; }
        .modalTableList.rTable-480 tbody tr th::after { display: none; }
            .pageBasic .selectize-control .selectize-dropdown, .modal .selectize-control .selectize-dropdown { z-index: 9000; }
            .pageQuick .bProductInfo { top: 38px; right: 18px; }
        .basketList.rTable-480 .biThumb { 
            display: block; 
            float: left; 
            width: 100%; 
            margin: 20px 0 0; 
            padding: 0; 
            text-align: center; }
        .basketList.rTable-480 .biName { 
            display: block; 
            float: left; 
            width: 100%; 
            min-height: 40px; 
            margin: 0; 
            padding: 12px 10px 0 22%; 
            text-align: left; }
            .basketList .form-control { height: auto; font-size: 15px; padding: 4px 12px 4px 8px; }
            .basketList.rTable-480 .biQty .form-control, .basketList.rTable-480 .biPrice .form-control { float: right; width: 100%; }
    .fgDropZone.dropzone.dz-started .dz-message { width: 100%; }
    .fgDropZone.dropzone .dz-preview { width: calc(50% - 15px); }
            
    .pageBasic .rTable-480 tr.rowDisabled:not(:hover) .bSQ30 { color: #FFFFFF; }

        .basketList .cellfix { min-height: unset !important; }
            .pageBasic .basketList .cellfix .bButtonLite { top: unset; }

        .form-group .form-control-auto, .panelAddForm .bButton { width: 100%; }
        .form-group .form-control-auto { margin: 0 0 10px; }

        .tableDocsList.rTable-767 .tAction { padding-left: 20px!important; }

    .sectionExportWrap .buttonExportWrap { justify-content: flex-end; }
    .hasExportNumWrap:not(.sectionExportWrap) .spinWrap .spinRingu { right: -62px; }
        .hasExportNumWrap:not(.sectionExportWrap) .gtrRight .spinRingu { right: -93px; }
    
    .basketList thead:before { left: -20px; right: -20px; }
    .basketList.rTable-480 tbody tr { border-bottom: solid 2px #dcdcd9; }
        .basketList.rTable-480 tbody tr:nth-of-type(2) { border-bottom: none; }
    .basketList td:first-of-type { padding-left: 26px; }
    .basketList .biTotals { padding-left: 0; }
        .basketList .biTotals th { padding-left: 0; padding-right: 0px; }
    .biHead .basketList td:last-of-type { padding-right: 22px; }
    .basketList.rTable-480 td { padding: 12px 20px 12px 35%; }
        .basketList.rTable-480 td:before { width: 35%; }
    .biHead.in .biHeadTitle , .basketList thead:before , .basketList .biName-mob { display: none; }
    .biHead .biThumb { background-position-y: -168px; }
        .basketList .thumb img { width: 80px; height: 80px; margin: 0 auto 10px; }
        .biHead .biName { height: 90px; padding-left: 20px; padding-right: 12px; }
            .biHead.in .biName { width: 100%; }
        .basketList.rTable-480 .biName { margin: 0 0 10px; padding: 0 10px; text-align: center; }
            .basketList h5 { font-size: 15px; line-height: 18px; }
                .basketList h5 span { font-size: 18px; }
        .biTotals td {padding-right: 15px; padding-left: 0; }       
        .biHead .ifTotals td {padding-right: 15px; } 
            .biTotalCost { width: 100%; margin-bottom: 20px; }
            .biHeadTitle:before { padding-top: 6px; }
        .tbItemDiscount { display: block; }
        .biUpdate::before , .biHead .tbItemDiscount { display: none; }
        .basketList.rTable-480 .biQty::before , .basketList.rTable-480 .biPrice::before { top: 22px; }
        .basketList.rTable-480 td.biThumb { margin-top: 30px; }
        .basketList.rTable-480 .biTotalCost { text-align: left; }
        .basketList.rTable-480 .biUpdate , .basketList.rTable-480 .biDelete { padding-left: 20px!important; }
            .basketList.rTable-480 .biDelete { padding-top: 0!important; }

                .biUpdate .bButtonLite.bUpdate , .biDelete .bButtonLite.bDelete ,
                    .addExtraButton .bButton, .addExtraCancel .bButtonLite.bDelete, .revPanelShipTo .bButton { 
                        position: relative !important; 
                        left: auto; 
                        top: auto; 
                        width: 100%; 
                        height: 35px; 
                        line-height: 35px;
                        margin-left: 0;
                        border-radius: 3px;
                        text-align: center;
                        text-indent: unset;
                        font-size: 15px; 
                        color: #FFFFFF; }
                    .biUpdate .bButtonLite.bUpdate::after , .biDelete .bButtonLite.bDelete::after ,
                        .addExtraCancel .bButtonLite.bDelete::after { 
                            content: ' ';
                            display: block;
                            position: absolute;
                            width: 35px;
                            height: 35px;
                            top: 0px;
                            right: 0;
                            background: url(../images/iSprite.png) no-repeat 6px -44px; }
                        .biDelete .bButtonLite.bDelete::after , .addExtraCancel .bButtonLite.bDelete::after { background-position-y: 9px; }
                        .addExtraButton .bButton::after { top: 7px; right: 10px; }
                    .biUpdate .bButtonLite.bUpdate:hover , .biDelete .bButtonLite.bDelete { text-decoration: none; }
                    .biUpdate .bButtonLite.bUpdate span { display: inline; }
        .biTotalCost::before { padding-top: 9px; }

    .pageContainerLoad .subTotal tbody, .pageContainerLoad .subTotal tr { display: flex; flex-wrap: wrap; }
        .pageContainerLoad .subTotal .factorySubTotal, .pageContainerLoad .subTotal tr { width: 100%; }
        .pageContainerLoad .subTotal th { width: 50%; padding-left: 0; }
        .pageContainerLoad .subTotal td { width: 50%; text-align: right; }
    .pageContainerLoad .basketList.rTable-480 tbody { padding-top: 10px; }
        .pageContainerLoad .basketList.rTable-480 tr { display: flex; flex-direction: column; }
            .pageContainerLoad .basketList.rTable-480 tr.biName-mob { display: none; }
            .pageContainerLoad .basketList.rTable-480 tbody tr:nth-of-type(2) { border-bottom: solid 2px #dcdcd9; }
            .pageContainerLoad .basketList.rTable-480 td { width: 100%; }
                .pageContainerLoad .basketList.rTable-480 .biThumb { margin-top: 20px; }
            .pageContainerLoad .basketList .tInfo { display: flex; justify-content: center; padding-left: 20px; }
                .pageContainerLoad .tInfo .bProductInfo { right: 0; }
                .pageContainerLoad .basketList.rTable-480 .biName { margin-bottom: 0; }
                    .pageContainerLoad .basketList.rTable-480 .biName .flex { justify-content: center; }
                    .pageContainerLoad .basketList.rTable-480 .productInfoWrap { align-items: center; padding-right: 0; }
                        .pageContainerLoad .basketList.rTable-480 .productInfoWrap strong { 
                            display: flex;
                            position: relative;
                            margin: 0 auto 5px;
                            font-size: 18px; 
                            color: #40403f; }
                .pageContainerLoad .basketList.rTable-480 .biQty { padding-bottom: 6px; }
                .pageContainerLoad .basketList.rTable-480 .biPrice, .pageContainerLoad .basketList.rTable-480 .biTotalCost { text-align: right; }
                    .pageContainerLoad .basketList.rTable-480 .biPrice::before, .pageContainerLoad .basketList.rTable-480 .biTotalCost::before { text-align: left; }
                    .pageContainerLoad .basketList.rTable-480 .biPrice::before { top: 15px; }
                .pageContainerLoad .basketList.rTable-480 .biTotalCost { padding-bottom: 0; }
                .pageContainerLoad .basketList.rTable-480 .bDelete { right: 0; }
                    .pageContainerLoad .basketList.rTable-480 .bDelete.ir:before { display: none; }
    .pageContainerLoad .slideThis .addExtraCancel .bButtonLite { line-height: 35px; }
    .pageContainerLoad .slideThis .addExtraButton { text-align: center; }

        .addExtraItemWrap .slideThis { padding-bottom: 0; border: none; }
        .addExtraButton .bButton, .panelWarrantyClaimant .bButton { width: 100%; text-align: center; }

        .basketContainer { padding: 25px 0px 25px 15px; }

            .pageOrders .biDelete .bButtonLite.bDelete, .addExtraCancel .bButtonLite.bDelete { 
                background-color: #949491; 
                background: -moz-linear-gradient(top, #949491 1%, #878783 100%); 
                background:-webkit-gradient(top, #949491 1%, #878783 100%); 
                background: linear-gradient(#949491, #878783); }
                .pageOrders .biDelete .bButtonLite.bDelete:hover, .addExtraCancel .bButtonLite.bDelete:hover { background-color: #787875; }

        .barTotal td , .barGrandTotal.barTotal td { width: 50%; }

    .surchargeWrap label { display: inline; line-height: 1.1; margin: 0; }
        .surchargeWrap input { margin-left: 10px; }

   /* .plugTypes .plugEU , .plugTypes .plugUK , .plugTypes .plugAUS { margin: 0 0 15px; }*/
        /*.plugActive { margin-top: 8px; }*/
    .pageExceptions .revPanelDetails h2, .pageExceptions .revPanelDetails h3 { font-size: 24px; }
        .pageExceptions .revPanelDetails h3 { margin-top: -2px; }
    .panelOrderOverview .miniStack-OrderButton, .panelOrderOverview .miniStack-XLSButton { width: 100%; }
        .bOrderSalesOrder, .bXLSOrder { max-width: unset; }
            .bOrderSalesOrder { text-align: center; }
            .bXLSOrder { margin-top: -20px; }
                .bXLSOrder br:first-of-type { display: none; }
          
    .rTable-840.tableWarrantyList .tAction { padding: 6px 20px; }
        .rTable-767 .tActionSingle .bSQ30, .tableList .tAction .bSQ30, .tableList .tAction .bSQ30TD,
        .tableDocsList.rTable-767 .tAction .bSQ30, .tableDocsList.rTable-980 .tAction .bSQ30,
        .pageExceptions .exlCusSKU .fcExceptionCusSKU.form-control, .trCancelled .bButton.bReturn, .rTable-840.tableWarrantyList .bSQ30, .tableWarrantyProductList.rTable-980 .bSQ30
        { width: 100% !important; }
        .rTable-0 .tAction .bSQ30TD { width: 30px !important; }

    .navtoggleWrap { margin: 0 20px; }

    .pageOrdersList .barFilterWrap, .pageTrackingList .barFilterWrap { padding-left: 0; padding-right: 0; }
    
    .pageExceptions .exceptionList .exlException { padding-left: 0!important; }
    .revPanelShipTo .bButton::after { top: 5px; right: 5px; /*background: url(../images/iArrows.png) no-repeat center -846px; */ /* White 16 */
        background: url(../images/iArrows.svg) no-repeat center 20%; 
        background-size: cover; }
    .pageExceptions .exlCusSKU .fcExceptionCusSKU.form-control { max-width: unset; }
    .pageExceptions.pageBasic .exDeliveryPanelAddress .bButton.bDouble { padding: 30px 20px 0; }

    .preparedFor { margin: 0 20px 20px 0; font-size: 16px; }

    .biUpdate .bButtonLite.bUpdate, .biDelete .bButtonLite.bDelete { 
        background-color: #6f577e;
        background: -moz-linear-gradient(top, #6f577e 1%, #594366 100%); 
        background:-webkit-gradient(top, #6f577e 1%, #594366 100%); 
        background: linear-gradient(#6f577e, #594366); }    
        .biUpdate .bButtonLite.bUpdate:hover, .biDelete .bButtonLite.bDelete:hover { background: #594366; }
    
    .fgTrackingAlertStatus.radioFilter.radioDouble { flex-direction: unset; }
    .fgTrackingAlertStatus.radioFilter.radioDouble .btn { width: calc(50% - 5px); height: 80px; padding-top: 40px; margin-top: 0; }
        .fgTrackingAlertStatus.radioFilter.radioDouble .btn:nth-of-type(odd) { margin-left: 0; }
        .fgTrackingAlertStatus.radioFilter.radioDouble .btn:nth-of-type(n+3) { margin-top: 10px; }
        .fgTrackingAlertStatus.radioFilter.radioDouble .btn.bTrackingAlert-HandoverExpired { margin-top: 0; }
        .fgTrackingAlertStatus .btn::after { width: 32px; height: 26px; margin-left: -16px; background: url(../images/iSprite.png) no-repeat 0 -6100px; }
            .bTrackingAlert-HandoverExpired.btn::after { background-position-x: -50px; }
            .bTrackingAlert-30Days.btn::after { background-position-x: -100px; }
            .bTrackingAlert-07Days.btn::after { background-position-x: -150px; }
            .bTrackingAlert-Unresolved.btn::after { background-position-x: -200px; }
            .fgTrackingAlertStatus .btn:active::after, .fgTrackingAlertStatus .btn.active::after { background-position-y: -6150px; }
                .bTrackingAlert-NoWarning.btn:active::after, .bTrackingAlert-NoWarning.btn.active::after { background-position-x: 0; }
                .bTrackingAlert-HandoverExpired.btn:active::after, .bTrackingAlert-HandoverExpired.btn.active::after { background-position-x: -50px; }
                .bTrackingAlert-30Days.btn:active::after, .bTrackingAlert-30Days.btn.active::after { background-position-x: -100px; }
                .bTrackingAlert-07Days.btn:active::after, .bTrackingAlert-07Days.btn.active::after { background-position-x: -150px; }
                .bTrackingAlert-Unresolved.btn:active::after, .bTrackingAlert-Unresolved.btn.active::after { background-position-x: -200px; }
    .pageTrackingList .barFilter .hoverSlide::before { display: none; }    
    .pageTrackingList .buttonExportWrap { padding: 0 20px; }
        .pageTrackingList .buttonExportWrap .bExportSelected { width: 100%; }
    .tableListExtraW.tableTrackingList.rTable-980 .tAlertFlag { padding-right: 0; }
    .panelForthcomingComplete .fSwitchLabel { width: 240px; }

    .pageCustomers .barFilterGrey .hoverSlide, .pageUsers .barFilterGrey .hoverSlide { margin-top: 10px; }
    .pageCustomerAccounts .iCheck30.itemChecked.left { margin-left: 40%; }
    .pageCustomerStockCode td:not(.tiSkU) { padding-left: 40%; }
        .pageCustomerStockCode .rTable-980 td::before { width: 40%; }
    .pageCustomerDocuments .tableDocsList .textLC, .pageCustomerDocuments .tableDocsList .tDate { padding: 20px 20px 10px; }
        .pageCustomerDocuments .tableDocsList .textLC::before, .pageCustomerDocuments .tableDocsList .tDate::before { width: auto; top: 0; }
        .pageCustomerDocuments .tableDocsList .tFileType { padding-left: 45%; }

    .loginWrap, .loginWrap.loginWrapLong { width: auto; margin: 10px; }
        .loginWrap img { width: 45%; }
        .loginWrap h2, .loginWrap.forgotWrap h2 { font-size: 36px; line-height: 1.1; }
            .panelPassChangeConfirmed h2 span { font-size: 24px; }

    .myBasicDetails .form-control { margin-bottom: 10px; }

    .pageBasic h1.avatarUser { padding-top: 54px; }
        .pageBasic h1.avatarUser::after { top: -10px; }
    .pageAddress h3.iconTitle::after { top: -1px; }
    .titleNote { display: block; }
    .pageAddress.pageBasic .form-control-50, .wrapDateTime, .formGroupScheduleRepeat.form-group label, .wrapRepeatDays { width: 100%!important; }

    .ui-sortable-helper .dragOrder a::before { top: -15px; right: 50%; }
        .ui-sortable-helper .dragOrder a::after { bottom: -15px; right: 50%; }
    
    .tableTargets.tableList.rTable-980 td:not(.tAction):not(.oiTargetYear),
        .pageCustomers:not(.pageUsers) .tiOffice { padding-left: 40%!important; }
    .pageCreditorList .tableDebtlist td { padding-left: 40%; }
        .pageCreditorList .tableDebtlist .tTitle, .pageCreditorList .tableDebtlist .tiOperaCo { padding-left: 20px; }

    .addSelectButton.form-group, .addSelectButton.selectizeSearch { width: 100%; }

    .modalAddTrigger .formGroupSkinnyLabel label { width: 40%!important; }
    .modalAddTrigger .formGroupSkinnyLabel .bigCheck { display: block; float: right; }

    .taskScheduledList .tiScheduled, .taskScheduledList .dateTime { padding-left: 50%; }
    .formGroupScheduleRepeat .checkDate.radioDouble .btn { height: 52px; padding-top: 26px; }
        .formGroupScheduleRepeat .checkDate.radioDouble .btn::after { top: 8px; }
        .formGroupScheduleRepeat .checkDate.radioDouble .btn label { font-size: 13px; }

    .pageCompanyList .tiOperaCo, .rTable-480 .tiOperaCo { width: 100%; padding-bottom: 0; }
        .pageCompanyList .tiOperaCo span, .rTable-480 .tiOperaCo span { left: 50%; margin-left: -15px; }
    .pageCompanyList .tiOperaCo:empty { padding-top: 0 !important; min-height: 10px; }

    .panelBigButtonList, .panelClassingOtherList { padding-left: 20px; padding-right: 20px; }
        .panelBigButtonList .bBigButton, .panelClassingOtherList .bButton { width: 100%; margin: 0 0 20px 0 !important; }

    .panelToolsList .bBigButton { padding-top: 56px; }

    .panelReportsList .bBigButton { height: auto; padding-top: 25px; padding-bottom: 25px; }
        .panelReportsList .bBigButton h3 { font-size: 21px; line-height: 1; }
    #updateCustomerTarget_1::after { left: -20px; right: -20px; }
    .fgBreakdownCustomer .form-control { width: 100%; }
    /*.panelReportBreakdownButtons { flex-direction: column; margin-top: 20px; }
        .panelReportBreakdownButtons .bButton { width: 100%; }
        .panelReportBreakdownButtons p { 
            width: 100%; 
            height: auto; 
            line-height: unset; 
            margin: 15px 0 ; 
            text-align: center; }*/
    /*.pageReportsSellout .barFilterWrap {*/ /*padding: 0 20px 10px; *//*}
        .pageReportsSelloutByProduct .barFilterWrap .filterToggle { width: 100%; }*/
            .pageReportsSellout .topTabs a { font-size: 15px; }
    section.filterSelloutTerritory { max-width: 360px; }
        .filterSelloutTerritory .bSquareList { grid-template-columns: 1fr 1fr; }
    .radioSelloutTerritory .arrowSq.hoverSlide { padding-top: 0; }

    .TopProductSalesTabHead { padding: 0 20px; }
        .filterTopProductSales .fgTopSalesDate.fgFilterDateWrap { flex-direction: column; gap: 10px; width: 100%; }
            .filterTopProductSales .fgFilterDate { max-width: unset; }
            .fgTopSalesDate .form-group label { text-align: left; }
    .filterTopProductSales .submitSearch80.arrowSq { width: calc(100% - 40px); margin: 10px 20px 10px; }
        .filterTopProductSales .submitSearch80 .submitArrow { width: 100%; height: 40px; padding-top: 0; }
    .TopProductSalesTitleWrap form { width: 100%; } 
    .pageTopProductSalesDetail .TopProductSalesTitle { width: 100%; }
        .pageTopProductSalesDetail .TopProductSalesTitle h2, .pageTopProductSalesDetail .TopProductSalesTitle h3 { text-align: center; }
    .TopProductSalesTabBar .bExportXL80.bExportXL { width: calc(100% - 180px); margin-right: 10px; }
        .TopProductSalesTabBar .bExportXL80.bExportXL strong { text-align: center; }
    .TopProductSalesTabBar ul { width: 194px; margin-left: 0; }
    .toggleTopProductSales { gap: 10px; }
        .toggleTopProductSales > form { width: 100%; }
        .toggleTopProductSales ul { margin: 0 auto; }
    .pageTopProductSalesDash .gridTopTrumps + .wrapTableTopTrumps { margin-top: 0; }

    .pageWarrantyDash { padding-left: 20px; padding-right: 20px; }
        .fgWarrantyReportFilter { flex-direction: column; }
            .fgWarrantyReportFilter .onewDateWrap { justify-content: space-between; }
                .fgWarrantyReportFilter label { width: 120px; }
                .fgWarrantyReportFilter .fcSwitchSelector.form-control { width: 100%; }
        .pageWarrantyDash .bWarrantyClaim.bButton { width: 100%; margin: 0 0 20px; }
    .selloutTrendItemTitle.in .spinWrap .spinRingu { right: -109px; }

    .bBigButton h3 { min-height: unset; font-size: 18px; }
    .cirqueNumber { 
        width: 40px; 
        height: 40px; 
        line-height: 40px; 
        margin-bottom: 10px; 
        font-size: 16px; }

    .barFilterWrap .filterToggle { width: calc(100% - 40px); margin-left: 20px; margin-right: 20px; }
        .pageExpenditure .barFilterWrap .filterToggle { width: 100%; margin-left: 0; margin-right: 0; }

    .pageWarrantyDetails .contentHead h1 { padding-top: 65px; }
    .filterWarrantyLeft .form-group { width: 100%; }
        .filterWarrantyLeft .form-group { max-width: unset; margin-right: 0; }
    .formGroupWarrantyStatus, .formGroupWarrantyStatus label, .formGroupWarrantyStatus .btn-group, .barFilterDebtor .fgDebtor.fRadioGroup.radioDouble .btn { width: 100%; }
        .radioWarrantyResolution { margin-bottom: 10px; }
        .formGroupWarrantyStatus .radioDouble .btn { width: calc((100% - 12px) / 3); }
        .formGroupWarrantyResolution .radioDouble .btn { width: calc((100% - 6px) / 2); }
            .pageWarrantyDetails .formGroupWarrantyResolution .btn + .btn { margin-bottom: 10px; }
                .pageWarrantyDetails .formGroupWarrantyResolution .btn:nth-of-type(odd) { margin-left: 0; }
        .barFilter .arrowSq, .barFilterGrey .arrowSq, .barFilterGrey .submitSearch80.arrowSq { width: 100%; height: 40px; margin-top: 0; text-indent: unset; }
            .barFilter .submitArrow, .barFilterGrey .submitArrow, .submitSearch40.arrowSq .submitArrow, .submitSearch40.arrowSq.hoverSlide, .barFilterGrey .submitSearch80 .submitArrow { 
                width: 100%; 
                height: 40px; 
                padding: 0; 
                line-height: 40px; 
                font-size: 15px; }    
                .barFilterDebtor .submitSearch80.arrowSq { margin: 20px 0 0; }
                .barFilter .arrowSq::before, .barFilterGrey .submitArrow::before, .barFilterGrey .submitSearch80 .submitArrow::before { 
                    width: 40px; 
                    height: 40px; 
                    top: 0; 
                    margin-left: 30px; 
                    background: url(../images/iSprite.png) no-repeat -269px -280px; }
                .barFilterExpenditure .arrowSq.submitSearch80::before, .barFilterGrey .arrowSq.submitSearch80::before { display: none; }
            .barFilterGrey .submitArrow { color: #FFFFFF; text-indent: unset; background: none; }
                .barFilterGrey .submitArrow::before { content: ''; position: absolute; margin: 0; right: 0; }
                    .pageCustomers .barFilterGrey .hoverSlide::after, .pageUsers .barFilterGrey .hoverSlide::after, .filterInspectionForthcoming .arrowSq.hoverSlide::after { 
                        width: 40px;
                        height: 40px;
                        top: 0;
                        right: 0;
                        left: unset;
                        background: url(../images/iSprite.png) no-repeat -269px -280px; }
                    .filterWarranty.barFilter .arrowSq::before { left: unset; right: 0; }
                    .filterInspectionForthcoming .arrowSq .submitArrow { background-image: none; }
                    .filterInspectionForthcoming .arrowSq.hoverSlide:hover {  background-color: #594366; }
            .submitSearch40.arrowSq::before { margin: 0 0 0 30px; }
    .tableWarrantyList.rTable-840 td { padding-left: 36%; }
        .tableWarrantyList.rTable-840 .noResults td { padding-left: 20px; }
    .tableWarrantyProductList.rTable-980.tableList .tSKU { padding-top: 50px; }    
    .tableWarrantyProductList td.tNum { width: 100%; text-align:  right; }
        .tableWarrantyProductList td.tNum::before { text-align: left; }
        .tableWarrantyProductList .tNum.fontBlack::before, .tableWarrantyProductList .tNum:not(.fontBlack)::after { left: 20px; }
        .tableWarrantyList.rTable-980 .tCheck::after { right: 50px; }
    .formGroupWarrantyResolution::after { left: calc((100% - 50px) / 6); margin: 0 -6px 0 0; }
    .formGroupWarrantyResolution .radioDouble .btn:nth-of-type(3n) { margin-right: 0; }
    .tableWarrantyDocs .tAction/*, .tableWarrantyDocs.rTable-480 .tName*/ { width: auto !important; padding-left: 0; }
        .tableWarrantyDocs .bDelete { margin-left: 0; }
        /* .tableWarrantyDocs.rTable-480 No Longer Used (table is commented out) Jul 2025 */
        /*.tableWarrantyDocs.rTable-480 .bSQ30Lite.bDelete { 
            position: absolute; 
            top: 0; 
            right: 0; 
            background: #be1622 !important; 
            z-index: 9998; }
            .tableWarrantyDocs.rTable-480 .bSQ30Lite.bDelete:hover { background: #7e0009 !important; }
            .tableWarrantyDocs.rTable-480 .bSQ30Lite.bDelete::after { background-position-x: -33px;  }*/
    .pageWarrantyDetails .formGroupWarrantyResolution .btn:nth-of-type(odd) { margin: 0; }
    .pageWarrantyDetails .formGroupWarrantyResolution .btn:nth-of-type(even) { margin: 0 0 0 6px; }
    .pageWarrantyDetails .formGroupWarrantyResolution .btn:nth-of-type(n + 3) { margin-top: 6px; }
    .noUpdatePermission .formGroupWarrantyFault > .form-group { flex-wrap: wrap; }
        .noUpdatePermission .formGroupWarrantyFault > .form-group label { width: 100%; }
    .hasExportNumWrap.panelWarrentyListClaims .numOfProducts { position: relative; top: 0; }

    .gridTopTrumps { padding-left: 20px; padding-right: 20px; }    
    .headButtonBarSpares .bExportXL.bButton { width: 100%; flex: unset; }
    .gridTopTrumps li { width: 100%; max-width: unset; }
    .wrapTableTopTrumps .slideToggle.bMore { width: calc(100% - 40px); margin: 10px 20px; }
    .tableTopTrumpsDash tbody tr:nth-of-type(4), .tableTopTrumpsDash tbody tr:nth-of-type(5) { display: none; }
    .tableTopTrumpsDash.tableList td { padding-left: 38%; }
    .wrapSpares-StockCover .tableTopTrumpsDash td { padding-left: 42%; }
    .wrapSpares-FutureSales .gridTopTrumps { grid-template-columns: 1fr; }
    .panelPartsOnOrder .tiOperaCo span::after { width: 100%; height: 100%; }
    .panelPartsOnOrder .tTitle::before { display: none; }
    .panelPartsOnOrder .tNum { width: 100%; }
        .panelPartsOnOrder .tNum::before { text-align: left; }
    .panelPartsOnOrder .tDate { padding-right: 0; }

    .photoWrap { grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)); }

    .pageInspections .barFilterWrap { padding: 20px 0 0; }
    .tableInspectionList td { padding-left: 35%; }
    .filterInspectionProducts .fgFilterDateWrap { width: 100%; margin-right: 0; }
    .filterInspectionForthcoming .fgFilterDateWrap { width: 100%; margin-right: 0; }
    .tableInspectionForthcoming.rTable-840 .tDate { min-height: 50px; }
    
    .fgInspectorsCFALevel.form-group .fcNoControl { align-items: flex-start; }
        .fgInspectorsCFALevel .bigCheck { align-self: flex-start; }
        /*.fgInspectorsCFALevel .iCFA { margin-top: 7px; }*/
        /*.fgInspectorsCFALevel .bButton { width: calc(100% + 50px); margin: 30px 0 0 -30px; }*/
    .radioCFALevel.radioDouble, .fRadioGroup { flex-direction: column; }
        .radioCFALevel.radioDouble .btn { width: 100%; margin: 0 0 5px; }
    .fRadioGroup.radioDouble .btn { width: 100%; margin: 0; }
        .fRadioGroup.radioDouble .btn + .btn { margin: 5px 0 0; }
    .modalInspectorsCFALevel .form-group label { height: auto; line-height: normal; }

    .fgSKUValidity .fRadioGroup { flex-direction: row; }
    
    .productsHeadAdd { justify-content: space-between; flex-wrap: wrap; }
        .productsHeadAdd h3 { width: 100%; margin: 0 0 5px; text-align: center; }
        .productsHeadAdd .bHead { width: calc(50% - 5px); }
    .fgProdSKUSpeedRange .flex .form-group { flex-wrap: wrap; }
        .fgProdSKUSpeedRange .flex .form-group label { width: 100%; margin-bottom: 5px; }
        .fgProdSKUSpeedRange.form-group .fgProdSKUSpeedRangeUnits { margin-top: 23px; }
    .panelSKUSourceComponentsItem .flex { flex-direction: column; }
    .panelSKUSourceComponentsItem .flex label, .fgPowerMainsVoltage .flex, .fgComponentDimensionEdit .fStacked:not(.fgModalComponentDimensionName) { width: 100%; }
        .panelSKUSourceComponentsItem .itemSKUSourceComponentDimension { flex-direction: row; }
    .productMaterialWrap .fStacked:not(.fPercent), .productMaterialWrap .fPercent input { width: 100%; max-width: unset; }
        .productMaterialWrap .fStacked.fPercent { width: 100%; margin-left: 0; }
    .addNewWrap .addNew .bSQ30 { margin-left: 0; text-indent: unset; padding-left: 0; }
    .panelProductsImages .dropzone .dz-preview { width: calc((100% - 20px) / 2); margin-right: 20px; }
        .panelProductsImages .dropzone .dz-preview:nth-of-type(2n+1) { margin-right: 0; }
    .pageProductSKUPricing td { padding-left: 40%; }
    .noUpdatePermission .rTable-600.tableSourceComponents td:first-of-type { padding-bottom: 20px; }
    .noUpdatePermission .tHistoryDescription { display: flex; flex-direction: column; padding-left: 20px; }
        .noUpdatePermission .tHistoryDescription::before { position: static; }

    .panelClassingOtherList { margin-bottom: 20px; }
        .pageProductClassList h2 { margin-bottom: 10px; }
    .fgAddProClassWarranty .radioSingle { margin: -10px 0 10px; }
        .fgAddProClassWarranty .btn { width: calc((100% - 20px) / 3); }

    .radioProductDocStatus.radioDouble.btn-group .btn { width: calc((100% - 10px) / 2); }
        .radioProductDocStatus.radioDouble .btn:nth-of-type(2n) { margin-right: 0; }

    .npdDetailHeadInfoWrap { flex-wrap: wrap; }
        .npdDetailHeadInfo { width: 100%; }
            .npdDetailHeadInfo label { width: 120px; }
    
    .pageSourcingDeActivated .contentHead { padding-bottom: 10px; }
    .pageSourcingDeActivated .barFilterToggleOnly { margin: 0 20px; }
        .sourcingDeactivatedOn { justify-self: center; margin: 0 auto 10px; }
        .pageSourcingDeActivated .barFilterToggleOnly .fgSwitch { width: 100%; }
    
    .modalAddEdit:not(.modalAddGRN) .modal-body { padding-bottom: 0; }
    .modalAddEdit.modalAddGRN .modal-body { padding-top: 20px; }
        .modalAddEdit.modalAddGRN .form-group { margin-bottom: 0; }
            .modalAddEdit .form-group label, .formGroupH.form-group:not(.cusO-KAD) label,
            .modalAddEdit.modalAddGRN .form-group label, .modalAddEdit .form-group .form-control,
            .form-group.formGroupExtraWideLabel label, .form-group.formGroupExtraWideLabel .form-control, .form-group.formGroupExtraWideLabel .specialPriceForm
                { width: 100%; }
                .modalAddEdit.modalAddGRN .form-group label, .modalCusDocument .form-group label { height: auto; line-height: normal; }
        .modal .modalUploadDoc h4 { text-align: center; }
        .modal .modalAddGRN .dotty { margin-top: 0; }
    .modal .dotty { display: block; }
        .modalAddEdit .fcNoLabel, .modalAddEdit .form-checkGroup { margin-left: 0; }
    .form-checkGroup label { margin-left: 10px; }
        .modalAddEdit .form-checkGroup h4 { margin: -5px 0 0; font-size: 15px; }
        .modalAddEdit .form-checkGroup label { font-size: 13px; }

        .bButton.bSearchDoc { width: 100% !important; }
    .modal-footer .bButton.bDouble, .modalAddEdit .modal-footer .bButton.bDouble { width: 140px; }

    .modalAddEdit .modalSelectPlugs > label,
        #modalEditOrderItem .onewDateWrap label, #modalEditOrderItem .datepickerWrap,
        .modalAddDocuments .form-group .fcWrap70 .form-control { width: 100%; }
        #modalEditOrderItem .datepickerWrap { position: relative; }
        .modalSelectPlugs.form-group { padding-bottom: 0; }
       .form-group.formGroupExtraWideLabel label, #modalEditOrderItem .onewDateWrap label, .modalAddEdit .modalSelectPlugs > label { height: auto; line-height: normal; }
    #modalEditOrderItem .onewDateWrap, .modalAddDocuments .bSearchDoc.bButton { margin-bottom: 10px; }
    .modalAddDocuments .form-group.formGroupH label { padding-top: 10px; }
    .modalAddDocuments .form-group .fcWrap70 .form-control { width: calc(50% - 5px); }
    .modalAddDocuments .form-group .fcWrap70 label { 
        position: absolute;
        width: calc(50% - 5px);
        top: -28px;
        right: 0;
        padding-right: 0; }
        .form-group .fcWrap70 .labelOptional { padding-top: 0; text-align: left; }
        .modalAddDocuments .fcWrap70 .form-control.fcDocRef { margin-right: 10px; }
    .modal .addNewDate { flex-wrap: wrap; }
    .modalCusDocument .bUploadDocWrap { padding-bottom: 0; }
    .modal .fgModalArchiveCompleted { flex-wrap: wrap; }
        .modal .fgModalArchiveCompleted .iArchive::after { width: 36px; height: 36px; margin-top: 0; }
        .modal .fgModalArchiveCompleted .fgCheckBox { width: 100%; }
            .modal .fgModalArchiveCompleted .checkBox strong { width: calc(100% - 50px); padding-left: 50px; }
                .modal .fgModalArchiveCompleted .checkBox strong .labelNote { display: block; width: calc(100% + 50px); margin: 5px 0 0 -50px; }

    .panelError .p { max-width: unset; width: 100%; }

}

@media screen and (max-width: 450px) {

    .header .nAccountWrap { 
        flex-direction: column; 
        align-items: flex-end; 
        gap: 6px 0; 
        /*top: 23px; */ 
        top: calc(1vh + 23px);
        /*top: 30px;*/
        right: 60px; }
    header .navbar-toggle { top: 23px; }

    .filterOrders.barFilterGrey .fgOrderDate { width: 100%; max-width: unset; margin-right: 0; }

    .pageCustomerBreakdown .sideNav ul li:not(:last-of-type) { margin-right: 5px; } 
        .pageCustomerBreakdown .sideNav li a { padding-left: 5px; padding-right: 5px; }

    .tableSpareParts td { padding-left: 40%; }
        .tableSpareParts td:before { width: 40%; }     
    
    .panelWarrantyReportDateDisplay { 
        grid-template-columns: repeat(2, minmax(100px, 1fr));  
        gap: 15px; }
    .panelWarrantyReportDateDisplay strong { font-size: 36px; }   
    .panelWarrantyReportYTDoughnut .warrantyReportWrap { padding: 20px 0 10px; }
        .panelWarrantyReportYTDoughnut .doughnutWrap { width: 240px; height: 240px; }

}

@media screen and (max-width: 420px) {    

    .dashDeptDetailList, .dashDeptHead-SA .dashDeptDetailList { flex-direction: column; height: unset; }
        .dashDeptDetailList li { width: 100%; height: auto; }
            .dashDeptDetailList li + li { margin: 3px 0 0; }
            .dashDeptDetailList li a { min-height: 60px; padding: 10px; }
    .dashDeptWrap { width: 100%; }
        .dashDepartmentLinks .dashDeptWrap { margin-left: 0; }
        .dashDeptWrap + .dashDeptWrap { margin-top: 10px; }
    
    /*.orderProgress,*/ .biHead .basketList .biHeadTitle { display: none; }

/****** rTable-420 - Force table to not be like tables anymore ******/
    .rTable-420, .rTable-420 thead, .rTable-420 tbody, .rTable-420 th, .rTable-420 td, .rTable-420 tr { 
	    display: block; }
    /* Hide table headers (but not display: none;, for accessibility) */
    .rTable-420 thead tr { position: absolute; top: -9999px; left: -9999px; }
    .rTable-420 tr { border-bottom: solid 2px #dcdcd9; clear:both; }
        .rTable-420 tr:last-of-type { border: none; }
    .rTable-420 tbody tr:hover { background:none; } 
        .rTable-420 tbody tr.grandTotal:hover { background: #eeeeeb; }
    .rTable-420 td { 
        /* Behave  like a "row" */
        position: relative; padding: 6px 0 6px 25%; border: none; white-space: normal; }
    .rTable-420 td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        width: 25%; top: 6px; left: 20px; padding-right: 10px; white-space: nowrap; 
        color: #be1622;
        text-transform: uppercase;
    /* Label the data */
        content: attr(data-title); }   

    .biHead .basketList thead { display: table-header-group; }
        .biHead .biName h3 { font-size: 18px; } 

    .addExtraItem { height: 50px; line-height: 50px; }
    .fgDropZone.dropzone .dz-preview { width: 100%; }
        .fgDropZone.dropzone .dz-preview .dz-image { margin: auto; }

    .pageExceptions .revPanelProducts h3 { margin-bottom: 30px; }

    .barFilterTracking .fgTrackingTerms .btn { width: calc((100% - 10px) / 2); margin-bottom: 10px; }
        .barFilterTracking .fgTrackingTerms .btn:nth-of-type(odd) { margin-left: 0; }

    .loginWrap h2, .loginWrap.forgotWrap h2 { font-size: 30px; }
    
    .pageUsers .fg-MiniDept .radioDept.radioDouble .btn { width: calc((100% - 6px) / 2); margin: 0 0 0 6px; }
        .pageUsers .fg-MiniDept .radioDept.radioDouble .btn:nth-of-type(odd) { margin-left: 0; }
            .pageUsers .fg-MiniDept .radioDept.radioDouble .btn:nth-of-type(n+3) { margin-top: 6px; }

    #revenueByCountryMap { margin: -3vw 0; }
    .pageReportsSellout .tableNavWrap { flex-direction: column; }
        .pageReportsSellout .tableNavTabs, .pageReportsSellout .tableDisplayWrap { width: 100%; }
    .pageReportsSellout .fgSelloutTrendFilter { flex-wrap: wrap; gap: 0; }
    .selloutTrendItemTitle h3 { width: 100%; text-align: center; }
    .pageReportsSelloutTrendsByCustomer .radioSquares.radioDouble { grid-template-columns: 1fr 1fr; }
    .pageReportsSellout .selloutTrendSlide { margin-top: 10px; }
    .tableSelloutTrendYear tbody { width: 100%; }

    .formGroupScheduleRepeat .checkDate.radioDouble .btn label { letter-spacing: -1px; }

    .pageInspections .topTabs a span { display: none; }

    .barFilterCompliance .fSwitchLabel { width: 170px; }
    .tableDocValidity.rTable-840 td { width: 100%; padding-top: 20px; padding-left: 0; }
        .tableDocValidity.rTable-840 td:before { width: 100%; top: 0; }
        .tableDocValidity.rTable-840 .tFileType { padding-top: 0; }

    .tableSourcingSKU td { padding-left: 40%; }
        .tableSourcingSKU td::before { width: 40%; }

    .modal-footer .bButton.bDouble, .modalAddEdit .modal-footer .bButton.bDouble { width: 100px; height: 75px; line-height: 1.1; }
        .modalAddEdit .modal-footer .bButton.bDouble::after { top: 17px; }
        .modal-footer .bAdd.bButton.bDouble { padding-top: 42px; }
        .modal-footer .bButton.bDouble.bOrder { min-width: 100px; }
    /*.modalAddEdit .modal-body, .modalAddEdit .modal-footer { padding-left: 0; padding-right: 0; }*/ /* Removed as forces no gutter on newer modals */
    .modal:not(.modalAlert) .modal-dialog:not(.modalSlim) { width: 97%; margin: 30px 1.5%; }

}


/*****************************************************************

SECURITY LEVEL SWATCHES
    Level 01    #eda40a
    Level 02    #eb6800
    Level 03    #ca1d00
    Level 04    #982149

*/

/*****************************************************************
=INNER MASTER
*****************************************************************/

/*.pageDataRoom.pageBasic h1::after { background-position-y: -1700px; }*/


/*****************************************************************
=DATA ROOM - STRUCTURE DEFAULT
*****************************************************************/

.pageDataRoomDefault.pageBasic { margin-bottom: 40px; }

.panelDataRoomList { position: relative; }

.panelDataRoomList .bBigButton { border: none; }

    .panelDataRoomList .bBigButton:not(:hover) { 
            background-color: #dcdcd9; 
            transition: ease-in 0.4s; }
        .panelDataRoomList .bBigButton:hover { background: #FFFFFF; }

        .panelDataRoomList .bDataRoom-Dormant.bBigButton:not(:hover) { background-color: #cfcfcc; }

    .panelBigButtonList.panelDataRoomList:not(.drListLevel1) .bBigButton { 
        width: calc((92% - 48px) / 6 ); 
        margin-right: 2%; 
        padding: 0 8px; }

        /*.panelDataRoomList.panelBigButtonList .bDataRoom-DE.bBigButton*/ .panelDataRoomList.panelBigButtonList .bDataRoom-NL.bBigButton { margin-right: 48px; }

        .panelDataRoomList .bBigButton::after { 
            content: '';
            position: absolute;
            width: 40px;
            height: 40px;
            margin-left: 0;
            left: unset;
            right: 0; 
            top: 0; 
            border-radius: 0 12px 0 0;
            opacity: 1 !important;
            /*background: url(../images/iCornerz.png) no-repeat right;*/ 
            background: url(../images/iCornerz.svg) no-repeat center; 
            background-size: cover; }

            .panelDataRoomList .bDataRoom-GP::after { /*background-position-y: -2400px;*/ background-position-y: 48%; }
            .panelDataRoomList .bDataRoom-EU::after { /*background-position-y: -2460px;*/ background-position-y: 96%; }
            .panelDataRoomList .bDataRoom-HKAP::after { /*background-position-y: -2520px;*/ background-position-y: 97%; }
            .panelDataRoomList .bDataRoom-HKIN::after { /*background-position-y: -2580px;*/ background-position-y: 98%; }
            .panelDataRoomList .bDataRoom-US::after { /*background-position-y: -2640px;*/ background-position-y: 99%; }
            /*.panelDataRoomList .bDataRoom-DE::after*/ .panelDataRoomList .bDataRoom-NL::after { /*background-position-y: -2700px;*/ background-position-y: 100%; }
            .panelDataRoomList .bDataRoom-Dormant::after { /*background-position-y: -2760px;*/ background-position-y: 39%; }

        .panelDataRoomList .cirqueNumber { margin: 6px 0 0; }
            .panelDataRoomList:not(.drListLevel1) .cirqueNumber { 
                width: 40px;
                height: 40px;
                line-height: 40px;
                font-size: 17px; }

            .panelDataRoomList .bDataRoom-GP .cirqueNumber { background: #be1622; }
            .panelDataRoomList .bDataRoom-EU .cirqueNumber { background: #b3320a; }
            .panelDataRoomList .bDataRoom-HKAP .cirqueNumber { background: #b27711; }
            .panelDataRoomList .bDataRoom-HKIN .cirqueNumber { background: #4594a3; }
            .panelDataRoomList .bDataRoom-US .cirqueNumber { background: #6e8a00; }
            /*.panelDataRoomList .bDataRoom-DE .cirqueNumber*/ .panelDataRoomList .bDataRoom-NL .cirqueNumber { background: #83476b; }
            .panelDataRoomList .bDataRoom-Dormant .cirqueNumber { background: #787875; }

        .panelDataRoomList .bBigButton h3 { 
            font-size: 21px; 
            letter-spacing: -1px; }

            .pageDataRoomDefault .panelDataRoomList .bDataRoom-GP.bBigButton h3 { color: #be1622; }
            .pageDataRoomDefault .panelDataRoomList .bDataRoom-EU.bBigButton h3 { color: #b3320a; }
            .pageDataRoomDefault .panelDataRoomList .bDataRoom-HKAP.bBigButton h3 { color: #b27711; }
            .pageDataRoomDefault .panelDataRoomList .bDataRoom-HKIN.bBigButton h3 { color: #4594a3; }
            .pageDataRoomDefault .panelDataRoomList .bDataRoom-US.bBigButton h3 { color: #6e8a00; }
            /*.pageDataRoomDefault .panelDataRoomList .bDataRoom-DE.bBigButton h3*/ .pageDataRoomDefault .panelDataRoomList .bDataRoom-NL.bBigButton h3 { color: #83476b; }
            .pageDataRoomDefault .panelDataRoomList .bDataRoom-Dormant.bBigButton h3, .drSold { color: #787875; }

            .bDataRoom-Dormant .cirqueNumber, .bDataRoom-Dormant h3, .bDataRoom-Dormant .drPercent { 
                opacity: 0.7; 
                transition: opacity ease-in 0.4s; }
                .bDataRoom-Dormant:hover .cirqueNumber, .bDataRoom-Dormant:hover h3, .bDataRoom-Dormant:hover .drPercent { opacity: 1; }

            .drPercent { 
                display: inline-block;
                margin-top: 2px;
                font-size: 21px; 
                color: #5c5c5a; }

                .drPercent .sup { 
                    position: relative;
                    top: -5px;
                    font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
                    font-weight: 900;
                    font-size: 0.7em; }

.panelDataRoomList.drListLevel1 { padding-bottom: 48px; }
    
    .panelDataRoomList.drListLevel1 .bBigButton { margin: 0 auto !important; }
        .panelDataRoomList.drListLevel1 h3 { font-size: 24px; }
        .panelDataRoomList.drListLevel1 .cirqueNumber { margin-top: 10px; }

    .drListDormantWrap { 
        position: relative;
        display: inline-block;
        width: calc((92% - 48px) / 6 ); 
        width: calc(((92% - 48px) / 6 ) - 1px); } /* -1px to fix ie/edge flicker width issue  */

        .panelBigButtonList.panelDataRoomList .drListDormantWrap .bBigButton, .panelBigButtonList.panelDataRoomList .drListLevel4 .bBigButton { 
            width: 100%;
            margin-bottom: 48px; }

        .panelDataRoomList .drListDormantWrap .bBigButton:last-of-type/*, .panelBigButtonList.panelDataRoomList .drListLevel3 .bBigButton*/ { margin-right: 0; }

        .drListDormantWrap .bBigButton.bDataRoom-Dormant:last-of-type { margin-bottom: 0; }

    .drListLevel3 { 
        position: absolute;
        display: flex;
        /*width: calc((92% - 48px) / 3 + 2%);*/
        width: calc((92% - 48px) / 2 + 4%);
        top: 228px; 
        left: calc((92% - 48px) / 12 + 1%); }

        /*.drListLevel4 { margin-right: 2%; }
            
            .drListLevel4, .panelBigButtonList .drListLevel3 .bBigButton.bDataRoom-Dormant { 
                float: left;
                width: 46.7%; }*/

            /*.drListLevel4, .panelBigButtonList.panelDataRoomList .drListLevel4 + .bBigButton { margin-right: 6.5%; }*/

        .panelBigButtonList.panelDataRoomList .drListLevel3 .bBigButton { 
            width: calc(92% / 3 ); 
            margin-right: 0; }

            .panelDataRoomList .drListLevel3 .bBigButton + .bBigButton { margin-left: 4%; }

            .drListLevel3 .bBigButton::after { display: none; }

/*  Hierarchy Lines  */
    .panelDataRoomList .bBigButton::before, .panelDataRoomList.drListLevel2 .bDataRoom-HKAP .drVLine, .drVLine-Dormant { 
        content: ''; 
        position: absolute;
        width: 6px; 
        height: 24px;
        left: 50%;
        margin-left: -3px;
        background: #787875; }

        .panelDataRoomList.drListLevel1 .bBigButton::before, .panelDataRoomList.drListLevel2 .bDataRoom-HKAP .drVLine { bottom: -24px; }

        .panelDataRoomList.drListLevel2 .bBigButton::before { top: -24px; }

    .panelDataRoomList.drListLevel2 { 
        position: relative; 
        padding-top: 0; }

        .drListLevel2 .drHLine, .drHLine-Dormant { 
            content: ''; 
            position: absolute; 
            display: block;
            height: 6px;
            top: -27px;
            left: calc((92% - 48px) / 12 - 3px);
            right: calc((92% - 48px) / 4 + 45px);
            background: #787875; 
            z-index: 999; }

        .panelDataRoomList .bBigButton.bDataRoom-Dormant::before, .drHLine-Dormant, .drVLine-Dormant { background: #b0b0ad; }

            .drListLevel2 .drHLine-Dormant { 
                left: calc((92% - 48px) * 0.75 + 8% + 3px); /* ([100% - 4 x margin] - dormant margin ) x [total no of item widths + 1/2 item width x ] + [4 x margins] + [1/2 vLine width] */
                left: calc((92% - 48px) * 0.75 + 8% + 3px);
                right: calc((92% - 48px) / 6 + 21px) }

            .drListLevel3 .drHLine { 
                left: calc((92% / 6) - 3px); /* [100% - 2 x margin] / [total no of 1/2 item widths (3 x 2)] - [1/2 vLine width] */
                right: calc(67.33% - 3px); } /* [100% - 2 x margin] / [total no of item widths] x 2 + [1/2 margin] - [1/2 vLine width] */

                .drListLevel3 .drHLine-Dormant { 
                    /*left: calc(50% + 3px);
                    right: calc(23%);*/
                    left: calc((92% / 3) + 2% - 3px);
                    right: calc((92% / 6) - 3px); }

                .drListLevel4 .bBigButton:last-of-type::before { 
                    /*height: 48px; 
                    top: -48px; */
                    height: 24px; 
                    top: -24px; }

         .drListDormantWrap .bBigButton.bDataRoom-Dormant::before { 
            width: 24px; 
            height: 6px; 
            top: 50%;
            left: -21px;
            margin-top: -3px; }

         .drListLevel2 .drListDormantWrap .drHLine-Dormant { 
             left: calc(-75% + 24px); 
             right: calc(100% + 24px); }

            .drVLine-Dormant { 
                height: auto; 
                top: -24px; 
                bottom: 87px; 
                left: -24px; }

/*  Dotted Dormant  */
        /*.drListLevel3 .drHLine {*/ /*left: 22.5%;*/ /*left: 14.9%; }*/
        .panelDataRoomList .bBigButton.bDataRoom-Dormant::before, .drHLine-Dormant, .drVLine-Dormant {             
            background: none;
            background-image: linear-gradient(90deg, #787875, #787875 40%, transparent 40%, transparent 100%);
            background-size: 16px 1px; }
            .drHLine-Dormant, .drListLevel3 .drHLine-Dormant { transform: rotate(180deg); }

            .drVLine-Dormant, .drListLevel3 .bBigButton.bDataRoom-Dormant::before { 
                background-image: linear-gradient(0deg, #787875, #787875 40%, transparent 40%, transparent 100%); 
                background-size: 1px 16px; }
                .drVLine-Dormant { top: -21px; }
            .panelDataRoomList .drListDormantWrap .bBigButton.bDataRoom-Dormant::before { left: -24px; }
                .drListDormantWrap .bBigButton.bDataRoom-Dormant:nth-of-type(1)::before { margin-top: -5px; }
                .drListDormantWrap .bBigButton.bDataRoom-Dormant:nth-of-type(2)::before { margin-top: 7px; }
                .drListDormantWrap .bBigButton.bDataRoom-Dormant:nth-of-type(3)::before { margin-top: 3px; }

                /*.drListLevel2 .drHLine-Dormant { left: calc((92% - 48px) * 0.75 + 8% + 3px); }*/
                /*.drListLevel3 .drHLine-Dormant { left: calc(50% + 3px); }*/

        .bDataRoom-Dormant .drSold { 
            margin-top: 4px;
            font-size: 16px;
            text-transform: uppercase;  }


/*****************************************************************
=DATA ROOM LIST
*****************************************************************/

.bCompanyInfo.bButton { 
    padding-right: 50px; 
    cursor: pointer; }

.bCompanyInfo::after {     
    top: 7px;
    right: 6px;
    background-position-y: -3450px; }

    .pageDataRoomList h3 { 
        color: #949491; 
        transition: all ease-in 0.4s; }

    .pageDataRoomList .bBigButton:hover h3 { color: #6f577e; }
        .pageDataRoomList .bBigButton:nth-of-type(5n+2):hover h3 { color: #4c3759; }
        .pageDataRoomList .bBigButton:nth-of-type(5n+3):hover h3 { color: #6b3355; }
        .pageDataRoomList .bBigButton:nth-of-type(5n+4):hover h3 { color: #675e69; }
        .pageDataRoomList .bBigButton:nth-of-type(5n+5):hover h3 { color: #787875; }

.modalCompanyInfo .modal-title { 
    padding-left: 55px; 
    margin-right: 20px; }

    .modalCompanyInfo .modal-title::after { 
        top: 8px;
        background-position-y: -3000px; }

    .mdlInfoWrap { margin-bottom: 20px; }

        .mdlInfoWrap h5 { 
            margin-bottom: 0;
            color: #6b3355; 
            font-size: 15px; }

        .mdlInfoWrap p { 
            font-size: 21px; 
            font-weight: bold; }

        .mdlInfoCompanyAddress { line-height: 1.4; }

        .modalCompanyInfo .bButton.bDouble.bBack { 
            height: 80px;
            font-size: 15px; }


/*****************************************************************
=DATA ROOM CATEGORY
*****************************************************************/

.pageDataRoomCategory h1.twinHead { margin-bottom: 0; }

    .pageDataRoomCategory h1.twinHead .twinHead-Sml { color: #787875; }

        .pageDataRoomCategory h1 .twinHead-Med { 
            font-family: Lato, Arial, Helvetica, sans-serif; 
            font-size: 36px;
            font-weight: normal; }

        /*.pageDataRoomCategory.pageBasic h1::after { top: 7px; }*/

.topTitleButtonWrap { 
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px; }
    
    .pageDataRoomCategory .topTitleButtonWrap { 
        width: 100%; 
        margin-bottom: -10px; }

        .pageDataRoomCategory .topTitleButtonWrap .bBack { 
            margin-right: auto; 
            color: #FFFFFF;
            transition: all 0.3s; }

            .pageDataRoomCategory .topTitleButtonWrap .bBack:not(:hover) { background: #949491; }

                .pageDataRoomCategory .topTitleButtonWrap .bBack::after { background-position-y: 25%; }

.pageDataRoomCategory .dataRoomCat td { 
        -webkit-transition: all ease-in 0.4s ;
    transition: all ease-in 0.4s ;
        -webkit-transition: background-position 0ms;
    transition: background-position 0ms; }

.pageDataRoomCategory .dataRoomCat th.tTitle { padding-left: 0; }

.pageDataRoomCategory .dataRoomCat td.tTitle { padding-left: 45px; }

    .pageDataRoomCategory .tTitle h4 { line-height: 1; }

        .pageDataRoomCategory tr:hover .tTitle h4 span { color: #40403f; }

        .pageDataRoomCategory .iSecurity { 
            position: absolute; 
            width: 32px;
            height: 32px;
            left: 0;
            /*background: url(../images/iSecurity.png) no-repeat center;*/
            background: url(../images/iSecurity.svg) no-repeat center; 
            background-size: cover; }

            .pageDataRoomCategory .iSecurity.iSecL1 { /*background-position-y: 0;*/ background-position-y: 0%; }
            .pageDataRoomCategory .iSecurity.iSecL2 { /*background-position-y: -50px;*/ background-position-y: 20%; }
            .pageDataRoomCategory .iSecurity.iSecL3 { /*background-position-y: -100px;*/ background-position-y: 40%; }
            .pageDataRoomCategory .iSecurity.iSecL4 { /*background-position-y: -150px;*/ background-position-y: 60%; }

.radioSecurity.btn-group { width: auto; }

    .radioSecurity .bDataRoomS01.btn.active { 
            background-color: #e09d00;
            background: -moz-linear-gradient(top, #e09d00 1%, #db8b00 100%); 
            background:-webkit-gradient(top, #e09d00 1%, #db8b00 100%); 
        background: linear-gradient(#e09d00, #db8b00); }
        .radioSecurity .bDataRoomS01.btn.active:hover,.radioSecurity .bDataRoomS01.btn:active, .radioSecurity .bDataRoomS01.btn.active:focus { background: #db8b00; }

    .radioSecurity .bDataRoomS02.btn.active { 
            background-color: #eb6b02;
            background: -moz-linear-gradient(top, #eb6b02 1%, #cc5800 100%); 
            background:-webkit-gradient(top, #eb6b02 1%, #cc5800 100%); 
        background: linear-gradient(#eb6b02, #cc5800); }
        .radioSecurity .bDataRoomS02.btn.active:hover, .radioSecurity .bDataRoomS02.btn:active, .radioSecurity .bDataRoomS02.btn.active:focus { background: #cc5800; }

    .radioSecurity .bDataRoomS03.btn.active { 
            background-color: #ca1d00;
            background: -moz-linear-gradient(top, #ca1d00 1%, #b50000 100%); 
            background:-webkit-gradient(top, #ca1d00 1%, #b50000 100%); 
        background: linear-gradient(#ca1d00, #b50000); }
        .radioSecurity .bDataRoomS03.btn.active:hover, .radioSecurity .bDataRoomS03.btn:active, .radioSecurity .bDataRoomS03.btn.active:focus { background: #a80101; }

    .radioSecurity .bDataRoomS04.btn.active { 
            background-color: #942349;
            background: -moz-linear-gradient(top, #942349 1%, #7e1237 100%); 
            background:-webkit-gradient(top, #942349 1%, #7e1237 100%); 
        background: linear-gradient(#942349, #7e1237); }
        .radioSecurity .bDataRoomS04.btn.active:hover, .radioSecurity .bDataRoomS04.btn:active, .radioSecurity .bDataRoomS04.btn.active:focus { background: #6c0e2d; }

    .radioSecurity.radioDouble .btn label { text-indent: -9999px; }

        .radioSecurity.radioDouble .btn::after { 
            width: 48px; 
            height: 48px; 
            margin-left: -24px;
            /*background: url(../images/iSecurity.png) no-repeat center;*/ 
            background: url(../images/iSecurity.svg) no-repeat center; 
            background-size: cover; }

        .radioSecurity .bDataRoomS01.btn::after { /*background-position-y: -200px;*/ background-position-y: 0%; }
        .radioSecurity .bDataRoomS02.btn::after { /*background-position-y: -300px;*/ background-position-y: 20%; }
        .radioSecurity .bDataRoomS03.btn::after { /*background-position-y: -400px;*/ background-position-y: 40%; }
        .radioSecurity .bDataRoomS04.btn::after { /*background-position-y: -500px;*/ background-position-y: 60%; }
            .radioSecurity .bDataRoomS01.btn.active::after { /*background-position-y: -600px;*/ background-position-y: 10%; }
            .radioSecurity .bDataRoomS02.btn.active::after { /*background-position-y: -700px;*/ background-position-y: 30%; }
            .radioSecurity .bDataRoomS03.btn.active::after { /*background-position-y: -800px;*/ background-position-y: 50%; }
            .radioSecurity .bDataRoomS04.btn.active::after { /*background-position-y: -900px;*/ background-position-y: 70%; }

        .radioSecurity .bDataRoomS01.btn:hover::before { border-color: #eda40a; }
        .radioSecurity .bDataRoomS02.btn:hover::before { border-color: #eb6800; }
        .radioSecurity .bDataRoomS03.btn:hover::before { border-color: #ca1d00; }
        .radioSecurity .bDataRoomS04.btn:hover::before { border-color: #982149; }

.dataRoomExpireSoon, .dataRoomExpired { 
    position: relative;
    padding-left: 20px; }

    .dataRoomExpireSoon::after, .dataRoomExpired::after { 
        content: '';
        position: absolute; 
        width: 20px;
        height: 20px; 
        top: 4px;
        left: -5px;
        background: url(../images/iSprite.png) no-repeat -350px -1050px; }

    .dataRoomExpireSoon { color: #000000; }

        .dataRoomExpireSoon strong, .dataRoomExpired strong { 
            display: block;
            margin-bottom: -2px;
            font-size: 11px;
            color: #bd7100;
            font-family: 'LatoWebBlack', Lato, Arial, Helvetica, sans-serif; 
            font-weight: 900; }

.dataRoomExpired { 
    font-weight: bold;
    color: #be1622; }

    .dataRoomExpired strong { color: #be1622; }

    .dataRoomExpired::after { 
        background-position-x: -300px; 
        background-position-y: -1000px; }

.bButton.bDataArchived { float: right; margin-right: 0!important; }

    .bButton.bDataArchived::after { 
        width: 22px;
        margin-left: -11px;
        background: url(../images/iSprite.png) no-repeat -350px -1100px; }

.modalAddDataRoomDoc .radioSecurity.btn-group .btn + .btn { margin: 0 0 0 6px; }

.modalAddDataRoomDoc .fgUploadedDoc { margin-bottom: 20px; }

.modalAddDataRoomDoc .fgDateTime { margin-top: 20px; }
        
.modalAddDataRoomDoc .wrapDateTime .form-control { width: 100%; }

.modalAddDataRoomDoc .wrapDateTime .iDate { top: -3px; }

    .modalAddDataRoomDoc .wrapDateTime .iDate:hover { background-position-x: -420px; }

.modalAddDataRoomDoc .checkBox label { 
    display: flex;
    align-items: center; }

/*.pageDataRoomArchived.pageBasic h1::after { background-position-y: -300px; }*/

    .pageDataRoomArchived .topTitleButtonWrap .bButton { margin-right: 10px; }

    .pageDataRoomArchived tr:not(:hover) .iSecL1 { background-position-y: -1000px; }
    .pageDataRoomArchived tr:not(:hover) .iSecL2 { background-position-y: -1050px; }
    .pageDataRoomArchived tr:not(:hover) .iSecL3 { background-position-y: -1100px; }
    .pageDataRoomArchived tr:not(:hover) .iSecL4 { background-position-y: -1150px; }

    .pageDataRoomCategory tr:not(:hover) .tTitle h4 { color: #5c5c5a; }

/*.modal-footer .bModalClose::after {  
    background: url(../images/iAction.png) no-repeat -80px 0; 
    transition: none; }

    .modal-footer .bModalClose:hover::after { background-position-x: -200px; }*/



 /*****************************************************************
=MEDIA QUERIES
*****************************************************************/ 

@media screen and (max-width: 1400px) { 

    .pageDataRoomCategory div:nth-last-of-type(1).docCat { margin-bottom: 0; }

}

@media screen and (max-width: 1400px) and (min-width: 1201px) {

    .pageDataRoomCategory .tTitle h4 { font-size: 18px; }

}

@media screen and (max-width: 1280px) {

    .panelDataRoomList .bBigButton h3, .panelDataRoomList .drPercent { 
        font-size: 18px; 
        font-family: "Lato", Arial, Helvetica, sans-serif !important; 
        font-weight: bold; 
        letter-spacing: normal; }

}

@media screen and (min-width: 1201px) {

    .pageDataRoomCategory .topTitleButtonWrap { margin-top: 10px; }
    .pageDataRoomList .bBigButton { height: 190px; } 
    .pageDataRoomCategory .dateTime { min-width: 190px; }
    .pageDataRoomCategory .tFileSize { white-space: nowrap; }
    .dataRoomExpireSoon strong, .dataRoomExpired strong { font-size: 13px; }
        .dataRoomExpireSoon::after, .dataRoomExpired::after { top: 6px; }

 }

@media screen and (max-width: 1200px) {

    .mdlInfoWrap p { font-size: 18px; }
    .mdlInfoWrap h5 { font-size: 13px; }
    .pageDataRoomCategory .dataRoomCat td { font-size: 15px; }

}

@media screen and (max-width: 1200px) and (min-width: 981px) {
    
    .pageDataRoomCategory .dateTime { min-width: 155px; }

}

@media screen and (max-width: 1200px) and (min-width: 601px) {

    .pageDataRoomCategory .panelButtons.barButtons { padding-bottom: 20px; }

}

@media screen and (max-width: 1100px) {

    .panelDataRoomList.drListLevel1 .bBigButton { height: 160px; }
    .panelDataRoomList:not(.drListLevel1) .bBigButton h3, .panelDataRoomList:not(.drListLevel1) .drPercent { font-size: 16px; }
    .panelDataRoomList.panelBigButtonList .cirqueNumber {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 15px; 
        letter-spacing: normal; }
    .bDataRoom-Dormant .drSold { font-size: 13px; }

}

@media screen and (min-width: 981px) {

    .dataRoom-EU .rTable-980 thead.stickyHead th { border-bottom-color: #6f577e; }
    .pageDataRoomCategory .iSecurity { top: 50%; margin-top: -16px; }
    .pageDataRoom tr .tActionTriple .bRestore::after { width: 20px; height: 20px; margin: -10px 0 0 -10px; }
    /*.pageDataRoom tr:not(:hover) .tActionTriple .bRestore:not(:hover)::after { background-position-x: -80px; background-position-y: -1000px; opacity: 0.8; }
        .pageDataRoom .tableList tr:hover .tActionTriple .bRestore::after { background-position-x: 0; }*/

}

@media screen and (max-width: 980px) {

    /*.pageDataRoom.pageBasic h1::after { background-position-y: -3180px; }*/
    .pageDataRoomCategory.pageBasic h1::after { top: unset; }
    .docCat h2 { font-size: 24px; letter-spacing: normal; }
    .pageDataRoomCategory .dataRoomCat.rTable-980 td { font-size: 15px; }
        .pageDataRoomCategory .dataRoomCat td::before { left: 0; top: 9px; }
            .pageDataRoomCategory .dataRoomCat td.tTitle { padding-top: 20px; padding-left: 0; text-align: center; }
            .pageDataRoomCategory .iSecurity { display: inline-block; position: relative; left: unset; top: 0px; }
    .dataRoomExpireSoon strong, .dataRoomExpired strong { font-size: 13px; } 
    .pageDataRoomArchived.pageBasic h1::after { background-position-y: -3240px; }           

}

@media screen and (max-width: 980px) and (min-width: 768px) {

    .panelBigButtonList.panelDataRoomList:not(.drListLevel1) .bBigButton { width: calc((96% - 48px) / 6); margin-right: 1%; }
        .panelDataRoomList.panelBigButtonList .bDataRoom-NL.bBigButton { margin-right: 48px; }
        .drListDormantWrap { width: calc(((96% - 48px) / 6) - 1px); }
            .drListLevel2 .drHLine { left: calc((96% - 48px) / 12 - 3px); right: calc((96% - 48px) / 4 + 45px); }
            .drListLevel2 .drHLine-Dormant { left: calc((96% - 48px) * 0.75 + 4% + 3px); right: calc((96% - 48px) / 6 + 21px); }
        .panelBigButtonList.panelDataRoomList .drListDormantWrap .bBigButton, .panelBigButtonList.panelDataRoomList .drListLevel4 .bBigButton { width: 100%; }
        .drListLevel3 { width: calc((96% - 48px) / 2 + 2%); left: calc((96% - 48px) / 12 + 1%); }
            .panelBigButtonList.panelDataRoomList .drListLevel3 .bBigButton { width: calc(96% / 3); margin-right: 0; }
            .panelDataRoomList .drListLevel3 .bBigButton + .bBigButton { margin-left: 2%; }
            .drListLevel3 .drHLine { left: calc((96% / 6) - 3px); right: calc(68.2% - 3px); }
            .drListLevel3 .drHLine-Dormant { left: calc((96% / 3) + 2% - 3px); right: calc((96% / 6) - 3px); }
        .panelDataRoomList:not(.drListLevel1) .bBigButton h3, .panelDataRoomList:not(.drListLevel1) .drPercent { font-size: 15px; }
            .panelDataRoomList .bBigButton.bDataRoom-HKIN h3 { font-size: 14px; letter-spacing: -1px; }

}

@media screen and (max-width: 980px) and (min-width: 601px) {
    
    .pageDataRoomCategory.pageBasic h1 { padding-left: 55px; }

}

@media screen and (max-width: 920px) and (min-width: 601px) {

    .pageDataRoomCategory .barButtons .bButton.bDouble.bGrey { padding: 32px 20px 0 !important; }  
        .pageDataRoomCategory .panelButtons.barButtons .bOneWord.bDouble { padding-top: 40px !important; } 
        /*.pageDataRoomCategory .panelButtons.barButtons .bOneWord.bDouble::after { top: 6px; }*/
    

}

@media screen and (min-width: 768px) {

    .panelDataRoomList.drListLevel1 .bBigButton { float: none; }
    .bDataRoom-Lvl4 .drVLine { display: none; }
    .pageDataRoomCategory h1.twinHead.twinHeadButton { margin-bottom: 0; }

}

@media screen and (max-width: 767px) {

    .panelDataRoomList.drListLevel1 { width: auto; padding: 0 0 20px; text-align: left; }
        .drListLevel1 .bBigButton, .drListDormantWrap, .drListLevel3 { clear: both; }
    .drListDormantWrap, .drListLevel3 /*, .drListLevel4*/ { width: 100%; }
        .panelDataRoomList.drListLevel2 /*, .drListLevel4*/ { padding-left: 0; }  
            /*.panelDataRoomList.drListLevel2 .bBigButton { margin-left: calc((100% - 160px) / 3) !important; }*/ /* ( 100% - [ (3 x 20px) + 160px ] ) / 3  */
                /*.panelDataRoomList .drListLevel3 .bBigButton:not(.bDataRoom-Lvl4) { margin-left: calc((100% - 160px) * 0.666) !important; }*/ /* ( 100% - [ (3 x 20px) + 160px ] ) / 3/2  */
                /*.panelBigButtonList .drListLevel3 .bBigButton.bDataRoom-Lvl4 { margin-left: calc(100% - 160px) !important; }*/  /* ( 100% - [ (3 x 20px) + 160px ] ) / 3/1  */  
        .drListLevel3 { position: relative; /*float: left;*/ flex-direction: column; top: unset; left: unset; }
            .panelBigButtonList.panelDataRoomList .drListDormantWrap .bBigButton, .panelBigButtonList.panelDataRoomList .drListLevel4 .bBigButton { margin-bottom: 20px; }
        .panelDataRoomList.panelBigButtonList.drListLevel2 .bBigButton { 
            clear: both; 
            height: 160px; 
            margin-right: 0; 
            margin-bottom: 20px; }
        .drListLevel4 { margin-right: 0; }
        .panelBigButtonList .drListLevel3 .bBigButton.bDataRoom-Dormant, .panelBigButtonList .drListLevel3 .bBigButton.bDataRoom-Lvl4 { margin-right: 0; margin-bottom: 20px; }
/* Hierarchy Lines */  
    .panelDataRoomList.drListLevel1 .bBigButton::before { display: none; }
    .panelDataRoomList .bBigButton::before, .panelDataRoomList.drListLevel2 .bDataRoom-HKAP .drVLine, .drVLine-Dormant { margin-left: 0; }

    /*.panelDataRoomList.drListLevel2 > .drHLine, .drVLine-Dormant { left: calc(((100% - 160px) / 3) - 26px); } 
    .drListLevel2 .drListLevel3 .drHLine, .drListLevel3 .drHLine-Dormant { left: calc(((100% - 160px) * 0.666) - 26px); }*/ 

    

    .bDataRoom-HKAP .drVLine { top: 160px; }
    .drListLevel2 .drHLine, .drHLine-Dormant, .drListLevel3 .drHLine-Dormant { width: 6px; height: auto; right: unset; } 
    .panelDataRoomList.drListLevel2 > .drHLine { top: -20px; bottom: /*640px*/ 819px;  }
    .panelDataRoomList.drListLevel2 .bBigButton::before { 
        /*width: 20px; */
        /*left: -20px;*/
        width: unset;
        height: 6px; 
        top: 50%;
        left: calc(((100% - 240px) / 2) - 120px);
        right: 240px;
        margin-top: -3px;
        background-image: linear-gradient(90deg, #787875, #787875 40%, transparent 40%, transparent 100%);
        background-size: 16px 1px; }
        .drListDormantWrap .bBigButton.bDataRoom-Dormant:nth-of-type(1)::before { margin-top: -1px; }
        .drListDormantWrap .bBigButton.bDataRoom-Dormant:nth-of-type(2)::before { margin-top: 12px; }
        .drListDormantWrap .bBigButton.bDataRoom-Dormant:nth-of-type(3)::before { margin-top: 7px; }
            .drListLevel2 .drListLevel3 .drHLine { top: -20px; bottom: 457px; }
            .drListLevel3 .drHLine-Dormant { 
                top: 83px; 
                /*bottom: 97px;*/ 
                bottom: 86px; 
                background-image: linear-gradient(0deg, #787875, #787875 40%, transparent 40%, transparent 100%); 
                background-size: 1px 16px; }
            .drListLevel3 .bBigButton.bDataRoom-Dormant::before { 
                /*width: 24px;*/
                margin-top: 0;
                top: 82px; 
                /*left: -26px;*/
                background-image: linear-gradient(90deg, #787875, #787875 40%, transparent 40%, transparent 100%);
                background-size: 16px 1px; }
                .drListLevel3 .bBigButton.bDataRoom-Dormant + .bBigButton::before { top: 78px; }
        .bDataRoom-HKAP:not(.bDataRoom-Lvl4) .drVLine { display: none; }
        /*.drListLevel2 .bDataRoom-HKAP.bDataRoom-Lvl4 .drVLine { height: unset; top: -20px; left: -26px; bottom: 77px; }  */      
        .drVLine-Dormant { top: -97px; bottom: 97px; transform: rotate(180deg); } 
        /*.panelDataRoomList .drListDormantWrap .bBigButton.bDataRoom-Dormant::before { width: 26px; left: -26px; }  */ 

    .pageDataRoomCategory .rTable-980 td:not(.tTitle) { padding-left: 35%; }

 }

@media screen and (max-width: 767px) and (min-width: 601px) {
    
    /*.panelDataRoomList.panelBigButtonList.drListLevel2 .bBigButton { width: 200px; }*/
        /*.panelDataRoomList.drListLevel2 .bBigButton { margin-left: calc((100% - 200px) / 3) !important; } 
            .panelDataRoomList .drListLevel3 .bBigButton:not(.bDataRoom-Lvl4) { margin-left: calc((100% - 200px) * 0.666) !important; } */
            /*.panelBigButtonList .drListLevel3 .bBigButton.bDataRoom-Lvl4 { margin-left: calc(100% - 200px) !important; }*/ 
        /*.panelDataRoomList.drListLevel2 > .drHLine, .drVLine-Dormant { left: calc(((100% - 200px) / 3) - 26px); } 
        .drListLevel2 .drListLevel3 .drHLine, .drListLevel3 .drHLine-Dormant { left: calc(((100% - 200px) * 0.666) - 26px); }*/  

    .pageDataRoomList .bBigButton { height: 180px; }
    .topTitleButtonWrap .bButton { margin-top: 10px; }

}

@media screen and (max-width: 767px) and (min-width: 481px) {

    .pageDataRoomDefault .panelDataRoomList.panelBigButtonList .bBigButton { width: 240px; }
        .panelDataRoomList.drListLevel2 .bBigButton { margin-left: calc((100% - 240px) / 2) !important; } 
        .panelDataRoomList .drListLevel3 .bBigButton { margin-left: calc(100% - 240px) !important; } 
            .panelDataRoomList.drListLevel2 .bBigButton::before, .panelDataRoomList .drListDormantWrap .bBigButton.bDataRoom-Dormant::before { 
                /*left: calc(((100% - 240px) / 2) - 120px);*/ left: calc(-50vw - -271px); right: 100%; }
            .drListLevel3 .bBigButton.bDataRoom-Dormant::before { left: calc(-50vw - -270px); }
            .panelDataRoomList .drListDormantWrap .bBigButton.bDataRoom-Dormant::before { left: calc(-50vw - -267px); }
    .panelDataRoomList.drListLevel2 > .drHLine, .drVLine-Dormant { left: 114px; } 
    .drListLevel2 .drListLevel3 .drHLine, .drListLevel3 .drHLine-Dormant { left: calc(50% - 3px); }

}

@media screen and (min-width: 601px) {

    .pageDataRoomCategory h1.twinHead.twinHeadButton { width: 100%; }
    .pageDataRoomCategory .topTitleButtonWrap { justify-content: unset; }

    .pageDataRoomArchived .barButtons .bDouble + .bDouble { margin-left: 10px; } 

}

@media screen and (max-width: 600px) {
    
    .pageDataRoomCategory.pageBasic h1::after { top: 0; }
    .pageDataRoomCategory .topTitleButtonWrap { /*margin-bottom: -20px;*/ margin-bottom: 0; }
    .modalCompanyInfo .modal-title::after { top: 3px; }
    .mdlInfoWrap p { font-size: 15px; }
    .pageDataRoomCategory.pageBasic h1.twinHead { margin-bottom: 0; }
    .topTitleButtonWrap .bTopTitle.bButton { margin: 20px 0 0; }
    .docCat.contentWrap:first-of-type { margin-top: 20px; } 
        .pageDataRoomCategory .rTable-980 td:not(.tTitle) { padding-left: 170px; }    
    .docCat .slideToggle { position: sticky; top: 0; z-index: 900; }

}

@media screen and (max-width: 600px) and (min-width: 481px) {

    .pageDataRoomList .bBigButton { height: 170px; }
    /*.panelDataRoomList.panelBigButtonList.drListLevel2 .bBigButton { width: 180px; }
        .panelDataRoomList.drListLevel2 .bBigButton { margin-left: calc((100% - 180px) / 3) !important; } 
            .panelDataRoomList .drListLevel3 .bBigButton:not(.bDataRoom-Lvl4) { margin-left: calc((100% - 180px) * 0.666) !important; } 
            .panelBigButtonList .drListLevel3 .bBigButton.bDataRoom-Lvl4 { margin-left: calc(100% - 180px) !important; } */

    .pageDataRoomDefault .panelDataRoomList.panelBigButtonList .bBigButton { width: 45%; }
        .panelDataRoomList.drListLevel2 .bBigButton { margin-left: calc((100% - 45%) / 2) !important; }  /* calc((100% - 40%) / 2) */
        .panelDataRoomList .drListLevel3 .bBigButton { margin-left: calc(100% - 45%) !important; } /* calc(100% - 40%) */
        .panelDataRoomList.drListLevel2 .bBigButton::before { left: calc(-76px + 4vw); }
        .panelDataRoomList.drListLevel2 .bBigButton.bDataRoom-Dormant::before { left: calc(-79px + 4vw); }
        .panelDataRoomList .drListLevel3 .bBigButton::before { left: calc(-135px + 9vw); }
        .panelDataRoomList .drListLevel3 .bBigButton.bDataRoom-Dormant::before { left: calc(-138px + 9vw); }
        .drListLevel3 .bBigButton.bDataRoom-Dormant + .bBigButton::before { top: 79px; }

        .panelDataRoomList.drListLevel2 > .drHLine, .drVLine-Dormant { left: calc(((100% - 180px) / 3) - 26px); } 
        .drListLevel2 .drListLevel3 .drHLine, .drListLevel3 .drHLine-Dormant { left: calc(((100% - 180px) * 0.666) - 26px); }  

    .modalAddDataRoomDoc.modal .form-group { margin-bottom: 10px; }
    .modalAddDataRoomDoc label .labelOptional { display: flex; align-items: center; }
        .modalAddDataRoomDoc .labelOptional span { top: 0; right: unset; left: 0; }
    .modalAddDataRoomDoc .onewDateWrap { width: 70% !important; }

}

@media screen and (max-width: 540px) {

    .modalAddDataRoomDoc .fgSecurity label, .modalAddDataRoomDoc .fgUploadedDoc label { width: 100%; }
        .modalAddDataRoomDoc .fgUploadedDoc label { margin-bottom: -5px; }
    .radioSecurity.btn-group { width: 100%; margin-top: -5px; }
    .modalAddDataRoomDoc .radioSecurity.btn-group .btn { width: calc((100% - 12px) / 4 ); /*margin: 0 4px 0 0;*/ }
        .modalAddDataRoomDoc .radioSecurity.btn-group .btn + .btn { margin-left: 4px; }

}

@media screen and (max-width: 480px) {
    
    .panelDataRoomList.drListLevel1, .panelDataRoomList.drListLevel2 /*, .pageDataRoomList .panelReportsList .bBigButton*/ { margin-bottom: 10px !important; padding: 15px 20px 15px; }
    .panelDataRoomList.panelBigButtonList.drListLevel2 .bBigButton { width: 200px; }
        .panelDataRoomList.drListLevel2 .bBigButton { margin-left: calc(50% - 100px) !important; }
        .panelDataRoomList .drListLevel3 .bBigButton { margin-left: calc(100% - 200px) !important; }
        .panelDataRoomList.drListLevel2 > .drHLine, .drVLine-Dormant { left: calc(50%  - 140px); }
        .drListLevel2 .drListLevel3 .drHLine, .drListLevel3 .drHLine-Dormant { left: calc(100% - 240px); }

        .panelDataRoomList.drListLevel2 > .drHLine { top: -25px; }
        .panelDataRoomList.drListLevel2 .bBigButton::before, .panelDataRoomList .drListDormantWrap .bBigButton.bDataRoom-Dormant::before { width: 40px; left: -40px; } 

        .pageDataRoomList .cirqueNumber { margin-bottom: 10px; }
        .pageDataRoomList .bBigButton h3 { font-size: 18px; }
    
    .topTitleButtonWrap { flex-wrap: wrap; padding: 0; }
        .topTitleButtonWrap .bButton { width: 100%; }
            .pageDataRoomCategory .topTitleButtonWrap .bAddDoc { margin-top: 10px; }
            .topTitleButtonWrap .bButton + .bButton { margin-top: 10px; }
    .modalAddDataRoomDoc.modal .form-group { margin-bottom: 10px; }
        .modalAddDataRoomDoc.modal .fgUploadedDoc { margin-bottom: 20px; }
    .modalCompanyInfo .bButton.bDouble.bBack { width: 120px; }
    .radioSecurity.btn-group { margin-top: 0px; }

}

/*****************************************************************
=PRINT ME
*****************************************************************/

    .pageDataRoomCategory .iSecurity::before { 
        position: absolute; 
        display: none; 
        width: 24px; 
        height: 24px; 
        left: 0; }

        .pageDataRoomCategory .iSecurity.iSecL1::before { content: url("../images/print/pSecurityL1.gif"); }
        .pageDataRoomCategory .iSecurity.iSecL2::before { content: url("../images/print/pSecurityL2.gif"); }
        .pageDataRoomCategory .iSecurity.iSecL3::before { content: url("../images/print/pSecurityL3.gif"); }
        .pageDataRoomCategory .iSecurity.iSecL4::before { content: url("../images/print/pSecurityL4.gif"); }

@media print {

    @page { size: landscape; }

    .pageDataRoom.pageBasic h1::before, .pageDataRoom .barButtons, .modalCompanyInfo .modal-footer, .panelBigButtonList.panelDataRoomList .drListLevel4 .drVLine 
        { display: none; }

    .pageDataRoomCategory .iSecurity::before, .docCat .slideThis 
        { display: block!important; }

    .pageDataRoomDefault.pageBasic { margin-bottom: 20px; }
        .panelDataRoomList.panelBigButtonList { padding-top: 0; }
    .panelDataRoomList .bBigButton { height: 120px; border: solid 2px #000000; }
        .panelBigButtonList.panelDataRoomList:not(.drListLevel1) .bBigButton { width: calc((100% - 81px) / 6 ); margin: 0 10px 0 0; padding: 20px 4px 0; }
        .panelDataRoomList .bBigButton.bDataRoom-Dormant { border: dashed 1px #000000; }
        .panelDataRoomList .bBigButton h3, .drPercent, .pageDataRoomDefault .panelDataRoomList .cirqueNumber { font-size: 15px; letter-spacing: normal; }
            .panelDataRoomList .bBigButton h3 { font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: bold; }
            .drPercent { margin-top: 10px; }
            .pageDataRoomDefault .panelDataRoomList .cirqueNumber { width: 100%; height: auto; margin: 10px 0 0; line-height: unset; }
        .panelDataRoomList.drListLevel1 { padding-bottom: 40px; }
            .panelDataRoomList.drListLevel1 .bBigButton { height: 80px; padding: 20px 4px 0px; }
        /*.panelDataRoomList.panelBigButtonList .bDataRoom-DE.bBigButton*/ .panelDataRoomList.panelBigButtonList .bDataRoom-NL.bBigButton { margin-right: 41px; }
            .drListDormantWrap { width: calc(((100% - 81px) / 6 ) - 1px); }
        .drListLevel3 { top: 160px; }
            .panelBigButtonList.panelDataRoomList .drListDormantWrap .bBigButton, .panelBigButtonList.panelDataRoomList .drListLevel4 .bBigButton { width: 100%; margin-bottom: 40px; }
            .drListLevel4, .panelBigButtonList .drListLevel3 .bBigButton.bDataRoom-Dormant { width: calc((100% - 10px) / 2); }
                .drListLevel4 { margin-right: 10px; }
                    .panelBigButtonList.panelDataRoomList .bBigButton.bDataRoom-Lvl4, .panelBigButtonList.panelDataRoomList .drListDormantWrap .bBigButton:last-of-type { margin-bottom: 0; }
                        .panelBigButtonList.panelDataRoomList .bBigButton.bDataRoom-Lvl4 { padding-top: 15px; }
                            .bBigButton.bDataRoom-Lvl4 .drPercent, .panelDataRoomList .bBigButton.bDataRoom-Lvl4 .cirqueNumber { margin-top: 5px; }
                .panelBigButtonList .drListLevel3 .bBigButton.bDataRoom-Dormant { margin-right: 0; }
        .drListLevel2 .drHLine { border-top: solid 2px #000000; top: -25px; }
            .drListLevel2 > .drHLine { top: -22px; left: calc((100% - 41px) / 12 - 2px); right: calc((100% - 41px) / 4 + 28px); }
            .panelDataRoomList .bBigButton:not(.bDataRoom-Dormant)::before, .panelDataRoomList.drListLevel2 .bDataRoom-HKAP .drVLine { border-right: solid 2px #000000; height: 20px; top: -22px; }
            .pageDataRoomDefault .drHLine-Dormant, .panelDataRoomList .bBigButton.bDataRoom-Dormant::before { border-top: dashed 1px #000000; }
                .panelDataRoomList.drListLevel1 .bBigButton::before { top: unset; }
                    .panelDataRoomList.drListLevel1 .bBigButton::before, .panelDataRoomList.drListLevel2 .bDataRoom-HKAP .drVLine { height: 20px; bottom: -20px; }
                .panelDataRoomList.drListLevel2 .bDataRoom-HKAP .drVLine { height: 22px; top: unset; bottom: -22px; }
                    .drListLevel3 .drHLine { top: -21px; left: 24.5%; }
                .pageDataRoomDefault .drHLine-Dormant { top: -26px; }
                    .drListLevel2 > .drHLine-Dormant { left: calc((100% - 41px) / 4 + 28px); right: calc((100% - 81px) / 6 + 21px); }
            .pageDataRoomDefault .drVLine-Dormant { border-right: dashed 1px #000000; top: -20px; bottom: 60px; }
                .panelDataRoomList .drListDormantWrap .bBigButton.bDataRoom-Dormant::before { width: 20px; left: -20px; margin-top: -1px; }
            .drListLevel4 .bBigButton:last-of-type::before { height: 40px; top: -42px; }
                .panelDataRoomList .drListLevel3 .bBigButton.bDataRoom-Dormant::before { width: 6px; height: 20px; top: -20px; border-top: none; border-right: dashed 1px #000000; }
                .pageDataRoomDefault .drListLevel3 .drHLine-Dormant { width: 24.5%; top: -25px; }

        .pageDataRoomList .panelBigButtonList .bBigButton { border: solid 1px #000000; }
            .pageDataRoomList .cirqueNumber { height: 30px; line-height: normal; }
            .panelBigButtonList .bBigButton h3 { font-size: 17px; align-items: flex-start; }

    .docCat { margin-bottom: 0; padding-top: 0; }
        .docCat .slideToggle, .docCat .slideThis { padding-left: 0; padding-right: 0; }
            .pageDataRoomCategory .docCat h2 { padding-right: 90px; }
            .pageDataRoomCategory .docCat .cornerFileNumber { 
                display: block !important; 
                width: auto; 
                height: auto; 
                top: 30px; 
                text-align: right; 
                opacity: 1;
                letter-spacing: unset; }
                .pageDataRoomCategory .docCat .cornerFileNumber::before { content: 'DOCS: '; font-size: 15px; font-weight: bold; }
        .docCat h2 { font-size: 24px; margin-bottom: 0; }
            .docCat th { height: 40px; font-size: 12px; }
            .docCat td { font-size: 13px; }
            .pageDataRoomCategory .dataRoomCat td.tTitle { padding-left: 32px; }
                .docCat .tTitle h4 { font-size: 15px; }
                    .docCat .tTitle h4 span { font-size: 12px; }
            .docCat .dateTime { width: 18%; }
            .docCat .tFileSize { width: 10%; padding-right: 0; text-align: right; }
                .docCat th.tFileSize a { padding-right: 0; }
        .pageDataRoomCategory .iSecurity { width: 24px; height: auto; top: 15px; }
        .pageDataRoomCategory .pRedAlert-sm::before, .pageDataRoomCategory .pBellAlert::before { top: 4px; left: -3px; }
        .dataRoomExpireSoon, .dataRoomExpired { width: 120px; }

    .modalCompanyInfo { background: #FFFFFF !important; }
        .modalCompanyInfo .modal-dialog { width: 100%; margin: 0; }
        .modalCompanyInfo .modal-title { padding-left: 0; }
}
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word;font:15px Lato,Arial,Helvetica,sans-serif}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:1;line-height:1}.toast-close-button:focus,.toast-close-button:hover{text-decoration:none;cursor:pointer;opacity:1}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:350px;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 1px #000;-webkit-box-shadow:0 0 1px #000;box-shadow:0 0 1px #000;color:#fff;opacity:1}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 1px #000;-webkit-box-shadow:0 0 1px #000;box-shadow:0 0 1px #000;opacity:1;cursor:pointer}#toast-container > .toast-info {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAJZQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wCXFqAAAADJ0Uk5TAP+w+vmFBm7H84sLG8/la5DQB22C7HyhwWxSVvv44ASRWijGAbPXCZ7R9n/y/Idvy/SgMaZvAAAAr0lEQVR4nKWQyRaCMAxFE8G2KKAF5wnnWYH//zlTK2rwsFDfgnJye0MCwA/BUmpVAF+g1OA/gPDs77gVBnetUf8ENkIqz1NScKPR9AP7ncDnhjD1sNVG1NG7AbG53QEIEWNmKAO6vT49FTNcqgyGo/EEccoMA2YJzOnwmGFaLWDpsFYmEnG1hs2WgGQg0jTTbk9DHey4x/tWJwBa8HyhV/1Y8IoFEWmW51la/JIvcwPXMQdmxcVH1wAAAABJRU5ErkJggg==) !important    }#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYEAQAAAAa7ikwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAAGAAAABgAPBrQs8AAAAHdElNRQflBRIQHSv3WwbZAAACYklEQVRIx61VzU7yUBCdazAgFfZCJfoUIg8ACxDkNVTwJUiRRyDIQ2gkbt30GdSYGBPZFNhAl7RzXAx8bb9i+YmTdNF77zlzZu7MXEURBs7lSNVqROUy0ckJQdeJiEgNh0RfX4SnJ6KHB7X3/U3bGFjXwf0+4DjwG4/H4PE4sAbHAe7vgWx2M3JcXgK2LWDLAhsG+OwMHI97AuJxIJ8H2m3AsuTsbAZUq2vIb28B1xVVrRb48HB9tKkU2DAE57rgZjNCueuK+nJ5q5wSEbhSEazrhiIB67psOs4u5EEnrivpymR8G/2+5LHV2pXc4zIMKYheb7GQy4lyywKnUsHDsRi4VAKSyXBKk0lwsQiOxYKYdBoYjQDHAes6AY2GeDSMsJpSSSIzTb9zcCoFmKbgisWw87s7wV1fE/D8LD/5/EqVS6KFkwA5THN1dIWC7A8GBHx8AMz+Og9G8T9h0OFKDBIJgBl4eyPAtsHjceTFQdOAlxeve00TnE5HYyYTwLb3iIhIKbVdrWxyXikiZgLe3yWcROLvUnRwIAXw+voHl6xp0ZfMNzfy026H1W9QpqjXww46Hdm7uiLw8XF0oxWLq0tR04B6Hby/H8QsG20+By/eD5nnq5ttW/PUd7u+xWxWBpTrgiuV3cmrVRl20ylwdPTLpm3v4kTwi3HNFxerD3Gz+e/hQLu9rpm8nHc6Hq7R2EDJbCZ5HI1kcJ2f+/tERkGhAHQ63hs9nW4cOZDJgHu90KOPyUQ+v83nQLcbyvnCIlserOukajVCuUx0ekpqWXbDIanPT6LBgPD4qPaGw984fgC1yS+hwxGHbwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wNS0xOFQxNjoyOTo0MyswMDowMP26Y0MAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDUtMThUMTY6Mjk6NDMrMDA6MDCM59v/AAAAAElFTkSuQmCC)!important}#toast-container > .toast-success {        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAORQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////TEgaUQAAAEx0Uk5TACeU3ONj/f93TPzHAyjw9CQM12+lxmb6KyWMyOcObF8RMxgBNbigPnBVOP667AQCy4ZktQ/r3+k0dLIL6jvvXIjyChn5oaku9tiZPPhOC3QAAADLSURBVHicbdDXFoIwDAbgODAKKOLee+Pee2/f/31sQVmlF83p95+GFAB2udwerwMD50P0O3iARxRE1oMhRCnMuhxBxKhDoxjxuEOjBPFkivW0RIIM62KWeC7PBgXiWDRBqSzTUiGTolDVuVb3accGvdDUvcXTcxugo5DaNfr0qKOnPxjS2jGCkRogN6b7xPTl6UwN5guyKUvzkCvU19oy/WarBzvru/x/F2wPlve/4GD/FUfNT2d7cLmqgdvuADfqd+YCwOP5en+s9AXCfA+cAWBHxgAAAABJRU5ErkJggg==) !important    }#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYEAQAAAAa7ikwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAAGAAAABgAPBrQs8AAAAHdElNRQflBRIQHiaixymnAAACOElEQVRIx82VPUsrQRSGdzVEgyYgfiEEkUAEIxYWsUhjm0YrEbQxtdZaa2chaHpjp4T4AwRJpWgRC1Gx0CgEFBVEEIlfiTmPxfHeVeOu96oX7ql25rzzvDPnzLCG8T8EhEJIKgVnZ3B+rt+h0M/AJRxG8nneh+TzSE/PN+FuNxweKnF2FvF6EZ8P5uZ0LptFqqq+YTA+rqCNDTBNq2SmCevrmpuY+CK8qQmur6FU+qgU0N0NpRLc3EBLyxcMEgmtdSJhq2F+Xk+xsPB3cJvdIX4/0tz8p6e0gZsmrK29ry/S0AB3d3B7+9b0V582N1/3ycFgaEhLc3T0+oZAJGJd0XDYMnC74eBAE8PDn8A9HsjlVNzf/zYXClkG7e1v+9XXp4nTU6ipcTCYnFRAOl3edL/fMmhsLF+7sqLJqamP4eL364stFpGurvK812sZlD8u6OiAQkH71Nb2we6TSV0dj9s3/+kJHh7sKxCPKyOZfJeIREAErq6gvt4WIJeXcHFhb1BXpxqA3t6XyYoKyGR0cnTUcAgYHEQGBpw1Y2Naxu1tqKw0YGRE4Xt7iMvlvDgWg1jMUSMuF+zuKjMWM5CtLR1Eo87wzk6rycGgszYaVWEmY2jX7+8/e4Xg8SDpNLK6CtXVzlrThMdHJJ834OQERJDWVuOHAgIBPUEuV2GwvGwYpmmYi4sQCHwbLsGgwdKSDlIpQ/9Q+/v8eOzsILW1L64+HzIzgxwfQ7H4dWihANksTE//hv/reAYbi+97rRIkBwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wNS0xOFQxNjozMDozOCswMDowMMjjyqoAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDUtMThUMTY6MzA6MzgrMDA6MDC5vnIWAAAAAElFTkSuQmCC)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#627e21}.toast-error{background-color:#d32f2f}.toast-info{background-color: #6f577e}.toast-warning{background-color: #c4501c}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:1}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}