@font-face {
    font-family: 'itclubalingraph-demidemi';
    src: url('../fonts/itclubalingraphdemi-webfont.eot');
    src: url('../fonts/itclubalingraphdemi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/itclubalingraphdemi-webfont.woff') format('woff'),
         url('../fonts/itclubalingraphdemi-webfont.ttf') format('truetype'),
         url('../fonts/itclubalingraphdemi-webfont.svg#itclubalingraph-demidemi') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'itclubalingraphbold';
    src: url('../fonts/itclubalingraphbold-webfont.eot');
    src: url('../fonts/itclubalingraphbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/itclubalingraphbold-webfont.woff') format('woff'),
         url('../fonts/itclubalingraphbold-webfont.ttf') format('truetype'),
         url('../fonts/itclubalingraphbold-webfont.svg#itclubalingraphbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.75em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:1000000005;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:none/*1px solid #303030*/;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;/*overflow:auto;*/}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#fff;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
/*#sb-nav-close{background-image:url(../images/shadowbox/close.png);}*/
#sb-nav-next{background-image:url(../images/shadowbox/next.png);}
#sb-nav-previous{background-image:url(../images/shadowbox/previous.png);}
#sb-nav-play{background-image:url(../images/shadowbox/play.png);}
#sb-nav-pause{background-image:url(../images/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
/*! jQuery UI - v1.13.2 - 2022-07-14
* 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/
* 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;-ms-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%;-ms-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:pointer;-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;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:none}.ui-widget-header .ui-icon{background-image:none}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:none}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:none}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:none}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:none}.ui-button .ui-icon{background-image:none}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.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:.003;-ms-filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}


.ui-resizable-handle.ui-icon {
	background: none;
}

.ui-widget-overlay {
	opacity: .5 !important;
}



/***********/
/* DIALOGS */
/***********/

.ui-dialog * {
	font-family: Arial !important;
	font-size: 13px !important;
}

.ui-dialog {
	z-index: 1000000012 !important;
	border: 5px solid var(--baseColorDefault) !important;
	border-radius: 10px !important;
	padding: 5px !important;
}

	.ui-dialog .ui-dialog-titlebar {
		border-top-left-radius: 8px !important;
		border-top-right-radius: 8px !important;
		margin-bottom: 6px !important;
		border: none !important;
	}

		.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
			font-weight: bold !important;
		}

		.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
			width: 19px !important;
			height: 19px !important;
		}

			.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span {
				margin: -9px 0 0 -9px !important;
			}

	.ui-dialog .ui-dialog-content {
		border: 0px !important;
		min-height: unset !important;
	}

	.ui-dialog.noTitle .ui-dialog-titlebar {
		display: none;
	}

	.ui-dialog .ui-dialog-buttonpane {
		border: none !important;
		margin: 0 !important;
	}

		.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
			float: none !important;
			display: flex !important;
			justify-content: center !important;
		}

			.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-submit {
				min-width: 75px !important;
				color: #FFFFFF !important;
				background-color: var(--baseColorDefault) !important;
				border: 1px solid #FFFFFF !important;
				font-weight: bold !important;
			}

				.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-submit:hover {
					color: #FFFFFF !important;
					background-color: var(--baseColorDefault) !important;
					border: 1px solid var(--baseColorDefault) !important;
					font-weight: bold !important;
				}

			.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-cancel {
				min-width: 75px !important;
				color: #999999 !important;
				background-color: #EEEEEE !important;
				border: 1px solid #FFFFFF !important;
				font-weight: bold !important;
			}

				.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-cancel:hover {
					color: #999999 !important;
					background-color: #EEEEEE !important;
					border: 1px solid #EEEEEE !important;
					font-weight: bold !important;
				}


/************/
/* TOOLTIPS */
/************/

.info-tooltip {
	margin-left: 4px;
	border-radius: 10px;
	background: url(../images/ico_info-tooltip2.png) no-repeat 0 0 !important;
	display: inline-block;
	width: 17px;
	height: 17px;
	text-indent: -9999em;
	cursor: help;
}

.toolTipHelp, .toolTipWithTable {
	float: right;
}

.toolTipRadio {
	display: inline-block;
	position: relative;
	top: -4px;
}

.tooltip.help, .toolTipHelp, .toolTipWithTable, .toolTipRadio {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #AAAAAA;
	border-radius: 20px;
	background-color: #F7F7F7;
	color: #999999 !important;
	cursor: pointer;
	width: 15px;
	min-width: 15px;
	max-width: 15px;
	height: 15px;
	min-height: 15px;
	max-height: 15px;
	margin-right: 5px;
}

	.tooltip.help:hover, .toolTipHelp:hover, .toolTipWithTable:hover, .toolTipRadio:hover {
		background-color: #CCCCCC;
		color: #FFFFFF !important;
	}


.ui-tooltip { /*Important : some overriden by ui-widget-content used in date picker */
	position: absolute;
	font-size: 11px !important;
	max-width: 35% !important;
	z-index: 10000000011 !important;
	color: #666 !important;
	background: #F7F7F7 !important;
	padding: 12px !important;
	font-family: Arial,Helvetica,Tahoma,sans-serif !important;
	pointer-events: none;
}

.ui-tooltip-base {
	padding: 0 !important;
	border: none !important;
	background: none !important;
}

.ui-tooltip-table {
	padding: 1px !important;
}

	.ui-tooltip-table .ui-tooltip-content thead tr {
		border-top: none !important;
	}

	.ui-tooltip-table .ui-tooltip-content tbody tr:last-child td {
		border-bottom: none !important;
	}

.ui-tooltip-content table.white th {
	text-align: left;
	font-weight: bold;
	padding: 3px 5px;
}

.ui-tooltip-content table.white td {
	text-align: left;
	font-weight: normal;
	padding: 3px 5px;
}

	.ui-tooltip-content table.white td.status span {
		padding: 5px 0 5px 0;
		line-height: 1em;
	}

.ui-widget-shadow {
	-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.1) !important;
	box-shadow: 1px 1px 10px rgba(0,0,0,.1) !important;
}



.ttlist-valid, .ttlist-expiring, .ttlist-incomplete, .ttlist-onhold, .ttlist-pending {
	padding: 12px !important;
}

	.ttlist-valid.table, .ttlist-expiring.table, .ttlist-incomplete.table, .ttlist-onhold.table, .ttlist-pending.table {
		border: none !important;
		padding: 0px 10px 0px 10px !important;
	}

	.ttlist-valid.table {
		background: #2c7e00 !important;
	}

	.ttlist-expiring.table {
		background: #FF8E08 !important;
	}

	.ttlist-incomplete.table {
		background: #b80000 !important;
	}

	.ttlist-onhold.table {
		background: #ff0000 !important;
	}

	.ttlist-pending.table {
		background: #9a9b9b !important;
	}

.tooltip_table {
	width: 100%;
	background-color: white;
	border-radius: 5px;
	overflow: hidden;
}

.tooltip_table > table {
	width: 100%;
}

.tooltip_table > table > tbody > tr {
	border-bottom: 1px solid #DDDDDD;
}

.tooltip_table > table > tbody > tr:last-of-type {
	border-bottom: none;
}

.tooltip_table > table > tbody > tr > td {
	font-size: 11px;
	padding: 3px 10px;
}

.tooltip_table > table > tbody > tr > td:first-of-type {
	vertical-align: top;
	white-space: nowrap;
	font-weight: bold;
	border-right: 1px solid #FFFFFF;
}

.tooltip_table > table > tbody > tr:first-of-type td {
	font-weight: bold;
	padding-top: 10px;
	color: #FFFFFF;
	background-color: var(--baseColorDefault);
	text-transform: uppercase;
	padding-bottom: 10px;
}

.tooltip_table > table > tbody > tr:last-of-type td {
	padding-bottom: 10px;
}



/* FILTERS */
.selectedfilterBox
{
    color: #00b1dc; 
    border : 1px solid #00b1dc; 
    display: block; 
    text-decoration: none; 
    font: 1.1em/2em Arial, sans-serif; 
    padding: 0 0 0 12px; 
    text-align: left;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    cursor: pointer; 
}
.orangeLayout .selectedfilterBox {
    color: #FF8E08;
    box-shadow: 0 0 5px #fea71f;
    border-color: #FF8E08
}
.selectedfilterCross {
    background-image: url('/Assets/images/ui-icons_2e83ff_256x240.png');
    background-position: -96px -128px;
    width: 15px;
    height: 15px;
    float: right;
    margin: 4px 4px;
}
.orangeLayout .selectedfilterCross {
    background-image: url('/Assets/images/ui-icons_222222_256x240.png');
}

.selectedfilterText {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 90%;
    display: block;
}


/* RELATED LIST OF OBJECTS (Packshots, variants,..)*/

.list-header {
	text-transform: uppercase;
	background: #00B9E4;
	font-size: 120%;
	padding: 0px 13px 0px 0px;
	border-radius: 10px;
}
    .list-header span {
        color: white;
        padding: 6px 4px;
        display: inline-block;
        border-left: 1px solid white;
    }

    .list-header .status {
        float: right;
        margin-right: 51px;
        right: 0;
        width: 100px;
        padding: 6px 0;
        text-align: center;
        border-right: 1px solid white;
        position:absolute;
    }
.list-item-header {
background: #ccf1fa;

}

.list-item {
    display: inline-block;
    color: #1d1d1d;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    padding: 6px 4px;
    border-left:1px solid white;
}
    .list-item.status {
        float: right;
        right: 0;
        width: 100px;
        text-align: center;
        position:absolute;
        border:0;
        padding:0;
        z-index:100;
        font-weight:normal;
    }
    .list-item-status
{
        padding:6px 0!important;
    }
.discontinued
{
    background:#494949;
    color:white;
    font-weight:normal;
    border: 0;
    text-align: center;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;

}
/*OTHER*/

.ellipsis.middle {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-top: 0px; 
    padding-bottom: 0px; 
    vertical-align: middle; 
    display: inline-block; 
    white-space: nowrap; 
}
/* RELATED LIST OF OBJECTS (Packshots, variants,..)*/

.missing {
    color: red;
    border: 1px dotted;
    padding: 5px 5%;
    width: 90%;
    display: inline-block;
    text-align: center;
}

   
    .ui-autocomplete {
        max-height: 200px;
        overflow-y: auto;
        /* prevent horizontal scrollbar */
        overflow-x: hidden;
    }

    .ui-autocomplete-loading {
        background: white url(../images/ajax-loading.gif) right center no-repeat;
    }
	
[readonly="readonly"] {
	background: #eee;
	}
	
.percentage {
    padding: 2px;
    width: 30px;
    border: 0;
    text-align: right;
    color: #1d1d1d;
    font-weight: bold;
    background: none;
	}
	
.scroll {
	max-height: 200px;
	overflow: auto !important;
	}

.popupscroll {
	max-height: 200px;
	overflow: auto !important;
	}
	
::-moz-selection {
	background: #bfedf8;
	text-shadow: none;
	}
	
::selection {
	background: #bfedf8;
	text-shadow: none;
	}
	

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
	}
	
.required {
	font-weight: bold;
	color: red;
	}
	
.search-sel {
	padding: 0;
	border: 1px solid orange;
	}
	
	/* Messages */
.message.error {
	color: #EE0000;
	/*margin: 5px 0 20px;*/
	margin: 2px 0 5px;
	display: block;
	margin-left: 2px;
	background-image: expression(this.runtimeStyle.backgroundImage="none",this.innerHTML = '<img alt="" src="images/ico_arrow-red.png">'+this.innerHTML);
	}
	
    .message.error:before {
	content: url(../images/ico_arrow-red.png);
	position: relative;
	top: -2px;
	}
	
    .message.error.margin32 {
	margin-left: 33.5%;
	}
		
.error select {
	border-color: #EE0000;
}
	
.message.empty {
    padding: 1em 1%;
}
.inline-error {
    color: #EE0000;
} 


	

.blueline {
	display: block;
	height: 1px;
	border: 0;
	margin: 1em 0;
	padding: 0;
    border-top: 1px solid #94e2f4;
    }

.deepblueline {
	display: block;
	height: 1px;
	border: 0;
	margin: 1em 0;
	padding: 0;
    border-top: 1px solid #00B9E4;
    }

.whiteline {
	display: block;
	height: 1px;
	border: 0;
	/*margin: 1em 0;*/
	padding: 0;
    border-top: 1px solid white;
    }

.greyline {
	display: block;
	height: 1px;
	border: 0;
	/*margin: 1em 0;*/
	padding: 0;
    border-top: 1px solid #999999;
    }

.greenline {
	display: block;
	height: 1px;
	border: 0;
	margin: 1em 0;
	padding: 0;
    border-top: 1px solid #ecf3b5;
    }

.deepgreenline {
	display: block;
	height: 1px;
	border: 0;
	margin: 1em 0;
	padding: 0;
    border-top: 1px solid #b0ba0d;
    }


#fieldTitle {
	display: block;
	margin: 0 0 6px 0;
}
	
    #fieldTitle h1 {
		margin: 0;
	}
	
.fieldsetBox .content-wrapper h3 {
	border-radius: 10px;
	color: var(--baseColorDefault);
	margin-bottom: .75em;
	}
	
.fieldsetBox .content-wrapper .row div.wrapper h3.top,	
.fieldsetBox .content-wrapper .row span.wrapper h3.top {
	margin-top: 0;
	}

.fieldsetBox .content-wrapper .row div.wrapper h3,	
.fieldsetBox .content-wrapper .row span.wrapper h3 {
	margin-bottom: 0;
	margin-top: 10px;
	}
	
.fieldsetBox .content-wrapper .row.noTitle div.wrapper h3,	
.fieldsetBox .content-wrapper .row.noTitle span.wrapper h3 {
	margin-bottom: 0;
	margin-top: 0;
	}
	
.fieldsetBox .accordion-wrapper .accordion-wrapper h3 {
	margin-bottom: 0;
	}
	
.fieldsetBox fieldset h2,
.fieldsetBox fieldset h3 {
	margin: 0;
	}
	
.fieldsetBox fieldset fieldset h2,
.fieldsetBox fieldset fieldset h3 {
	margin-top: 0;
	}
	
div.row.noTitle h3 {
	margin-top: 0;
	margin-bottom: 0;
	}
	
.fieldsetBox fieldset .content div.row.noTitle h3 label {
	padding-top: 0;
	}
	

/* =============================================================================
   III. NAV, MENUS, TABS, ...
   ========================================================================== */

/* Secondary menu - steps by steps */

span.recipeingredient,
#recipe span {
	font-size: 78.6%;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: bold;
	/*MV Add*/
	border-right-color: white;
	border-right-width: 2px;
	border-left-color: white;
	border-left-width: 2px;
}

	span.recipeingredient.list-incomplete,
	#recipe span.list-incomplete,
	span.topstatusincomplete {
		color: #b80000;
	}

	.purpleLayout .incomplete .tileMeasure {
		background: #b80000;
	}

.purpleLayout .expiring .tileMeasure,
span.recipeingredient.list-expiring,
#recipe span.list-expiring,
span.topstatusexpiring {
	color: #FF8E08;
}

span.recipeingredient.list-pending,
#recipe span.list-pending,
span.topstatuspending {
	color: #9a9b9b;
}

.purpleLayout .onhold .tileMeasure,
span.recipeingredient.list-onhold,
#recipe span.list-onhold,
span.topstatusonhold,
span.topstatuson.hold {
	color: #ff0000;
}

span.recipeingredient.list-valid,
#recipe span.list-valid,
span.topstatusvalid {
	color: #2c7e00;
}

td.cc.na {
	background: #9a9b9b;
    color: white;
    text-align: center;
	}
	
td.cc.ko {
	background: #ff0000;
    color: white;
    text-align: center;
	}
	
td.cc.ok {
	background: #2c7e00;
    color: white;
    text-align: center;
	}

span.cc.ko {
	background: #ff0000;
    color: #fff;
    font-size: 80%;
    text-transform: uppercase;
    text-align: center;
    display: block;
    padding: 6px 0 6px 0;
    width: 100%;
    border-right-width: 1px;
    border-left-color: #fff;
    }

span.cc.ok {
	background: #2c7e00;
    color: #fff;
    font-size: 80%;
    text-transform: uppercase;
    text-align: center;
    display: block;
    padding: 6px 0 6px 0;
    width: 100%;
    border-right-width: 1px;
    border-left-color: #fff;
    }


/* =============================================================================
   VI.  NEW COMMENTS
   ========================================================================== */	

.new-comments {
	position: absolute;
	width: 12px;
	height: 21px;
	display: block;
	background: url(images/ico_comment-new.png) no-repeat 0 0;
	color: white;
	top: -17px;
	font-size: 87%;
	padding: 3px 10px 10px 7px;
	font-weight: bold;
	text-align: center;
	}


/* =============================================================================
   VII.  FIELDSET
   ========================================================================== */	


.fieldsetBox fieldset h3 {
	color: var(--baseColorDefault);
	font-weight: normal;
	}
	
.exception {
        border: 1px solid #00B9E4;
    margin: -1px;
    padding: 0 !important;
    width: 100%;
        background-color: #bfedf8;
    }

.fieldsetBox fieldset .content .content-wrapper fieldset, 
.fieldsetBox fieldset .content .content-wrapper .sub-fieldset {
	}


.rowUp {
	background: url(/Assets/images/stepHide.png) no-repeat 0 100%;
	color: #7e7e7e;
	padding-bottom: 14px;
}
	
h3.rowUp {
	font-size: 120.0%;
	margin: 0.7em 0;
	color: #7e7e7e;
	line-height: 0.9em;
	font-family: Arial, Tahoma, sans-serif;
	}

.rowDown {
	background: url(/Assets/images/stepShow.png) no-repeat right top;
	color: #7e7e7e;
}
	
	
.fieldsetBox {
	margin: 0 0 20px 0;
	}
	
    .fieldsetBox .fieldsetBox {
	margin: 0;
	}
	
    .fieldsetBox fieldset {
	}
	
.accordion-wrapper {
	position: relative;
	}

.fieldsetBox fieldset h2 a.trigger,
.fieldsetBox fieldset h3 a.trigger {
	text-decoration: none;
	padding: 0;
	display: block;
	border-radius: 10px;
}

.fieldsetBox fieldset h3 .header {
	text-decoration: none;
	padding: 0;
	display: block;
	background: #FAFAFA;
	border-radius: 10px;
}
	
.fieldsetBox fieldset .accordion-header h3 .header {
        background: var(--baseColorDefault);
	}

.fieldsetBox fieldset .accordion-header h3 {
    font-weight: bold;
}

.fieldsetBox fieldset span.subLegend,
.fieldsetBox fieldset h2 span.subLegend,
.fieldsetBox fieldset h3 span.subLegend,
.fieldsetBox fieldset h3 span.subLegend2 {
	display: block;
	background-image: url(/Assets/images/step_icon_settings_grey.png);
	background-repeat: no-repeat;
	background-position: left 8px center;
	margin-right: 6px;
}

.greenLayout .fieldsetBox fieldset span.subLegend {
	background-image: url(/Assets/images/step_icon_settings_green.png);
}

.blueLayout .fieldsetBox fieldset span.subLegend {
	background-image: url(/Assets/images/step_icon_settings_blue.png);
}

.orangeLayout .fieldsetBox fieldset span.subLegend {
	background-image: url(/Assets/images/step_icon_settings_orange.png);
}

.purpleLayout .fieldsetBox fieldset span.subLegend {
	background-image: url(/Assets/images/step_icon_settings_purple.png);
}

.blackLayout .fieldsetBox fieldset span.subLegend {
	background-image: url(/Assets/images/step_icon_settings_black.png);
}

.fieldsetBox fieldset .accordion-header h3 .subLegend {
	background: none;
}
	
.fieldsetBox fieldset h3 .subLegend .subLegend-nbr {
	position: absolute;
	margin-right: 59%;
	top: 0;
	color: #1D1D1D;
	right: 0;
	text-align: right;
	border-left: 1px solid #fff;
	padding: 10px 1%;
	}
	
.fieldsetBox fieldset h3 .subLegend .subLegend-nbrHeader {
	position: absolute;
	color: #1D1D1D;
	right: 0;
	text-align: left;
	border-left: 1px solid #fff;
	padding: 8px;
	width: 40%;
	}
	
.fieldsetBox fieldset h3 .subLegend .subLegend-size-color {
	margin-right: 50px;
	top: 0;
	color: #1D1D1D;
	right: 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 8px;
	width: 50%;
	}
	
.fieldsetBox fieldset h3 .subLegend .subLegend-size-colorHeader {
	margin-right: 50px;
	color: #1D1D1D;
	float: right;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 8px;
	width: 40%;
	}

.fieldsetBox fieldset h2 a.trigger.open .subLegend,
.fieldsetBox fieldset h3 a.trigger.open .subLegend {
	/*background: url(/Assets/images/stepHide.png) no-repeat right center;*/
}

.fieldsetBox fieldset h3 a.trigger.open .subLegend2 {
	background: none;
	}
	
	.fieldsetBox fieldset h2 legend,
.fieldsetBox fieldset h3 legend {
	display: block;
	color: #1d1d1d;
	padding-right: 100px;
	font-size: 80%;
	}
	
	
.fieldsetBox fieldset h3 .subLegend .subLegend-from {
	color: #1D1D1D;
	right: 0;
	text-align: left;
	border-left: 1px solid #fff;
    padding: 8px;
    width: 35%;
	display: inline-block;
	vertical-align: top;
	}
	
.fieldsetBox fieldset h3 .open .subLegend .subLegend-from {
	display: none;
	}
	
.fieldsetBox fieldset h3 .subLegend .subLegend-to {
	position: absolute;
	margin-right: 40%;
	top: 1.1em;
	color: #1D1D1D;
	right: 0;
	text-align: right;
	color: #474230;
	text-shadow: 0 1px 0 white;
	}
	
.fieldsetBox fieldset h3 .open .subLegend .subLegend-to {
	display: none;
	}
	
.fieldsetBox fieldset h3 .subLegend .subLegend-status, .fieldsetBox fieldset h3 .subLegend .subLegend-remark {
	position: absolute;
	right: 50px;
	color: #1D1D1D;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	min-width: 100px;
	display: inline-block;
    text-align: center;
    padding: 8px 0;
	}

.fieldsetBox fieldset h3 .subLegend .title .subLegend-status {
	position: relative;
	margin-right: 13px;
	color: white;
	float: right;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 10%;
	}
	
.fieldsetBox fieldset h3 .open .subLegend .subLegend-status {
	display: none;
	}
.fieldsetBox fieldset h3 .open .subLegend .subLegend-status.list-item-status {
    display: inline-block;
}
	
.fieldsetBox fieldset .accordion .accordion .accordion-wrapper .subLegend-status .statusMain {
	top: -6px;
	font-size: 83.3%;
	text-shadow: none;
	line-height: 1.33em;
	}
	
.fieldsetBox fieldset .accordion-wrapper .subLegend-status .statusMain span {
	background: url(../images/ico_info-status.png) no-repeat 98% -4px;
	padding: .4em 3.3em .45em .65em;
	}
	
.fieldsetBox fieldset h3 .subLegend-status.incomplete {
	color: #b80000;
	}
	
.fieldsetBox fieldset h3 .subLegend-status.expiring {
	color: #FF8E08;
	}
	
.fieldsetBox fieldset h3 .subLegend-status.pending {
	color: #9a9b9b;
	}
	
.fieldsetBox fieldset h3 .subLegend-status.onhold {
	color: #ff0000;
	}
	
.fieldsetBox fieldset h3 .subLegend-status.valid {
	color: #2c7e00;
	}
	
	/* Status Mega Tabs for Compliances */
#fieldTitle .outer {
	position: relative;
	top: -4px;
	}
	
.expandedStatus {
	background: #CCC;
	min-height: 200px;
	}
	
.accordion-inner .statusMain.open span {
	background: url(../images/ico_info-close.png) no-repeat 98% -4px;
	}
	
	/* fieldsetBox content*/
.fieldsetBox fieldset .content {
	border: 1px solid #DDDDDD;
	border-radius: 10px;
}

.fieldsetBox fieldset .content:hover {
	/*background-color: #F7F7F7;*/
}
	
    .fieldsetBox fieldset .content .content-wrapper {
		margin-bottom: 0;
	}

    .fieldsetBox fieldset .content .content-wrapperPadding {
		margin-bottom: 0;
		padding: 10px 10px 0 10px;
	}

    .fieldsetBox fieldset .content .content-wrapperAccordion {
		margin-bottom: 0;
		padding: 0 0 0 10px;
	}

    .fieldsetBox fieldset .content .content-wrapperAccArtw {
		margin-bottom: 0;
	}
	
    .fieldsetBox fieldset .content .content-wrapper fieldset {
	    padding: 0;
	}
	
	.fieldsetBox fieldset .content .content-wrapper fieldset fieldset {
		margin-bottom: 0;
		padding: 0;
		width: 99%;
	}
	
.accordion .accordion {
	margin: 0 0 2em;
	}
	
.fieldsetBox fieldset .accordion .accordion .accordion-wrapper .statusMain {
	top: .75em;
	}
	
.fieldsetBox fieldset .content .content-wrapper .sub-fieldset {
	margin-bottom: 0;
	padding: 10px;
	}
	
.fieldsetBox fieldset .outer .content {
	padding: 1em 1% 0em !important;
	margin: 0 0 1em;
	width: 97.85%;
	}
	
/* =============================================================================
   VIII.  FIELDSET SUBMIT BUTTONS, ...
   ========================================================================== */	
	
/* fieldsetBox submit */
.row.submit {
	margin: 0;
}

.row.submit div.wrapper,
.row.submit span.wrapper {
	padding: 0 10px 6px 0;
	text-align: right;
	display: inline-block;
	width: 100%;
}
	
.row.submit .form-submit.notfoundBtn {
	margin-left: 10px;
	text-transform: uppercase;
}
	
.brandSearch .content-wrapper {
	margin-top: 0.5em;
	}
	
/* =============================================================================
   IX.  FIELDSET SPECIAL BLOCK, ...
   ========================================================================== */	
		
	/* special-block */
.fieldsetBox fieldset .content .content-wrapper .sub-fieldset.special-block {
	overflow: hidden;
	background-color: #F7F7F7;
	color: #3b3b3b;
}

.content .sub-fieldset.topstatus {
	overflow: hidden;
	background: #F7F7F7;
	color: #3b3b3b;
	border-radius: 10px 10px 0 0;
	padding-right: 43px;
	text-align: right;
}

    .content .sub-fieldset.topstatus span.wrapper {
	padding: 0;
	text-align: right;
	display: block;
	overflow: visible;
	}

    .content .sub-fieldset.topstatusPurple span.wrapper,
    .content .sub-fieldset.topstatusGreen span.wrapper {
	padding: 0;
	text-align: right;
	display: block;
	overflow: visible;
	}

	
.fieldsetBox fieldset .content .content-wrapper .sub-fieldset.special-block h3 {
	color: #3b3b3b;
	}

.special-block .col {
	width: 20%;
	float: left;
	margin-right: 3%;
	}
	
    .special-block .col.first {
	width: 30%;
        margin-left: 10px;
	}
	
    .special-block .col.last {
	width: 40%;
	margin-right: 0;
    /*text-align:right;*/
	}
	
.special-block .field-items {
	margin-bottom: 5px;
	display: block;
	}
	
    .special-block .field-items select {
	text-transform: uppercase;
	}
	
    .special-block .field-items.status-page {
	text-transform: uppercase;
	font-weight: bold;
	}
	
    .special-block .field-items .radio-wrapper {
	display: block;
	margin-bottom: 10px;
	}
	
        .special-block .field-items .radio-wrapper input {
	margin-right: 10px;
	vertical-align: top;
	border: none;
	background: none;
	}
	
        .special-block .field-items .radio-wrapper label {
	vertical-align: top;
	}
	
.special-block .submit {
	clear: both;
	}

/* =============================================================================
   X.  FIELDSET ROW, LABEL, RADIO, CHECKBOXES ...
   ========================================================================== */	
		
	/* p.row */
p.row, div.row {
	position: relative;
	margin-bottom: .5em;
	}
	
	p.row .wrapper,
    div.row .wrapper {
	overflow: hidden;
	display: block;
	padding: 1px 0;
	}

/*MV Add*/	
span .headerstatus {
    position: absolute;
    top: 0;
    right: 25px;
    width: 100px;
    }
/*MV Add*/	
div.row .statusheaderblue {
        background-color: #c9f0f9;
	}
	
div.row.noTitle {
	}
	/* div.row .col-1*/
.fieldsetBox fieldset .content .row-label {
	width: 28%;
	display: inline-block;
	vertical-align: top;
	}
	
	/* LUCIE */
    .fieldsetBox fieldset .content .row-label label {
	color: #3b3b3b;
	font-weight: bold;
	/*text-shadow: 0 1px 1px white;*/
	vertical-align: top;
	display: block;
	}
	
    .fieldsetBox fieldset .content .row-label.row-block label {
	font-weight: bold;
	/*text-shadow: 0 1px 1px white;*/
	vertical-align: top;
	display: block;
	padding-top: 0;
	}
	
    .fieldsetBox fieldset .content .row-label.row-inline label {
    margin-left: 10px;
	padding-top: 0;
	}
	
.fieldsetBox fieldset .content .row-checkBoxes {
	padding-top: 10px;
	}
	
    .fieldsetBox fieldset .content .row-checkBoxes .row-label {
	width: auto;
	}
	
.fieldsetBox fieldset .content .row.row-checkBoxes .col-2.width20 {
	width: 25.25%;
	display: inline-block;
	margin-left: 1%;
	}
		
.fieldsetBox fieldset .content .row.comment .row-label {
	padding-top: .5em;
	border-top: 1px solid #bbb;
	}
	
	/* div.row .col-2 */
.fieldsetBox fieldset .content .row {
        margin-bottom: 7px;
        /*margin-bottom: 10px;*/
    /*margin-left:10px;*/
	}
	
    .fieldsetBox fieldset .content .row.submit {
	margin-bottom: 0;
	/*padding-bottom: 10px;*/
	}
	
    /* width 10% */
	.fieldsetBox fieldset .content .row .col-2.status,
    .col-2.status {
        min-width: 100px;
		display: inline-block;
        margin-right: 10px;
	}

	.fieldsetBox fieldset .content .row .col-2.statusAcc,
    .col-2.statusAcc {
        min-width: 100px;
	display: inline-block;
	}
	
	/* width 10% */
    .fieldsetBox fieldset .content .row .col-2.width10 {
	width: 10%;
	display: inline-block;
	margin-left: 1%;
	}
	/* width 30% */
    .fieldsetBox fieldset .content .row .col-2.width15 {
	width: 60%;
	display: inline-block;
	margin-left: 1%;
	}
	/* width 30% */
    .fieldsetBox fieldset .content .row .col-3.width15 {
	width: 20%;
	display: inline-block;
	margin-left: 1%;
	}
	/* width 30% */
    .fieldsetBox fieldset .content .row .col-2.width30 {
	width: 30%;
	display: inline-block;
	margin-left: 1%;
	}
	/* width 50% */
    .fieldsetBox fieldset .content .row .col-2.width50 {
	width: 63.5%;
	display: inline-block;
	margin-left: 1%;
	}
	/* width 60% */
    .fieldsetBox fieldset .content .row .col-2.width60 {
	width: 66.5%;
	display: inline-block;
	margin-left: 1%;
	}

	.fieldsetBox fieldset .content .row .col-2.width60.large input, 
    .fieldsetBox fieldset .content .row .col-2.width60.large select {
            width: 94%;
	}

	.fieldsetBox fieldset .content .row-block {
		display: block;
		margin: 0 0 .75em;
		width: 100%;
	}
	
    .fieldsetBox fieldset .content .row-block:last-child {
		margin: 0;
	}
	
    .fieldsetBox fieldset .content .row-block input.form-text {
		margin-left: .4em;
	}
	
    .fieldsetBox fieldset .content .row-block input.form-radio {
		margin-right: .4em;
	}
	
    .fieldsetBox fieldset .content .row-block.radiobox label {
		margin-right: .75em;
	}
	
    .fieldsetBox fieldset .content .row-block.inline {
		display: inline-block;
		width: auto;
	}

	.fieldsetBox fieldset .content .row .row-block input.form-text {
		width: auto;
	}

.brand-logo {
	text-align: center;
	width: 150px;
	vertical-align: middle;
}

a .row-line-delete, .row-line-close {
	width: 21px;
	height: 21px;
	background: url(../images/icon-delete.png) no-repeat 0 0;
	display: inline-block;
}

a .row-line-delete:hover, .row-line-close:hover {
	background: url(../images/icon-delete-hover.png) no-repeat 0 0;
}
	
	.row-line-close.edit {
	}
	
.documents .row-line-close {
	top: 4px;
}

.fieldsetBox fieldset .content .row .col-2.width60 .row-block label {
	display: inline-block; /*vertical-align:top;*/
}

.fieldsetBox.brandSearch {
    height: 100%;
	}
	
.form-multi-select-checkbox {
	display: block;
    /*margin: 0.5em 0 0;*/
	border: 1px solid #C6BDA8;
	height: 70px;
	overflow: auto;
	background: white;
    width: 95%;
	padding: .5em 1%;
	}
	
    .form-multi-select-checkbox.noOverflow {
	border: none;
	height: auto;
	overflow: visible;
	background: none;
	width: 97.4%;
	padding: .5em 0;
	}
	
        .form-multi-select-checkbox.noOverflow label {
	display: block;
	margin-bottom: 10px;
	}
	
.fieldsetBox fieldset .content .row .col-2 .row-block.row-date label {
	vertical-align: middle;
	}
	
.fieldsetBox fieldset .content .row .col-2 .row-block.row-date select {
	padding-left: 1.5%;
	padding-right: 1.5%;
	}
	
.fieldsetBox fieldset .content .row .col-2 .row-block.row-date label.row-top {
	vertical-align: top;
	}
	
.row-date label {
	width: 13%;
	}
	
.multi-img {
	margin-bottom: 10px;
	}
	
    .multi-img img {
	margin: 0 10px 0 5px;
	}
	
	/* Documents upload */
.row.documents {
	padding-top: 0.5em;
	}
	
.docs-wrapper {
	display: block;
	position: relative;
	margin: 0 0 3px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #bbb;
	font-weight: bold;
	}

.fieldsetBox fieldset .content .content-wrapper fieldset fieldset {
	margin-bottom: 0;
	padding: 0;
	width: 100%;
	}
	
	/* Multi select */
.fieldsetBox fieldset .content .row .col-2.width100 {
	width: 100%;
	display: block;
	margin-left: 0;
	}
	
    .fieldsetBox fieldset .content .row .col-2.width100 .row-block {
	width: 23.85%;
	margin-right: 1%;
	}
	
        .fieldsetBox fieldset .content .row .col-2.width100 .row-block:last-child {
	margin-right: 0;
	}
	
        .fieldsetBox fieldset .content .row .col-2.width100 .row-block .form-multi-select {
	width: 100%;
	}
	
.boxNotFound {
        background-color: white; 
        /*padding: 10px 1%;*/ 
        margin: 2px 0 1px 5px;
	}

    .boxNotFound input {
        margin: 0 !important;
    }
	
	/* Multi select 7 cols */
.fieldsetBox fieldset .content .row .col-2.width100 {
	width: 100%;
	display: block;
	margin-left: 0;
	}
	
    .fieldsetBox fieldset .content .row .col-2.width100 .row-block {
	width: 13%;
	margin-right: 1%;
	}
	
	.fieldsetBox fieldset .content .row .col-2.width100 .row-block:last-child,
        .fieldsetBox fieldset .content .row .col-2.width100 .row-block:last-child.last {
	margin-right: 0;
	}
	
        .fieldsetBox fieldset .content .row .col-2.width100 .row-block .form-multi-select {
	width: 100%;
	}
	
.fieldsetBox fieldset .content .row .col-2.width0 {
	width: auto;
	display: inline-block;
	margin-left: 1%;
	}

/* =============================================================================
   XI.  TABLE, ...
   ========================================================================== */	
.tablesorter {
	}
	
    .tablesorter table {
	}
	
table.tablesorter {
	font-family: arial;
	background: none;
	margin: 10px 0pt 15px;
	width: 100%;
	text-align: left;
	}
	
    table.tablesorter thead {
	background: #D1C089 url(../images/bg_legend-h2-inner-shadow.gif) repeat-x 0 0;
	}
	
    table.tablesorter-header thead tr th, table.tablesorter tfoot tr th {
	    border: none;
	    padding: 10px 1%;
	}

.tablesorter-header {
	/*background: url(../images/tablesorter/bg.gif) no-repeat center right;*/
	cursor: pointer;
}

/*.tablesorter-header-inner {
    padding-right:5px;
}*/

table.tablesorter tbody tr {
	background-color: #fff;
}

table.tablesorter tbody td {
	padding: 10px 1%;
	vertical-align: middle;
	border: none;
	background-color: #fff;
}

table.tablesorter thead * {
	z-index: 5;
}

table.tablesorter tbody * {
	z-index: 4;
}
	
/*table.tablesorter tbody tr.odd td	{
	background-color: #F0F0F6;
}*/
	
.tablesorter-headerAsc {
    background: url(../images/tablesorter/asc.gif) no-repeat right 90%;
}
	
.tablesorter-headerDesc {
	background: url(../images/tablesorter/desc.gif) no-repeat right 90%;
}
	
/*table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #ebd58d;
}*/
	
/* Table search Results */
.results,
.greenTable,
.purpleTable,
.purpleLayoutTable {
}
	
.results table {
}
	
table.results,
table.greenTable,
table.purpleTable,
table.purpleLayoutTable {
	font-family: arial;
	background: none;
	margin: 0;
	width: 100%;
	text-align: left;
}
	
table.results thead {
	background: #00B9E4;
	color: #fff;
}

	/* LUCIE */
    table.greenTable thead {
        background: #e3f26f;
        color: #3b3b3b; 
	}

    table.purpleTable thead {
        background: #ac7dbe; 
        color: white;
	}

    table.purpleLayoutTable thead {
        background: #ac7dbe; 
	}

	table.orangeLayoutTable tbody tr td.first {
	}

	table.orangeLayoutTable thead {
        background: rgb(241, 171, 56); 
	}

    table.orangeLayoutTable thead tr.blank {
        background: white; 
        color: #1D1D1D;
        border-right: 1px solid white;
	}

    table.orangeLayoutTable thead tr.blank th.first {
	}

    table.orangeLayoutTable thead tr.light {
        color: white;
	}

    table.orangeLayoutTable thead tr.light th {
        border-right: 1px solid white;
	}

    table.orangeLayoutTable thead tr.light th.first {
	}

    table.orangeLayoutTable thead tr.strong {
        background: #ff8e08; 
	}

	table.blackLayoutTable thead, table.blackLayoutTable thead th {
        background: var(--baseColorDefault); 
	}

	.sourcingText {
	    color: #b0ba0d;
	    font-weight: bold;    
	}

	.partnerText {
	    color: #7f379b;
	    font-weight: bold;    
	}

table.results thead tr th,
table.greenTable thead tr th,
table.purpleTable thead tr th,
table.blackLayoutTable thead tr th,
table.purpleLayoutTable thead tr th,
table.orangeLayoutTable thead tr th {
	text-transform: uppercase;
	font-weight: bold;
	border-left: 1px solid var(--baseColorDefault);
	border-right: 1px solid #fff;
	padding: 10px 10px 7px 10px;
	vertical-align: middle;
}

	table.results thead tr th:last-of-type,
	table.greenTable thead tr th:last-of-type,
	table.purpleTable thead tr th:last-of-type,
	table.blackLayoutTable thead tr th:last-of-type,
	table.purpleLayoutTable thead tr th:last-of-type,
	table.orangeLayoutTable thead tr th:last-of-type {
		border-right: 1px solid var(--baseColorDefault);
	} 
	
	table.results tbody tr,
	table.greenTable tbody tr,
	table.purpleTable tbody tr,
	table.blackLayoutTable tbody tr,
	table.purpleLayoutTable tbody tr,
	table.orangeLayoutTable tbody tr {
		border-bottom: 1px solid #dddddd;
	}

		table.results tbody tr td,
		table.greenTable tbody tr td,
		table.purpleTable tbody tr td,
		table.blackLayoutTable tbody tr td,
		table.purpleLayoutTable tbody tr td,
		table.orangeLayoutTable tbody tr td {
			border-right: 1px solid #fff;
			padding: 5px 10px;
			vertical-align: middle;
		}

			table.purpleTable tbody tr td:first-child {
				text-align: center;
			}
		
/* =============================================================================
   XII. TOOLTIP
   ========================================================================== */

/*
.ttlist-valid,
.ttlist-list-valid,
.greenLayout .ttlist-valid,
.ttlist-statusLicensing.valid {
    background: #2c7e00 !important;
}

.ttlist-expiring,
.ttlist-list-expiring,
.greenLayout .ttlist-expiring,
.ttlist-statusLicensing.expiring {
    background: #FF8E08 !important;
	}
	
.ttlist-incomplete,
.ttlist-list-incomplete,
.greenLayout .ttlist-incomplete,
.ttlist-statusLicensing.incomplete {
    background: #b80000 !important;
	}
	
.ttlist-onhold,
.ttlist-list-onhold,
.greenLayout .ttlist-onhold,
.ttlist-statusLicensing.onhold {
    background: #ff0000 !important;
	}
	
.ttlist-pending,
.ttlist-list-pending,
.greenLayout .ttlist-pending,
.ttlist-statusLicensing.pending {
    background: #9a9b9b !important;
	}*/



/* =============================================================================
   XIII. SLIDER, ...
   ========================================================================== */
div.row.slider {
	margin-bottom: 20px;
	}
	
.slider input#amount {
	padding: 0;
	width: 25px;
	text-align: center;
	}
	
.slider span.col-2 {
	vertical-align: top;
	padding: 5px 0;
	}
	
/* =============================================================================
   XIV. PAGER, ...
   ========================================================================== */
ul#pagination {
	border: 0;
	margin: 0;
	padding: 10px 24px 0 0;
	text-align: right;
	background: url(../images/bg_down_grey.png) no-repeat right top;
	}
	
#pagination li {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 11px;
	list-style: none;
	color: #7e7e7e;
	display: inline-block;
	}
	
#pagination a, #pagination button {
	margin-right: 2px;
	border: solid 1px #fff;
	}
	
#pagination button {
    background: transparent;
}

#pagination .previous-off, #pagination .next-off {
	color: #919191;
	display: block;
	display: inline-block;
	padding: 3px 4px;
	}
	
#pagination .next a, #pagination .previous a, #pagination .next button, #pagination .previous button {
	font-weight: bold;
    padding: 3px 0;
	}
	
#pagination .active {
	font-weight: bold;
	display: inline-block;
	padding: 3px 4px;
	background: #a5e6f5;
	}
	
#pagination a:link, #pagination a:visited, #pagination button {
	color: #7e7e7e;
	display: inline-block;
    padding: 3px 2px 3px 0;
	text-decoration: none;
	}
	
#pagination a:hover {
	text-decoration: underline;
	}
	
ul#pagination.top {
	border: 0;
	margin: 24px 0 0 0;
	padding: 0 0 10px 24px;
	text-align: left;
	background: url(../images/bg_up_grey.png) no-repeat 0 0;
	}
	
#pagination.top li {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 11px;
	list-style: none;
	color: #7e7e7e;
	display: inline-block;
	}

/* ==========================================================================
   XV. ASIDE, COL LEFT, ...
   ========================================================================== */

	aside .block {
	}
	
    aside h3 {
        color: #fff;
        text-transform: uppercase;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background: none;
        background-color: #7c7d80;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#7c7d80),to(#494949));
        background-image: -webkit-linear-gradient(top,#7c7d80,#494949);
        background-image: -moz-linear-gradient(top,#7c7d80,#494949);
        background-image: -o-linear-gradient(top,#7c7d80,#494949);
        background-image: linear-gradient(to bottom,#7c7d80,#494949);
        border: 1px solid #3e3d3e;
    }
	
		aside h3 a {
			font-size: 65%;
			font-family: Arial, Tahoma, sans-serif;
			display: inline-block;
			width: 93%;
			padding: 10px;
			background: url(../images/ico_new-product-white.png) no-repeat 98% center;
			text-decoration: none;
			color: #fff;
		}

        aside h3:hover {
            -webkit-border-radius: 2px;
            border-radius: 2px;
            background: none;
            background-color: #494949;
            background-image: -webkit-gradient(linear,left top,left bottom,from(#494949),to(#7c7d80));
            background-image: -webkit-linear-gradient(top,#494949,#7c7d80);
            background-image: -moz-linear-gradient(top,#494949,#7c7d80);
            background-image: -o-linear-gradient(top,#494949,#7c7d80);
            background-image: linear-gradient(to bottom,#494949,#7c7d80);
            border: 1px solid #3e3d3e;
		}
	
    aside ul {
		list-style-type: none;
		padding: 0;
		margin: 2px 0;
		float: left;
		display: block;
		width: 100%;
		margin-bottom: 0;
		background: white;
	}
	
    aside li {
        cursor: pointer;
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: block;
        margin-bottom: 2px;
        -webkit-border-radius: 1px;
        border-radius: 1px;
        background-color: var(--baseColorDefault);
        border: 1px solid #5b5b5e;
	}

		aside li:hover {
			background-color: var(--baseColorDefault);
		}

    aside .accordion li, .block.bluebg {
        background-color: var(--baseColorDefault); 
        border: none;   
        width:100%;
    }

		aside .accordion li:hover {
			background: none repeat scroll 0 0 var(--baseColorDefault);
			border: none;
		}
    
    aside #menu .validation {
		font: bold 1.1em/2em Arial, sans-serif;
		cursor: pointer;
		background: #e2e2e2;
		margin-right: -4%;
    }

        aside #menu .validation a, aside #menu .validation button {
			background: url(../images/arr_left_menu_last_child.png) no-repeat center right;
			color: #4b4a4a;
			display: block;
			text-decoration: none;
			border-bottom: none;
			font: bold 1.1em/2em Arial, sans-serif;
			padding: 0 10px 0 12px;
		}

        aside #menu .validation button {
            border: none;
        }


aside #menu .advsearch a,
aside #menu .advsearch button {
	background: url(/Assets/images/leftNav_ArrowRight_black.png) no-repeat center right;
	width: 100%;
	text-align: left;
	color: var(--baseColorDefault);
	border-color: var(--baseColorDefault);
	border-style: solid;
	border-width: 1px;
	display: block;
	text-decoration: none;
	font: 1.1em/2em Arial, sans-serif;
	padding: 0 10px 0 12px;
	text-transform: uppercase;
}

aside.greenLayout #menu .advsearch a,
aside.greenLayout #menu .advsearch button {
	background: url(/Assets/images/leftNav_ArrowRight_green.png) no-repeat center right;
}

aside.blueLayout #menu .advsearch a,
aside.blueLayout #menu .advsearch button {
	background: url(/Assets/images/leftNav_ArrowRight_blue.png) no-repeat center right;
}

aside.purpleLayout #menu .advsearch a,
aside.purpleLayout #menu .advsearch button {
	background: url(/Assets/images/leftNav_ArrowRight_purple.png) no-repeat center right;
}

    aside.blueLayoutProducts #menu .advsearch a, aside.blueLayoutProducts #menu .advsearch button {
        width:100%
    }


		aside .accordion .sel, aside .accordion .sel:hover, aside #menu .advsearch button.sel {
			border-top: 1px solid var(--baseColorDefault);
			border-bottom: 1px solid var(--baseColorDefault);
		}

    aside #menu li a.active {
		background: url(../images/arr_left_menu_close.png) no-repeat center right;
	}
	
    aside #menu button,
	aside #menu li button,
    aside #menu li a {
		text-decoration: none;
		border-bottom: none;
		font: bold 1.1em/2em Arial, sans-serif;
		color: #fff;
		padding: 0 10px 0 12px;
		display: block;
		cursor: pointer;
        background: url(/Assets/images/leftNav_ArrowRight_white.png) no-repeat center right;
	}

    aside #menu button,
    aside #menu li button {
        border: none;
        width: 100%;
        text-align: left;
	}

		aside #menu li button.nochild,
		aside #menu li a.nochild {
			/*background: url(/Assets/images/leftNav_ArrowRight_white.png) no-repeat center right;*/
		}	

aside li ul li {
	background: #FAFAFA;
	font-size: 0.9em;
}

    aside #menu li ul li a, aside #menu li ul li button {
		color: #4b4a4a;
		padding-left: 34px;
	}
	
    aside #menu li ul li.last-child {
		background: #e2e2e2;
	}
	
    aside #menu li ul li.last-child:hover {
		background: #d1d1d1;
	}

		aside #menu li ul li.last-child a, aside #menu li ul li.last-child button {
			background: url(/Assets/images/leftNav_ArrowRight_purple.png) no-repeat center right;
			padding-left: 46px;
		}



	/* Search box right */
#ops-wrapper {
    margin: 0 0 0.8em;
}

	#ops-wrapper span.label-search,
    #ops-wrapper span {
        display: none;
    }

#available-ops {
    width: 100%;
}
	
	/* New product */
#newProduct {
}

    #newProduct h3 {
        margin: 1em 0;
    }


/* ==========================================================================
   XVI. FOOTER
   ========================================================================== */
#mainContent footer p.row.submit,
#mainContent footer div.row.submit {
	padding: 0 2% 2em;
}
	

/* ==========================================================================
   XVII. COLORBOX POPUP, ...
   ========================================================================== */
#popup-wrapper {
    height: 100%;
    }

	#sb-body, #sb-loading {             
	background-color: #a9e4f2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a9e4f2), to(#85def2)); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, #a9e4f2, #85def2); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #a9e4f2, #85def2); /* Firefox 3.6-15 */
	background-image: -o-linear-gradient(top, #a9e4f2, #85def2); /* Opera 11.10-12.00 */
	background-image: linear-gradient(to bottom, #a9e4f2, #85def2); /* Firefox 16+, IE10, Opera 12.50+ */
	padding: 0;
	border: none;
	-webkit-box-shadow: 2px 2px 5px 0px #454545; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
	box-shadow: 2px 2px 5px 0px #454545; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
	}
	
#sb-body-inner {
    padding: 0;
}

#index-wrapper {
    height: 100%;
	}
	
#colorBox {
    height: 100%;
	}
	
	#colorBox #mainContent {
	float: none;
	width: 100%;
	margin: 1em;
	}
	
	#colorBox .fieldsetBox fieldset h2 a.trigger, #colorBox .fieldsetBox fieldset h3 a.trigger {
	text-decoration: none;
	padding: 0.8em 4%;
	display: block;
	background: none;
	}
	
	#colorBox .fieldsetBox fieldset h2 legend, #colorBox .fieldsetBox fieldset h3 legend {
	display: block;
	color: #fff;
	padding: 10px 32px 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-transform: uppercase;
	background: url(../images/ico_new-product-white.png) no-repeat 100% center;
	}
	
    #colorBox .fieldsetBox fieldset .content .row {
    margin-bottom: 1px;
    }

	#colorBox .fieldsetBox fieldset .content {
	border: none;
	width: 96.5%;
	}
	
	#colorBox .fieldsetBox fieldset .content .content-wrapper {
	padding: 0 0;
	}
	
#confirm-wrapper {
}
	
	#colorBox .fieldsetBox fieldset h2 a.trigger.open .subLegend, #colorBox .fieldsetBox fieldset h3 a.trigger.open .subLegend {
	background: none;
	}
	
#colorBox #cat-choice .row-block.inline {
    margin: -5px 0.5% 10px 0;
    width: 32%;
}

    #colorBox #cat-choice .row-block.inline:last-child {
        margin-right: 0;
    }
	
#colorBox table.tablesorter thead {
    background: #2cc5e8;
    color: white;
    text-align: left;
	}
	
    #colorBox table.tablesorter thead tr th, table.tablesorter tfoot tr th {
        border: 1px solid #85def2;
        padding: 10px 1%;
	}
		
#colorBox table.tablesorter tbody td {
    padding: 5px 1%;
    vertical-align: top;
    border: 1px solid #85def2;
    background-color: #fff;
}
	#colorBox .row.submit div.wrapper,
	#colorBox .row.submit span.wrapper {
	padding: 0;
	text-align: right;
	display: block;
	overflow: visible;
	}
	
	#colorBox .fieldsetBox fieldset .content .row-label {
	padding: 7px 0;
	}

	#colorBox .fieldsetBox fieldset .content .row-label.row-inline {
	padding: 0;
	}
	
#colorBox .fieldsetBox fieldset .content .row-block.inline {
    padding: 0;
    margin: 0;
}
	
#colorBox table.tablesorter {
    margin: 0;
}
	


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
    }

/* TO BE RENAMED - FIND OUT WHERE THIS ONE IS USED
.hidden {
    display: none;
    visibility: hidden;
}
*/

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/* MV popup header & footer */

.l-fit-height {
        display: table;
    height: 100%;
        width: 100%;
      }

.l-fit-height-row {
        display: table-row;
    height: 1px;
      }

.l-fit-height-row-content {
        /* Firefox requires this */
        display: table-cell;
      }

      .l-fit-height-row-expanded {
    height: 100%;
        display: table-row;
      }

      .l-fit-height-row-expanded > .l-fit-height-row-content {
        height: 100%;
        width: 100%; /*MV Add*/
      }

      .l-scroll {
        /* Firefox requires this to do the absolute positioning correctly - MV add -moz-*/
    display: -moz-inline-block;
        overflow-y: auto;
    position: relative;
      }

      .l-scroll-content {
        position: absolute;
    top: 0;
    bottom: 0;
    width: 100%; /*MV Add*/
      }

div .row .wrapper .search {
    padding: 0;
      }



blacklayout .link button, 
button .blacklayout.link, 
button .blacklayout .link, 
.blacklayout.link button, 
.blueLayout .link
{
    color: #68696b;
}
.blueLayout .link button,
.blueLayout .link,
.link  
{
    text-transform: uppercase;
    color: #00B1DC;
    text-decoration: underline;
    border: 0;
}



.orangeLayout .productList
{
    margin-top : 20px;
    width:99%;
}
.orangeLayout .productListTitle
{
    padding: 5px;
    text-transform:uppercase;
    color: #FF8E08;
}



.management
{
    border: 1px solid white;
    padding: 10px 42px 10px 20px;
}
.fieldsetBox fieldset .content .management .row 
{
    margin:0;
}
.management .fullline
{
    display:inline-block;
    width:100%;
}


/*#region TILES */

.tileGroup .header
{
    text-transform:uppercase;
    padding: 0px 0px 5px 1px;
}
.tileGroup.fullline
{
    width:100%;
}
.tileGroup
{
    display: inline-block;
    padding-left: 10px;
    margin-bottom: 15px;
}
.purpleLayout .tileGroup
{
    color:#87379B;
}
.orangeLayout .tileGroup
{
    color: #FF8E08;
}

.blueLayout .tileGroup
{
    color: #00B9E4;
}

.tileGroup.four
{
    width: 900px;
}
.tileGroup.three
{
    width: 675px;
}
.tileGroup.two
{
    width: 450px;
}
.tileGroup.one
{
    width: 225px;
}
.tileGroup.none
{
    display:none;
}

.tile
{
    vertical-align:top;
    width : 215px;
    margin-right:2px;
    padding-top:0;
    display: inline-block;
	color: #3b3b3b;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    cursor:pointer;
}
.tile label {
    cursor:pointer;
}

.fieldsetBox fieldset .content .row.tile-single
{
    margin:0;
}

.tile .tile-multiple
{
    display:table;
    table-layout:fixed;
    width:100%;
    margin:0 !important;
}
.tile .tile-multiple .tileMeasure-col
{
    display:table-cell;
    text-align:center;
}
.orangeLayout .tile:hover
{
    border: 1px solid #FF8E08;
}
.purpleLayout .tile:hover
{
    border: 1px solid #87379B;
}


.blueLayout .tileFooter.selected,
.blueLayout .tileFooter:hover,
.blueLayout .tile.selected,
.blueLayout .tile:hover
{
    border: 1px solid #00B9E4;
}

.measureDef label 
{
    color: #BDBDBD;
    font-weight: normal;
}

.tile.disabled, .tile .disabled
{
    color:#BDBDBD;
    font-weight:normal;
    cursor:default;
}
.tile.disabled label, .tile .disabled label {
    cursor:default;
}

.tileFooter.disabled:hover,
.tile.disabled:hover
{
    border: 1px solid transparent;
    cursor: auto;
}

.tile .info-tooltip
{
    position: absolute;
    right: 5px;
    top: 5px;
}


.tile.disabled .info-tooltip 
{
    opacity: 0.4;
}
.tile.disabled .tileHeader,
.tile.disabled .tileFooter
{
    color:#BDBDBD;
    font-weight:normal;
}
.tileHeader
{
    padding: 5px 10px;
    border-bottom: 1px dotted #BDBDBD;
	color: #3b3b3b;
    margin:0;
}

.blueLayout .tileMeasure
{
    color:#00B9E4;
}
.orangeLayout .tileMeasure
{
    color:#FF8E08;
}
.purpleLayout .tileMeasure
{
    color:#87379B;
}

 .tile.disabled .tileMeasure, 
 .tileMeasure.disabled,
 .tile.disabled .tileFooter
{
    color:#BDBDBD;
    font-weight:normal;
}

.tileMeasure
{
    font-size:500%;
    line-height: normal;
    text-align: center;
    font-weight:normal;
}
.tileMeasure.small
{
    font-size:400%;
}
.tileFooter
{
    text-transform:uppercase; 
    color:#3B3B3B;
    font-weight:bold;
    border: 1px solid transparent;
}

.fieldsetBox fieldset .tileHeader h3
{
    color:#3B3B3B;
    text-transform: uppercase;
    font-weight: bold;
    font-size:12px;
}
.fieldsetBox fieldset .tile.disabled .tileHeader h3 
{
    color:#bdbdbd;
    font-weight:normal;
}
.fieldsetBox fieldset .content .tile-label
{
    color:unset;
	width: 40%;
	vertical-align: top;
	font-weight: bold;
	display: inline-block;
    margin-left: 10px;
	padding-top: 0;
}
.fieldsetBox fieldset .content .tile-content
{
	width: 40%;
	display: inline-block;
	vertical-align: top;
}
/*#endregion */

.orangeLayout h1.titleName 
{ 
    background: #FF8E08;
    border-color: #FF8E08;
}


.navlefthide
{
    margin: 10px 10px 0px 0px;
    border-color: #FF8E08;
    font-size: 16px;
    padding: 5px;
    color: #FF8E08;
    border-top: 1px solid;
    border-right: 1px solid;
    text-align: right;
    cursor:pointer;
}

.verticalnav {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    transform-origin: left top 0;
    float: left;
    margin-left: 5px;
    margin-top: 115px;
}

/* ==========================================================================
   0. COLORS
   ========================================================================== */

.tablesorter.readSupply td
{
    padding: 0;
}

.line 
{
   border-bottom: 1px solid #ac7dbe;
}

.readSupply h5 {
   line-height: 0;
   font-size: 100%;
    margin: 15px 0 5px 15px;
} 

.readSupply h5 span { 
    background-image:url(../images/arrow_top_gray.png);
    background-color:#fff; 
    background-size: 25px;
    background-repeat: no-repeat;
    background-position-x: 5px;
    color:#757575;
    padding: 5px 10px 10px 35px;
    font-size:90%;
    font-weight:normal;
}
.readSupply h5 span.imp { 
    font-size:100%;
    font-weight:bold;
    color:rgb(176, 186, 13);
    text-transform:uppercase;
}

/* ==========================================================================
   I. SOURCING - GREEN
   ========================================================================== */
	/* Links */
	.greenLayout a { color: #93a600;}

	/* btn new product */
	.greenLayout #newProduct h3 {
	background-color: #ced51f;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ced51f), to(#b0ba0d)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(top, #ced51f, #b0ba0d); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
	background-image:    -moz-linear-gradient(top, #ced51f, #b0ba0d); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #ced51f, #b0ba0d); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #ced51f, #b0ba0d); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	}
	/* Headings */
	.greenLayout h1 { background: #b0ba0d;}
	.orangeLayout h1 { background: #FF8E08;}
	
	.greenLayout .fieldsetBox .content-wrapper h3 {
	color: #b0ba0d;}
	
	/* Fieldset */
	.orangeLayout .fieldsetBox fieldset .content { border: 1px solid #FF8E08;}
	.greenLayout .fieldsetBox fieldset .content { border: 1px solid #b0ba0d;}
	.blacklayout .fieldsetBox fieldset .content { border: 1px solid #68696b;}
	
    .greenLayout .fieldsetBox fieldset .content .exception
    { 
        border: 1px solid #b0ba0d;
        margin:-1px;
        padding:0 !important;
        width:100%;
        background-color: #e3f26f;
    }

 	.greenLayout .fieldsetBox fieldset h2 legend, 
     .greenLayout .fieldsetBox fieldset h3 legend 
     {
         color: #3b3b3b;  
         /*text-shadow: 0 1px 0 #b6ce00;*/ 
 	}
	
	.greenLayout .form-submit.transparent,
	.greenLayout .form-submit.transparent:hover,
	.form-submit.transparent,
	.form-submit.transparent:hover 
	{
	color: transparent;
	background-color: transparent;
	border: none;
    margin:0 0 0 8px;
    padding:0;
	}
	/* Buttons submit, ... */
	/* LUCIE
	.greenLayout button.form-submit,
	.greenLayout input[type="button"],
	.greenLayout input[type="reset"],
	.greenLayout input[type="submit"],
	.greenLayout .form-submit
	{
	-webkit-border-radius: 1px;
	border-radius: 1px;
	padding: .75em .95em;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: white;
	text-shadow: 0 1px 1px #445003;
	background-color: #494949;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#68696B));
	background-image: -webkit-linear-gradient(top, #494949, #68696B);
	background-image:    -moz-linear-gradient(top, #494949, #68696B);
	background-image:      -o-linear-gradient(top, #494949, #68696B);
	background-image:         linear-gradient(to bottom, #494949, #68696B);
	border: none;
	margin-left: 8px;
    min-width:75px;
	}

	
	.greenLayout .form-cancel { margin-left: 8px;}	

	.greenLayout button.form-submit:hover,
	.greenLayout input[type="button"]:hover,
	.greenLayout input[type="reset"]:hover,
	.greenLayout input[type="submit"]:hover,
	.greenLayout .form-submit:hover
	{
	background-color: #68696B;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#68696B), to(#494949));
	background-image: -webkit-linear-gradient(top, #68696B, #494949);
	background-image:    -moz-linear-gradient(top, #68696B, #494949);
	background-image:      -o-linear-gradient(top, #68696B, #494949);
	background-image:         linear-gradient(to bottom, #68696B, #494949);
    min-width:75px;
	}
	
	.greenLayout button.form-submit.smallbutton:hover,
	.greenLayout input[type="button"].smallbutton:hover,
	.greenLayout input[type="reset"].smallbutton:hover,
	.greenLayout input[type="submit"].smallbutton:hover,
	.greenLayout  .form-submit.smallbutton:hover
	{
	padding: 5px .3em;
	background-color: #68696B;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#68696B), to(#494949));
	background-image: -webkit-linear-gradient(top, #68696B, #494949);
	background-image:    -moz-linear-gradient(top, #68696B, #494949);
	background-image:      -o-linear-gradient(top, #68696B, #494949);
	background-image:         linear-gradient(to bottom, #68696B, #494949);
    min-width:75px;
	}

	.smallbutton button.form-submit,
	.smallbutton input[type="button"],
	.smallbutton input[type="reset"],
	.smallbutton input[type="submit"],
	.smallbutton .form-submit
	{
	padding: 5px .3em;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: white;
	text-shadow: 0 1px 1px #445003;
	background-color: #494949;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#68696B));
	background-image: -webkit-linear-gradient(top, #494949, #68696B);
	background-image:    -moz-linear-gradient(top, #494949, #68696B);
	background-image:      -o-linear-gradient(top, #494949, #68696B);
	background-image:         linear-gradient(to bottom, #494949, #68696B);
	border: none;
	margin-left: 8px;
    min-width:75px;
	}
*/

/* LUCIE */
.greenLayout #sb-body, .greenLayout #sb-loading {
	background-color: #e4fe19;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b0ba0d), to(#c4d637)); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, #b0ba0d, #c4d637); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #b0ba0d, #c4d637); /* Firefox 3.6-15 */
	background-image: -o-linear-gradient(top, #b0ba0d, #c4d637); /* Opera 11.10-12.00 */
	background-image: linear-gradient(to bottom, #b0ba0d, #c4d637); /* Firefox 16+, IE10, Opera 12.50+ */
	padding: 0;
	border: 1px solid #bebebe;
}
				
	#colorBox .greenLayout table.tablesorter thead { background: #b0ba0d;}
	
	#colorBox .greenLayout table.tablesorter thead tr th, table.tablesorter tfoot tr th { border: 1px solid #dcec5b; padding: 10px 1%;}
	#colorBox .greenLayout table.tablesorter tbody td { padding: 5px 1%;  vertical-align: middle; border: 1px solid #dcec5b; background-color: #fff; }
	
	/* Tooltip */
	.greenLayout .info-tooltip
	{
	background: url(../images/ico_info-tooltip2.png) no-repeat 0 0;
	}
	
/*
	.greenLayout .ui-tooltip {
		font-size: 0.9em;
		position: absolute;
		z-index: 9999;
		background: #5f5f5f;
		padding: 10px;
		color: #fff;
		-webkit-box-shadow: 2px 2px 3px 0 #848586;
		-moz-box-shadow: 2px 2px 3px 0 #848586;
		box-shadow: 2px 2px 3px 0 #848586;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
*/

    aside.greenLayout h3
    { 
        -webkit-border-radius:2px;
        border-radius:2px;
        background:none; 
        background-color:#7c7d80;
        background-image:-webkit-gradient(linear,left top,left bottom,from(#7c7d80),to(#494949));
        background-image:-webkit-linear-gradient(top,#7c7d80,#494949);
        background-image:-moz-linear-gradient(top,#7c7d80,#494949);
        background-image:-o-linear-gradient(top,#7c7d80,#494949);
        background-image:linear-gradient(to bottom,#7c7d80,#494949); 
        border:1px solid #3e3d3e ;
    }

    aside.greenLayout h3 a 
    {    
        color: #fff;   
    }
    aside.greenLayout h3:hover 
    { 
    -webkit-border-radius:2px;
    border-radius:2px;
    background:none; 
    background-color:#494949;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#494949),to(#7c7d80));
    background-image:-webkit-linear-gradient(top,#494949,#7c7d80);
    background-image:-moz-linear-gradient(top,#494949,#7c7d80);
    background-image:-o-linear-gradient(top,#494949,#7c7d80);
    background-image:linear-gradient(to bottom,#494949,#7c7d80); 
    border:1px solid #3e3d3e;
    }
	aside.greenLayout li 
    { 
    -webkit-border-radius:1px;border-radius:1px; 
    background-color:#b0ba0d; 
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ced51f),to(#b0ba0d)); 
    background-image:-webkit-linear-gradient(top,#ced51f,#b0ba0d); 
    background-image:-moz-linear-gradient(top,#ced51f,#b0ba0d);
    background-image:-o-linear-gradient(top,#ced51f,#b0ba0d);
    background-image:linear-gradient(to bottom,#ced51f,#b0ba0d);
    border:1px solid #5b5b5e;
    }
    aside.greenLayout li:hover 
    {
    background-color:#b0ba0d;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#b0ba0d),to(#ced51f));
    background-image:-webkit-linear-gradient(top,#b0ba0d,#ced51f);
    background-image:-moz-linear-gradient(top,#b0ba0d,#ced51f);
    background-image:-o-linear-gradient(top,#b0ba0d,#ced51f);
    background-image:linear-gradient(to bottom,#b0ba0d,#ced51f); 
    }
    aside.greenLayout .accordion li 
    {     
        background: none repeat scroll 0 0 #D1E24C; 
        border: none;   
    }
    aside.greenLayout .accordion li:hover 
    {     
        background: none repeat scroll 0 0 #D1E24C; 
        border: none;
    }
	aside.blacklayout li 
    { 
    -webkit-border-radius:1px;border-radius:1px; 
    background-color:#68696b; 
    background-image:-webkit-gradient(linear,left top,left bottom,from(#494949),to(#68696b)); 
    background-image:-webkit-linear-gradient(top,#494949,#68696b); 
    background-image:-moz-linear-gradient(top,#494949,#68696b);
    background-image:-o-linear-gradient(top,#494949,#68696b);
    background-image:linear-gradient(to bottom,#494949,#68696b);
    border:1px solid #5b5b5e;
    }
    aside.blacklayout li:hover 
    {
    background-color:#68696b;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#68696b),to(#494949));
    background-image:-webkit-linear-gradient(top,#68696b,#494949);
    background-image:-moz-linear-gradient(top,#68696b,#494949);
    background-image:-o-linear-gradient(top,#68696b,#494949);
    background-image:linear-gradient(to bottom,#68696b,#494949); 
    }
    aside.blacklayout .accordion li 
    {     
        background: none repeat scroll 0 0 #68696b; 
        border: none;   
    }
    aside.blacklayout .accordion li:hover 
    {     
        background: none repeat scroll 0 0 #68696b; 
        border: none;
    }



/*end*/


	/* Pagination */
	.greenLayout #pagination .active { background: #d1e24c;}
	
.countCellTitle {
	text-align: center;
	width: 10px;
	max-width: 150px;
}

.purpleLayout .countCell,
.blueLayout .countCell {
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    text-decoration: none;
}

.blueLayout .countCell {
    color: #68696B;
}

.purpleLayout .countCell, 
.purpleLayout .countCell a {
    color: #87379B;
    text-decoration: none;
}

.purpleLayout .countCell.noAccess {
}

.purpleLayout .countCell.noAccess:hover {
    border-left: none;
    border-right: none;
    text-decoration:none;
    font-weight: normal;
}

.purpleLayout .countCell.noAccess span {
    color: #68696B;
    font-size: 250%;
    text-decoration: none;
    vertical-align:middle;
}

.blacklayout span.statusCertification,
.blacklayout.statusCertification,
.blacklayout .statusCertification
{
    border-color:#68696b;
    color:#68696b;
}

.purpleLayout.statusCertification,
.purpleLayout .statusCertification
{
    border-color:#87379B;
    color:#87379B;
}

.orangeLayout.statusCertification,
.orangeLayout .statusCertification {
    border-color: #ff8e08;
    color: #ff8e08;
}

.purpleLayout #fieldTitle
{
    margin-top:10px;
    margin-bottom:10px;
}

	/* Links */
	.orangeLayout a 
    { 
        color: #FF8E08;
	}

	.purpleLayout a 
    { 
        color: #87379b;
	}
		
	/* btn new product */
	.purpleLayout aside #menu li a ,
	.purpleLayout #newProduct h3 {
	background-color: #ac7dbe;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ac7dbe), to(#87379b)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(top, #ac7dbe, #87379b); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
	background-image:    -moz-linear-gradient(top, #ac7dbe, #87379b); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #ac7dbe, #87379b); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #ac7dbe, #87379b); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	}
	
	/* Headings */
	.purpleLayout h1 { background: #87379b;}
	
	.purpleLayout .wrapper h3,
    .purpleLayout .fieldsetBox .content-wrapper h3
    {
	color: #87379b;
    }


	
	/* Fieldset */
	.purpleLayout .fieldsetBox fieldset .content { border: 1px solid #87379b;}
	
	/* Buttons submit, ... */
	.purpleLayout button.form-submit,
	.purpleLayout input[type="button"],
	.purpleLayout input[type="reset"],
	.purpleLayout input[type="submit"],
	.purpleLayout .form-submit
	{
	-webkit-border-radius: 1px; /* Android = 1.6, iOS 1-3.2, Safari 3-4 */
	border-radius: 1px;
	padding: .75em .95em;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: white;
	text-shadow: 0 1px 1px #770095;
	background-color: #494949;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#68696B)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(top, #494949, #68696B); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
	background-image:    -moz-linear-gradient(top, #494949, #68696B); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #494949, #68696B); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #494949, #68696B); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	border: none;
	margin-left: 8px;
    min-width:75px;
	}
	
	.purpleLayout .form-cancel { margin-left: 8px;}	

	.purpleLayout button.form-submit:hover,
	.purpleLayout input[type="button"]:hover,
	.purpleLayout input[type="reset"]:hover,
	.purpleLayout input[type="submit"]:hover,
	.purpleLayout .form-submit:hover
	{
	background-color: #68696B;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#68696B), to(#494949)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(top, #68696B, #494949); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
	background-image:    -moz-linear-gradient(top, #68696B, #494949); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #68696B, #494949); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #68696B, #494949); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    min-width:75px;
	}
	
	/* Colorbox */
	.purpleLayout #sb-body, .purpleLayout #sb-loading {             
	background-color: #a75ac5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a75ac5), to(#87379b)); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, #a75ac5, #87379b); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #a75ac5, #87379b); /* Firefox 3.6-15 */
	background-image: -o-linear-gradient(top, #a75ac5, #87379b); /* Opera 11.10-12.00 */
	background-image: linear-gradient(to bottom, #a75ac5, #87379b); /* Firefox 16+, IE10, Opera 12.50+ */
	padding: 0;
	border: 1px solid #bebebe;
	}
				
	#colorBox .purpleLayout table.tablesorter thead { background: #87379b;}
	
	#colorBox .purpleLayout table.tablesorter thead tr th, table.tablesorter tfoot tr th { border: 1px solid #d8c3e1; padding: 10px 1%;}
	#colorBox .purpleLayout table.tablesorter tbody td { padding: 10px 1%;  vertical-align: top; border: 1px solid #d8c3e1; background-color: #fff; }
	
	/* Tooltip */
	.purpleLayout .info-tooltip
	{
	background: url(../images/ico_info-tooltip2.png) no-repeat 0 0;
	}
	
	.purpleLayout #tooltip
	{
	position: absolute;
	border: 1px solid #333;
	background: #f7f5d1;
	padding: 12px;
	color: #333;
	display: none;
	background-color: #a75ac5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a75ac5), to(#87379b)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(top, #a75ac5, #87379b); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
	background-image:    -moz-linear-gradient(top, #a75ac5, #87379b); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #a75ac5, #87379b); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #a75ac5, #87379b); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	border: 1px solid #898989;
	-webkit-box-shadow: 2px 2px 5px 0px #454545; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
	box-shadow: 2px 2px 5px 0px #454545; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
	
	}
	
	/* Aside */
	aside.purpleLayout h3
	{
	background: none;
	background-color: #a75ac5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a75ac5), to(#87379b)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(top, #a75ac5, #87379b); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
	background-image:    -moz-linear-gradient(top, #a75ac5, #87379b); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #a75ac5, #87379b); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #a75ac5, #87379b); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	}
	
	aside.purpleLayout h3 a { color: white}
	
	aside.purpleLayout li 
    {
	background: #7f379b;
	}	
	aside.purpleLayout li:hover 
    {
	background: #a75ac5;
	}	
	
	aside.purpleLayout li ul li {
	background: #d8c3e1;
	}

aside.orangeLayout h3 a {
    color: white;
}
	
	aside.orangeLayout .accordion li 
    {
	background: #FF8E08;
	}	
	aside.orangeLayout li:hover 
    {
	background: #ffa030;
	}	
	
	aside.orangeLayout li ul li {
	background: #ffa030;
	}

    aside .orangeLayout .accordion li 
    {     
        background: none repeat scroll 0 0 #ffa030; 
        border: none;   
    }
    aside .orangeLayout .accordion li:hover 
    {     
        background: none repeat scroll 0 0 #FF8E08; 
        border: none;
    }
	/* Pagination */
	.purpleLayout #pagination .active { background: #d8c3e1;}

	
	
.dropdown-menu {
	/*font: 14px sans-serif;*/
	position: absolute;
	z-index: 9999999;
	display: none;
}

.dropdown-menu UL {
	min-width: 130px;
	list-style: none;
	background: #FFF;
	border: solid 1px #DDD;
	border: solid 1px rgba(0, 0, 0, .2);
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	overflow: visible;
	padding: 4px 0;
	margin: 0;
}

.dropdown-menu.has-tip {
	margin-top: 8px;
}

.dropdown-menu.has-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  display: inline-block;
}

.dropdown-menu.has-tip.anchor-right:before {
	left: auto;
	right: 9px;
}

.dropdown-menu.has-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #FFF;
  display: inline-block;
}

.dropdown-menu.has-tip.anchor-right:after {
	left: auto;
	right: 10px;
}


.dropdown-menu.has-scroll UL {
	max-height: 358px;
	overflow: auto;
}

.dropdown-menu LI {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 18px;
}

.dropdown-menu LI > A,
.dropdown-menu LABEL {
	display: block;
	color: #555;
	text-decoration: none;
	line-height: 18px;
	padding: 3px 15px;
	white-space: nowrap;
}

.dropdown-menu LI > A:hover,
.dropdown-menu LABEL:hover {
	background-color: #08C;
	color: #FFF;
	cursor: pointer;
}

.dropdown-menu .divider {
	height: 1px;
	background: #E5E5E5;
	margin: 5px 1px;
	overflow: hidden;
}

/* Icon Examples - icons courtesy of http://p.yusukekamiyamane.com/ */
.dropdown-menu.has-icons LI > A {
	padding-left: 30px;
	background-position: 8px center;
	background-repeat: no-repeat;
}

.dropdown-menu .undo A { background-image: url(icons/arrow-curve-180-left.png); }
.dropdown-menu .redo A { background-image: url(icons/arrow-curve.png); }
.dropdown-menu .cut A { background-image: url(icons/scissors.png); }
.dropdown-menu .copy A { background-image: url(icons/document-copy.png); }
.dropdown-menu .paste A { background-image: url(icons/clipboard.png); }
.dropdown-menu .delete A { background-image: url(icons/cross-script.png); }
/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: March 26, 2009
Version: 1.0

	Copyright 2009 Jeremie Tisseau
	"Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:
	http://www.gnu.org/licenses/gpl-3.0.html
*/

/***** clearfix *****/
.clear
{
    clear: both;
    height: 0;
    line-height: 0;
}

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix
{
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}

.clearfix
{
    display: block;
}
/* End hide from IE-mac */
.clearfix
{
    height: 1%;
}

.clearfix
{
    display: block;
}

/* Panel Tab/button */
.tab
{
    background: none;
    height: 42px;
    position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login
{
    display: block;
    position: relative;
    float: none;
    clear: right;
    height: 42px;
    width: 1200px;
    font-weight: bold;
    line-height: 42px;
    margin: 0 auto;
    right: 0;
    color: white;
    font-size: 100%;
    text-align: center;
    background: #68696B;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#68696B), to(#494949)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(top, #68696B, #494949); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
	background-image:    -moz-linear-gradient(top, #68696B, #494949); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #68696B, #494949); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #68696B, #494949); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */	
    border: 1px solid #1d1d1d;
    border-bottom: none;
    padding: 0 10px;
    border-radius:2px 2px 0 0 ;
}


.tab ul.login li.left
{
    background: none;
    height: 42px;
    width: 30px;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
}

.tab ul.login li.right
{
    background: none;
    height: 42px;
    width: 30px;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
}

.tab ul.login li
{
    text-align: left;
    padding: 0 6px;
    display: block;
    float: left;
    height: 42px;
    background: none;
}

.tab ul.login li a
{
    color: #15ADFF;
}

.tab ul.login li a:hover
{
    color: #4b4a4a;
}

.tab .sep
{
    color: #414141;
}

.tab a.open, .tab a.close
{
    height: 20px;
    line-height: 20px !important;
    padding-left: 30px !important;
    cursor: pointer;
    display: block;
    position: relative;
    top: 11px;
}

.tab a.open
{
    /*background: url(../images/bt_open.png) no-repeat left 0;*/
    background: url(../images/ico_arrow_bottom_black_inv_2.png) no-repeat left 0;
}

.tab a.close
{
    /*background: url(../images/bt_close.png) no-repeat left 0;*/
    background: url(../images/ico_arrow_bottom_black_inv_1.png) no-repeat left 0;
}

.tab a:hover.open
{
    /*background: url(../images/bt_open.png) no-repeat left -19px;*/
    background: url(../images/ico_arrow_bottom_black_inv_2.png) no-repeat left 0;

}

.tab a:hover.close
{
    /*background: url(../images/bt_close.png) no-repeat left -19px;*/
    background: url(../images/ico_arrow_bottom_black_inv_1.png) no-repeat left 0;
}

/* sliding panel */
#toppanel {
    /*position: fixed;*/
    position: relative;
    bottom: 0;
    width: 100%;
    z-index: 1000000005;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel
{
    width: 1200px;
    height: 270px;
    color: white;
    background: #494949;
    border: 1px solid #1d1d1d;
    border-bottom: none;
    border-top: none;
    overflow: hidden;
    position: relative;
    z-index: 3;
    display: none;
    margin: 0 auto;
    padding: 0 10px;
    clear: both;
}

#panel h1
{
    font-size: 1.6em;
    padding: 5px 0 10px;
    margin: 0;
    color: #4b4a4a;
}

#panel h2
{
    font-size: 1.2em;
    padding: 10px 0 5px;
    margin: 0;
    color: #4b4a4a;
}

#panel p
{
    margin: 5px 0;
    padding: 0;
}

#panel a
{
    text-decoration: none;
    color: white;
}

#panel a:hover
{
    color: #58B3F0;
}

#panel a-lost-pwd
{
    display: block;
    float: left;
}

#panel .content
{
    width: 100%;
    margin: 0 auto 0 0;
    padding-top: 15px;
    text-align: left;
    font-size: 100%;
    color: #4b4a4a;
}

#panel .content .left
{
    width: 280px;
    float: left;
    padding: 0 15px;
    border-left: 1px solid #333;
}

    #panel table.results tbody tr td 
    {
        border-bottom: 1px solid #b9b9b9;
        color: white;
    }
    #panel table.results thead  
    {
        background: #b9b9b9;
        color: #494949;
    }

#panel .content .right
{
    border-right: 1px solid #333;
}

#panel .content form
{
    margin: 0 0 10px 0;
}

#panel .content label
{
    float: left;
    padding-top: 8px;
    clear: both;
    width: 280px;
    display: block;
}

#panel .content input.field
{
    border: 1px #1A1A1A solid;
    background: #414141;
    margin-right: 5px;
    margin-top: 4px;
    width: 200px;
    color: #4b4a4a;
    height: 16px;
}

#panel .content input:focus.field
{
    background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register
{
    display: block;
    float: left;
    clear: left;
    height: 24px;
    text-align: center;
    cursor: pointer;
    border: none;
    font-weight: bold;
    margin: 10px 0;
}

#panel .content input.bt_login
{
    width: 74px;
    background: transparent url(../images/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register
{
    width: 94px;
    color: #4b4a4a;
    background: transparent url(../images/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd
{
    display: block;
    float: left;
    clear: right;
    padding: 15px 5px 0;
    font-size: 0.95em;
    text-decoration: underline;
}

div.msgPanel {
    -moz-box-shadow: -3px 0 3px #999999;
    -webkit-box-shadow: -3px 0 3px #999999;
    box-shadow: -3px 0 3px #999999;
    display: none;
    position: fixed;
    top: 0;
    /*width: 675px;*/
    width: 30%;
    right: 0%;
    height: 100%;
    z-index: 1000000006;
    margin: 0;
    /*background: #f5f4f4;*/
    background: white;
    border-left: 1px solid #5B5B5E;
    font-size: 95%;
}

div.home
{
    display: none;
    font-family: arial;
    color: white;
    padding: 10px;
    overflow: hidden;
}

/*span.close
{
    position: absolute;
    right: 10px;
    top: 15px;
    cursor: pointer;
}*/

/* LUCIE ADD */
div.msgPanel h1.rightpanel
{
    background:none;
    color:#00b9e4; 
    margin: 25px 0 50px 50px;
}
div.msgPanel .panel_line_head 
{
    margin-bottom:30px;
}
div.msgPanel .msgBox 
{
    padding:0!important;
    /*margin-bottom:10px;*/ 
}
div.msgPanel .msgBox .received
{
    margin-left:30px;
    background:#bfedf8; 
}
div.msgPanel .msgBox .sent
{
    margin-right:30px; 
    background:#ecf3b5;
}
div.msgPanel .msgBox .sentto
{
    margin-top:2.5px;
    /*text-align:right;*/ 
    /*margin-right:15px;*/ 
    margin-bottom:20px;
    color:#11bee6; 
}
.sentrecipient
{
    margin-left:80px;
}
div.msgPanel .msgBox .receivedfrom
{
    margin-bottom:2.5px;
    /*text-align:right;*/ 
    /*margin-right:15px;*/ 
    margin-top:-10px;
    color:#b0ba0d;
}

.mark_read_btn
{
    margin-top:-10px;
    margin-right:5px;
}

input.ok_Button {
    background-color: transparent;
    border-color: transparent;
    height: 25px;
    background-image: none;
    text-transform: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #11bee6;
    -webkit-text-shadow: none;
    text-shadow:none;
}

.greenLayout input.ok_Button
{
    background-color: transparent;
    border-color: transparent;
    height: 25px;
    background-image: none;
    text-transform: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #b0ba0d;
    -webkit-text-shadow: none;
    text-shadow:none;
}

.greenLayout input.ok_Button:hover,
input.ok_Button:hover {
    background-color: transparent;
    border-color: transparent;
    height: 25px;
    background-image: none;
    text-transform: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #797a7d;
    -webkit-text-shadow: none;
    text-shadow:none;
}
div.msgPanel .msgBox .sent_RightBottom 
{  
    color:#4b4a4a;
    /*margin-right:2px;*/
    margin-bottom:-5px;
    margin-top:10px;  
}
div.msgPanel .msgBox .sent_RightBottom.unread
{  
    color:#11bee6;
}
div.msgPanel .msgBox .sent_RightBottom.unread.sourcing
{  
    color:#b0ba0d;
}
.sent_RightBottom span
{
    /*margin-right:35px;*/
    display:block;
    text-align:right;
}

div.msgPanel .msgBox .received_LeftTop 
{  
    color:#4b4a4a;
    margin-bottom:10px;
    margin-top:-5px;  
}
div.msgPanel .msgBox .received_LeftTop.unread
{  
    /*color:#b0ba0d;*/
    color:#00b9e4;
}
    div.msgPanel .msgBox .received_LeftTop.unread.sourcing
     {
        color: #b0ba0d;
    }
.received_LeftTop span
{
    /*margin-right:35px;*/
    display:block;
    text-align:left;
}
div.msgPanel .msgBox .receivedContent 
{  
    /*margin-bottom: -25px;*/
    /*padding-right:35px;*/  
}
.panel .msgBox .row.submit
{
    margin-right:0;
    display:inline;
}

div.msgPanel .msgBox .message_to_date 
{  
    color:#11bee6;
    float:right;
    margin-top:-5px;  
}

.received_seen_box 
{
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.sent_seen_box 
{
    position: absolute;
    top: 10px;
    right: 10px;
}
div.home .msgBox .reply_seen_box .from 
{  
    float:left;  
    color: #797a7d; 
}
div.home .msgBox .reply_seen_box .date 
{  
    float:right; 
    clear:none; 
    color: #797a7d;  
}
div.home .msgBox .reply_seen_box .reply_btn 
{
    margin-left: 30px;
    float: left;
}
div.home .msgBox .reply_btn 
{
    /*position:absolute;
    left:5px;
    top:5px;*/
    /*margin-bottom:-10px;*/
}
div.home .msgBox .reply_btn .row.submit
{
    /*margin-left: 10px;*/
    display:inline;
}

div.home .msgBox .reply_seen_box .reply_btn .row.submit .form-submit, 
div.home .msgBox .receivedfrom .reply_btn .row.submit .form-submit, 
div.home .msgBox .reply_btn .row.submit .form-submit 
    {
        background: url("../images/ico_arrow-reply.png") no-repeat left center !important;
        border: none!important;
        color: #4B4A4A;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
        -webkit-text-shadow: none!important;
        text-shadow: none!important;
        text-transform: none;
        padding-left: 18px;
    }
div.home .msgBox .reply_seen_box .reply_btn .row.submit .form-submit:hover,
div.home .msgBox .receivedfrom .reply_btn .row.submit .form-submit:hover, 
div.home .msgBox .reply_btn .row.submit .form-submit :hover
{
background:url("../images/ico_arrow-reply-hover.png") no-repeat left center !important;
color: #797a7d;
}
div.home .msgBox .reply_seen_box { height:25px; }
div.home .msgBox .seen_message 
{
/*float:right;*/
background:url(../images/ico_seen_2.png) no-repeat right -3px;
clear: none;
text-indent: -25px;
width: 25px;
    color:#2c7e00;
font-weight:bold;
text-align:left; 
display:inline-block; 
margin-left:30px
}
 div.home .msgBox .received_LeftTop .seen_message 
{
    /*color:#11bee6;*/
    background:url(../images/ico_seen_2.png) no-repeat right -3px;
    text-align:left; 
    display:inline-block; 
    margin-left:30px
}
div.home .msgBox .reply_seen_box .row.submit a
{  
    padding: 0.55em 0.95em;  
}
div.home #addMsg .submit_mess 
{
margin-left:0;
padding: 0.55em 0.95em;
margin-top: 15px;
float:right;
}

div.home #addMsg textarea 
{
width:98%;
}
#messageBox .home .close {
    text-indent: -9999px;
    overflow: hidden;
    z-index: 10000000000;
    position: fixed;
    right: 29%;
    top: 127px;
    height: 38px;
    background: url(../images/ico_comment-white-panel.png) no-repeat center;
    background-color: #7c7d80;
    border: 1px solid #3E3D3E;
    display: block;
    width: 44px;
    height: 44px;
    padding: 0 10px 0 10px;
    color: #4b4a4a;
    cursor: pointer;
}
#messageBox div #home {
    position: fixed;
    top: 127px;
    background: url(../images/ico_comment-white-panel.png) no-repeat center;
    background-color: #7c7d80;
    border: 1px solid #3E3D3E;
    display: block;
    width: 44px;
    height: 44px;
    padding: 10px;
    color: white;
    cursor: pointer;
}
div.msgPanel .content
{
    margin:10px;
}

/* LUCIE ADD */
.new_message .row.submit{margin:0;}
/* LUCIE ADD */
    .new_message .row.submit a {
        background: url("../images/ico_add-blue-16_16.png") no-repeat left center !important;
        border: none!important;
        color: #00b9e4;
        text-decoration: underline;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
        -webkit-text-shadow: none!important;
        text-shadow: none!important;
        text-transform: none;
        padding-left: 20px;
    }
/* LUCIE ADD */
.new_message .row.submit a:hover{ 
background:url("../images/ico_add-blue-16_16.png") no-repeat left center !important;
text-decoration:none;
}
/* LUCIE ADD */
.new_message {margin-top:-5px;}


/*SPECIFICS*/
.overrideinput {
    -webkit-appearance: textfield;
    background-color: white;
    border: 1px inset;
    border-color: rgb(238, 238, 238);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: rgb(29, 29, 29);
    font-size: 12px !important;
    height: 14px !important;
    width: unset !important;
    padding: 8px 6px 8px 6px;
    text-shadow: none;
}
.declpopuptext
{
    color: var(--baseColorTransactions);
    font-weight:bold;
}
#report-online {
    position: relative;
}
.settings
{
    float: right;
    position: absolute;
    top: 4px;
    right: 0;
    z-index: 1998;
    color: #5C5C5C;
    border: 1px solid #CCCCCC;
    background-color: white;
    height: 28px;
    line-height: 18px;
    padding: 4px;
    width: 228px;
    visibility: visible;
    cursor: pointer;
    display: inline-block;
}
#settingdetails {
    background-color: white;
    position: absolute;
    top: 34px;
    right: 0;
    width: 228px;
    border: 1px solid #CCCCCC;
    clear: both;
    float: right;
    z-index: 9999;
}
#jqxlistbox {
    width: 100%;
}
.settings-icon {
    background-color: white;
    background-image: url('jqx/images/lightness/ui-icons_ef8c08_256x240.png');
    background-position: 62px -114px;
    float: right;
    height: 15px;
    width: 15px;
}
.chooser-open
{
    background-color: rgba(0, 0, 0, 0);
    background-image: url(jqx/images/lightness/ui-icons_ffffff_256x240.png);
    background-position: -97px -192px;
    float: right;
    height: 14px;
    width: 14px;
}

.transaction.nodata {
    background-color: white;
}

.transaction.incomplete {
    background-color: var(--statusColorIncomplete);
}

.transaction.nosales {
    background-color: var(--statusColorValid);
}
.transaction.valid {
    background-color: var(--statusColorValid);
}
.transaction.pending {
    background-color: var(--statusColorPending);
}
.transaction.onhold {
    background-color: var(--statusColorOnHold);
}
.transaction 
{
    background-color: var(--statusColorIncomplete);
    color: #fff;
    font-size: 80%;
    text-transform: uppercase;
    text-align: center;
    display: block;
    padding: 6px 0 6px 0;
    margin-top:6px;
    width: 100%;
    border-right-color: white;
    border-right-width: 1px;
    border-right-style: solid;
    border-left-color: white;
    border-left-width: 1px;
    border-left-style: solid;
}
/*CELL OVERRIDES*/

.packSize button,
.packSize input[type="button"],
.packSize input[type="button"],
.packSize input[type=button].jqx-button {
    background-color: transparent;
    height:auto !important;
    margin:10px 2px 0 4px !important;
    padding: 0 15px 2px 0 !important;
    min-width:unset;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
    font-weight:normal;
    cursor: pointer;
    display: block;
    outline-style: none;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    text-align:right;
}
    .packSize button:hover,
    .packSize input[type="button"]:hover,
    .packSize input[type=button].jqx-button:hover {
        background-color: transparent;
        height: auto !important;
        margin: 10px 2px 0 4px !important;
        border: 1px solid var(--baseColorTransactions);
        cursor: pointer;
        background-image: url('jqx/images/lightness/ui-icons_ef8c08_256x240.png');
        background-position: -64px -112px;
    }

.jqx-link-incell {
    margin-top: 10px;
    margin-left: 5px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.connectLayout .jqx-fill-state-pressed-ui-lightness a,
.connectLayout .jqx-fill-state-hover-ui-lightness a,
.jqx-link-incell a
{
    color:#00b1dc!important;
    text-decoration:underline!important;
}

.jqx-grid-cell-selected-ui-lightness input
{
    width: 95% !important;
    height: 25px !important;
    margin: 5px 1px 1px 1px;
    text-align: right;
}
.jqx-editable-cell-empty {
    border: solid 1px red;
    width: 95%;
    height: 25px;
    margin: 5px 1px 1px 1px;
    text-align: right;
}
.jqx-optional-cell-empty {
    border: solid 1px #aaa;
    width: 95%;
    height: 25px;
    margin: 5px 1px 1px 1px;
    text-align: right;
}

.orangeLayout .jqx-fee-cell-read {
    font-size:14px;
    font-weight:bold;
    width: 95%;
    height: 25px;
    margin: 9px 1px 1px 1px;
    text-align: right;
}
.orangeLayout .jqx-editable-cell-read {
    color: var(--statusColorValid);
    font-size:14px;
    width: 95%;
    height: 25px;
    margin: 9px 1px 1px 1px;
    text-align: right;
}
.orangeLayout .feecalc{
    font-weight:bold;
}



/*OVERRIDES BASE*/
.connectLayout .jqx-input {
    border-color: darkgrey !important;
}

.connectLayout .jqx-widget-header .jqx-dropdownlist-content-ui-lightness
{
    text-transform:none;
    color:darkgrey;
}


.connectLayout .jqx-fill-state-normal-ui-lightness,
.connectLayout .jqx-fill-state-pressed-ui-lightness,
.connectLayout .jqx-fill-state-hover-ui-lightness
{
    background-color:white;
    color: #333;
}

.orangeLayout .jqx-fill-state-pressed-ui-lightness,
.orangeLayout .jqx-fill-state-hover-ui-lightness
{
    background-color:#FFF0DE !important;
    color: #333;
}
/*OVERRIDES UI LIGHTNESS*/
/*GENERAL*/
.connectLayout .jqx-fill-state-normal {
    font: 100%/1.33em Arial,Helvetica,Tahoma,sans-serif;
}

.connectLayout .jqx-widget
{
    /*border:0;*/
}





element.style {
    width: 220px;
    height: 172px;
    position: absolute;
    z-index: 2147483647;
    top: 0px;
    left: 0px;
    opacity: 1;
    margin-top: 0px;
}

.connectLayout .jqx-widget-content-ui-lightness {
    font-family: Arial,Helvetica,Tahoma,sans-serif;
    font-size:100%;
    background-color:white;
    background-image: none;
    border-color: white;
    color: #1d1d1d;
} 
.connectLayout .jqx-rc-all-ui-lightness
{
    border-radius:0;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
}

/*HEADER*/

.connectLayout .jqx-widget-header-ui-lightness {
    font-family: Arial,Helvetica,Tahoma,sans-serif;
    color: #fff;
    text-transform:uppercase;
}
.connectLayout #groupsheaderjqxgrid
{
    background-color:white; 
}
.connectLayout #groupsheaderjqxgrid .jqx-fill-state-normal-ui-lightness a, 
.connectLayout #groupsheaderjqxgrid .jqx-fill-state-normal-ui-lightness a:link, 
.connectLayout #groupsheaderjqxgrid .jqx-fill-state-normal-ui-lightness a:visited
{
    color:#5C5C5C;
    text-transform:none;
}

.connectLayout .jqx-widget .jqx-grid-column-header,
.connectLayout .jqx-grid-column-header-ui-lightness
{
    border-right:1px solid white !important;
    padding: 4px 0;
}
.connectLayout .jqx-widget .jqx-grid-column-header span,
.connectLayout .jqx-grid-column-header-ui-lightness span
{
    margin: 0 4px;
}
.connectLayout #columntablejqxgrid {
    margin-bottom:6px;
}

.connectLayout .jqx-grid-header-ui-lightness
{
    padding-bottom:7px;
}
.connectLayout .jqx-grid-ui-lightness .jqx-widget-header-ui-lightness
{

}

.orangeLayout .jqx-widget-header-ui-lightness {
    background-color: #FF8E08;
}

.orangeLayout .jqx-grid-ui-lightness .jqx-widget-header-ui-lightness {
    /*border-right-color: #e78f08;*/
}

.connectLayout .jqx-grid-cell-filter-ui-lightness
{
    color:#FF8E08;
    background-color:white;
}


.connectLayout .jqx-grid-cell-sort-ui-lightness, 
.connectLayout .jqx-grid-cell-pinned-ui-lightness
{
    background-color:white; 
    color:#1d1d1d;
    border:white;
}

.connectLayout .jqx-grid-group-cell.jqx-grid-group-cell-ui-lightness
{
    border-color:#FF8E08;
}

.orangeLayout .jqx-window-header {
    background-color: var(--baseColorTransactions);
    border-color: var(--baseColorTransactions);
}
.orangeLayout .jqx-window-content {
    border-color: var(--baseColorTransactions);
}

.savestate {
    position: absolute;
    right: 205px;
    z-index: 999;
    margin-top: -4px;
    padding-top: 5px;
    color: #5C5C5C;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    background-color: white;
    padding: 4px;
    width: 100px;
    visibility: visible;
    cursor: pointer;
    display: inline-block;
}

.orangeLayout .columns-chooser {
    background-color: var(--baseColorTransactions);
}

.orangeLayout .jqx-listbox
{
    margin-bottom:0
}

.orangeLayout .jqx-grid-group-column-ui-lightness
{
    /*background-color:var(--baseColorTransactions) !important;*/
    color: var(--baseColorTransactions);
}
.orangeLayout .jqx-icon-close-ui-lightness {
    background-image: url('jqx/images/lightness/ui-icons_ef8c08_256x240.png');
}

.connectLayout .jqx-grid-cell-sort-ui-lightness, 
.connectLayout .jqx-grid-cell-filter-ui-lightness, 
.connectLayout .jqx-grid-cell-pinned-ui-lightness.jqx-rc-tl-ui-lightness {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
}

.connectLayout .jqx-rc-tr-ui-lightness {
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.connectLayout .jqx-rc-bl-ui-lightness {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.connectLayout .jqx-rc-br-ui-lightness {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.connectLayout .jqx-rc-t-ui-lightness {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.connectLayout .jqx-rc-b-ui-lightness {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.connectLayout .jqx-rc-r-ui-lightness {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.connectLayout .jqx-rc-l-ui-lightness {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
}
 
/*.connectLayout .jqx-rc-all-ui-lightness {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}*/



.orangeLayout .jqx-progressbar-ui-lightness .jqx-fill-state-pressed-ui-lightness {
    background-color: #f6a828;
    border-width: 0px;
    border-right: 1px solid #e78f08;
    color: #fff;
}

.orangeLayout .jqx-progressbar-value-vertical-ui-lightness {
    border-width: 0px !important;
    border-bottom: 1px solid #e78f08 !important;
}


.orangeLayout .jqx-radiobutton-ui-lightness .jqx-fill-state-pressed-ui-lightness {
    background-color: #ec8e0c;
    border: 1px solid #fed22f;
}



.orangeLayout .jqx-layout-ui-lightness {
    background-color: #e78f08;
}


/* ------------------------------------------
PURE CSS SPEECH BUBBLES
by Nicolas Gallagher
- http://nicolasgallagher.com/pure-css-speech-bubbles/

http://nicolasgallagher.com
http://twitter.com/necolas

Created: 02 March 2010
Version: 1.2 (03 March 2011)

Dual licensed under MIT and GNU GPLv2 � Nicolas Gallagher 
------------------------------------------ */

.msgBox2.unread
{
    padding-top: 10px;
    border-top: 1px solid #5b5b5e;
}

.panelmessage
{
    border: 0px solid #5b5b5e; 
    border-top-width:1px; 
    color:#5B5B5E;
    margin-bottom:5px;
}
.panelmessage.unread 
{
    background-color: rgb(252, 252, 194);
    /*-moz-box-shadow: 1px 1px 0 #999;
    box-shadow: 1px 1px 0 #999;
    -webkit-box-shadow: 1px 1px 0 #999;*/
    border-top:none;
    border-bottom:none;
    margin-bottom:0px;
}
.messageheader
{
    background-image: url(../images/user_icon.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position-y: 5px;
    background-position-x: 5px;
    padding:5px;
    display:inline-block;
}
.messageheader.unread
{
    background-color: rgb(252, 252, 227);
}
.messageheaderuser
{
    width:100%;
    display: inline-block; 
    margin-left:35px; 
    color:rgb(71, 71, 71); 
    font-weight:bold;
}
.messageheaderdate
{
    display: inline-block; 
    margin-left:35px; 
    color:rgb(160, 160, 160);
}
.messagebody
{
    padding-left: 10px;
    padding-right:5px;
    border-top-style: dotted;
    border-top-width: thin;
    border-top-color: rgb(200, 200, 200);
    padding-top: 5px;
}
.messagebody.compose
{
    padding:0;
    padding-right: 12px;
    margin:0;
}
textarea.compose, 
#textarea.compose, #textarea.compose::selection
{
  width: 100%;
  min-height: 100px;
  border: 0;
  background: transparent;
  margin: 0;
}
textarea.compose:focus, #textarea.compose:focus
{
    background:white;
}
.messagefooter
{
    background-image: url(../images/arrow_right_gray.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position-y: 5px;
    background-position-x: 5px;
    padding:5px;
    display:inline-block;
    width:100%;
}
.messagefooterrecipient 
{
    display: inline-block;
    font-weight: bold;
    margin-left: 25px;
    vertical-align: middle;
}
.messageread
{
background:url(../images/ico_seen_2.png) no-repeat right -3px;
vertical-align : middle;
float:right;
text-indent: -25px;
width: 25px;
    color:#2c7e00;
font-weight:bold;
text-align:left; 
}
.messagetoolbox 
{
    margin:0;
    padding:0;
}
.messagetoolbox.unread
{
    color:#5B5B5E;
    margin-bottom:25px;
}
.greenLayout input.markread, .greenLayout input.markread:hover,
input.markread, input.markread:hover
{
    padding:0;
    color:#5B5B5E;
    background-color: transparent;
    border-color: transparent;
    background-image: none;
    text-transform: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
    float:right;
    margin: 0;
    border: 0;
    height: 15px;
}
.greenLayout input.send,
input.send/*, input.send:hover*/
{
      margin-top: 5px!important;
      float:right;
}

.greenLayout .home .msgBox2 .reply_btn .row.submit .form-submit, 
div.home .msgBox2 .reply_btn .row.submit .form-submit 
    {
        background: url("../images/ico_arrow-reply.png") no-repeat left center !important;
        border: none!important;
        color: #4B4A4A;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
        -webkit-text-shadow: none!important;
        text-shadow: none!important;
        text-transform: none;
        padding:0;
        padding-left:20px;
        float:right;
        min-width:0;
    }

.triangle-border {
	position:relative;
	padding:10px;
	margin:1em 0 3em;
	border:1px solid #11bee6;
	color:#4b4a4a;
    background:#f5f4f4;
	/*background:#fff;*/
	/* css3 */
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
    display:inline-block;
    margin-bottom:0;
    min-width:80%;
}


    .triangle-border .unread 
    {
        background:white;
    }
.no-border {
	position:relative;
	padding:10px;
	margin:0 20px;
	border:1px solid #B9B9B9;
	color:#4b4a4a;
    background:#f5f4f4;
	/*background:#fff;*/
	/* css3 */
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
    display:inline-block;
    min-width:80%;
}
    .no-border .unread 
    {
        background:white;
    }

.triangle-border:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	right:20px; /* controls horizontal position */
    border-width:20px 20px 0;
	border-style:solid;
    border-color:#11bee6 transparent;   /*green b0ba0d #11bee6 b0ba0d   */
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* creates the smaller  triangle */
.triangle-border:after {
	content:"";
	position:absolute;
	bottom:-19px; /* value = - border-top-width - border-bottom-width */
	right:19px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:21px 21px 0;
	border-style:solid;
	border-color:#fff transparent;
    border-top-color:#f5f4f4;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

.triangle-border.top 
{
    border:1px solid #829F00; 
	padding:10px 10px 10px 60px;
    margin-left:20px;
}
.triangle-border.top.unread 
{
    /*background:#ecf3b5;*/    
    background:white;    
}
.triangle-border.new
{
    border:1px solid #11bee6;
	padding:10px 60px 10px 10px;
    margin-left:20px;
}

.triangle-border.bottom.unread 
{
    /*background: #bfedf8;*/
    background: white;
}

/* creates the larger triangle */
.triangle-border.top:before {
	top:-20px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	right:auto;
	left:20px; /* controls horizontal position */
    border-width:0 20px 20px;
    border-color:#829F00 transparent;
}
/*.triangle-border.top:after {
	top:-13px; 
	bottom:auto;
	left:auto;
	right:47px; 
    border-width:0 13px 13px;
}*/
/* creates the smaller  triangle */
.triangle-border.top:after {
	top:-19px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	right:auto;
	left:19px; /* value = (:before right) + (:before border-right) - (:after border-right) */
    border-width:0 21px 21px;
    border-bottom-color:#f5f4f4;
}
/* Variant : for left positioned triangle
------------------------------------------ */
.triangle-border.top.unread:after 
{
    /*border-bottom-color:#ecf3b5;*/
    border-bottom-color:white;
}
.triangle-border.bottom.unread:after 
{
    /*border-top-color:#bfedf8;*/
    border-top-color:white;
}


.triangle-border.left {
    border:1px solid #B9B9B9; 
	padding:10px 10px 10px 10px;
	margin-right:20px;
    margin-left:20px;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-border.right {
    border:1px solid #B9B9B9; 
	padding:10px 10px 10px 10px;
	margin-right:20px;
    margin-left:20px;

}
/* creates the larger triangle */
.triangle-border.left:before {
	top:11px; /* controls vertical position */
	bottom:auto;
	left:-20px; /* value = - border-left-width - border-right-width */
	border-width:14px 20px 14px 0;
	border-color:transparent #B9B9B9;
}
/* creates the smaller  triangle */
.triangle-border.left:after {
	top:12px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	bottom:auto;
	left:-19px; /* value = - border-left-width - border-right-width */
	border-width:13px 19px 13px 0;
	border-color:transparent #fff;
    border-right-color:#f5f4f4;
}

/* Variant : right
------------------------------------------ */


/* creates the larger triangle */
.triangle-border.right:before {
	bottom:11px; /* controls vertical position */
	top:auto;
    left:auto;
	right:-20px; /* value = - border-left-width - border-right-width */
	border-width:14px 0 14px 20px;
	border-color:transparent #B9B9B9;
}


/* creates the smaller  triangle */
.triangle-border.right:after {
	bottom:12px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	top:auto;
    left:auto;
	right:-19px; /* value = - border-left-width - border-right-width */
	border-width:13px 0 13px 19px;
	border-color:transparent #fff;
    border-left-color:#f5f4f4;
}
.triangle-border.right.unread
{
	background:white;
}

.triangle-border.right.unread:after {
	border-left-color:white;
}

.triangle-border.left.unread
{
	background:white;
}

.triangle-border.left.unread:after {
	border-right-color:white;
}

/* @group Base */
.chosen-container {
    display: block;
    width: 100%;
    vertical-align: middle;
    font-size: 12px;
    zoom: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid #dddddd;
    background-color: #FFFFFF;
}
.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
    .chosen-container .chosen-drop {
        transition: max-height 300ms ease 0ms;
        display: flex;
        flex-direction: column;
        max-height: 0px;
        overflow: hidden;
        position: relative;
        clear: both;
        clear: both;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #ffffff;
    }
    .chosen-container.chosen-with-drop .chosen-drop {
        transition: max-height 300ms ease 0ms;
        max-height: 200px;
    }
.chosen-container a {
  cursor: pointer;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
  padding: 4px 10px;
  height: 22px;
  background-color: #ffffff;
  color: #444;
  text-decoration: none;
  white-space: nowrap;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../images/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../images/chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin: 4px;
    padding: 0;
    white-space: nowrap;
    background-color: #FFFFFF;
}
    .chosen-container-single .chosen-search input[type="text"] {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        box-sizing: border-box;
        margin: 0;
        padding: 2px 20px 2px 5px;
        width: 100% !important;
        height: 25px !important;
        outline: 0;
        border: 1px solid #dddddd;
        background: #ffffff url('../images/chosen-sprite.png') no-repeat 100%-20px;
        line-height: 18px;
        border-radius: 0;
    }
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  /*margin: 0 4px 4px 0;*/
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
  background-color: #FFFFFF;
}
.chosen-container .chosen-results li {
    background:none;
    border:none;
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
    color:#333;
    background-color:#EEEEEE;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../images/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-single .chosen-single div b {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    background-image: url(/Assets/images/leftNav_ArrowDown_black.png) !important;
    background-color: #FFFFFF;
    background-position: right top 8px;
    background-repeat: no-repeat;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-image: url(/Assets/images/leftNav_ArrowUp_black.png) !important;
    background-position: right top 7px;
    background-repeat: no-repeat;
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url('../images/chosen-sprite.png') no-repeat -30px -20px;
  background: url('../images/chosen-sprite.png') no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url('../images/chosen-sprite@2x.png') !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
*/
/* @end */

/**************************/
/* STANDARD HTML ELEMENTS */
/**************************/

* {
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	outline: none;
	font-family: Arial,Helvetica,Tahoma,sans-serif;
	font-size: 100%/1.33em;
	/* REMOVED TWO FOLLOWING LINES BECAUSE THEY PREVENT ::-webkit-scrollbar SELECTORS FROM WORKING */
	/*scrollbar-width: thin;*/ /* Firefox */
	/*scrollbar-color: #DDDDDD #FFFFFF;*/ /* Firefox */
	background-clip: padding-box;
}

	*::-webkit-scrollbar { /* Chrome - Edge - Safari */
		width: 16px;
	}

	*::-webkit-scrollbar-track-piece { /* Chrome - Edge - Safari */
		background-color: #FFFFFF;
		border-radius: 10px;
	}

	*::-webkit-scrollbar-thumb { /* Chrome - Edge - Safari */
		background-color: #DDDDDD;
		border: 4px solid #FFFFFF;
		border-radius: 10px;
	}

html, button, input, select, textarea, .pseudoSelect {
	color: #1d1d1d;
	outline: none;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
}

html {
	font-size: 0.75em;
	-webkit-text-size-adjust: 0.75em;
	-moz-text-size-adjust: 0.75em;
	text-size-adjust: 0.75em;
	-ms-text-size-adjust: 0.75em;
	scroll-behavior: smooth;
}

body {
	max-height: 100vh;
	margin: 0 auto;
	padding: 0 20px var(--bodyBottomPadding) 20px;
	background: #EEEEEE;
	overflow: hidden;
	-ms-overflow-style: none; /* IE10 */
	scrollbar-width: none; /* Firefox */
}

	body::-webkit-scrollbar { /* Chrome - Edge - Safari */
		display: none;
	}

section {
	display: block;
}

img {
	vertical-align: middle;
}

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
}

ul {
	margin-top: 0;
}

	ul.inline li {
		display: inline;
	}

menu, ol, ul {
	padding: 0 0 0 40px;
}

table {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
}

th, td {
	display: table-cell;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

a {
	color: var(--baseColorDefault);
}

	a:hover,
	a:active {
		outline: 0;
		text-decoration: none;
	}

	a:focus {
		outline: 0;
	}

.download,
.newTab {
    pointer-events: all;
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 6px;
    align-items: center;
}

    .download .downloadIcon,
	.newTab .newTabIcon {
        width: 16px;
        height: 16px;
        min-width: 16px;
        cursor: pointer;
        background-image: none;
        background-repeat: no-repeat;
        background-position: right 50%;
        background-size: 16px 16px;
    }

    .download:hover .downloadIcon {
        background-image: url('/assets/images/icon-download.png');
    }

	.newTab:hover .newTabIcon {
        background-image: url('/assets/images/icon-newtab.png');
    }

    .download:hover .download:hover {
        background-image: url('/assets/images/icon-download-hover.png');
    }
 
	.newTab:hover .newTabIcon:hover {
        background-image: url('/assets/images/icon-newtab-hover.png');
    }

p, pre {
	margin: 0 0 1em;
}

	p:last-child {
		margin-bottom: 0;
	}

label {
	cursor: pointer;
}

	label.error {
		cursor: default;
	}

.pageHeaderFlex {
	display: flex;
	flex-direction: row;
}


.pageHeader, .panelHeader {
	width: 100%;
	border-collapse: unset;
	border-radius: 10px;
}

	.pageHeader .pageHeaderEntity {
		font-size: 18px;
		font-weight: normal;
		text-transform: uppercase;
		color: var(--baseColorDefault);
		padding: 5px 12px 3px 12px;
		background-color: #FFFFFF;
		border: 1px solid var(--baseColorDefault);
		border-radius: 10px;
		white-space: nowrap;
	}

	.pageHeader .pageHeaderText,
	.panelHeader .pageHeaderText {
		width: 100%;
		max-width: calc(1px);
		font-size: 18px;
		font-weight: normal;
		text-transform: uppercase;
		color: #FFFFFF;
		padding: 5px 12px 3px 12px;
		background-color: var(--baseColorDefault);
		border-radius: 10px;
	}

.pageHeaderSep {
	width: 10px;
	min-width: 10px;
	max-width: 10px;
}

.panelHeader {
	background-color: var(--baseColorDefault);
}

.contentBox.grey .panelHeader,
.contentBox.grey .panelHeader .pageHeaderText {
	background-color: var(--baseColorRightPanel);
}

.contentBox.grey h2 {
	color: var(--baseColorRightPanel);
}

.closePanel {
	background: url(/assets/images/icon_close_messages_white.png) no-repeat center;
	background-position: center right 5px;
	min-width: 30px;
	height: 30px;
	cursor: pointer;
}

	.closePanel:hover {
		background: url(/assets/images/icon_close_messages_hover.png) no-repeat center;
		background-position: center right 5px;
	}

h1 {
	width: 100%;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 5px 12px 3px 12px;
	margin: 0 0 10px 0;
	background-color: var(--baseColorDefault);
	/*border: 1px solid var(--baseColorDefault);*/
	border-radius: 10px;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	color: var(--baseColorDefault);
	padding: 0;
	margin: 0 0 4px 0;
}

.subSection h2:not(:first-of-type) {
	margin-top: 40px;
}

h3 {
	color: var(--baseColorDefault);
	font-weight: normal;
	margin: 10px 0 4px 0;
	text-transform: uppercase;
}

h4 {
	font-size: 100%;
	margin: 1.33em 0;
}

h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}

h6 {
	font-size: 0.75em;
	margin: 2.33em 0;
}

.text-color {
	color: var(--baseColorDefault);
}

.bg-color {
	background-color: var(--baseColorDefault);
}

b, strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}

.bolder {
	font-weight: bolder;
}

.nowrap {
	white-space: nowrap !important;
}

.alignleft {
    text-align: left !important;
}

.aligncenter {
    text-align: center !important;
}

.alignright {
    text-align: right !important;
}



/*****************/
/* FORM CONTROLS */
/*****************/

form {
	border: 0;
	margin: 0;
	padding: 0;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	padding: 8px 6px 8px 6px;
}

textarea {
	resize: vertical;
}

input[type="checkbox"], input[type="radio"], button, input[type="submit"], input[type="reset"], input[type="button"] {
	cursor: pointer;
}

.radiotext {
	display: inline-block;
	padding-left: 4px;
	cursor: pointer;
}

.tristate-tr {
	cursor: pointer;
}

	.tristate-tr:hover {
		background-color: #FAFAFA;
	}

.tristate-cb {
	display: inline-block;
	background-image: url(/assets/images/tristate-checkbox-small-empty.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.cb-checked-ok {
	background-image: url(/assets/images/tristate-checkbox-small-true.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.cb-checked-ko {
	background-image: url(/assets/images/tristate-checkbox-small-false.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.cb-unchecked {
	background-image: url(/assets/images/tristate-checkbox-small-empty.png);
	background-position: center center;
	background-repeat: no-repeat;
}


/* FORM INPUT FIELDS */

.validateform .chosen-container-single,
.validateform .chosen-container-active.chosen-with-drop,
input[type="text"], select, textarea, input[type="password"],
input[type="text"]:optional, select:optional, textarea:optional, input[type="password"]:optional,
.textInput, .radiocontainer,
.superSelect {
	width: 100%;
	padding: 7px 8px;
	border: 1px solid #DDDDDD;
	border-left-width: 5px;
	line-height: normal;
	min-height: 20px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}

.validateform .chosen-container-single, 
.validateform .chosen-container-active.chosen-with-drop {
	padding: 5px 8px 1px 5px;
}

	.validateform .chosen-container-single:hover,
	.validateform .chosen-container-active.chosen-with-drop:hover,
	input[type="text"]:hover, select:hover, textarea:hover, input[type="password"]:hover,
	input[type="text"]:optional:hover, select:optional:hover, textarea:optional:hover, input[type="password"]:optional:hover,
	.textInput:hover, .radiocontainer:hover,
	.superSelect:hover {
		border-color: #AAAAAA;
	}

	.validateform .chosen-container-single.required,
	.validateform .chosen-container-active.chosen-with-drop.required,
	input[type="text"]:required, select:required, textarea:required, input[type="password"]:required,
	input[type="text"]:required:invalid, select:required:invalid, textarea:required:invalid, input[type="password"]:required:invalid,
	.textInput.required, .radiocontainer.required,
	.superSelect.required {
		border-left-color: #FF0000;
	}

		.validateform .chosen-container-single.required:hover,
		.validateform .chosen-container-active.chosen-with-drop.required:hover,
		input[type="text"]:required:hover, select:required:hover, textarea:required:hover, input[type="password"]:required:hover,
		input[type="text"]:required:invalid:hover, select:required:invalid:hover, textarea:required:invalid:hover, input[type="password"]:required:invalid:hover,
		.textInput.required:hover, .radiocontainer.required:hover,
		.superSelect.required:hover {
			border-color: #AAAAAA;
			border-left-color: #FF0000;
		}

	.validateform .chosen-container-single.valrequired,
	.validateform .chosen-container-active.chosen-with-drop.valrequired,
	input[type="text"].valrequired, select.valrequired, textarea.valrequired, input[type="password"].valrequired,
	.textInput.valrequired, .radiocontainer.valrequired,
	.superSelect.valrequired {
		border-left-color: #FF8800;
	}

		.validateform .chosen-container-single.valrequired:hover,
		.validateform .chosen-container-active.chosen-with-drop.valrequired:hover,
		input[type="text"].valrequired:hover, select.valrequired:hover, textarea.valrequired:hover, input[type="password"].valrequired:hover,
		.textInput.valrequired:hover, .radiocontainer.valrequired:hover,
		.superSelect.valrequired:hover {
			border-color: #AAAAAA;
			border-left-color: #FF8800;
		}

.validateform .chosen-container-single.mandatory,
.validateform .chosen-container-active.chosen-with-drop.mandatory,
.superSelect.mandatory,
input[type="password"]:required:invalid.mandatory,
input[type="text"]:required:invalid.mandatory,
input[type="text"].number.mandatory,
input[type="text"].digits.mandatory,
input[type="text"].email.mandatory,
input[type="text"].url.mandatory,
input[type="text"].valrequired.mandatory,
select:required:invalid.mandatory,
textarea:required:invalid.mandatory,
.textInput.mandatory, .radiocontainer.mandatory {
	border-color: #FF0000;
}

	.validateform .chosen-container-single.mandatory:hover,
	.validateform .chosen-container-active.chosen-with-drop.mandatory:hover,
	.superSelect.mandatory:hover,
	input[type="password"]:required:invalid.mandatory:hover,
	input[type="text"]:required:invalid.mandatory:hover,
	input[type="text"].number.mandatory:hover,
	input[type="text"].digits.mandatory:hover,
	input[type="text"].email.mandatory:hover,
	input[type="text"].url.mandatory:hover,
	input[type="text"].valrequired.mandatory:hover,
	select:required:invalid.mandatory:hover,
	textarea:required:invalid.mandatory:hover,
	.textInput.mandatory:hover, .radiocontainer.mandatory:hover {
		border-color: #CC0000;
	}

.validateform .chosen-container-single.valid,
.validateform .chosen-container-active.chosen-with-drop.valid,
input[type="text"]:required.valid, input[type="password"]:required.valid, select:required.valid, textarea:required.valid,
.textInput.valid, .radiocontainer.valid,
.superSelect.valid,
.validateform .chosen-container-single.valrequired.valid,
.validateform .chosen-container-active.chosen-with-drop.valrequired.valid,
input[type="text"].valrequired.valid, input[type="password"].valrequired.valid, select.valrequired.valid, textarea.valrequired.valid,
.textInput.valrequired.valid, .radiocontainer.valrequired.valid,
.superSelect.valrequired.valid {
	border-color: #DDDDDD;
	border-left-color: #2c7e00;
}

	.validateform .chosen-container-single.valid:hover,
	.validateform .chosen-container-active.chosen-with-drop.valid:hover,
	input[type="text"]:required.valid:hover, input[type="password"]:required.valid:hover, select:required.valid:hover, textarea:required.valid:hover,
	.textInput.valid:hover, .radiocontainer.valid:hover,
	.superSelect.valid:hover,
	.validateform .chosen-container-single.valrequired.valid:hover,
	.validateform .chosen-container-active.chosen-with-drop.valrequired.valid:hover,
	input[type="text"].valrequired.valid:hover, input[type="password"].valrequired.valid:hover, select.valrequired.valid:hover, textarea.valrequired.valid:hover,
	.textInput.valrequired.valid:hover, .radiocontainer.valrequired.valid:hover,
	.superSelect.valrequired.valid:hover {
		border-color: #AAAAAA;
		border-left: 5px solid #2c7e00;
	}

input.disabled,
input[type="text"].disabled, select.disabled,
input[type="text"]:disabled, select:disabled,
input.readonly,
input[type="text"].readonly, select.readonly,
input[type="text"]:read-only {
	pointer-events: none;
	color: #888888;
	border-color: #EEEEEE;
	background-color: #FAFAFA;
}

.validateform .chosen-container-single .chosen-single span {
	display: inline-block;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #FFFFFF;
	background-image: url(/assets/images/leftNav_ArrowDown_black.png);
	background-position: right 5px top 12px;
	background-repeat: no-repeat;
	cursor: pointer;
}

	select[size]:not([size='1']) {
		background-image: none;
	}

.miniSelect {
	padding: 0 20px 0 4px !important;
	background-position: right -4px top 6px !important;
	font-size: 10px;
	text-transform: uppercase;
}

.validateform .chosen-container-single .chosen-single div b {
	position: absolute;
	right: -3px;
	top: 0;
	background-color: #FFFFFF;
	background-image: url(/assets/images/leftNav_ArrowDown_black.png);
	background-position: right center;
	background-repeat: no-repeat;
}

.validateform .chosen-container-active.chosen-with-drop .chosen-single div b {
	background-image: url(/assets/images/leftNav_ArrowUp_black.png);
	top: -4px;
}

.validateform .chosen-container .chosen-drop {
	border-color: #DDDDDD;
	border-radius: 0;
	box-shadow: none;
	width: 100%;
	background: white;
}


	.validateform .chosen-container .chosen-drop:hover,
	.validateform .chosen-container:hover .chosen-drop {
		border-color: #AAAAAA;
	}

.validateform .chosen-container-single .chosen-single,
.validateform .chosen-container-active.chosen-with-drop .chosen-single {
	border: none;
	text-align: left;
	padding: 3px;
	padding-bottom: 0px;
	-webkit-appearance: menulist-button;
	box-shadow: none;
	background: none;
	border-radius: 0;
	line-height: normal;
}

.validateform .chosen-container .chosen-results {
	text-align: left;
}

	.validateform .chosen-container .chosen-results li.suggested,
	select option.suggested {
		background-color: #F7F7F7;
	}

		.validateform .chosen-container .chosen-results li.suggested:last-of-type, /* DOES NOT WORK - NOT SURE WHY */
		select option.suggested:last-of-type /* DOES NOT WORK - OPTIONS CAN NOT BE STYLED, EXCEPT FOR COLOR AND BG */ {
			border-bottom: 1px solid #DDDDDD;
			margin-bottom: 5px;
		}

	.validateform .chosen-container .chosen-results li.notsuggested,
	select option.notsuggested {
		background-color: #FFFFFF;
		color: #888888;
	}



.superSelect {
	background-color: #FFFFFF !important;
	display: flex;
	flex-direction: column;
	padding: 0;
}

.superSelect.open {
	z-index: 2003 !important;
}

.superSelect .superSelectTextContainer {
	display: flex;
	flex-direction: row;
	cursor: pointer;
	background-color: #FFFFFF;
}

	.superSelect.open .superSelectTextContainer {
		background-image: url(/assets/images/leftNav_ArrowUp_black.png);
		background-position: right 5px top 11px;
		background-repeat: no-repeat;
		z-index: 2003 !important;
	}

	.superSelect.closed .superSelectTextContainer {
		background-image: url(/assets/images/leftNav_ArrowDown_black.png);
		background-position: right 5px top 12px;
		background-repeat: no-repeat;
	}

.superSelect .superSelectText {
	position: relative;
	padding: 7px 8px;
	flex-grow: 1;
}

	.superSelect.open .superSelectText {
		z-index: 2003 !important;
	}

.superSelect .superSelectClear {
	position: absolute;
	top: 7px;
	right: 33px;
	background-image: url(/assets/images/leftNav_Close_black.png);
	background-position: left 4px top 3px;
	background-repeat: no-repeat;
	width: 13px;
	min-width: 13px !important;
	max-width: 13px !important;
	height: 13px;
}

	.superSelect .superSelectClear:hover {
		background-image: url(/assets/images/leftNav_Close_red.png);
	}

	.superSelect.open .superSelectClear {
		z-index: 2004 !important;
	}

.superSelectDrop,
.superSelectRow {
	display: none;
	position: relative;
	width: 100%;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: normal;
	vertical-align: middle;
	text-align: left;
	box-shadow: none;
	background: white;
	border-top: 1px solid #DDDDDD;
	z-index: 2003;
}

.superSelectRow {
	border: 1px solid #DDDDDD;
}

.superSelectDrop > div,
.superSelectRow > div {
	padding: 10px;
}

.superSelectBlocker {
	position: fixed;
	display: none;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;
	text-align: center;
	z-index: 2002;
	background-color: transparent;
	cursor: default;
}

.radiocontainer > div {
	display: table-row;
}

.radiocontainer > div > span,
.radiocontainer > span {
	display: table-cell;
	vertical-align: top;
	padding: 0px;
	padding-top: 1px;
}

/* FORM ERRORS */

.stepcontent .inline-error, .stepcontent .categoryfinder-error {
	background-color: #ffecf0;
	color: #CC0000;
	border: 1px solid #ffecf0;
	padding: 2px;
	padding-left: 6px;
	padding-right: 6px;
	display: inline-block;
	border-radius: 4px;
	font-size: 12px;
	font-weight: lighter;
	text-align: center;
	box-sizing: border-box;
	z-index: 500;
}

.stepcontent .inline-error {
	position: absolute;
	top: 50%;
	right: 8px;
	white-space: nowrap;
	width: auto;
	margin: 0px;
}

.stepcontent .categoryfinder-error {
	position: relative;
	margin-top: 5px;
	margin-bottom: 13px;
	width: 100%;
	top: 0;
	left: 0;
}

.stepcontent .inline-error::after {
	content: " ";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -8px;
	border-width: 8px;
	border-style: solid;
	border-color: transparent transparent transparent #ffecf0;
}

.stepcontent .categoryfinder-error::after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -12px;
	border-width: 12px;
	border-style: solid;
	border-color: #ffecf0 transparent transparent transparent;
}

.stepcontent .inline-warning {
	border: 1px solid #EEEEEE;
	background-color: #EEEEEE;
	padding: 2px;
	padding-left: 6px;
	padding-right: 6px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: lighter;
	text-align: center;
	box-sizing: border-box;
	z-index: 499;
	display: none;
	color: #888888;
	position: absolute;
	top: 0px;
	left: 100%;
	white-space: nowrap;
	width: auto;
	margin: 0px;
}

	.stepcontent .inline-warning::after {
		content: " ";
		position: absolute;
		top: 50%;
		left: 100%;
		margin-top: -8px;
		border-width: 8px;
		border-style: solid;
		border-color: transparent transparent transparent #EEEEEE;
	}

select.ui-datepicker-month, select.ui-datepicker-year {
	font-size: 11px !important;
	padding: 0 0 0 5px;
	box-sizing: border-box;
	border: 1px solid #CCCCCC;
	background-position: right 0 top 6px;
}

select.ui-datepicker-month {
	margin-right: 5px !important;
}

.customErrorPlacement label,
.customWarningPlacement label {
	margin-top: 13px;
	position: relative;
	background-color: #ffecf0;
	color: #CC0000;
	border: 1px solid #ffecf0;
	padding: 6px;
	display: block;
	border-radius: 4px;
	font-size: 12px;
	font-weight: lighter;
	text-align: center;
	box-sizing: border-box;
	z-index: 500;
	cursor: default;
}

	.customErrorPlacement label::before,
	.customWarningPlacement label::before {
		content: " ";
		position: absolute;
		bottom: 100%;
		left: 50%;
		margin-left: -12px;
		border-width: 12px;
		border-style: solid;
		border-color: transparent transparent #ffecf0 transparent;
	}

.customWarningPlacement label {
	background-color: #fff4c9;
	color: #666666;
	border: 1px solid #fff4c9;
}

	.customWarningPlacement label::before {
		border-color: transparent transparent #fff4c9 transparent;
	}

.error {
	color: #CC0000;
}

div.errorDetails {
}

div.errorGeneric {
	margin-bottom: 20px;
	line-height: 20px;
}

div.errorDetailsGroup {
	padding: 10px 10px 0 10px;
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
}

div.errorDetail {
	display: grid;
	grid-template-columns: minmax(160px,max-content) 1fr;
	grid-gap: 10px;
	margin-bottom: 10px;
}

div.errorDetail > div:first-of-type {
	white-space: nowrap;
	font-weight: bold;
}

	div.errorDetail div.errorDetailMsg {
		font-weight: bold;
	}

div.errorDetail div.errorData {
	display: table;
	width: fit-content;
}

div.errorDetail div.errorData > div {
	display: table-row;
}

div.errorDetail div.errorData > div > div {
	display: table-cell;
}

div.errorDetail div.errorData > div > div:first-of-type {
	font-weight: bold;
	padding-right: 20px;
}

div.errorDetail div.errorData > div > div:not(:last-of-type) {
	padding-bottom: 4px;
}

div.errorDetail div.stacktrace {
	font-size: 10px;
	white-space: pre-line;
}

div.errorDetail div.stacktrace ul {
	margin-inline-start: 0;
	padding-inline-start: 15px;
	list-style: "\2192	  ";
}

div.errorDetail div.stacktrace ul li {
	margin-bottom: 4px;
}

div.errorDetails div.errorDetailsMessage {
	margin-top: 10px;
}

div.errorDetails div.errorDetailsUserInfo {
	border: 1px solid #DDDDDD;
	background-color: #FAFAFA;
	padding: 10px 10px 0 10px;
	margin: 20px 0 10px 0;
}

div.errorDetails div.errorPermissions {
	border: 1px solid #DDDDDD;
	background-color: #FAFAFA;
	padding: 10px 10px 0 10px;
	margin: 20px 0 10px 0;
}

div.errorDetails div.errorPermissions h3 {
	padding: 0;
	margin: 0 0 10px 0;
}

.copyToClipboard {
	font-weight: bold;
	border: 1px solid #EEEEEE;
	background-color: #FAFAFA;
	padding: 3px 28px 3px 10px;
	background-image: url(/assets/images/icon-copy.png);
	background-repeat: no-repeat;
	background-position: right;
	cursor: pointer;
}

.copyToClipboard:hover {
	border: 1px solid #DDDDDD;
	background-color: #F4F4F4;
	background-image: url(/assets/images/icon-copy-hover.png);
}

.noResults {
	color: #777777;
	font-style: italic;
	font-weight: 600;
	margin-top: 10px; 
	margin-bottom: 10px;
}

.noResultsGrid {
	color: #777777;
	font-style: italic; 
	font-weight: 600;
	margin-top: 20px; 
	margin-bottom: 20px;
	margin-left: 36px;
	margin-right: 20px;
}

.HalfScreenOn,
.FullScreenOn {
	display: none;
}



/**********/
/* HEADER */
/**********/

header {
	position: relative;
	width: 100%;
	z-index: 2001;
}

	header div.inner {
		position: relative;
		width: 100%;
		max-width: var(--maxWidth);
		height: var(--headerHeight);
		box-sizing: border-box;
		margin: 0 auto;
		padding: 0;
		/*background-color: #EEEEEE;*/
	}

#logo img {
	position: relative;
	float: left;
	top: 5px;
	left: 0px;
	width: 165px;
	height: 63px;
}



/**********/
/* FOOTER */
/**********/

#bottompanel-wrapper {
	position: relative;
	width: 100%;
	max-width: var(--maxWidth);
	height: var(--footerHeight);
	max-height: var(--footerHeight);
	margin: var(--footerTopMargin) auto 0 auto;
	background-color: var(--baseColorDefault);
	color: #FFFFFF;
	border-radius: 10px;
	overflow-y: auto;
}



/************************************************/
/* HEADER > DIV.INNER > NAV.LEVEL1 (= sections) */
/************************************************/

nav#level1 {
	position: absolute;
	bottom: -1px;
	left: 309px;
	margin: 0;
	min-width: 640px;
}

	nav#level1 ul {
		overflow: hidden;
		padding: 0;
		margin-bottom: 0;
		display: table-cell;
		vertical-align: bottom;
	}

	nav#level1 li {
		position: relative;
		font-size: 15px;
		float: left;
		margin: 0px;
	}

		nav#level1 li a {
			position: relative;
			color: #999;
			text-decoration: none;
			display: inline-block;
			padding: 10px 20px 10px 20px;
			background: #eeeeee;
			border-radius: 10px;
			margin: 0 10px 10px 0;
		}

		nav#level1 li.active a {
			background-color: #fff;
		}

		nav#level1 li:not(.active) a:hover {
			background-color: #FFFFFF;
		}

		nav#level1 li.active a {
			color: #FFFFFF;
			background-color: var(--baseColorDefault);
		}


		nav#level1 li.sourcing:not(.active) a {
			color: var(--baseColorSourcing);
		}

		nav#level1 li.products:not(.active) a {
			color: var(--baseColorProducts);
		}

		nav#level1 li.transactions:not(.active) a {
			color: var(--baseColorTransactions);
		}

		nav#level1 li.partners:not(.active) a {
			color: var(--baseColorPartners);
		}

		nav#level1 li.documents:not(.active) a {
			color: var(--baseColorDocuments);
		}



/*********************************************************************************/
/* HEADER > DIV.INNER > NAV.LEVEL2 (= account, language & notification controls) */
/*********************************************************************************/

nav#level2 {
	position: absolute;
	display: inline-block;
	float: right;
	top: 8px;
	right: 0px;
	font-size: 13px;
}

	nav#level2 div#header-username,
	nav#level2 div#header-language,
	nav#level2 div#header-account,
	nav#level2 div#header-notifications,
	nav#level2 div#header-freshdesk {
		position: relative;
		display: table-cell;
		vertical-align: middle;
		padding: 0px;
		margin: 0px;
		cursor: pointer;
	}


	nav#level2 a.ddlink {
		position: relative;
		z-index: 2002;
		padding: 5px 15px 0px 15px;
		margin: 0px 5px;
		color: #1D1D1D;
		text-decoration: none;
		background: url("/assets/images/ico_lang-black.png") no-repeat right 10px;
	}

	nav#level2 div#header-username .liveData,
	nav#level2 div#header-username .testData {
		display: inline-block;
		width: 9px;
		height: 9px;
		border-radius: 50px;
		background-color: #CC0000;
		margin-right: 4px;
	}

	nav#level2 div#header-username .liveData {
		background-color: #FF0000;
	}

	nav#level2 div#header-username .testData {
		background-color: #00ff2c;
	}

	nav#level2 .dropdown-menu {
		position: absolute;
		left: 0;
		top: 0;
		margin-top: 0px;
		width: 100%;
		min-width: 100%;
		text-align: center;
	}

		nav#level2 .dropdown-menu ul {
			position: relative;
			width: 100%;
			min-width: unset;
			box-shadow: none;
			padding: 0;
			border: 1px solid #DDDDDD;
			border-radius: 4px;
		}

			nav#level2 .dropdown-menu ul li a {
				padding: 3px;
				border-radius: 0;
			}

			nav#level2 .dropdown-menu ul li:first-of-type a {
				padding: 3px;
				border-top-left-radius: 4px;
				border-top-right-radius: 4px;
			}

			nav#level2 .dropdown-menu ul li:last-of-type a {
				padding: 3px;
				border-bottom-left-radius: 4px;
				border-bottom-right-radius: 4px;
			}

			nav#level2 .dropdown-menu ul li a:hover {
				color: #FFFFFF;
				background-color: var(--baseColorDefault);
			}

.loginscreen nav#level2 {
	top: 60px;
	right: 20px;
}

	.loginscreen nav#level2 .dropdown-menu {
		position: relative;
		left: 0;
		top: 3px !important;
	}

		.loginscreen nav#level2 .dropdown-menu ul li a:hover {
			color: #FFFFFF;
			background-color: #AAAAAA;
		}

#header-account a,
#header-freshdesk a {
	display: inline-block;
	height: 26px;
	text-decoration: none;
	color: #FFFFFF;
	border-radius: 4px;
	position: relative;
	margin: 0 0 0 5px;
}

#header-account a {
	background-color: #68696b;
	padding: 5px 10px;
}

	#header-account a:hover {
		background-color: #333333;
	}

#header-freshdesk a {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background-color: var(--baseColorTransactions);
	padding: 4px 10px 5px 7px;
}

	#header-freshdesk a:hover {
		background-color: #e77d00;
	}

	#header-freshdesk a strong {
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: bolder;
		font-size: 12px;
		border: 1px solid #FFFFFF;
		border-radius: 20px;
		width: 18px;
		height: 18px;
		padding: 0;
	}

	#header-freshdesk a:hover strong {
		border: none;
		font-weight: bolder;
		font-size: 12px;
		color: #e77d00;
		background-color: #FFFFFF;
	}

#header-notifications {
	vertical-align: middle;
	padding: 0;
	margin: 0;
}

	#header-notifications form {
		display: inline;
		padding: 0;
		margin: 0 5px 0 0;
	}

		#header-notifications form button {
			display: inline-block;
			padding: 0;
			margin: 0;
		}

		#header-notifications form#notificationMessage .notifOn img {
			background-image: url("/assets/images/ui-icons_454545_256x240.png");
			background-position: -129px -98px;
			height: 15px;
			width: 15px;
			display: inline-block;
			border: none;
		}

		#header-notifications form#notificationMessage .notifOff img {
			background-image: url("/assets/images/ui-icons_cd0a0a_256x240.png");
			background-position: -129px -98px;
			height: 15px;
			width: 15px;
			display: inline-block;
			border: none;
		}

		#header-notifications form#notificationEmail .notifOn img {
			background-image: url("/assets/images/ui-icons_454545_256x240.png");
			background-position: -97px -97px;
			height: 15px;
			width: 15px;
			display: inline-block;
			border: none;
		}

		#header-notifications form#notificationEmail .notifOff img {
			background-image: url("/assets/images/ui-icons_cd0a0a_256x240.png");
			background-position: -97px -97px;
			height: 15px;
			width: 15px;
			display: inline-block;
			border: none;
		}

	#header-notifications .notifOn {
		background-color: transparent;
		border: 1px solid #777777;
		border-radius: 4px;
		padding: 2px;
		margin-right: 3px;
		vertical-align: middle;
		cursor: pointer;
		width: 26px;
		min-width: 26px;
		max-width: 26px;
		height: 26px;
		min-height: 26px;
		max-height: 26px;
	}

		#header-notifications .notifOn span {
			color: #2c7e00;
			font-weight: bold;
			display: inline-block;
		}

	#header-notifications .notifOff {
		background-color: transparent;
		border: 1px solid #cd0a0a;
		border-radius: 4px;
		padding: 2px;
		margin-right: 3px;
		vertical-align: middle;
		cursor: pointer;
		width: 26px;
		min-width: 26px;
		max-width: 26px;
		height: 26px;
		min-height: 26px;
		max-height: 26px;
	}

		#header-notifications .notifOff span {
			color: #CD0A0A;
			font-weight: bold;
			display: inline-block;
		}

		#header-notifications .notifOn:hover, #header-notifications .notifOff:hover {
			background-color: #FFFFFF;
		}



/****************/
/* SECTION#MAIN */
/****************/

#main {
	/*overflow: hidden;*/
}

	#main,
	#main > form,
	.panels .panel {
		position: relative;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		flex: 1;
		width: 100%;
		max-width: var(--maxWidth);
		margin: 0 auto;
	}

.panels {
	display: flex;
	flex-direction: row;
}

	.panels .panel:not(:last-child) {
		margin-right: 10px;
	}

.flexFix { /* bottom padding of section#mainContent is lost because of flex bug */
	position: relative;
	bottom: 0;
	display: block;
	height: 20px;
	min-height: var(--mainContentBottomPadding);
	max-height: var(--mainContentBottomPadding);
}



/***********************************/
/* SECTION#MAIN > DIV.MAIN > ASIDE */
/***********************************/

.navWrapper {
	position: relative;
	top: 0;
	left: 0;
	width: var(--navWidthHidden);
	min-width: var(--navWidthHidden);
	max-width: var(--navWidthHidden);
	min-height: var(--navWidthHidden);
	overflow: hidden;
	margin-right: 10px;
	border-radius: 10px;
	background-color: #FFFFFF;
	transition: width 500ms ease 0ms, min-width 500ms ease 0ms, max-width 500ms ease 0ms; /*, top 100ms ease 0ms, left 100ms ease 0ms;*/
}

	.navWrapper.visible,
	.navWrapper.pinned {
		overflow: visible;
		width: var(--navWidth);
		min-width: var(--navWidth);
		max-width: var(--navWidth);
	}

aside {
	display: none;
}

.navWrapper aside {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #FFFFFF;
	border-radius: 10px;
	padding: 9px 10px 20px 10px;
	width: var(--navWidth);
	min-width: var(--navWidth);
	max-width: var(--navWidth);
	transition: box-shadow 200ms ease 0ms;
}

	.navWrapper aside.loaded,
	.navWrapper aside.loaded #navigation,
	.navWrapper aside.loaded .leftNav {
		display: block;
	}

.navWrapper.unpin aside,
.navWrapper.hidden aside {
	box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 8px;
}

.navWrapper.pin aside {
	box-shadow: none;
}

.navWrapper.visible aside,
.navWrapper.pinned aside {
	overflow-y: auto;
	position: relative;
}

.navWrapper.navNarrow.visible,
.navWrapper.navNarrow.pinned,
.navWrapper.navNarrow.visible aside,
.navWrapper.navNarrow.pinned aside {
	width: 200px;
	min-width: 200px;
	max-width: 200px;
}

.navWrapper aside.border {
	border: 1px solid #DDDDDD;
}

.navWrapper.hidden aside.border {
	border: none;
}

.navWrapper aside .navToggle,
.navWrapper aside .navPin {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(var(--navWidthHidden) - 8px);
	height: calc(var(--navWidthHidden) - 8px);
	text-align: center;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 7px 7px;
	cursor: pointer;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
}

.navWrapper.unpin {
	top: -1px;
	left: -1px;
}

.navWrapper.pin {
	top: 0;
	left: 0;
}

.navWrapper.pinned.pin aside .navPin {
	top: -1px;
	right: 1px;;
}

.navWrapper.pinned.unpin aside .navPin {
	top: 0;
	right: 0;
}

.navWrapper.visible.pin aside .navPin {
	top: 0;
	right: 0;
}

.navWrapper.visible.unpin aside .navPin {
	top: 1px;
	right: -1px;
}

.navWrapper.pinned aside .navToggle,
.navWrapper.visible aside .navToggle {
	display: none;
}

.navWrapper.pinned aside .navPin {
	background-image: url(/assets/images/icon-unpin.png);
}

	.navWrapper.pinned aside .navPin:hover {
		background-color: var(--baseColorDefault);
		background-image: url(/assets/images/icon-unpin-hover.png);
	}

.navWrapper.visible aside .navPin {
	background-image: url(/assets/images/icon-pin.png);
}

	.navWrapper.visible aside .navPin:hover {
		background-color: var(--baseColorDefault);
		background-image: url(/assets/images/icon-pin-hover.png);
	}

.navWrapper.hidden aside .navPin {
	display: none;
}

.navWrapper.hidden aside .navToggle {
	background-image: url(/assets/images/navShow.png);
	width: var(--navWidthHidden);
	height: var(--navWidthHidden);
	margin: 0px;
}

.navWrapper.hidden aside.border .navToggle {
	border: 1px solid #DDDDDD;
	width: calc(var(--navWidthHidden) - 2px);
	height: calc(var(--navWidthHidden) - 2px);
}

	.navWrapper.hidden aside.border .navToggle:hover {
		border: none;
		width: var(--navWidthHidden);
		height: var(--navWidthHidden);
	}

.navWrapper.hidden aside .navToggle.navFilters {
	background-image: url(/assets/images/icon-filter.png);
}

.navWrapper aside#messageNav .navPin:hover {
	background-color: var(--baseColorRightPanel);
}

.subSection {
	flex: 1;
}



/*************************************************/
/* SECTION#MAIN > DIV.MAIN > SECTION#MAINCONTENT */
/*************************************************/

section#rightContent {
	display: none;
}

section#rightContent.visible {
	display: block;
}

section#rightContent.visible.noTopRightRadius {
	border-top-right-radius: 0;
}

section#mainContent,
section#rightContent {
	position: relative;
	transition: width 500ms ease 0ms;
	background: #FFFFFF;
	border-radius: 10px;
	flex: 1 1 auto;
	margin: 0;
	padding: 0px;
	scroll-padding: 20px;
	overflow-x: auto;
	overflow-y: scroll;
}

	section#mainContent div.contentBox,
	section#rightContent div.contentBox {
		padding: 0px 4px 0px 20px;
	}

section#rightContent {
	margin-left: 10px;
}

body.bodyscroll {
	max-height: unset;
	height: fit-content;
	overflow-x: hidden;
	overflow-y: scroll;
	-ms-overflow-style: scrollbar; /* IE10 */
	scrollbar-width: thin; /* Firefox */
}

	body.bodyscroll::-webkit-scrollbar { /* Chrome - Edge - Safari */
		display: initial;
	}

	body.bodyscroll section#mainContent,
	body.bodyscroll section#rightContent,
	body.bodyscroll section#main,
	body.bodyscroll section#main > form,
	body.bodyscroll .panels .panel {
		max-height: max-content;
		height: fit-content;
		overflow: visible;
	}

	body.bodyscroll section#mainContent,
	body.bodyscroll section#rightContent {
		padding-right: 16px;
	}

	body.bodyscroll .navWrapper.pinned aside .navPin {
		z-index: 1000000002;
	}

	/*body.bodyscroll .otherNav,*/
	body.bodyscroll .stickyHeader {
		position: relative;
		top: 0;
	}

	body.bodyscroll aside.visible > .navToggle {
		z-index: 1000000002;
	}



/**********************************************/
/* SECTION#MAINCONTENT > #BREADCRUMBS-WRAPPER */
/**********************************************/

#breadcrumbs-wrapper {
	width: 100%;
	margin-bottom: 13px;
}

.breadcrumb .OperatorNameAndFloId {
	height: 26px;
	line-height: 26px;
	float: right;
	color: var(--baseColorDefault);
}

.breadcrumb ul {
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 0;
	color: var(--baseColorDefault);
}

	.breadcrumb ul li {
		margin-right: 6px;
		display: inline;
	}

		.breadcrumb ul li a {
			color: #7e7e7e;
			text-decoration: none;
			background: url(/assets/images/arr_left_menu_last_child.png) no-repeat center right;
			padding-right: 25px;
			margin-right: -15px;
		}

			.breadcrumb ul li a:hover {
				text-decoration: underline;
			}



/***************************************/
/* SECTION#MAINCONTENT > MAIN ELEMENTS */
/***************************************/

.contentScrollMaskTop {
	position: -webkit-sticky;
	position: sticky;
	align-self: flex-start;
	top: 0;
	left: 0;
	height: 20px;
	width: 100%;
	background-color: #FFFFFF;
	z-index: 2000;
}

.stickyHeader {
	width: 100%;
	z-index: 1999;
	display: block;
	position: -webkit-sticky;
	position: sticky;
	align-self: flex-start;
	top: 20px;
	margin: 0 0 10px 0;
	background-color: #FFFFFF;
}

.nobr, .nobr td, .nobr th {
	white-space: nowrap;
}

.topStatus {
	min-width: 120px;
	font-size: 9px;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	background-color: white;
	font-weight: bolder;
	color: #7E7E7E;
	padding: 0;
}

	.topStatus span {
		display: block;
		border-radius: 3px;
	}

		.topStatus span.status-title {
			text-transform: uppercase;
			text-align: center;
			padding: 2px 4px;
			width: 100%;
		}

		.topStatus span.step-status {
			padding: 2px 4px;
		}

	.topStatus:last-of-type::after {
		margin-right: 30px;
	}

.subSection {
	transition: width 500ms ease 0ms;
	width: 100%;
}

#navright {
	transition: width 500ms ease 0ms;
	width: 100%;
}



/****************************************************/
/* SECTION#MAINCONTENT > NAV#LEVEL1-1 (SUBSECTIONS) */
/****************************************************/

nav#level1-1 {
	transition: padding-bottom 500ms ease 0ms, background-color 500ms ease 0ms;
	padding: 0;
	background-color: #FFFFFF;
}

	nav#level1-1.scrolled {
		padding-bottom: 10px;
		border-bottom: 1px solid #DDDDDD;
	}

	nav#level1-1 ul {
		overflow: hidden;
		margin: 0;
		padding: 0;
		text-align: center;
	}

	nav#level1-1 li {
		margin-top: 10px;
		overflow-wrap: anywhere;
		overflow: hidden;
		display: inline-block;
		vertical-align: top;
		margin-right: 7px;
	}

		nav#level1-1 li:last-of-type {
			margin-right: 0px;
		}

		nav#level1-1 li a {
			display: block;
			clear: left;
			text-align: center;
			width: 100%;
			text-decoration: none;
			position: relative;
			z-index: 0;
			color: #333333;
			border-radius: 10px;
			opacity: .7;
			background-color: #FFFFFF;
			border: 1px solid #CCCCCC;
			min-width: 120px;
		}

		nav#level1-1 li.inactive a:hover {
			opacity: 1;
			border: 1px solid #999999;
		}

		nav#level1-1 li.active a {
			opacity: 1;
			background-color: #FAFAFA;
			border: 1px solid #999999;
		}

	nav#level1-1.scrolled li.active a {
		background-color: #FFFFFF;
	}

	nav#level1-1 li span {
		display: block;
	}

		nav#level1-1 li span.step-nbr {
			transition: margin-top 500ms ease 0ms;
			margin-top: 0px;
			font-size: 24px;
		}

			nav#level1-1.scrolled li span.step-nbr {
				margin-top: -30px;
			}

	nav#level1-1 li span.step-label {
		text-transform: uppercase;
		font-weight: bold;
		padding: 2px 10px;
	}

	nav#level1-1 li span.step-status {
		color: #333333;
		font-size: 9px;
		text-transform: uppercase;
		text-align: center;
		display: block;
		padding: 3px 10px 1px 10px;
		font-weight: bold;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		margin: 2px;
	}

	nav#level1-1 li.active span.step-status.pending {
		color: #fff;
		background: #9a9b9b;
	}

	nav#level1-1 li.active span.step-status.incomplete {
		color: #fff;
		background: #b80000;
	}

	nav#level1-1 li.active span.step-status.expiring {
		color: #fff;
		background: #FF8E08;
	}

	nav#level1-1 li.active span.step-status.onhold {
		color: #fff;
		background: #ff0000;
	}

	nav#level1-1 li.active span.step-status.valid {
		color: #fff;
		background: #2c7e00;
	}

	nav#level1-1 li.inactive span.step-status.pending {
		color: #9a9b9b;
	}

	nav#level1-1 li.inactive span.step-status.incomplete {
		color: #b80000;
	}

	nav#level1-1 li.inactive span.step-status.expiring {
		color: #FF8E08;
	}

	nav#level1-1 li.inactive span.step-status.onhold {
		color: #ff0000;
	}

	nav#level1-1 li.inactive span.step-status.valid {
		color: #2c7e00;
	}

	nav#level1-1 li span.warning {
		display: inline-block;
	}

/*************************************/
/* SECTION#MAINCONTENT > STEP LAYOUT */
/*************************************/

#steps-container .stepSpacer {
	height: 40px;
	min-height: 40px;
	max-height: 40px;
}

.fieldset-edit table.steplayout {
	margin-bottom: 0;
}

table.steplayout {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-collapse: separate;
	border-spacing: 0px;
	border-radius: 10px;
	margin-bottom: 10px;
	/*overflow: hidden;*/
}

	table.steplayout.first {
		border-radius: 10px 10px 0px 0px;
		margin-bottom: 0;
		border-bottom: 0;
	}

	table.steplayout.last {
		border-radius: 0px 0px 10px 10px;
		margin-bottom: 0;
		border-bottom: 0;
	}

	table.steplayout.middle {
		border-radius: 0;
		margin-bottom: 0;
		border-bottom: 0;
	}

	table.steplayout.errorStep {
		border-color: red;
	}

	table.steplayout tr.header {
		cursor: pointer;
		background-color: transparent;
	}

		table.steplayout tr.header:hover,
		table.steplayout tr.header.collapse,
		table.steplayout tr.header.nocollapse {
			background-color: #FAFAFA;
		}

		table.steplayout tr.header td {
			padding: 3px;
		}

		table.steplayout tr.header.collapse:not(.noborder) > td,
		table.steplayout tr.header.nocollapse:not(.noborder) > td {
			height: 33px;
			border-bottom: 1px solid #DDDDDD;
		}

		table.steplayout.errorStep tr.header.collapse:not(.noborder) > td,
		table.steplayout.errorStep tr.header.nocollapse:not(.noborder) > td {
			border-bottom: 1px solid #ffecf0;
		}

		table.steplayout tr.header td.title {
			display: table-cell;
			width: 100% !important;
			text-transform: uppercase;
			color: #666666;
			font-weight: bold;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			vertical-align: middle;
			padding: 2px 10px 0 0;
		}

	table.steplayout > tr:first-of-type > td:first-of-type,
	table.steplayout > thead > tr:first-of-type > td:first-of-type,
	table.steplayout > tbody > tr:first-of-type > td:first-of-type/*,
	table.steplayout > tr.header > td:first-of-type,
	table.steplayout > thead > tr.header > td:first-of-type,
	table.steplayout > tbody > tr.header > td:first-of-type*/ {
		border-top-left-radius: 10px;
	}

	table.steplayout > tr:first-of-type > td:last-of-type,
	table.steplayout > thead > tr:first-of-type > td:last-of-type,
	table.steplayout > tbody > tr:first-of-type > td:last-of-type/*,
	table.steplayout > tr.header > td:last-of-type,
	table.steplayout > thead > tr.header > td:last-of-type,
	table.steplayout > tbody > tr.header > td:last-of-type*/ {
		border-top-right-radius: 10px;
	}

	table.steplayout > tr:last-of-type > td:first-of-type,
	table.steplayout > tbody > tr:last-of-type > td:first-of-type,
	table.steplayout > tfoot > tr:last-of-type > td:first-of-type,
	table.steplayout tr.header.expand > td:first-of-type/*,
	table.steplayout > tbody > tr.header.expand > td:first-of-type,
	table.steplayout > tfoot > tr.header.expand > td:first-of-type*/ {
		border-bottom-left-radius: 10px;
	}

	table.steplayout > tr:last-of-type > td:last-of-type,
	table.steplayout > tbody > tr:last-of-type > td:last-of-type,
	table.steplayout > tfoot > tr:last-of-type > td:last-of-type,
	table.steplayout tr.header.expand > td:last-of-type/*,
	table.steplayout > tbody > tr.header.expand > td:last-of-type,
	table.steplayout > tfoot > tr.header.expand > td:last-of-type*/ {
		border-bottom-right-radius: 10px;
	}

		table.steplayout tr.header.disabled, table.steplayout tr.header.nocollapse {
			cursor: default;
		}

		table.steplayout tr.header.headerlink {
			cursor: pointer;
		}

			table.steplayout tr.header.headerlink td {
				color: var(--baseColorDefault);
			}

			table.steplayout tr.header.headerlink:hover td {
				text-decoration: underline;
			}

		table.steplayout tr.header.disabled:hover {
			background-color: #FFFFFF;
		}

		table.steplayout tr.header.disabled td {
			color: #AAAAAA;
		}

		table.steplayout.errorStep tr.header {
			background-color: #ffecf0;
		}

	table.steplayout td.margin {
		background-repeat: no-repeat;
		background-position: center center;
		margin: 0;
		font-size: 21px;
		line-height: 12px;
		color: var(--baseColorDefault);
		height: 32px;
		min-width: 36px;
		max-width: 36px;
	}

	table.steplayout tr.header.disabled td.margin div,
	table.steplayout tr.header.unloaded td.margin div {
		color: #AAAAAA;
	}

	table.steplayout tr.header td.margin div.step_icon_link {
		background-size: 16px 16px;
	}

	table.steplayout tr.header.loaded td.margin div.stepid:empty::after {
		display: block;
		content: "";
		width: 14px;
		height: 14px;
		margin: 5px 7px;
		background-color: var(--baseColorDefault);
		border: 1px solid var(--baseColorDefault);
		border-radius: 2px;
	}

	table.steplayout tr.header.unloaded td.margin div.stepid:empty::after {
		display: block;
		content: "";
		width: 14px;
		height: 14px;
		margin: 5px 7px;
		background-color: #FFFFFF;
		border: 1px solid #DDDDDD;
		border-radius: 2px;
	}

	table.steplayout tr.header.loading td.margin div.stepid span {
		display: none;
	}

	table.steplayout tr.header.loading td.margin div.stepid::after {
		position: relative;
		display: block;
		background-image: url(/assets/images/loading.gif);
		background-size: 24px 24px;
		background-position: center;
		background-repeat: no-repeat;
		content: "";
		width: 30px;
		height: 26px;
	}

	table.steplayout.errorStep tr.header.loaded td.margin div.stepid:empty::after {
		display: block;
		content: "";
		width: 14px;
		height: 14px;
		margin: 5px 7px;
		background-color: red;
		border: 1px solid red;
		border-radius: 2px;
	}

	table.steplayout tr.header td.margin div.step_icon_settings,
	table.steplayout tr.header td.margin div.step_icon_add,
	table.steplayout tr.header td.margin div.step_icon_lists {
		position: relative;
		width: 24px;
		height: 24px;
	}

	table.steplayout tr.header td.margin div.step_icon_settings {
		background-image: url(/assets/images/step_icon_settings_grey.png);
		background-position: center;
		background-repeat: no-repeat;
	}

	table.steplayout tr.header td.margin div.step_icon_add {
		background-image: url(/assets/images/step_icon_link_black.png);
		background-position: center;
		background-repeat: no-repeat;
		top: 1px;
	}

	table.steplayout tr.header td.margin div.step_icon_lists {
		background-image: url(/assets/images/arrow-kids.png);
		background-position: center;
		background-repeat: no-repeat;
		top: 1px;
	}

	table.steplayout tr.header.loading td.margin div.step_icon_settings,
	table.steplayout tr.header.loading td.margin div.step_icon_add {
		position: relative;
		background-image: url(/assets/images/loading.gif);
		background-size: 24px 24px;
		background-position: center;
		background-repeat: no-repeat;
	}

	table.steplayout tr.validationstatus.loaded.collapse + tr {
		display: table-row;
	}

	table.steplayout tr.header span.toggle {
		display: block;
		width: 24px;
		height: 24px;
		text-align: center;
		background-color: transparent;
		padding: 0;
		margin: 0 1px 0 0;
		cursor: pointer;
		border-radius: 8px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 18px 18px !important;
	}

	table.steplayout tr.header.nocollapse span.toggle,
	table.steplayout tr.header.disabled span.toggle {
		cursor: default;
	}

	table.steplayout tr.header.collapse span.toggle {
		background-image: url(/assets/images/stepHide.png);
	}

		table.steplayout tr.header.collapse span.toggle:hover,
		table.steplayout tr.header.collapse:hover span.toggle {
			background-image: url(/assets/images/stepHideHover.png);
			background-color: var(--baseColorDefault);
		}

	table.steplayout tr.header.expand span.toggle {
		background-image: url(/assets/images/stepShow.png);
	}

		table.steplayout tr.header.expand span.toggle:hover,
		table.steplayout tr.header.expand:hover span.toggle {
			background-image: url(/assets/images/stepShowHover.png);
			background-color: var(--baseColorDefault);
		}

	table.steplayout tr.header.nocollapse td.title td.toggle {
		width: 10px;
		min-width: 10px !important;
		max-width: 10px !important;
	}

	table.steplayout tr.header td.status {
		white-space: nowrap;
		width: 100px;
		min-width: 100px;
		max-width: 100px;
		font-weight: normal !important;
		padding: 3px;
	}

.stepcontent, .pickerstepcontent {
	width: 100% !important;
	padding: 10px 10px 10px 0;
}

.steplistcontent {
	padding: 0;
}

	.steplistcontent .listcontrols {
		padding: 5px;
		border-bottom: 1px solid #DDDDDD;
	}

	.steplistcontent #results {
		padding: 5px;
	}

	.steplistcontent .silver {
		margin: 10px;
		padding: 10px;
	}

/*tr.validation .stepcontent {
	padding: 10px 10px 10px 0;
}
*/
.isrelative {
	position: relative;
}

.editcol20 > table > tbody > tr > td:first-child {
	width: 20%;
}

.editcol30 > table > tbody > tr > td:first-child {
	width: 30%;
}

.editcol40 > table > tbody > tr > td:first-child {
	width: 40%;
}

.editcol50 > table > tbody > tr > td:first-child {
	width: 50%;
}

.editcol20 > table > tbody > tr > td,
.editcol30 > table > tbody > tr > td,
.editcol40 > table > tbody > tr > td,
.editcol50 > table > tbody > tr > td {
	padding: 3px 0;
}

.editcol20 > table > tbody > tr > td.superSelectRow,
.editcol30 > table > tbody > tr > td.superSelectRow,
.editcol40 > table > tbody > tr > td.superSelectRow,
.editcol50 > table > tbody > tr > td.superSelectRow {
	padding: 0;
}

	.editcol20 > table > tbody > tr > td:first-child,
	.editcol30 > table > tbody > tr > td:first-child,
	.editcol40 > table > tbody > tr > td:first-child,
	.editcol50 > table > tbody > tr > td:first-child {
		text-align: left;
		font-weight: bold;
	}

	.editcol20 > table > tbody > tr > td:last-child,
	.editcol30 > table > tbody > tr > td:last-child,
	.editcol40 > table > tbody > tr > td:last-child,
	.editcol50 > table > tbody > tr > td:last-child {
		text-align: left;
		font-weight: normal;
	}



/*************************************/
/* SECTION#mainContent > TABLE & DIV */
/*************************************/

.listcontrols {
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	padding: 0 0 6px 0;
}

span.resultscount {
	flex: 1;
}

span.resultscount, span.itemsperpage {
	align-content: center;
	align-items: center;
	padding: 0;
	background-color: transparent;
	border: 0;
	margin: 0;
	font-size: 12px;
	color: #777777;
	display: inline-block;
	font-weight: normal;
}

	span.itemsperpage select {
		border: 1px solid #DDDDDD !important;
		color: #7e7e7e;
		padding: 2px 20px 2px 4px;
		background-position: right -4px top 6px;
		width: auto !important;
	}

table.silver,
table.white,
table.color,
table.transparent {
	width: 100%;
	border-collapse: separate;
	margin-bottom: 0;
}

	table.silver::after,
	table.white::after,
	table.color::after,
	table.transparent::after {
		content: " ";
		height: 10px;
		min-height: 10px;
		max-height: 10px;
	}

	table.silver th,
	table.silver td,
	table.white th,
	table.white td,
	table.color th,
	table.color td,
	table.transparent th,
	table.transparent td {
		padding: 3px 10px;
		border-right: 1px solid white;
		text-align: center;
		vertical-align: middle;
	}

		table.silver th:last-child,
		table.silver td:last-child,
		table.white th:last-child,
		table.white td:last-child,
		table.color th:last-child,
		table.color td:last-child,
		table.transparent th:last-child,
		table.transparent td:last-child {
			border-right: none;
		}

	table.silver th,
	table.white th {
		background-color: #EEEEEE;
	}

	table.silver th,
	table.white th,
	table.color th {
		font-weight: bold !important;
		vertical-align: middle !important;
		text-transform: uppercase;
	}

	table.transparent th {
		vertical-align: middle !important;
		text-transform: uppercase;
		color: #717171;
		font-weight: normal !important;
	}

	table.silver tfoot tr td,
	table.white tfoot tr td,
	table.color tfoot tr td {
		padding: 3px 10px 2px 10px;
		line-height: 15px;
		background-color: #EEEEEE;
		font-weight: bold !important;
		vertical-align: middle !important;
		text-transform: uppercase;
	}

		table.silver tfoot tr td:empty,
		table.white tfoot tr td:empty,
		table.color tfoot tr td:empty {
			padding: 0;
			height: 1px;
			min-height: 1px;
			max-height: 1px;
			background-color: transparent;
		}

		table.silver tfoot tr td a,
		table.silver tfoot tr td span,
		table.white tfoot tr td a,
		table.white tfoot tr td span,
		table.color tfoot tr td a,
		table.color tfoot tr td span,
		table.transparent tfoot tr td a,
		table.transparent tfoot tr td span {
			text-decoration: none;
			font-weight: bold;
			line-height: 14px;
			display: inline-block;
			border: 1px solid transparent;
			border-radius: 3px;
			padding-top: 2px;
			padding-bottom: 1px;
			padding-left: 6px;
			padding-right: 6px;
			margin: 1px;
		}

			table.silver tfoot tr td a:hover,
			table.silver tfoot tr td span,
			table.white tfoot tr td a:hover,
			table.white tfoot tr td span,
			table.color tfoot tr td a:hover,
			table.color tfoot tr td span,
			table.transparent tfoot tr td a:hover,
			table.transparent tfoot tr td span {
				background-color: #FFFFFF;
				border-color: var(--baseColorDefault);
				color: var(--baseColorDefault);
			}

table tfoot tr.pager td {
	padding: 2px 10px;
}

table.silver colgroup {
	border: 2px solid #DDDDDD;
}

table.silver tbody tr td {
	background-color: #FAFAFA;
	border-bottom: 1px solid #DDDDDD;
}

table.white tbody tr td,
table.color tbody tr td {
	background-color: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
}

table.transparent tbody tr td {
	border-bottom: 1px solid #EEEEEE;
}

table.silver tbody tr:last-child td,
table.white tbody tr:last-child td,
table.color tbody tr:last-child td,
table.transparent tbody tr:last-child td {
	border-bottom: none;
}

table.silver th,
table.silver td,
table.white th,
table.white td {
	color: #444444;
	text-decoration: none;
}

table.color th {
	color: #FFFFFF;
}

table.silver th a,
table.white th a {
	color: #444444;
	text-decoration: none;
}

table.color th a {
	color: #FFFFFF;
	text-decoration: none;
}

div.transparent {
	padding: 10px 10px 10px 0;
	border: 1px none #FFFFFF;
	border-radius: 3px;
}

div.silver,
div.white {
	padding: 5px 10px 1px 10px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
}

div.silver {
	background-color: #FAFAFA;
}

div.white {
	background-color: #FFFFFF;
}

	div.silver > table th:first-child,
	div.silver > table td:first-child,
	div.white > table th:first-child,
	div.white > table td:first-child,
	div.transparent > table th:first-child,
	div.transparent > table td:first-child {
		padding-left: 0px;
	}

div.debug {
	margin: 10px 0;
	padding: 8px;
	border: 1px solid #FFCC00;
	border-radius: 3px;
	background-color: #fff8db;
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: space-between;
	align-content: center;
}

	div.debug div {
		background-color: unset;
	}

	div.debug > div {
		display: contents;
	}

	div.debug > div > div:last-of-type {
		font-weight: bold;
		text-align: right;
	}

td.titleCell {
	font-size: 150%;
}

th.s_unsorted, th.s_ascending, th.s_descending {
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 17px !important;
}

table.silver th.s_unsorted, table.white th.s_unsorted {
	background-image: url('/assets/images/s_unsorted.png');
}

table.silver th.s_descending, table.white th.s_descending {
	background-image: url('/assets/images/s_descending.png');
}

table.silver th.s_ascending, table.white th.s_ascending {
	background-image: url('/assets/images/s_ascending.png');
}

table.silver th.s_ascending, table.silver th.s_descending, table.white th.s_ascending, table.white th.s_descending {
	background-color: #E4E4E4;
}

table.color th.s_unsorted {
	background-image: url('/assets/images/s_unsorted_color.png');
}

table.color th.s_descending {
	background-image: url('/assets/images/s_descending_color.png');
}

table.color th.s_ascending {
	background-image: url('/assets/images/s_ascending_color.png');
}

table.orange th.s_ascending, table.orange th.s_descending {
	background-color: #DDDDDD;
}

.bigCountCell {
	font-size: 250%;
	vertical-align: middle;
	color: #666666;
}

.countCell {
	text-align: center;
	font-size: 150%;
	vertical-align: middle;
	color: #666666;
}

th.statusCell {
	width: 120px !important;
	min-width: 120px !important;
	max-width: 120px !important;
}

.paging td {
	color: #AAAAAA !important;
}

.paging a {
	color: #444444 !important;
	text-decoration: none;
}

.condensed {
	width: 100%;
	margin-top: 10px;
	background-color: #FFFFFF;
	border-collapse: collapse;
}

	.condensed colgroup {
		border: 1px solid #CCCCCC;
	}

	.condensed th, .condensed td {
		padding: 3px;
		font-size: 11px;
		color: #444444;
		background-color: #FFFFFF;
	}

	.condensed th, .condensed tr.footer td {
		font-weight: bold;
		background-color: #FAFAFA;
	}

		.condensed th.th_l1 {
			background-color: #EEEEEE;
			text-transform: uppercase;
		}

	.condensed td {
		text-align: right;
	}

	.condensed tr:not(.footer) {
		border-bottom: 1px solid #EEEEEE;
	}

	.condensed tr th {
		border-bottom: 1px solid #CCCCCC;
	}

	.condensed tr.footer td {
		border-top: 1px solid #CCCCCC;
	}

	.condensed col:not(.last) {
		border-right: 1px solid #EEEEEE;
	}

.deleted-row {
	background-color: #F5F5F5 !important;
	cursor: default !important;
	pointer-events: none;
}

.deleted-row > * {
	opacity: .3 !important;
}

	.deleted-row select, .deleted-row input {
		background: none !important;
	}

.delete-cell {
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

	.delete-cell.deleted-cell {
		background-color: #F5F5F5;
	}

	.delete-cell input[type="checkbox"] {
		position: absolute;
		z-index: -9999;
		left: -9999px;
		opacity: 0;
	}

.delete-label span {
	display: inline-block;
	width: 21px;
	height: 21px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
}

td.icon {
	width: 40px;
	min-width: 40px;
	max-width: 40px;
}

img.icon-delete {
	cursor: pointer;
	display: inline-block;
	width: 21px;
	height: 21px;
	background-image: url(/assets/images/icon-delete.png);
}

	img.icon-delete:hover {
		background-image: url(/assets/images/icon-delete-hover.png);
	}

img.icon-restore {
	cursor: pointer;
	display: none;
	width: 21px;
	height: 21px;
	background-image: url(/assets/images/icon-restore.png);
}

	img.icon-restore:hover {
		background-image: url(/assets/images/icon-restore-hover.png);
	}

img.icon-nodelete {
	background-image: url(/assets/images/icon-nodelete.png);
}

img.icon-edit {
	cursor: pointer;
	display: inline-block;
	width: 21px;
	height: 21px;
	background-image: url(/assets/images/icon-edit.png);
}

	img.icon-edit:hover {
		background-image: url(/assets/images/icon-edit-hover.png);
	}

img.icon-adduser {
	cursor: pointer;
	display: inline-block;
	width: 21px;
	height: 21px;
	background-image: url(/assets/images/icon-adduser.png);
}

	img.icon-adduser:hover {
		background-image: url(/assets/images/icon-adduser-hover.png);
	}

.add-new-icon {
	background-color: #FAFAFA !important;
	background-repeat: no-repeat;
	background-position: center;
	border-bottom: none !important;
}

.add-new-link {
	text-transform: uppercase;
	font-weight: bold;
	text-align: left !important;
	border-bottom: none !important;
	padding-top: 11px !important;
	padding-bottom: 11px !important;
}

.listheader {
	color: var(--baseColorDefault);
}

/*

:root {
	--pricetag-background: #F4F4F4;
	--pricetag-color: #888888;
	--pricetag-height: 20px;
	--pricetag-corner: 4px;
	--pricetag-dot-radius: 6px;
	--pricetag-dot-background: #fff;
    --pricetag-side: calc(var(--pricetag-height) / 1.428);
	--pricetag-arrow-left: calc(var(--pricetag-side) / 2);
}

.pricetag {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	height: var(--pricetag-height);
	margin-left: calc(var(--pricetag-height) / 2);
	padding: 0 5px 0 10px;
	color: var(--pricetag-color);
	border-radius: 0 var(--pricetag-corner) var(--pricetag-corner) 0;
	background-color: var(--pricetag-background);
	line-height: 1;
	justify-content: center;
}

	.pricetag::before,
	.pricetag::after {
		position: absolute;
		content: '';
	}

	.pricetag::before {
		left: calc(-(var(--pricetag-arrow-left)));
		width: var(--pricetag-side);
		height: var(--pricetag-side);
		transform: rotate(45deg);
		border-radius: 0 0 0 var(--pricetag-corner);
		background-color: var(--pricetag-background);
	}

	.pricetag::after {
		z-index: 1;
		top: 50%;
		left: calc(-(var(--pricetag-height) / 2));
		width: var(--pricetag-dot-radius);
		height: var(--pricetag-dot-radius);
		transform: translate(-50%, -50%) translateX(var(--pricetag-height) / 2);
		border-radius: var(--pricetag-dot-radius) / 2;
		background-color: var(--pricetag-dot-background);
	}

*/

.pricetag {
	background: #F4F4F4;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	color: #888888;
	text-transform: uppercase;
    font-size: 9px !important;
	display: inline-block;
	padding: 3px 5px;
	position: relative;
	margin-bottom: 3px;
}


/***************************************************************/
/* FIELDSET-EDIT, OVERLAY, AJAX-OVERLAY, SUPERSELECT DIMMER... */
/***************************************************************/

.oe_overlay, #dimmer, #bodyLoading {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
}

.oe_overlay {
	display: block;
	background-color: #000000;
	opacity: 0.3;
	z-index: 1000000001;
}

#dimmer {
	display: none;
	background-color: #000000;
	opacity: 0.3;
	z-index: 1000000004;
}

#bodyLoading {
	display: none;
	background: #FFFFFF url(/assets/images/ajax-loading.gif) no-repeat center;
	opacity: 0.7;
	z-index: 1000000003;
}

body.loading #bodyLoading {
	display: block;
}

.fieldset-edit {
	position: relative;
	z-index: 1000000002;
	background-color: #FFFFFF;
	border-radius: 10px;
	overflow: hidden;
}

body.loading .oe_overlay, body.loading #dimmer {
	display: none;
}

.fieldsetBox .content-wrapper .fieldset-edit h3 {
	margin: 0;
}

.fieldset-edit .fieldsetBox fieldset .content .row {
	margin-bottom: 0;
	padding-bottom: 10px;
}

.bodyLoadingMsg, .bodyLoadingMsg td {
	margin: auto;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

	.bodyLoadingMsg td {
		padding-top: 120px;
	}

		.bodyLoadingMsg td div {
			padding: 20px;
			background-color: #666666;
			color: #FFFFFF;
			font-size: 14px;
		}


/* COLOR SPECIFIC SETTINGS */

.greenLayout table.steplayout tr.header.loaded:not(.loading) td.margin div.step_icon_add {
	background-image: url(/assets/images/step_icon_add_green.png);
}

.greenLayout table.steplayout tr.header.loaded:not(.loading) td.margin div.step_icon_link {
	background-image: url(/assets/images/step_icon_link_green.png);
}

.greenLayout table.steplayout tr.header.loaded:not(.loading) td.margin div.step_icon_settings {
	background-image: url(/assets/images/step_icon_settings_green.png);
}

.blueLayout table.steplayout tr.header.loaded:not(.loading) td.margin div.step_icon_add {
	background-image: url(/assets/images/step_icon_add_blue.png);
}

.blueLayout table.steplayout tr.header.loaded:not(.loading) td.margin div.step_icon_link {
	background-image: url(/assets/images/step_icon_link_blue.png);
}

.blueLayout table.steplayout tr.header.loaded:not(.loading) td.margin div.step_icon_settings {
	background-image: url(/assets/images/step_icon_settings_blue.png);
}

.orangeLayout table.steplayout tr.header.loaded:not(.loading) td.margin div.step_icon_add {
	background-image: url(/assets/images/step_icon_add_orange.png);
}

.orangeLayout table.steplayout tr.header.loaded:not(.loading) td.margin div.step_icon_link {
	background-image: url(/assets/images/step_icon_link_orange.png);
}

.orangeLayout table.steplayout tr.header.loaded:not(.loading) td.margin div.step_icon_settings {
	background-image: url(/assets/images/step_icon_settings_orange.png);
}

.purpleLayout table.steplayout tr.header.loaded:not(.loading) td.margin div.step_icon_add {
	background-image: url(/assets/images/step_icon_add_purple.png);
}

.purpleLayout table.steplayout tr.header.loaded:not(.loading) td.margin div.step_icon_link {
	background-image: url(/assets/images/step_icon_link_purple.png);
}

.purpleLayout table.steplayout tr.header.loaded:not(.loading) td.margin div.step_icon_settings {
	background-image: url(/assets/images/step_icon_settings_purple.png);
}

.blackLayout table.steplayout tr.header.loaded:not(.loading) td.margin div.step_icon_add {
	background-image: url(/assets/images/step_icon_add_black.png);
}

.blackLayout table.steplayout tr.header.loaded:not(.loading) td.margin div.step_icon_link {
	background-image: url(/assets/images/step_icon_link_black.png);
}

.blackLayout table.steplayout tr.header.loaded:not(.loading) td.margin div.step_icon_settings {
	background-image: url(/assets/images/step_icon_settings_black.png);
}



/**********/
/* STATUS */
/**********/

.status-sticker {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	padding: 2px 4px;
	border-radius: 3px;
	width: 100px;
	max-width: 100px;
	min-width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

	.status-sticker.list-valid {
		background-color: var(--statusColorValid);
	}

	.status-sticker.list-expiring {
		background-color: var(--statusColorExpiring);
	}

	.status-sticker.list-pending {
		background-color: var(--statusColorPending);
	}

	.status-sticker.list-onhold {
		background-color: var(--statusColorOnHold);
	}

	.status-sticker.list-incomplete {
		background-color: var(--statusColorIncomplete);
	}

div.topstatus > span.status > span {
	max-width: 120px;
}

td.status {
	padding: 3px 3px !important;
	text-align: center;
}

	td.status > span,
	td > span.step-status,
	span.status > span,
	span.topstatus > span {
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		display: inline-block;
		padding: 2px 4px;
		width: 100%;
		border-radius: 3px;
		white-space: nowrap;
	}

td > span.list-incomplete,
span.status.list-incomplete > span,
span.topstatus.list-incomplete > span {
	background-color: #b80000;
}

td > span.list-expiring,
span.status.list-expiring > span,
span.topstatus.list-expiring > span {
	background-color: #FF8E08;
}

td > span.list-onhold,
span.status.list-onhold > span,
span.topstatus.list-onhold > span {
	background-color: #ff0000;
}

td > span.list-pending,
span.status.list-pending > span,
span.topstatus.list-pending > span {
	background-color: #9a9b9b;
}

td > span.list-valid,
span.status.list-valid > span,
span.topstatus.list-valid > span {
	background-color: #2c7e00;
}

td > span.list-withdrawn,
span.status.list-withdrawn > span,
span.topstatus.list-withdrawn > span {
	background-color: #494949;
}

td > span.list-discontinued,
span.status.list-discontinued > span,
span.topstatus.list-discontinued > span {
	background-color: #68696b;
}

td > span.list-valid.big,
span.topstatus.list-valid.big > span {
	height: .7em !important;
	top: -26px !important;
}

.statusMain {
	position: absolute;
	right: 0;
	top: 192px;
	color: white;
	padding: .35em .5em .45em;
	font-weight: bold;
	background: #c50714 url(/assets/images/bg_legend-h3-inner-shadow.gif) repeat-x 0 0;
	border: 1px solid #a9000c;
	border-radius: 4px;
	box-shadow: inner 0 1px 1px #faa6ac;
	-moz-box-shadow: inset 0 1px 1px #faa6ac;
	-webkit-box-shadow: inset 0 1px 1px #faa6ac;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #ef0011;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ef0011), to(#c60714)); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ef0011, #c60714); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #ef0011, #c60714); /* Firefox 3.6-15 */
	background-image: -o-linear-gradient(top, #ef0011, #c60714); /* Opera 11.10-12.00 */
	background-image: linear-gradient(to bottom, #ef0011, #c60714); /* Firefox 16+, IE10, Opera 12.50+ */
}

.statusMain {
	padding: 0;
}

	.statusMain span {
		display: block;
		background: url(/assets/images/ico_info-status.png) no-repeat 98% -4px;
		padding: .4em 3.3em .45em .65em;
		text-transform: uppercase;
	}

.statusMain {
	padding: 0;
}

	.statusMain span {
		display: block;
		background: url(/assets/images/ico_info-status.png) no-repeat 98% -4px;
		padding: .4em 3.3em .45em .65em;
		text-transform: uppercase;
	}

.statusLicensing {
	width: 11%;
	position: absolute;
	right: 0;
	margin-right: 4%;
	top: 0;
	color: #fff;
	font-size: 80%;
	text-transform: uppercase;
	text-align: right;
}

	.statusLicensing.pending {
		background: #9a9b9b;
		text-transform: uppercase;
		text-align: center;
		display: block;
		padding: 6px 0 6px 0;
	}

	.statusLicensing.incomplete {
		color: #b80000;
	}

	.statusLicensing.expiring {
		background: #FF8E08;
		text-transform: uppercase;
		text-align: center;
		display: block;
		padding: 6px 0 6px 0;
	}

	.statusLicensing.licensing,
	.statusLicensing.valid {
		background: #2c7e00;
		text-transform: uppercase;
		text-align: center;
		display: block;
		padding: 6px 0 6px 0;
	}

	.statusLicensing.onhold {
		background: #ff0000;
		text-transform: uppercase;
		text-align: center;
		display: block;
		padding: 6px 0 6px 0;
	}

.titleName {
	border: 1px solid var(--baseColorDefault);
}

.statusCertification {
	width: 8%;
	float: right;
	right: 0;
	margin-left: -1px;
	top: -3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 45%;
	text-align: center;
	border: 1px solid var(--baseColorDefault);
	text-transform: uppercase;
	display: block;
	padding: 5px 4px;
	position: relative;
	line-height: 1.2em;
	background-color: white;
	color: var(--baseColorDefault);
	font-weight: bold;
}

.productStatus {
	padding: 6px 1%;
}

div.div-valid {
	padding: 10px;
	border-radius: 10px;
	background-color: var(--statusColorLightValid);
	border: 1px solid var(--statusColorValid);
	color: var(--statusColorValid);
}

div.div-expiring {
	padding: 10px;
	border-radius: 10px;
	background-color: var(--statusColorLightExpiring);
	border: 1px solid var(--statusColorExpiring);
	color: var(--statusColorExpiring);
}

div.div-pending {
	padding: 10px;
	border-radius: 10px;
	background-color: var(--statusColorLightPending);
	border: 1px solid #DDDDDD;
	color: #1D1D1D;
}

div.div-onhold {
	padding: 10px;
	border-radius: 10px;
	background-color: var(--statusColorLightOnHold);
	border: 1px solid var(--statusColorOnHold);
	color: var(--statusColorOnHold);
}

div.div-incomplete {
	padding: 10px;
	border-radius: 10px;
	background-color: var(--statusColorLightIncomplete);
	border: 1px solid var(--statusColorIncomplete);
	color: var(--statusColorIncomplete);
}



/****************************************/
/* SECTION#MAIN > DIV.MAIN > RIGHTICONS */
/****************************************/

#rightNav {
	width: calc(var(--navWidthHidden) + 10px);
}

.rightNavItem {
	cursor: pointer;
}

/*
#rightPanel .subSection {
	margin-left: calc(var(--navWidthHidden) + 10px);
}
*/

#rightNav .rightNavItem.rightNavBoxSelected {
	background-color: #FFFFFF;
	cursor: default;
}

	#rightNav .rightNavItem .openRightNav,
	#rightNav .rightNavItem.rightNavBoxSelected .closeRightNav {
		display: block;
	}

	#rightNav .rightNavItem .closeRightNav,
	#rightNav .rightNavItem.rightNavBoxSelected .openRightNav {
		display: none;
	}

#rightNav .rightNavItem .rightNavButton {
	position: relative;
	width: var(--navWidthHidden);
	height: var(--navWidthHidden);
	border-radius: 10px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

#rightNav .rightNavItem:hover .rightNavButton.openRightNav {
	background-color: var(--baseColorDefault);
}

#messageBox,
#bookmarkBox,
.listsBox {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	padding-left: 10px;
	border-radius: 0 10px 10px 0;
}

#rightNav .rightNavItem#bookmarkBox > .openRightNav,
#rightNav .rightNavItem#bookmarkBox > .closeRightNav {
	background-image: url(/assets/images/icon-rightnav-bookmark.png);
}

#rightNav .rightNavItem#bookmarkBox:hover > .openRightNav {
	background-image: url(/assets/images/icon-rightnav-bookmark-hover.png);
}

#rightNav .rightNavItem.listsBox > .openRightNav,
#rightNav .rightNavItem.listsBox > .closeRightNav {
	background-image: url(/assets/images/icon-rightnav-related.png);
}

#rightNav .rightNavItem.listsBox:hover > .openRightNav {
	background-image: url(/assets/images/icon-rightnav-related-hover.png);
}

#messageBox .messageIconContainer {
	display: block;
	background-color: #FFFFFF;
	z-index: 2;
	position: relative;
	text-align: center;
	border-radius: 10px;
	padding: 5px;
	cursor: pointer;
}

#messageBox #messButton {
	display: block;
}

#messageBox .messageIconContainer .messageIcon {
	background-repeat: no-repeat;
	background-position: center;
	background: url(/assets/images/icon-rightnav-messages.png) no-repeat center;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	text-align: center;
	color: #FFFFFF;
	font-size: 20px;
}

#messageBox .messageIconContainer .noteIcon {
	background: url(/assets/images/icon-rightnav-notes.png) no-repeat center;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	text-align: center;
	color: #FFFFFF;
	font-size: 20px;
}

#messageBox:not(.rightNavBoxSelected):hover .messageIconContainer {
	background-color: var(--baseColorDefault);
}

	#messageBox:not(.rightNavBoxSelected):hover .messageIconContainer .messageIcon.openRightNav {
		background-image: url(/assets/images/icon-rightnav-messages-hover.png);
	}

	#messageBox:not(.rightNavBoxSelected):hover .messageIconContainer .noteIcon.openRightNav {
		background-image: url(/assets/images/icon-rightnav-notes-hover.png);
	}

#messageBox .messageIconContainer a {
	text-decoration: none;
}

.listsBox .relatedCount,
#messageBox .messageCount,
#messageBox .noteCount {
	position: absolute;
	top: -2px;
	right: -2px;
	display: inline-block;
	height: 15px;
	min-width: 15px;
	border-radius: 50%;
	padding: 0;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
	line-height: 15px;
	color: #FFFFFF;
}

.listsBox .relatedCount {
	top: 3px;
	right: 3px;
}

#messageBox .messageCount {
	background-color: #EE0000;
}

#messageBox .noteCount {
	background-color: #222222;
}

.listsBox.product .relatedCount {
	background-color: var(--baseColorProducts);
}

.listsBox.ingredient .relatedCount {
	background-color: var(--baseColorSourcing);
}

.listsBox.noResult {
	pointer-events: none;
}

#rightNav .rightNavItem.listsBox.noResult > .openRightNav {
	background-image: url(/assets/images/icon-rightnav-related.png);
	background-color: rgba(255,255,255,0.5);
	background-blend-mode: lighten;
}



/**************/
/* HYPERLINKS */
/**************/

a .trigger {
	border-radius: 10px;
}

	a.trigger:hover {
		background-color: #FAFAFA
	}

	a.trigger.validation {
		border-radius: 0 0 10px 10px;
	}

		a.trigger.validation.open {
			background-color: #FAFAFA;
		}

.trigger.dashboard,
.trigger.validation {
	border-top: 1px solid #DDDDDD;
	padding: 0px 13px 0px 0px;
}

	.trigger.validation .subLegend {
		margin-right: 0;
	}

	.trigger.dashboard .row-label,
	.trigger.validation .row-label {
		margin-left: 25px;
		padding: 6px 8px 6px 8px;
		text-transform: uppercase;
	}

.add-more,
.add-moreG {
	display: inline-block;
	margin: 0;
	padding: 4px 10px;
	color: #68696b;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid transparent;
	border-radius: 10px;
	text-decoration: none;
	white-space: nowrap;
	line-height: 14px;
}

	.add-more:hover,
	.add-moreG:hover {
		text-decoration: none;
		border: 1px solid #DDDDDD;
		background-color: #FAFAFA;
	}

	.add-more::before,
	.add-moreG::before {
		content: "+ ";
		font-size: 17px;
		text-decoration: none;
		font-weight: bolder;
		position: relative;
		top: 2px;
		margin: 0;
		padding: 0;
		line-height: 12px;
	}

	.add-more .find {
		background: url(/assets/images/ico_search_blue.png) no-repeat 0 0;
	}



/**************/
/* SSO STATUS */
/**************/

.ssoStatus {
	/*	
	padding: 3px 8px;
	color: #FFFFFF;
	border-radius: 3px;
	background-color: #999999;
	font-weight: bold;
	*/
	font-weight: bold;
}

.ssoStatus.notEnrolled {
    color: #ff8e08;
}

.ssoStatus.enrolmentComplete {
	color: #2c7e00;
}

.ssoStatus.enrolmentFailed {
	color: #CC0000;
}

.ssoStatus.invitationSent {
    color: #ff8e08;
}



/*********/
/* LOGIN */
/*********/

div.loginscreen {
	position: relative;
	width: 500px;
	margin: 0 auto;
	display: flex;
	height: 100vh;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}

	div.loginscreen section#main {
		flex-grow: 0;
		height: auto;
	}

#login {
	position: relative;
	padding: 0;
	margin: 0 auto;
	width: 400px;
	border: 1px solid #DDDDDD;
	border-radius: 10px;
	box-sizing: border-box;
	background-color: #FFFFFF;
	max-height: 100vh;
	overflow-y: auto;
	margin-bottom: 80px;
}

	#login.sso-error {
		width: 500px;
	}

	#login::-webkit-scrollbar-track-piece { /* Chrome - Edge - Safari */
		background-color: #FFFFFF;
		border-radius: 10px;
	}

	#login::-webkit-scrollbar-thumb { /* Chrome - Edge - Safari */
		background-color: #DDDDDD;
		border: 4px solid #FFFFFF;
		border-radius: 10px;
	}

	#login #login-header {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	#login #logo {
		width: 165px;
		height: 63px;
		margin: 20px;
	}

	#login #login-wrapper {
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}

	#login #login-wrapper .row {
		flex: 1 auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

		#login .login-title {
			margin-bottom: 20px;
			font-weight: bold;
			background-color: #F7F7F7;
			padding: 15px;
			border-top: 1px solid #DDDDDD;
			border-bottom: 1px solid #DDDDDD;
			font-size: 13px;
		}

		#login .row .login-email {
			width: 300px;
			background-image: url(/assets/images/login-email.png);
			background-repeat: no-repeat;
			background-position: left 7px center;
			background-size: 20px 20px;
			background-color: #FFFFFF;
			border: 1px solid #DDDDDD;
			border-radius: 3px;
			padding: 0 0 0 35px;
		}

		#login .row .login-email:hover {
			border: 1px solid #999999;
		}

		#login .row .login-password {
			width: 300px;
			background-image: url(/assets/images/login-password.png);
			background-repeat: no-repeat;
			background-position: left 7px center;
			background-size: 20px 20px;
			background-color: #FFFFFF;
			border: 1px solid #DDDDDD;
			border-radius: 3px;
			padding: 0 0 0 35px;
		}

		#login .row .login-password:hover {
			border: 1px solid #999999;
		}

	#login input {
		display: inline-block;
		line-height: 16px;
		padding: 10px;
	}

		#login .row .login-email input,
		#login .row .login-email input:-webkit-autofill,
		#login .row .login-email input:-webkit-autofill:hover,
		#login .row .login-email input:-webkit-autofill:focus,
		#login .row .login-email input:-webkit-autofill:active,
		#login .row .login-password input,
		#login .row .login-password input:-webkit-autofill,
		#login .row .login-password input:-webkit-autofill:hover,
		#login .row .login-password input:-webkit-autofill:focus,
		#login .row .login-password input:-webkit-autofill:active {
			border: none !important;
			-webkit-background-clip: text;
			-webkit-text-fill-color: #333333;
			transition: background-color 5000s ease-in-out 0s;
			box-shadow: inset 0 0 20px 20px #FFFFFF;
			font-size: 10pt;
		}

		#login input[type="submit"],
		#login input[type="button"] {
			width: 300px;
			margin: 0;
			background-color: var(--baseColorProducts);
			color: #FFFFFF;
			font-weight: bold;
			border: 1px solid #FFFFFF;
			border-radius: 3px;
			text-transform: uppercase;
			margin-bottom: 10px;
		}

		#login input[type="submit"]:hover,
		#login input[type="button"]:hover {
			border: 1px solid var(--baseColorProducts);
		}

		#login input[type="button"].logout {
			color: #999999;
			background-color: #EEEEEE;
			margin-bottom: 0;
		}

		#login input[type="button"].logout:hover {
			border: 1px solid #EEEEEE;
		}

		#login #fairtradeLogin {
			position: relative;
			top: 1px;
			flex: 1 auto;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: stretch;
			gap: 6px;
			width: 298px;
			height: 38px;
			background-color: #FFFFFF;
			margin-bottom: 20px;
			cursor: pointer;
			border: 1px solid #DDDDDD;
			outline: 1px solid #FFFFFF;
			border-radius: 3px;
			overflow: hidden;
		}

		#login #fairtradeLogin:hover #fairtradeLoginButton {
			padding: 12px;
		}

		#login #fairtradeLogin:hover {
			top: 0px;
			width: 300px;
			height: 40px;
			margin-bottom: 18px;
		}

		#login #fairtradeLoginIconFairtrade,
		#login #fairtradeLoginIconFlocert {
			width: 32px;
			height: 32px;
			min-width: 32px;
			min-height: 32px;
			max-width: 32px;
			max-height: 32px;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 75%;
		}

		#login #fairtradeLoginIconFairtrade {
			background-image: url(/assets/images/icon-fairtrade.png);
		}

		#login #fairtradeLoginIconFlocert {
			margin-left: 6px;
			margin-right: -6px;
			background-image: url(/assets/images/icon-flocert.png);
		}
		
		#login #fairtradeLoginButton {
			flex: 1 auto;
			height: 100%;
			padding: 11px;
			background-color: #F7F7F7;
			color: #666666;
			font-weight: bold;
			text-transform: uppercase;
		}

	#login .top-bubble {
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 28px;
		height: 28px;
		padding: 6px;
		background-color: #FFFFFF;
		border: 1px solid #DDDDDD;
		margin: 0 auto -12px auto;
		z-index: 2;
		border-radius: 50px;
		white-space: nowrap;
	}

	#login .bubble {
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 28px;
		height: 28px;
		padding: 6px;
		background-color: #FFFFFF;
		border: 1px solid #DDDDDD;
		margin: -14px auto -15px auto;
		z-index: 2;
		border-radius: 50px;
		white-space: nowrap;
	}

	#login .error {
		display: inline-block;
		line-height: 16px;
		padding: 10px;
		background-color: #ffecf0;
		color: #CC0000;
	}

	#login .error.h-border {
		border-top: 1px solid #CC0000;
		border-bottom: 1px solid #CC0000;
		margin-bottom: 0;
	}

	#login .error.arrow-up {
		width: 300px;
	}

	#login .error.arrow-up::before {
		content: " ";
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -12px;
		margin-top: -24px;
		border-width: 12px;
		border-style: solid;
		border-color: transparent transparent #ffecf0 transparent;
	}

	#login .row#error {
		display: none;
	}

	#login b {
		font-weight: bolder;
	}



/********/
/* MISC */
/********/

.scrollable {
	overflow-y: scroll;
	overflow-x: auto;
}

.scrollableTable {
	overflow-y: auto;
	overflow-x: hidden;
}

	.scrollableTable thead {
		position: sticky;
		inset-block-start: 0;
		z-index: 3;
	}

	.scrollableTable tfoot {
		position: sticky;
		inset-block-end: 0;
	}

.manageHidden {
	display: none;
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.sso_info {
	padding: 10px;
	margin-bottom: 7px;
	line-height: unset;
}

.sso_info div.sso_info_title {
	font-weight: bold;
}

.sso_info div {
    margin-bottom: 20px;
}

.sso_info ol > li {
    margin-bottom: 20px;
}

.sso_info ol > li:last-of-type {
    margin-bottom: 20px;
}

.sso_info ul > li {
    margin-bottom: 10px;
}

.sso_info ul > li:last-of-type {
    margin-bottom: 20px;
}

.list-title {
    font-weight: bold;
}

.grid {
	display: grid;
	grid-template-columns: 2fr 5fr min-content min-content;
	align-items: center;
	justify-content: space-between;
	grid-column-gap: 10px;
}

	.grid div:first-of-type {
		white-space: nowrap;
		font-weight: bold;
	}
.ui-add {
    display: inline-block;
    left: 0;
    background: url('/Assets/images/ico_add-black-16_16.png') no-repeat 3px 3px;
    border: 1px solid #666666;
    padding: 4px 10px 3px 23px;
    font-weight: normal;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    text-transform: uppercase;
    min-width: 75px;
    margin: 10px 0 0 0px;
    float: left;
    font-weight: bold;
}

input[type="reset"],
input[type="submit"].ui-submit,
input[type="button"].ui-submit,
button.ui-submit,
a.ui-submit,
input[type="submit"].ui-cancel,
input[type="button"].ui-cancel,
button.ui-cancel,
a.ui-cancel {
    display: inline-block;
    text-align: center;
    background-image: none;
    border: 1px solid transparent;
    padding: 3px 10px 3px 10px;
    margin: 0 0 0 5px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    min-width: 75px;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

    input[type="submit"].ui-submit,
    input[type="button"].ui-submit,
    button.ui-submit,
    a.ui-submit {
        background-color: var(--baseColorDefault);
        color: #FFFFFF;
    }

        input[type="submit"].ui-submit:hover,
        input[type="button"].ui-submit:hover,
        button.ui-submit:hover,
        a.ui-submit:hover {
            border: 1px solid var(--baseColorDefault);
        }

        input[type="submit"].ui-submit.icon-settings,
        input[type="button"].ui-submit.icon-settings,
        button.ui-submit.icon-settings,
        a.ui-submit.icon-settings {
            background-image: url('/Assets/images/step_icon_settings_white.png');
            background-repeat: no-repeat;
            background-position: left 5px center;
            padding-left: 30px;
        }

        input[type="submit"].ui-submit.icon-add,
        input[type="button"].ui-submit.icon-add,
        button.ui-submit.icon-add,
        a.ui-submit.icon-add {
            background-image: url('/Assets/images/step_icon_add_white.png');
            background-repeat: no-repeat;
            background-position: left 5px center;
            padding-left: 30px;
        }

    input[type="reset"],
    input[type="submit"].ui-cancel,
    input[type="button"].ui-cancel,
    button.ui-cancel,
    a.ui-cancel {
        background-color: #EEEEEE;
        color: #999999;
    }

        input[type="reset"]:hover,
        input[type="submit"].ui-cancel:hover,
        input[type="button"].ui-cancel:hover,
        button.ui-cancel:hover,
        a.ui-cancel:hover {
            border: 1px solid #EEEEEE;
        }

    tr.validationlayout input[type="submit"].ui-submit,
    tr.validationstatus input[type="submit"].ui-submit,
    a.ui-submit.manage,
    input[type="submit"].ui-submit.manage {
        background-color: #444444;
        color: #FFFFFF;
    }

        tr.validationlayout input[type="submit"].ui-submit:hover,
        tr.validationstatus input[type="submit"].ui-submit:hover,
        a.ui-submit.manage:hover,
        input[type="submit"].ui-submit.manage:hover {
            border: 1px solid #444444;
        }

input[type="checkbox"],
input[type="radio"] {
    cursor: pointer;
    filter: grayscale(1);
}

a.ui-submit.small {
    background-color: #FFFFFF;
    color: var(--baseColorDefault);
    border: 1px solid var(--baseColorDefault);
    outline: 1px solid transparent;
    padding: 2px 6px 2px 6px;
    margin-top: 0;
    font-size: 11px;
    font-weight: bold;
    border-radius: 3px;
    min-width: 75px;
    min-height: 20px;
    line-height: 14px;
    text-transform: uppercase;
    cursor: pointer;
}

    a.ui-submit.small:hover {
        border: 1px solid #FFFFFF;
        outline: 1px solid var(--baseColorDefault);
    }

/* COLOR SPECIFIC SETTINGS */

a.greenlink { color: #b0ba0d; }
.greenLayout .ui-add { background: url('/Assets/images/ico_add-green-16_16.png') no-repeat 3px 3px; border: 1px solid #b0ba0d; }
.greenLayout .ui-add:hover { background: url('/Assets/images/ico_add-green-16_16.png') no-repeat 3px 3px; border: 1px solid #ffffff; box-shadow: 0 0 0 1px #b0ba0d; }


a.bluelink { color: #00b9e4; }
.blueLayout .ui-add { background: url('/Assets/images/ico_add-blue-16_16-small.png') no-repeat 3px 3px; border: 1px solid #00b9e4; }
.blueLayout .ui-add:hover { background: url('/Assets/images/ico_add-blue-16_16.png') no-repeat 3px 3px; border: 1px solid #ffffff; box-shadow: 0 0 0 1px #00b9e4; }

a.orangelink { color: #ff8e08; }
.orangeLayout .ui-add { background: url('/Assets/images/ico_add-orange-16_16.png') no-repeat 3px 3px; border: 1px solid #ff8e08; }
.orangeLayout .ui-add:hover { background: url('/Assets/images/ico_add-orange-16_16.png') no-repeat 3px 3px; border: 1px solid #ffffff; box-shadow: 0 0 0 1px #ff8e08; }

a.purplelink { color: #87379B; }
.purpleLayout .ui-add { background: url('/Assets/images/ico_add-purple-16_16.png') no-repeat 3px 3px; border: 1px solid #87379B; }
.purpleLayout .ui-add:hover { background: url('/Assets/images/ico_add-purple-16_16.png') no-repeat 3px 3px; border: 1px solid #ffffff; box-shadow: 0 0 0 1px #87379B; }

a.blacklink { color: #666666; }
.blackLayout .ui-add { background: url('/Assets/images/ico_add-black-16_16.png') no-repeat 3px 3px; border: 1px solid #666666; }
.blackLayout .ui-add:hover { background: url('/Assets/images/ico_add-black-16_16.png') no-repeat 3px 3px; border: 1px solid #ffffff; box-shadow: 0 0 0 1px #666666; }

/****************/
/* LINKS RECENT */
/****************/

.tableRecent {
	display: table;
}

	.tableRecent .linksRecent > span {
		border-bottom: 1px solid #DDDDDD;
	}

	.tableRecent .linksRecent:hover {
		background-color: #FAFAFA;
	}

.linksRecent {
	display: table-row;
	width: 100%;
	cursor: pointer;
	text-decoration: none;
}

	.linksRecent > span {
		display: table-cell;
		padding: 4px 4px 4px 0;
	}

	.linksRecent * {
		white-space: nowrap;
		background-color: transparent;
		font-size: 11px !important;
	}

.linksEntity span {
	display: inline-block;
	width: 100%;
	text-transform: uppercase;
	font-size: 9px !important;
	line-height: 10px;
	font-weight: bolder;
	padding: 3px 3px;
	border-radius: 3px;
	background-color: #FFFFFF;
	text-align: center;
	color: #666666;
}

.linksItemName {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

	.linksItemName span {
		margin-top: 3px;
		color: #444444;
	}

.linksEntity span {
	border: 1px solid #999999;
}

.linksEntity.sourcing span {
	border: 1px solid var(--baseColorSourcing);
	color: var(--baseColorSourcing);
}

.linksEntity.products span {
	border: 1px solid var(--baseColorProducts);
	color: var(--baseColorProducts);
}

.linksEntity.transactions span {
	border: 1px solid var(--baseColorTransactions);
	color: var(--baseColorTransactions);
}

.linksEntity.partners span {
	border: 1px solid var(--baseColorPartners);
	color: var(--baseColorPartners);
}

.linksEntity.documents span {
	border: 1px solid var(--baseColorDocuments);
	color: var(--baseColorDocuments);
}

.linksEntity.account span {
	border: 1px solid var(--baseColorAccount);
	color: var(--baseColorAccount);
}

div.small-pager {
	margin-top: 3px;
	text-align: center;
}

	div.small-pager span, 
	div.small-pager a {
		font-size: 11px !important;
		line-height: 14px;
		display: inline-block;
		border-radius: 3px;
		background-color: #FFFFFF;
		padding: 0 4px;
		margin: 0 1px;
	}

	div.small-pager a {
		color: #a5a5a5;
		text-decoration: none;
	}

	div.small-pager span {
		color: #FFFFFF;
		background-color: #a5a5a5;
		font-weight: bold;
	}

	div.small-pager a:hover {
		background-color: #EEEEEE;
	}



/*****************/
/* LINKS RELATED */
/*****************/

.linksRelated {
	display: grid;
	grid-gap: 4px;
	width: 100%;
	padding: 4px 0;
	border-bottom: 1px solid #DDDDDD;
	cursor: pointer;
	text-decoration: none;
}

	.linksRelated:hover {
		background-color: #FAFAFA;
	}

	.linksRelated.l1 {
		grid-template-columns: min-content auto;
	}

	.linksRelated.l2 {
		grid-template-columns: 30px min-content auto;
	}

	.linksRelated.l3 {
		grid-template-columns: 30px 30px min-content auto;
	}

	.linksRelated.current {
		background-color: #FAFAFA;
		cursor: default;
	}

	.linksRelated * {
		background-color: transparent;
	}

.relSpacer {
	width: 20px;
	min-width: 20px;
}

.arrow-kids {
	display: inline-block;
	width: 30px;
	height: 18px;
	background-image: url(/assets/images/arrow-kids.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.linksItemName {
	display: inline-block;
	font-size: 11px !important;
	color: #444444;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.linksRelated.current .linksEntity.sourcing span {
	color: #FFFFFF;
	background-color: var(--baseColorSourcing);
}

.linksRelated.current .linksEntity.products span {
	color: #FFFFFF;
	background-color: var(--baseColorProducts);
}

.linksRelated.current .linksEntity.transactions span {
	color: #FFFFFF;
	background-color: var(--baseColorTransactions);
}

.linksRelated.current .linksEntity.partners span {
	color: #FFFFFF;
	background-color: var(--baseColorPartners);
}

.linksRelated.current .linksEntity.documents span {
	color: #FFFFFF;
	background-color: var(--baseColorDocuments);
}

.linksRelated.current .linksEntity.account span {
	color: #FFFFFF;
	background-color: var(--baseColorAccount);
}

.bookmarks .linksEntity {
	display: block;
	margin-top: 4px;
}

.bookmarks .bookmark-group {
	margin-bottom: 15px;
}

.linksCurrent .linksEntity span,
.bookmarks .linksEntity span {
	width: auto;
	font-size: 11px !important;
}

.bookmarks .linksSubSection {
	display: grid;
	grid-gap: 4px;
	grid-template-columns: 30px auto;
	align-items: center;
	font-size: 11px !important;
	margin-top: 10px;
	font-weight: bold;
	color: #666666;
}

.bookmarks .bookmark-file {
	display: grid;
	grid-template-columns: auto 22px;
	align-items: center;
	border-top: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	margin-left: 60px;
}

	.bookmarks .bookmark-file:last-of-type {
		border-bottom: 1px solid #DDDDDD;
	}

.bookmarks .bookmark-file:hover * {
	background-color: #FAFAFA;
}

.linksCurrent {
	display: grid;
	grid-template-columns: auto 22px;
	background-color: #FFFFFF;
	cursor: default;
}

.bookmarkAdd,
.bookmarkRemove {
	display: table-cell;
	margin-top: -1px;
	vertical-align: middle;
	cursor: pointer;
	font-size: 22px;
	line-height: 20px;
}

	.bookmarkAdd,
	.bookmarkRemove:hover,
	.linksCurrent:hover .bookmarkRemove {
		color: #CCCCCC;
	}

		.bookmarkAdd:hover,
		.bookmarkRemove,
		.linksCurrent:hover .bookmarkAdd {
			color: #FFCC00;
		}