/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (<none>)
 * Config saved to config.json and <none>
 *//*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:none}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height, visibility;-o-transition-property:height, visibility;transition-property:height, visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}
/*! jQuery UI - v1.12.1 - 2016-09-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/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,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");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/**
 * Treeview styles
 *
 * @private
 * @package ivh.treeview
 * @copyright 2014 iVantage Health Analytics, Inc.
 */
ul.ivh-treeview li.ivh-treeview-node-collapsed ul.ivh-treeview {
  display: none;
}
ul.ivh-treeview .ivh-treeview-twistie-leaf,
ul.ivh-treeview .ivh-treeview-twistie-collapsed {
  display: none;
}
ul.ivh-treeview .ivh-treeview-node-collapsed .ivh-treeview-twistie-collapsed {
  display: inline;
}
ul.ivh-treeview .ivh-treeview-node-collapsed .ivh-treeview-twistie-expanded {
  display: none;
}
ul.ivh-treeview li.ivh-treeview-node-leaf .ivh-treeview-twistie-leaf {
  display: inline;
}
ul.ivh-treeview li.ivh-treeview-node-leaf .ivh-treeview-twistie-expanded,
ul.ivh-treeview li.ivh-treeview-node-leaf .ivh-treeview-twistie-collapsed {
  display: none;
}

ul.ivh-treeview {
  list-style-type: none;
  padding-left: 0;
}
ul.ivh-treeview ul.ivh-treeview {
  padding-left: 15px;
}
ul.ivh-treeview .ivh-treeview-toggle {
  cursor: pointer;
}
ul.ivh-treeview .ivh-treeview-node-leaf .ivh-treeview-toggle {
  cursor: auto;
}

.color-picker, .color-picker * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    font-size: 11px
}

.color-picker {
    margin-left: 10px;
    width: 232px;
    height: 300px;
    border: 1px solid #777;
    top: 222px!important;
    left: 66px!important;
    position: absolute;
    z-index: 1000;
    background-color: #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none

}

.color-picker i {
    cursor: default;
    position: relative
}

.color-picker input {
    text-align: center;
    font-size: 13px;
    height: 26px
}

.color-picker input:invalid {
    box-shadow: none
}

.color-picker input:-moz-submit-invalid {
    box-shadow: none
}

.color-picker input:-moz-ui-invalid {
    box-shadow: none
}

.color-picker button {
    position: absolute;
    top: 275px;
    left: 161px
}

.color-picker .arrow {
    height: 0;
    width: 0;
    border-style: solid;
    position: absolute;
    z-index: 999999
}

.color-picker .arrow-right {
    border-width: 5px 10px;
    border-color: transparent #777 transparent transparent;
    bottom: -16px;
    left: 0px;
    transform: rotate(-90deg);

}

.color-picker .arrow-left {
    border-width: 5px 10px;
    border-color: transparent transparent transparent #777;
    top: 10px;
    left: 231px
}

.color-picker .arrow-bottom {
    border-width: 10px 5px;
    border-color: transparent transparent #777;
    top: -21px;
    left: 0
}

.color-picker .arrow-top {
    border-width: 10px 5px;
    border-color: #777 transparent transparent;
    top: 299px;
    left: 20px
}

.color-picker div.cursor-sv {
    cursor: default;
    position: relative;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    width: 15px;
    height: 15px;
    border: 1px solid #ddd
}

.color-picker div.cursor {
    cursor: default;
    position: relative;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    width: 16px;
    height: 16px;
    border: 2px solid #222
}

.color-picker .saturation-lightness {
    width: 230px;
    height: 130px;
    border: none;
    top: 0;
    left: 0;
    position: absolute;
    background-image: url(data:image/png;base64,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)
}

.color-picker .alpha, .color-picker .hue {
    width: 150px;
    height: 16px;
    border: none;
    left: 70px
}

.color-picker .hue {
    top: 145px;
    position: absolute;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAQCAYAAAD06IYnAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIWDwkUFWbCCAAAAFxJREFUaN7t0kEKg0AQAME2x83/n2qu5qCgD1iDhCoYdpnbQC9bbY1qVO/jvc6k3ad91s7/7F1/csgPrujuQ17BDYSFsBAWwgJhISyEBcJCWAgLhIWwEBYIi2f7Ar/1TCgFH2X9AAAAAElFTkSuQmCC)
}

.color-picker .alpha {
    top: 175px;
    position: absolute;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAQCAYAAAD06IYnAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIWDwYQlZMa3gAAAWVJREFUaN7tmEGO6jAQRCsOArHgBpyAJYGjcGocxAm4A2IHpmoWE0eBH+ezmFlNvU06shJ3W6VEelWMUQAIIF9f6qZpimsA1LYtS2uF51/u27YVAFZVRUkEoGHdPV/sIcbIEIIkUdI/9Xa7neyv61+SWFUVAVCSct00TWn2fv6u3+Ecfd3tXzy/0+nEUu+SPjo/kqzrmiQpScN6v98XewfA8/lMkiLJ2WxGSUopcT6fM6U0NX9/frfbjev1WtfrlZfLhYfDQQHG/AIOlnGwjINlHCxjHCzjYJm/TJWdCwquJXseFFzGwDNNeiKMOJTO8xQdDQaeB29+K9efeLaBo9J7vdvtJj1RjFFjfiv7qv95tjx/7leSQgh93e1ffMeIp6O+YQjho/N791t1XVOSSI7N//K+4/GoxWLBx+PB5/Op5XLJ+/3OlJJWqxU3m83ovv5iGf8KjYNlHCxjHCzjYBkHy5gf5gusvQU7U37jTAAAAABJRU5ErkJggg==)
}

.color-picker .selected-color, .color-picker .selected-color-background {
    width: 40px;
    height: 40px;
    top: 147px;
    left: 15px;
    -khtml-border-radius: 50%;
    position: absolute
}

.color-picker .selected-color {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.color-picker .selected-color-background {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAh0lEQVRYR+2W0QlAMQgD60zdfwOdqa8TmI/wQMr5K0I5bZLIzLOa2nt37VVVbd+dDx5obgCC3KBLwJ2ff4PnVidkf+ucIhw80HQaCLo3DMH3CRK3iFsmAWVl6hPNDwt8EvNE5q+YuEXcMgkonVM6SdyCoEvAnZ8v1Hjx817MilmxSUB5rdLJDycZgUAZUch/AAAAAElFTkSuQmCC)
}

.color-picker .type-policy {
    position: absolute;
    top: 226px;
    left: 206px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACewAAAnsB01CO3AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAIASURBVEiJ7ZY9axRRFIafsxMStrLQJpAgpBFhi+C9w1YSo00I6RZ/g9vZpBf/QOr4GyRgkSKNSrAadsZqQGwCkuAWyRZJsySwvhZ7N/vhzrgbLH3Ld8597jlzz50zJokyxXH8DqDVar0qi6v8BbItqSGpEcfxdlmsFWXkvX8AfAVWg3UKPEnT9GKujMzsAFgZsVaCN1VTQd77XUnrgE1kv+6935268WRpzrnHZvYRWC7YvC3pRZZl3wozqtVqiyH9IgjAspkd1Gq1xUJQtVrdB9ZKIAOthdg/Qc65LUk7wNIMoCVJO865rYFhkqjX6/d7vV4GPJwBMqofURS5JEk6FYBer/eeYb/Mo9WwFnPOvQbeAvfuAAK4BN4sAJtAG/gJIElmNuiJyba3EGNmZiPeZuEVmVell/Y/6N+CzDn3AXhEOOo7Hv/3BeAz8IzQkMPnJbuPx1wC+yYJ7/0nYIP5S/0FHKdp+rwCEEXRS/rf5Hl1Gtb2M0iSpCOpCZzPATmX1EySpHMLAsiy7MjMDoHrGSDXZnaYZdnRwBh7J91utwmczAA6CbG3GgPleX4jqUH/a1CktqRGnuc3hSCAMB32gKspkCtgb3KCQMmkjeP4WNJThrNNZval1WptTIsv7JtQ4tmIdRa8qSoEpWl6YWZNoAN0zKxZNPehpLSBZv2t+Q0CJ9lLnARQLAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px 16px;
    -moz-background-size: 8px 16px;
    -webkit-background-size: 8px 16px;
    -o-background-size: 8px 16px;
    width: 16px;
    height: 24px
}

.color-picker .hsla-text, .color-picker .rgba-text {
    position: absolute;
    top: 220px;
    left: 12px;
    font-size: 11px
}

.color-picker .hsla-text input, .color-picker .rgba-text input {
    margin: 0 0 0 7px;
    float: left;
    width: 40px;
    border: 1px solid #a9a9a9;
    padding: 1px
}

.color-picker .hsla-text div, .color-picker .rgba-text div {
    float: left;
    width: 40px;
    text-align: center;
    color: #555;
    margin-left: 7px;
    margin-top: 4px
}

.color-picker .hsla-text div:nth-child(5), .color-picker .rgba-text div:nth-child(5) {
    clear: left
}

.color-picker .hex-text {
    position: absolute;
    top: 220px;
    left: 30px;
    font-size: 11px
}

.color-picker .hex-text input {
    float: left;
    width: 160px;
    border: 1px solid #a9a9a9;
    padding: 1px
}

.color-picker .hex-text div {
    text-align: center;
    color: #555;
    float: left;
    clear: left;
    width: 160px;
    margin-top: 4px
}

.color-picker .color-picker-input-spinner {
    -moz-appearance: textfield
}

.color-picker .color-picker-input-spinner::-webkit-inner-spin-button, .color-picker .color-picker-input-spinner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.color-picker-extra-large {
    height: 320px !important
}
@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

* {
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -webkit-font-smoothing: antialiased; }

html {
  width: 100%; }

body {
  color: #373D45;
  background: #F2F6F9;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.3; }

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

audio,
canvas,
iframe,
img,
svg,
video {
  max-width: 100%;
  vertical-align: middle; }

a {
  cursor: pointer; }

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

textarea {
  resize: vertical;
  width: 100%; }

.l {
  float: left; }

.r {
  float: right !important; }

.ra {
  text-align: right; }

.ca {
  text-align: center; }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }
  .embed-container embed,
  .embed-container iframe,
  .embed-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.btn.primary {
  cursor: pointer; }

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; }

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

.grid {
  display: grid; }

.form, .form.panel-dark .input-wrap, .input-icon-wrap, .body-content, .product-grid, .model-grid, .sub-tabs, .site-header, .site-header .site-nav ul, .sub-site-header, .add-part, .product-thumbnails-carousel-wrap .product-thumbnails-carousel, .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell .product-info, .basket-browser {
  *zoom: 1; }
  .form:after, .form.panel-dark .input-wrap:after, .input-icon-wrap:after, .body-content:after, .product-grid:after, .model-grid:after, .sub-tabs:after, .site-header:after, .site-header .site-nav ul:after, .sub-site-header:after, .add-part:after, .product-thumbnails-carousel-wrap .product-thumbnails-carousel:after, .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell .product-info:after, .basket-browser:after, .form:before, .form.panel-dark .input-wrap:before, .input-icon-wrap:before, .body-content:before, .product-grid:before, .model-grid:before, .sub-tabs:before, .site-header:before, .site-header .site-nav ul:before, .sub-site-header:before, .add-part:before, .product-thumbnails-carousel-wrap .product-thumbnails-carousel:before, .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell .product-info:before, .basket-browser:before {
    content: " ";
    display: table; }
  .form:after, .form.panel-dark .input-wrap:after, .input-icon-wrap:after, .body-content:after, .product-grid:after, .model-grid:after, .sub-tabs:after, .site-header:after, .site-header .site-nav ul:after, .sub-site-header:after, .add-part:after, .product-thumbnails-carousel-wrap .product-thumbnails-carousel:after, .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell .product-info:after, .basket-browser:after {
    clear: both; }

.product-grid li .img-wrap .view-all, .model-grid li .img-wrap .view-all, .auth .auth-panel, .modal {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%); }

.dropdown-toggle .sub-popup .more-options, .dropdown-toggle-window .sub-popupwindow .more-options, .product-grid, .model-grid, .sub-tabs, .pagination, .site-header .site-nav ul, .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell .product-info .children ul, .add-item, .viewer-basket-only, .viewer-basket-plus, .pallet-container .add-item {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none; }

.product-grid li .img-wrap, .model-grid li .img-wrap, .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell .img-wrap, .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell .snapshot-work-instruction {
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover; }

h1,
h2,
h3,
h4,
h5,
p,
small {
  margin: 0 0 16px 0;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  line-height: normal;
  font-weight: 800; }

h1 {
  font-size: 1.5em; }

h2 {
  font-size: 1.3em;
  font-weight: 700; }
  h2.feature-header {
    margin: 32px 0; }

h3 {
  font-size: 1.125em;
  font-weight: 700; }

p,
.form-control {
  font-size: 1em !important;
  font-weight: 400; }

li {
  margin: 0; }

.text-overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }
  .text-overflow.mouse-pointer {
    cursor: pointer; }

.pdf-title {
  cursor: pointer; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.lightweight {
  font-weight: 400; }

.titletail {
  text-transform: uppercase;
  font-size: 0.95em;
  position: relative;
  font-weight: 600;
  margin: 0 0 16px 0;
  margin: 0 0 20px 0;
  z-index: 0; }
  .titletail span {
    background: #F2F6F9;
    padding: 0 16px 0 0; }
  .titletail:before {
    border-top: 2px solid #dce2eb;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1; }

h1 {
  font-size: 2.5em;
  /* = 40px/16px */
  line-height: 1.1em;
  /* = 44px/40px */
  margin-bottom: 22px; }

p,
a,
td,
small {
  font-size: 1em;
  /* 16px is the default em size */
  line-height: 1.5714285714285714em;
  /* = 22px/14px */
  font-weight: normal; }

h1 {
  font-size: 1.5em;
  line-height: 32px;
  margin-bottom: 16px; }

h2 {
  font-size: 1.3em;
  line-height: 32px;
  margin-bottom: 16px; }

p {
  font-size: 1em;
  line-height: 1.5714285714285714em;
  /* = 22px/14px */
  margin-bottom: 16px; }

p.intro {
  font-size: 1.125em;
  /* 18px */
  line-height: 1.5714285714285714em;
  /* = 22px/14px */
  padding-top: Xpx;
  margin-bottom: 11 px-Xpx; }

small {
  font-size: 0.875em; }

td p {
  margin-bottom: 0; }

.upper {
  text-transform: uppercase; }

/* Allows text to wrap */
.cadWrap {
  overflow-wrap: break-word; }

.dropdown-menu {
  max-height: 200px;
  /* Adjust the height as needed */
  overflow-y: auto; }

.disableButton {
  color: #444;
  pointer-events: none; }
  .disableButton .fa-comments:before,
  .disableButton .fa-file-pdf:before,
  .disableButton .fa-sticky-note:before {
    color: grey; }
  .disableButton.warning, .disableButton.comments, .disableButton.partnotes {
    border-color: grey !important;
    opacity: 0.2; }

.disabledElement {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none; }

/* 2D Viewer Input Width " */
.inputWidth2D {
  min-width: 60px; }

/* Upload Error Icon Colour */
.upload-box .fa-times {
  color: #dc3545; }

/* Hide but reserve space */
.hidden-but-space {
  visibility: hidden; }

/* Flexbox */
.flex-start {
  justify-content: start !important; }

.cad-dropdown {
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 0.25em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  /* Removes border */ }
  .cad-dropdown .cad-dropdown-text {
    position: absolute;
    cursor: pointer;
    margin-left: 0.5em;
    margin-bottom: 0 !important;
    pointer-events: none; }
  .cad-dropdown .cad-dropdown-inner {
    margin: 0;
    background-color: white;
    width: 100%;
    border: 1px solid #d2dae5;
    height: 40px;
    padding-left: 8px;
    padding-right: 30px;
    -webkit-border-radius: 2px;
    border-radius: 5px;
    background-clip: padding-box;
    cursor: pointer;
    transition: ease-in-out 0.2s;
    box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.1);
    appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem top 50%;
    background-size: 1rem auto; }
  .cad-dropdown .cad-dropdown-inner:hover {
    background-color: #f1f1f1; }
  .cad-dropdown .cad-dropdown-inner:active {
    border: 1px solid #1a85fc; }
  .cad-dropdown .cad-dropdown-inner:focus {
    outline: none; }

/* Global Cursors */
.cursorPointer {
  cursor: pointer; }

input {
  cursor: text; }

input[type="checkbox"] {
  cursor: pointer; }

button:disabled {
  cursor: not-allowed !important; }

.pointer {
  cursor: pointer; }

/* Icon Sizing */
.fa-cart-plus,
.fa-check {
  font-size: 1.5em !important;
  padding: 0.2em; }

/* Disabled Input */
input[type="text"]:disabled {
  background-color: #eee;
  cursor: not-allowed; }

/* Warehouse Stock Pill Icon */
.pill-badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 70%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  min-width: 3em;
  margin-left: auto; }

.badge-success {
  color: #fff;
  background-color: #28a745; }

.badge-warning {
  color: #212529;
  background-color: #ffc107; }

.badge-danger {
  color: #fff;
  background-color: #dc3545; }

/* Filter Panel */
.gloBl-filter-panel {
  display: inline-flex;
  width: 100%;
  padding: 0em 1em;
  background: white; }
  .gloBl-filter-panel .filter-option select {
    height: 100%; }
  .gloBl-filter-panel .filter-option .selectActive {
    color: #1a85fc; }
  .gloBl-filter-panel .filter-buttons {
    margin-top: 16px; }
    .gloBl-filter-panel .filter-buttons .btn:first-child {
      margin-right: 8px; }
  .gloBl-filter-panel .input-icon-wrap {
    display: flex;
    align-items: center; }
    .gloBl-filter-panel .input-icon-wrap i {
      pointer-events: none; }

/* Disabled Select Box Styling */
.disabled-select {
  cursor: not-allowed;
  opacity: 0.5; }

/* Select Box Styling */
.gloBl-filter-panel small,
.select-box small {
  z-index: 1;
  user-select: none;
  position: absolute;
  opacity: 0.75;
  font-size: 1em;
  margin: 0;
  pointer-events: none;
  top: 50%;
  transform: translateY(-50%);
  left: 1rem; }

/* Select Box Styling */
.gloBl-filter-panel small,
.select-box small {
  z-index: 1;
  user-select: none;
  position: absolute;
  opacity: 0.75;
  font-size: 1em;
  margin: 0;
  pointer-events: none;
  top: 50%;
  transform: translateY(-50%);
  left: 1rem; }

/* Select Box Styling */
.custom_select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  font: inherit;
  background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPkV4dHJhIEV4dHJhIEJvbGQgQ2hldnJvbiBEb3duPC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjMDAwMDAwIj48cGF0aCBkPSJNNjcuNTI1MTI2Myw2Mi40NzQ4NzM3IEM2OC44OTE5NjEzLDYzLjg0MTcwODggNzEuMTA4MDM4Nyw2My44NDE3MDg4IDcyLjQ3NDg3MzcsNjIuNDc0ODczNyBDNzMuODQxNzA4OCw2MS4xMDgwMzg3IDczLjg0MTcwODgsNTguODkxOTYxMyA3Mi40NzQ4NzM3LDU3LjUyNTEyNjMgTDUyLjQ3NDg3MzcsMzcuNTI1MTI2MyBDNTEuMTA4MDM4NywzNi4xNTgyOTEyIDQ4Ljg5MTk2MTMsMzYuMTU4MjkxMiA0Ny41MjUxMjYzLDM3LjUyNTEyNjMgTDI3LjUyNTEyNjMsNTcuNTI1MTI2MyBDMjYuMTU4MjkxMiw1OC44OTE5NjEzIDI2LjE1ODI5MTIsNjEuMTA4MDM4NyAyNy41MjUxMjYzLDYyLjQ3NDg3MzcgQzI4Ljg5MTk2MTMsNjMuODQxNzA4OCAzMS4xMDgwMzg3LDYzLjg0MTcwODggMzIuNDc0ODczNyw2Mi40NzQ4NzM3IEw1MC4wMDk1NzIyLDQ0Ljk0MDE3NTIgTDY3LjUyNTEyNjMsNjIuNDc0ODczNyBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MC4wMDAwMDAsIDUwLjAwMDAwMCkgcm90YXRlKDE4MC4wMDAwMDApIHRyYW5zbGF0ZSgtNTAuMDAwMDAwLCAtNTAuMDAwMDAwKSAiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==) no-repeat right 0.8em center/1.4em, linear-gradient(to left, #f2f6f9 3em, #f2f6f9 3em);
  border-radius: 0.25em;
  border: 1px solid #d2dae5;
  cursor: pointer;
  margin: 0 !important;
  padding: 10px 0px 10px 16px !important;
  height: 100%; }

.custom_select_alt {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  font: inherit;
  height: 3em;
  background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAwIDEwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iNDkuOSwyMS45IDcyLjUsNDQuNiA3OC45LDM4LjIgNDkuOCw5LjIgMjEuMSwzOC4zIDI3LjUsNDQuNiAgIj48L3BvbHlnb24+PHBvbHlnb24gcG9pbnRzPSI3OC45LDYxLjUgNzIuNSw1NS4yIDUwLjEsNzcuOSAyNy41LDU1LjIgMjEuMSw2MS42IDUwLjIsOTAuNiAgIj48L3BvbHlnb24+PC9nPjwvc3ZnPg==) no-repeat right 0.8em center/1.4em, linear-gradient(to left, #f2f6f9 3em, #f2f6f9 3em);
  border-radius: 0.25em;
  border: 1px solid #d2dae5;
  cursor: pointer;
  margin: 0 !important;
  padding: 10px 0px 10px 16px !important;
  height: 100%; }

.custom_select option,
.custom_select_alt option {
  color: inherit;
  background-color: #ffffff; }

.custom_select:focus,
.custom_select_alt:focus {
  outline: none; }

.custom_select::-ms-expand,
.custom_select_alt::-ms-expand {
  display: none; }

.btn.btn-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 6px 0px;
  text-align: center;
  font-size: inherit;
  line-height: 1.42857;
  justify-content: center;
  align-items: center; }

/* Responsive Table Styling */
.responsiveContainer {
  border-radius: 5px;
  background: white; }

.table,
.tableViewer {
  text-align: center;
  margin-bottom: 0; }
  .table td,
  .table th,
  .tableViewer td,
  .tableViewer th {
    padding: 0.5rem; }

.hoverTableBG {
  cursor: pointer;
  transition: 0.2s ease-in-out; }

.hoverTableBG:hover {
  background-color: #f5f5f5; }

.borderLeft {
  border-left: 3px solid blue; }

/* Changes Table Layout to have equal width for each column. */
.tableFixedWidth {
  table-layout: fixed !important; }

/* Aligns content in first column to the left */
.table td:first-child,
.table th:first-child,
.tableViewer td:first-child,
.tableViewer th:first-child {
  text-align: left; }

.table td,
.tableViewer td {
  word-break: break-word; }

.table td button,
.tableViewer td button {
  word-break: keep-all; }

/* Information Icon */
.fa-info-circle {
  font-size: 1.25em !important;
  cursor: pointer; }

/* Disables Word Wrapping in Table */
.table .disableWordBreak,
.tableViewer .disableWordBreak {
  word-break: keep-all; }

.truncatePartNumber {
  flex-grow: 1;
  margin-left: 5px;
  width: 10vw; }

.accordion-anim {
  transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
  overflow: hidden;
  max-height: 0;
  opacity: 0; }

.accordion-anim.open {
  max-height: 100%;
  opacity: 1;
  width: 100%; }

.table td input {
  max-width: 15vw;
  width: 15vw; }

.blueTableBG {
  background-color: #f2f8ff;
  font-size: 15px; }

.hoverTableBG {
  cursor: pointer;
  transition: 0.2s ease-in-out; }

.hoverTableBG:hover {
  background-color: #f5f5f5; }

.borderLeft {
  border-left: 3px solid blue; }

.table td select,
.tableViewer td select {
  min-width: 7vw; }

/* Clickable Icon */
.clickable-icon {
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s; }

.icon-circle {
  background-color: #3392fc;
  color: white;
  border-radius: 50%;
  padding: 5px;
  display: inline-block;
  font-size: 0.9em !important; }

.clickable-icon:hover {
  background-color: #0056b3; }

/* Applies background color to every even row. */
.table tr:nth-child(even) {
  background-image: linear-gradient(to right, rgba(245, 245, 245, 0.6), rgba(245, 245, 245, 0.6)); }

/* Updates background colour for table if order is unread */
.table_contents tr.unread {
  font-weight: 700;
  background: #eefbed; }

tr.unread {
  font-weight: 700;
  background: #EEFBED; }
  tr.unread:hover {
    background: #daf6d8; }

.is-invalid {
  border: 1px solid red !important; }

/* Adds pointer cursor to clickable rows in table */
.clickableRow {
  cursor: pointer; }

.clickableRow:hover {
  cursor: pointer;
  background: #e1eaf1; }

@media (min-width: 992px) {
  .table td input {
    width: 8vw; }
  .table,
  .tableViewer {
    max-width: 100% !important; }
    .table thead,
    .tableViewer thead {
      background: #f2f2f2; }
    .table th,
    .table td,
    .tableViewer th,
    .tableViewer td {
      vertical-align: middle !important; }
  .table-smaller-font th {
    font-size: 0.8em; } }

/* Mobile Responsive Table */
@media only screen and (max-width: 992px) {
  .table:not(.table-no-responsive) {
    max-width: 100% !important;
    table-layout: auto; }
    .table:not(.table-no-responsive) table,
    .table:not(.table-no-responsive) thead,
    .table:not(.table-no-responsive) tbody,
    .table:not(.table-no-responsive) th,
    .table:not(.table-no-responsive) td,
    .table:not(.table-no-responsive) tr {
      display: block; }
    .table:not(.table-no-responsive) thead tr,
    .table:not(.table-no-responsive) tfoot tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .table:not(.table-no-responsive) td {
      border: none;
      border-bottom: 1px solid #eee;
      position: relative; }
    .table:not(.table-no-responsive) thead {
      background: #f2f2f2; }
    .table:not(.table-no-responsive) th,
    .table:not(.table-no-responsive) td {
      vertical-align: middle !important; }
  .dataTables_length {
    display: none; }
  .table:not(.table-no-responsive) td {
    border-bottom: 1px solid #ddd;
    font-size: 0.8em;
    text-align: left;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    word-break: break-word;
    flex-wrap: wrap; }
  .table:not(.table-no-responsive) td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 0.5em; }
  .table:not(.table-no-responsive) td:last-child {
    border-bottom: 0; }
  .inputButtonWidth {
    width: 15.25em; }
  .input-icon-wrap .input-icon {
    padding: 0.5em 0.5em; }
  .table:not(.table-no-responsive) .tableColumn:first-child {
    display: grid; } }

#backToTopBtn {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 2em;
  color: #0075ff;
  transition: all 0.5s ease;
  background: White;
  border-radius: 100%; }

#infiniteScrollFixedHeader,
#infiniteScrollStaticHeader {
  transition: all 0.3s ease-in-out;
  width: 100%;
  top: 0;
  left: 0;
  right: 0; }

#infiniteScrollFixedHeader {
  position: sticky;
  z-index: 100;
  transform: scale(1);
  background: white;
  box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.1);
  margin-left: -34px !important;
  width: calc(100% + 64px);
  box-sizing: border-box; }

#infiniteScrollStaticHeader {
  position: static;
  transform: scale(1); }

@media screen and (max-width: 768px) {
  #infiniteScrollFixedHeader {
    display: none; } }

#backToTopBtn:hover {
  color: #0048a2; }

/* Sort Up / Down Icons */
.table thead tr .sortIconDown:after {
  font: normal normal normal 10px/1 FontAwesome;
  content: "\f078";
  cursor: pointer;
  padding-left: 0.5em; }

.table thead tr .sortIconUp:after {
  font: normal normal normal 10px/1 FontAwesome;
  content: "\f077";
  cursor: pointer;
  padding-left: 0.5em; }

.sortIconDown,
.sortIconUp {
  cursor: pointer; }

.search-area {
  width: 100% !important; }

/* Split Button Right Aligned .btn.btn-circle */
.resp_bomExport:nth-child(odd) {
  border-bottom: 2px solid #000000; }

.table_resp_bomExport tr:nth-child(3n):not(:nth-child(2n)) {
  background: white;
  border-top: 0.9px solid #dddddd;
  border-bottom: 1px solid #dddddd; }

/* Split Button Right Aligned Mobile */
@media screen and (max-width: 992px) {
  .mobile-right-aligned-btn {
    display: flex !important;
    justify-content: end !important; } }

/* Equal gap between items */
.cadGap {
  gap: 0.5em; }

/* Smooth scroll to top */
.scrollBehaviourSmooth {
  scroll-behavior: smooth; }

/* orders checkbox column width */
.checkbox-column {
  width: 35px; }

/* Input Box with Icon */
.inputWithIconWrap {
  border: 1px solid #ddd;
  display: inline-flex;
  flex-direction: row;
  word-break: keep-all;
  justify-content: center;
  align-items: center;
  background: #f2f6f9; }

.input-with-icon {
  border: none;
  flex: 1; }

.input-icon,
.input-with-icon {
  padding: 0.2em 0.5em; }

/* Search Bar Padding */
.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 20px 16px;
  background-color: #f2f6f9; }

/* Custom Div Styling */
.customDivContainer {
  display: flex;
  flex-wrap: wrap; }

.customDivStyling {
  background-color: white;
  padding: 1em;
  margin-bottom: 1em;
  border-radius: 0.5em;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  flex-grow: 2; }

.customDivScrollable {
  max-height: 60vh;
  overflow-y: auto; }

/* Button Full Width Mobile */
@media (max-width: 768px) {
  .mobileBtnFullWidth {
    gap: 0.3em;
    display: grid;
    width: 100%; }
    .mobileBtnFullWidth .btn,
    .mobileBtnFullWidth .btn-group {
      width: 100%; } }

/* Registration Page */
.machine_table {
  max-height: 20vh;
  overflow: auto; }

/* PDF Customer View Word Wrap */
.wordWrap-partDescription {
  word-wrap: break-word;
  min-width: 115px; }

/* Global Class Cursor Pointer */
.cursor-pointer {
  cursor: pointer; }

/* Equal Width for Tables */
@media (min-width: 992px) {
  .equal-width th:not(:first-child):not(:nth-child(2)):not(:last-child),
  .equal-width td:not(:first-child):not(:nth-child(2)):not(:last-child) {
    width: calc(100% / 12); } }

.supersessionPart {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%; }

.highlightCurrentPN {
  background: #ecf8ff;
  padding: 5px;
  border-radius: 10px;
  border: solid 1px;
  border-color: #ecf8ff; }

.hover-row {
  background-color: #f0f0f0;
  cursor: pointer; }

.selected-row {
  background-color: #e0ecff; }

.disabled-row {
  opacity: 0.5;
  pointer-events: none; }

.user-dropdown-stock {
  display: none;
  position: absolute;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0px 0px 8px rgba(214, 214, 214, 0.78);
  list-style: none;
  padding: 10px 10px;
  width: 225px;
  max-width: 225px;
  margin: 0;
  bottom: 22%;
  right: 0;
  z-index: 1000;
  overflow-wrap: break-word; }

.user-dropdown-stock.u-open {
  display: block; }

.table-no-responsive {
  width: 100%;
  border-collapse: collapse;
  text-align: left; }
  .table-no-responsive th,
  .table-no-responsive td {
    padding: 0.5rem;
    border: 1px solid #ddd;
    text-align: center; }
  .table-no-responsive td:first-child {
    text-align: left; }
  .table-no-responsive thead {
    background: #f2f2f2; }
  .table-no-responsive tr:nth-child(even) {
    background: #f9f9f9; }
  .table-no-responsive tr:hover {
    background: #f1f1f1; }

.sign-panels {
  width: 450px;
  background: #fff;
  padding: 48px 40px 36px;
  margin: 20px auto;
  border-radius: 10px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); }

.grey-text {
  color: #757575; }

.login {
  position: relative; }

.title {
  color: #333; }

.title span {
  display: block;
  font-size: 46px;
  font-weight: 700; }

.title p {
  font-size: 20px;
  font-weight: 500; }

.sign-panels input {
  width: 100%;
  display: block;
  margin-bottom: 15px;
  height: 50px;
  border-radius: 4px;
  border: solid 1px #bdbdbd;
  text-align: left;
  padding: 10px;
  font-size: 15px;
  color: black;
  font-weight: 500;
  cursor: pointer;
  transition: 0.5s; }

.sign-panels input:focus {
  outline: 0;
  border: solid 1px #007bff; }

.btn-signin {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
  height: 50px;
  background: #007bff;
  color: #fff;
  border-radius: 4px;
  padding: 11px;
  font-size: 20px;
  text-decoration: none;
  font-weight: 500;
  border: none;
  box-shadow: none;
  cursor: pointer;
  transition: 0.5s; }

.btn-signin:hover {
  background: #0064d0; }

.btn-reset {
  font-size: 19px;
  font-weight: 500;
  color: #9f9f9f;
  display: block;
  text-decoration: none; }

.btn-reset .fa {
  margin-left: 6px; }

.error {
  display: block;
  color: #007bff;
  font-size: 20px;
  font-weight: 600;
  margin: 15px 0; }

.chBox {
  margin: auto;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }

.chBox span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0); }

.chBox span:first-child {
  position: relative;
  min-width: 18px;
  height: 18px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #9098A9;
  transition: all 0.2s ease; }

.chBox span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0); }

.chBox span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #506EEC;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%; }

.chBox span:last-child {
  padding-left: 8px; }

.chBox:hover span:first-child {
  border-color: #506EEC; }

.inp-chBox:checked + .chBox span:first-child {
  background: #506EEC;
  border-color: #506EEC;
  animation: wave 0.4s ease; }

.inp-chBox:checked + .chBox span:first-child svg {
  stroke-dashoffset: 0; }

.inp-chBox:checked + .chBox span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease; }

@keyframes wave {
  50% {
    transform: scale(0.9); } }

@media screen and (max-width: 600px) {
  .sign-panels {
    width: 350px; } }

button:focus {
  outline: 0; }

.large-btns-pull-right {
  width: 100%;
  text-align: right; }
  .large-btns-pull-right.spacing-top {
    padding: 32px 0 0; }
  .large-btns-pull-right .btn {
    margin-left: 8px; }
  .large-btns-pull-right.align-bottom {
    position: absolute;
    bottom: 5%;
    padding-right: 5%; }

.btn {
  font-size: 0.85em;
  text-transform: uppercase;
  padding: 8px 16px;
  border-radius: 5px;
  border: 1px solid;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  font-weight: 700;
  line-height: 1.69em; }
  .btn.btn-block {
    width: 100%;
    padding: 16px; }
  .btn.large {
    padding: 8px; }
  .btn.small {
    padding: 8px 16px;
    width: auto;
    height: auto;
    line-height: normal; }
  .btn.xsmall {
    width: auto;
    height: auto;
    font-size: 0.8em;
    line-height: 1.35em; }
  .btn.disabled {
    border-color: #acb2b8 !important;
    background: #f2f6f9 !important;
    color: #acb2b8 !important; }
  .btn.primary {
    color: #FFFFFF;
    background: #3392FC;
    border-color: #1a85fc; }
    .btn.primary:active, .btn.primary:link, .btn.primary:visited {
      color: #FFFFFF;
      background: #3392FC;
      border-color: #1a85fc; }
    .btn.primary:hover,
    .btn.primary .active {
      color: #FFFFFF;
      background: #1a85fc; }
  .btn.primary-outline {
    color: #1a85fc;
    background: #FFFFFF;
    border: solid 1px #1a85fc; }
    .btn.primary-outline:active, .btn.primary-outline:link, .btn.primary-outline:visited {
      color: #0477f8;
      border-color: #0477f8; }
    .btn.primary-outline:hover,
    .btn.primary-outline .active {
      color: #FFFFFF;
      background: #0477f8; }
  .btn.secondary {
    color: #373D45;
    background: #D2DAE5;
    border-color: #c2cddc; }
    .btn.secondary:active, .btn.secondary:link, .btn.secondary:visited {
      color: #373D45;
      background: #D2DAE5;
      border-color: #c8d2df; }
    .btn.secondary:hover,
    .btn.secondary .active {
      color: #373D45;
      background: #e2e7ee; }
  .btn.success {
    color: #FFFFFF;
    background: #29911B;
    border-color: #237c17; }
    .btn.success:active, .btn.success:link, .btn.success:visited {
      color: #FFFFFF;
      background: #29911B;
      border-color: #237c17; }
    .btn.success:hover,
    .btn.success .active {
      color: #FFFFFF;
      background: #237c17; }
  .btn.info {
    color: #FFFFFF;
    background: #17a2b8;
    border-color: #148ea1; }
    .btn.info:active, .btn.info:link, .btn.info:visited {
      color: #FFFFFF;
      background: #17a2b8;
      border-color: #148ea1; }
    .btn.info:hover,
    .btn.info .active {
      color: #FFFFFF;
      background: #148ea1; }
  .btn.enable {
    border-radius: 20px;
    background-color: #D2DAE5;
    color: #373D45; }
  .btn.disable {
    border-radius: 20px;
    background-color: #3392fc;
    color: white; }
  .btn.danger {
    color: #C55F64;
    background: #FFFFFF;
    border-color: #C55F64; }
    .btn.danger:active, .btn.danger:link {
      color: #FFFFFF;
      background: #C55F64;
      border-color: #8b3337; }
    .btn.danger:hover,
    .btn.danger .active {
      color: #FFFFFF;
      background: #b14046;
      border-color: #662528; }
  .btn.warning {
    color: #FFC107;
    background: #FFFFFF;
    border-color: #FFC107; }
    .btn.warning:active, .btn.warning:link {
      color: #FFFFFF;
      background: #FFC107;
      border-color: #d39e00; }
    .btn.warning:hover,
    .btn.warning .active {
      color: #FFFFFF;
      background: #FFC107;
      border-color: #d39e00; }
  .btn.comments {
    color: #3392FC;
    background: #FFFFFF;
    border-color: #3392FC; }
    .btn.comments:active, .btn.comments:link {
      color: #FFFFFF;
      background: #3392FC;
      border-color: #035fc6; }
    .btn.comments:hover,
    .btn.comments .active {
      color: #FFFFFF;
      background: #0477f8;
      border-color: #024794; }
  .btn.partnotes {
    color: #192f78;
    background: #FFFFFF;
    border-color: #192f78; }
    .btn.partnotes:active, .btn.partnotes:link {
      color: #FFFFFF;
      background: #192f78;
      border-color: #070e24; }
    .btn.partnotes:hover,
    .btn.partnotes .active {
      color: #FFFFFF;
      background: #101e4e;
      border-color: black; }

.btn-delivery {
  line-height: 25px; }

.btn-group {
  position: relative;
  vertical-align: middle;
  display: inline-flex;
  word-break: keep-all; }
  .btn-group .btn {
    position: relative;
    padding: 8px 8px;
    float: left; }
  .btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-left: 0; }
  .btn-group .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    cursor: pointer; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10;
  display: none;
  float: left;
  min-width: 160px;
  padding: 8px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /*border: 1px solid #ccc;*/
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  .dropdown-menu li {
    font-size: 1em; }
    .dropdown-menu li a {
      display: block;
      padding: 8px 16px;
      clear: both;
      font-weight: 400;
      line-height: 1.42857143;
      color: #333;
      white-space: nowrap; }
  .dropdown-menu.open {
    display: block; }

.place-order-btn {
  display: block;
  text-align: center;
  margin: 0 auto;
  position: relative;
  bottom: 0;
  width: 100%;
  height: 75px;
  border-radius: 0;
  margin: 0 !important; }

.part-details {
  height: 48px;
  background-color: #ffffff;
  border: none;
  text-align: left;
  width: 200px;
  font-weight: 800; }
  .part-details > li {
    color: #3392FC; }

i.disabled {
  color: #acb2b8 !important;
  cursor: default !important; }

.disabled {
  cursor: default; }

.download-btn {
  width: 100%;
  text-align: center; }

.footerAddToBasketBtn {
  float: right;
  text-align: center;
  margin: 8px 16px; }

/* Bulk Upload Navigation Buttons */
.cadBulkHover {
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, border 0.2s ease-in-out;
  padding: 0.65em 1em;
  margin-bottom: 1em;
  background-color: transparent;
  border-left: transparent 5px solid; }

.cadBulkHover:active,
.cadBulkHover:hover,
.cadBulkHover.active {
  cursor: pointer;
  opacity: 1;
  background-color: white;
  padding: 0.65em 1em;
  border-left: #2196f3 5px solid;
  margin-bottom: 1em;
  color: #000; }

.cadBulkHover a,
.cadBulkHover a:visited {
  color: #000;
  text-decoration: none; }

.cadBulkHover a:hover {
  color: inherit; }

/* Bulk Upload Navigation Buttons Underline */
.cadBulkHoverAlt {
  padding: 0.65em 1em;
  margin-bottom: 1em; }

.cadBulkHoverAlt:active,
.cadBulkHoverAlt:hover,
.cadBulkHoverAlt.active {
  cursor: pointer;
  opacity: 1;
  padding: 0.65em 1em;
  border-bottom: #2196f3 3px solid;
  color: #000; }

.cadBulkHoverAlt a,
.cadBulkHoverAlt a:visited {
  color: #000;
  text-decoration: none; }

.cadBulkHoverAlt a:hover {
  color: inherit; }

/* Button Appear as a link */
.link-button {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  color: inherit;
  text-decoration: none; }

.sub-popup {
  position: absolute;
  text-transform: none;
  top: 70px;
  background: #FFFFFF;
  padding: 32px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border: 1px solid #D2DAE5;
  z-index: 10;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.26);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.26); }
  .sub-popup:after, .sub-popup:before {
    bottom: 100%;
    right: 10px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .sub-popup:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #FFFFFF;
    border-width: 10px; }
  .sub-popup:before {
    border-color: rgba(255, 255, 255, 0);
    border-width: 17px; }

.sub-popupwindow {
  position: absolute;
  text-transform: none;
  top: 70px;
  background: #FFFFFF;
  padding: 32px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border: 1px solid #D2DAE5;
  z-index: 10;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.26);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.26); }
  .sub-popupwindow:after, .sub-popupwindow:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    right: 5px; }
  .sub-popupwindow:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #FFFFFF;
    border-width: 10px; }
  .sub-popupwindow:before {
    border-color: rgba(255, 255, 255, 0);
    border-width: 17px; }

.dropdown-toggle:hover .sub-popup {
  display: block; }

.dropdown-toggle .sub-popup {
  top: 30px;
  right: -9px;
  margin-left: -90px;
  display: none;
  padding: 8px; }
  .dropdown-toggle .sub-popup .more-options {
    width: 100%;
    right: 0; }
    .dropdown-toggle .sub-popup .more-options li {
      position: relative;
      width: 100%;
      line-height: 2;
      margin-left: 0;
      text-align: left;
      font-weight: 400;
      font-size: 1em; }
      .dropdown-toggle .sub-popup .more-options li a:hover {
        color: #0477f8;
        text-decoration: underline; }
      .dropdown-toggle .sub-popup .more-options li a.delete:hover {
        color: #a94442;
        text-decoration: underline; }
      .dropdown-toggle .sub-popup .more-options li input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        opacity: 0; }
        .dropdown-toggle .sub-popup .more-options li input:hover {
          cursor: pointer; }
    .dropdown-toggle .sub-popup .more-options.user-setting-menu-active {
      display: block; }

.dropdown-toggle-window:hover .sub-popupwindow {
  visibility: visible; }

.dropdown-toggle-window .sub-popupwindow {
  top: 32px;
  margin-left: -157px;
  visibility: hidden;
  padding: 8px; }
  .dropdown-toggle-window .sub-popupwindow .more-options {
    width: 160px;
    right: 0; }
    .dropdown-toggle-window .sub-popupwindow .more-options li {
      position: relative;
      width: 100%;
      line-height: 2;
      margin-left: 0;
      text-align: left;
      font-weight: 400;
      font-size: 1em; }
      .dropdown-toggle-window .sub-popupwindow .more-options li a:hover {
        color: #0477f8;
        text-decoration: underline; }
      .dropdown-toggle-window .sub-popupwindow .more-options li a.delete:hover {
        color: #a94442;
        text-decoration: underline; }
      .dropdown-toggle-window .sub-popupwindow .more-options li input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        opacity: 0; }
        .dropdown-toggle-window .sub-popupwindow .more-options li input:hover {
          cursor: pointer; }
    .dropdown-toggle-window .sub-popupwindow .more-options.user-setting-menu-active {
      visibility: visible; }

.dropdown-toggle-window:after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent; }

.dot {
  height: 15px;
  width: 15px;
  margin: 6px 0px 0px 0px;
  border-radius: 50%;
  display: inline-block; }

.cross {
  color: red; }

.multicheckbox {
  color: #373D45;
  width: 100%;
  float: left; }
  .multicheckbox .dropdown-menu {
    padding: 16px;
    right: auto;
    left: 0;
    width: 100%; }
    .multicheckbox .dropdown-menu li {
      margin: 8px 0;
      padding: 0;
      float: left;
      width: 100%;
      position: relative; }
      .multicheckbox .dropdown-menu li a {
        padding: 0 0 0 24px;
        cursor: pointer; }
    .multicheckbox .dropdown-menu li.active:after {
      content: "\f046";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      font-size: 18px;
      position: absolute;
      top: 0;
      bottom: 0;
      pointer-events: none; }
    .multicheckbox .dropdown-menu li:not(.active):after {
      content: "\f096";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      font-size: 18px;
      position: absolute;
      top: 0;
      bottom: 0;
      pointer-events: none; }
  .multicheckbox .btn-group {
    width: 100%; }
    .multicheckbox .btn-group .dropdown-toggle {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      display: block;
      width: 100%; }

div.multicheckbox li a[disabled] {
  color: lightgrey; }

li.ng-scope.active > a > span:nth-child(2) > span {
  font-weight: bold; }

.select-box-new {
  padding: 0;
  display: inline-block;
  width: 500px;
  max-width: 100%;
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  line-height: 1.2em;
  outline: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 40px;
  color: #373D45;
  background: #F2F6F9;
  border: 1px solid #D2DAE5;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  display: block; }

.last-item .dropdown-toggle:last-child .sub-popup:last-child {
  bottom: 30px;
  top: initial;
  right: -9px; }

.last-item .sub-popup:last-child:after, .last-item .sub-popup:last-child:before {
  top: 100%;
  right: 10px;
  transform: rotate(180deg); }

select,
input {
  margin: 0 8px 16px 0;
  width: 100%;
  background-color: white;
  border: 1px solid #D2DAE5;
  height: 34px;
  padding-left: 8px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }

input,
textarea {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  padding: 4px 8px; }
  input:focus,
  textarea:focus {
    outline: 0; }

input[type="date"] {
  -webkit-appearance: none; }

.error-alert {
  color: #a94442; }

.success-alert {
  color: #29911B; }

.warning-alert {
  color: #C5771C; }

.form .not-required {
  opacity: 0.3;
  pointer-events: none; }

.form.panel-dark h3.use-shipping {
  display: inline-block; }
  .form.panel-dark h3.use-shipping span {
    font-size: 0.9em;
    margin-left: 8px; }
    .form.panel-dark h3.use-shipping span input {
      width: auto; }

.form.panel-dark .select-box:not([type="checkbox"]),
.form.panel-dark input:not([type="checkbox"]),
.form.panel-dark textarea:not([type="checkbox"]) {
  width: 100%;
  margin-bottom: 8px; }

.form.panel-dark .input-wrap .select-box,
.form.panel-dark .input-wrap input {
  width: calc(50% - 8px);
  float: left; }
  .form.panel-dark .input-wrap .select-box:not(:nth-child(2n)),
  .form.panel-dark .input-wrap input:not(:nth-child(2n)) {
    margin-right: 8px; }

.form .select-box,
.form input,
.form textarea {
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  padding: 8px;
  border: 1px solid #D2DAE5;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background: #F2F6F9;
  color: #373D45; }

.form .select-box {
  background: #F2F6F9;
  line-height: normal;
  display: block; }
  .form .select-box select {
    padding: 0 0 0 0.3em;
    margin: 0; }

h3.group-title {
  border-bottom: 1px solid #D2DAE5;
  padding-bottom: 4px; }

.input-icon-wrap {
  border: 1px solid #D2DAE5;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background: #F2F6F9;
  overflow: hidden;
  position: relative; }
  .input-icon-wrap > * {
    float: left; }
  .input-icon-wrap i {
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #697380;
    position: absolute;
    top: 0px;
    right: 0px; }
  .input-icon-wrap .select-box .select-arrow {
    top: 15px; }
  .input-icon-wrap input[type="search"] {
    background: transparent;
    height: 38px;
    border: 0;
    font-family: "Open Sans", sans-serif;
    padding: 8px 16px;
    width: 90%;
    margin: 0; }

.select-box,
.advancedFilters {
  width: 180px;
  padding: 0;
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 100%;
  text-align: left;
  height: 38px; }
  .select-box select,
  .select-box button,
  .advancedFilters select,
  .advancedFilters button {
    display: inline-block;
    width: 100%;
    padding: 0 8px;
    cursor: pointer;
    color: #373D45;
    font-family: "Open Sans", sans-serif;
    font-size: 1em;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    outline: 0;
    background: #F2F6F9;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: left; }
    .select-box select:focus ~ .select-arrow, .select-box select:hover ~ .select-arrow,
    .select-box button:focus ~ .select-arrow,
    .select-box button:hover ~ .select-arrow,
    .advancedFilters select:focus ~ .select-arrow,
    .advancedFilters select:hover ~ .select-arrow,
    .advancedFilters button:focus ~ .select-arrow,
    .advancedFilters button:hover ~ .select-arrow {
      border-top-color: #697380; }
    .select-box select:disabled,
    .select-box button:disabled,
    .advancedFilters select:disabled,
    .advancedFilters button:disabled {
      pointer-events: none;
      opacity: 0.5; }
  .select-box select::-ms-expand,
  .advancedFilters select::-ms-expand {
    display: none; }
  .select-box .select-arrow,
  .advancedFilters .select-arrow {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #697380 transparent transparent transparent; }

.input-group {
  font-size: 0.9em;
  line-height: 1.4em;
  margin-bottom: 16px; }
  .input-group .addition-form-info {
    width: calc(100% - 32px);
    line-height: 32px; }
  .input-group label {
    font-weight: bold;
    margin-bottom: 8px;
    display: block;
    width: 100%; }
  .input-group input[type="text"],
  .input-group input[type="email"],
  .input-group input[type="password"],
  .input-group textarea {
    font-weight: 400; }

.search-panel {
  display: inline-block;
  width: auto; }
  .search-panel.nosidepad {
    padding-left: 0;
    padding-right: 0; }

.part-search-panel {
  /*height: 40px;*/
  display: inline-block;
  width: 50%;
  margin-left: 16px; }
  .part-search-panel.nosidepad {
    padding-left: 0;
    padding-right: 0; }

.part-search-btn {
  margin-bottom: 32px;
  width: 160px; }

.search-panel > div > div {
  display: inline-block; }

.filter-panel {
  float: left;
  width: 100%;
  margin-top: 8px;
  padding: 8px 16px;
  border-top: 1px solid #D2DAE5; }
  .filter-panel .filter-header {
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 700; }
  .filter-panel .filter-option {
    display: inline-block;
    margin-right: 16px;
    margin-top: 8px; }
  .filter-panel .filter-buttons {
    margin-top: 16px; }
    .filter-panel .filter-buttons .btn:first-child {
      margin-right: 8px; }

.tab-search {
  width: 50%;
  float: right;
  padding-bottom: 0px;
  padding-top: 0px;
  margin-bottom: 8px; }

.searchgroup {
  width: 340px;
  display: inline-block; }

.orderssearchgroup {
  width: 450px;
  margin-left: 16px;
  display: inline-block; }

.single-search-field {
  width: 100%;
  margin-right: 0; }

.sortgroup-orders,
.sortgroup {
  height: 40px;
  display: inline-block;
  margin-left: 16px; }

.sortgroup-users {
  height: 40px;
  display: inline-block; }

.products-filter {
  height: 40px;
  display: inline-block;
  margin-left: 16px; }
  .products-filter div:last-child {
    float: right !important; }

.publication-filter {
  width: 420px; }
  .publication-filter .create-manual {
    position: relative;
    top: 6px; }

.badge-pill {
  border: 1px solid #838d99;
  color: #697380;
  display: inline-block;
  font-size: 0.8em;
  padding: 4px 8px;
  min-width: 10px;
  background: #FFFFFF;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-border-radius: 999999px;
  border-radius: 999999px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  text-transform: uppercase;
  font-weight: 700; }
  .badge-pill.primary {
    border-color: #3392FC;
    color: #3392FC; }
  .badge-pill.success {
    border-color: #29911B;
    color: #29911B; }
  .badge-pill.badge-lg {
    font-size: 0.7em;
    padding: 6px 12px; }

.badge-small {
  color: #373D45;
  display: inline-block;
  font-size: 11px;
  padding: 3px 4px;
  min-width: 0px;
  background: #d4e8fe;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  text-transform: uppercase;
  font-weight: 700; }

.small-label {
  font-size: 0.9em;
  font-weight: 600; }

.group-space {
  display: block;
  height: 8px; }

.switch-lbl {
  position: relative;
  display: block;
  height: 18px;
  width: 36px;
  margin: 2px 0 0 0;
  background: #898989;
  -webkit-border-radius: 140px;
  border-radius: 140px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  cursor: pointer;
  transition: all 0.3s ease; }
  .switch-lbl:after {
    position: absolute;
    left: -6px;
    top: -3px;
    display: block;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    background: #FFFFFF;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45);
    content: '';
    transition: all 0.3s ease; }
  .switch-lbl:active:after {
    transform: scale(1.1, 0.85); }
  .switch-lbl span {
    position: absolute;
    left: 50px;
    top: -5px;
    font-size: 1.2em;
    font-weight: 600; }

.switch-cbx:checked ~ label {
  background: #72e263; }
  .switch-cbx:checked ~ label:after {
    left: 20px;
    background: #29911B; }

.switch-cbx:disabled ~ label {
  background: #d5d5d5;
  pointer-events: none; }
  .switch-cbx:disabled ~ label:after {
    background: #bcbdbc; }

.switch-cbx.hidden {
  display: none; }

.not-bold {
  font-weight: normal; }

.notes {
  width: 100%; }

.full-width-element {
  width: 100%; }

.well {
  width: 100%;
  background: #d4e8fe;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border: 2px solid #3392FC;
  padding: 8px 16px;
  margin-bottom: 16px; }

.error-well {
  width: 100%;
  background: #ebcdcc;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border: 2px solid #a94442;
  padding: 10px;
  color: #a94442;
  text-align: center; }

.success-well {
  width: 100%;
  background: #e7fae4;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border: 2px solid #29911B;
  padding: 10px;
  color: #113b0b;
  text-align: center; }

.alert-banner {
  background-color: #FFEBD3 !important;
  color: #C5771C;
  border-bottom: solid 2px #C57712; }
  .alert-banner a {
    color: #C5771C !important; }
    .alert-banner a:hover {
      color: #985c16 !important; }
  .alert-banner .badge-small {
    background-color: #e8a95f;
    color: #FFFFFF; }

input[type="checkbox"] {
  -webkit-appearance: none;
  padding: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  flex: none !important;
  display: inline-block;
  position: relative;
  font-family: "FontAwesome";
  border: 1px solid #D2DAE5;
  background: #F2F6F9;
  color: #373D45;
  height: 24px;
  width: 24px !important; }

input[type="checkbox"]:checked {
  border: 1px solid #0477f8;
  background: #3392FC;
  color: #fff; }

input[type="checkbox"]:checked:after {
  content: '\f00c';
  font-size: 16px;
  position: absolute; }

.single-search-field {
  width: 100%;
  margin-right: 0; }

.required-field {
  font-style: italic;
  text-transform: lowercase;
  font-weight: normal;
  color: #a94442; }

.body-content {
  padding: 24px 32px;
  min-width: 1024px;
  max-width: 100%;
  margin: 0 auto; }
  .body-content.product-catalogue {
    padding: 0px 32px; }
  .body-content.primary-panel {
    padding: 0px 32px; }
  .body-content.master-part-content {
    padding: 0px 32px; }
  .body-content.small-content {
    min-width: 0;
    max-width: 1024px;
    padding: 16px 8px; }

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(242, 246, 249, 0.6);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.1s linear;
  z-index: 0; }
  .overlay.visible {
    visibility: visible;
    opacity: 1; }

.content-panel.lrg {
  width: 70%; }

.content-panel.sml {
  width: 25%; }

.content-panel.panel-dark {
  background: #FFFFFF;
  padding: 16px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .content-panel.panel-dark h3 {
    margin: 16px 0 8px; }
    .content-panel.panel-dark h3:first-child {
      margin-top: 0; }
    .content-panel.panel-dark h3.use-shipping {
      display: inline-block; }
      .content-panel.panel-dark h3.use-shipping span {
        font-size: 0.9em;
        margin-left: 8px; }
        .content-panel.panel-dark h3.use-shipping span input {
          width: auto;
          border: #D2DAE5; }

.panel {
  padding: 16px 0;
  background: #FFFFFF;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .panel.no-padding {
    padding: 0; }
  .panel.small-padding {
    padding: 8px 0; }
  .panel.tb-padding {
    padding: 8px 0; }
  .panel.customer-viewable {
    width: calc(75% - 32px);
    float: right;
    margin-top: 0; }
  .panel.security-panel {
    padding: 16px 16px 23px 16px;
    margin-bottom: 32px; }
    .panel.security-panel form {
      margin-bottom: 16px; }
    .panel.security-panel .toggle {
      margin: 24px 0 0 7px; }
  .panel .small-panel-content {
    padding: 8px 16px 0 16px; }
    .panel .small-panel-content .titletail {
      margin-bottom: 8px; }
  .panel .expand-panel-content {
    padding: 0 16px; }
    .panel .expand-panel-content h4 {
      margin-bottom: 5px; }
  .panel .panel-heading .pull-right,
  .panel .panel-heading .pull-left {
    margin-bottom: 8px; }
  .panel .panel-heading .pull-right .btn {
    margin-right: 16px; }

.watermark-image {
  background: #F2F6F9; }

.vertical-align {
  display: -webkit-flex;
  display: flex;
  align-items: center; }

.justify-content {
  justify-content: space-between;
  display: -webkit-flex;
  display: flex;
  align-items: center; }

.center-align {
  margin: 0 auto;
  display: block;
  text-align: center; }

.partDetailsContentMax {
  display: inline-block;
  width: calc(100vw - 260px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #c1c1c1; }
  .partDetailsContentMax .input-group {
    margin-bottom: 0; }
  .partDetailsContentMax button {
    width: 126px; }
  .partDetailsContentMax button:first-of-type {
    margin-right: 8px; }
  .partDetailsContentMax > .part-description {
    width: 38%; }
    .partDetailsContentMax > .part-description input {
      width: 100%; }
  .partDetailsContentMax .product-price input {
    width: calc(100% - 20px); }
  @media (max-width: 1000px) {
    .partDetailsContentMax .partDetailsContent {
      flex-direction: column;
      align-items: stretch !important; }
    .partDetailsContentMax .vertical-divider {
      width: 100% !important;
      height: 1px !important;
      margin: 1rem 0 !important; }
    .partDetailsContentMax .partDetailsActionBtns {
      align-self: start !important; }
    .partDetailsContentMax .partDetailsSupersessionNumber {
      text-wrap: wrap !important; } }
  .partDetailsContentMax > div {
    display: inline-block;
    margin-right: 16px; }
    .partDetailsContentMax > div > label .input-group {
      margin-bottom: 4px; }
  .partDetailsContentMax > div:last-of-type {
    display: flex;
    align-items: center;
    margin-right: 0;
    justify-content: space-between;
    margin-top: 6px; }
    .partDetailsContentMax > div:last-of-type > i {
      cursor: pointer;
      margin: 0 8px;
      font-size: 20px; }

.partDetailsContentMin {
  display: inline-block;
  width: calc(100vw - 680px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #c1c1c1; }
  .partDetailsContentMin .input-group {
    margin-bottom: 0; }
  .partDetailsContentMin button {
    width: 126px; }
  .partDetailsContentMin > .part-description {
    width: 38%; }
    .partDetailsContentMin > .part-description input {
      width: 100%; }
  .partDetailsContentMin .product-price {
    width: 16%; }
    .partDetailsContentMin .product-price input {
      width: calc(100% - 20px); }
  @media (max-width: 1300px) {
    .partDetailsContentMin .partDetailsContent {
      flex-direction: column;
      align-items: stretch !important; }
    .partDetailsContentMin .vertical-divider {
      width: 100% !important;
      height: 1px !important;
      margin: 1rem 0 !important; }
    .partDetailsContentMin .partDetailsActionBtns {
      align-self: start !important; }
    .partDetailsContentMin .partDetailsSupersessionNumber {
      text-wrap: wrap !important; } }
  .partDetailsContentMin > div {
    display: inline-block; }

@media (max-width: 1500px) {
  .partDetailsPartNumber {
    flex-wrap: wrap; } }

.partDetailsContent .vertical-divider {
  width: 1px;
  background-color: #007bff;
  margin: 0 1rem; }

.partDetailsContent .viewerFooterIcon {
  cursor: pointer;
  font-size: 20px; }

.partDetailsContent .spinner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 70px;
  text-align: center; }

.partDetailsContent label {
  font-size: 0.9em; }

.partDetailsContent .partDetailsSupersessionNumber {
  font-size: 0.9em !important; }

.multiple-parts-selected {
  display: block; }
  .multiple-parts-selected > h4 {
    margin: 0 0 4px 0; }
  .multiple-parts-selected > p {
    margin: 0; }

.master-part-details {
  height: 450px; }

.master-part-details .titletail,
.master-part-details-split .titletail {
  margin: 0 0 12px 0; }

.master-part-details .panel {
  height: calc(100% - 64px);
  overflow: auto; }

.master-part-details-split {
  height: 400px; }

.master-part-details-half .panel {
  height: calc(50% - 64px); }

.titletail-masterpart {
  text-transform: uppercase;
  font-size: 0.95em;
  position: relative;
  font-weight: 600;
  margin: 0 0 16px 0;
  margin: 0 0 20px 0;
  z-index: 1; }
  .titletail-masterpart span {
    background: #F2F6F9;
    padding: 0 16px 0 0; }
  .titletail-masterpart:before {
    border-top: 2px solid #dce2eb;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0px;
    bottom: 0;
    width: calc(100% - 136px);
    z-index: -1; }

.flex-right {
  margin-left: auto !important; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.pull-center {
  left: 70%;
  display: flex !important;
  align-items: center;
  justify-content: center; }

.checkbox-padding {
  padding-top: 1%; }

.width-5 {
  width: 5%; }

.width-10 {
  width: 10%; }

.width-15 {
  width: 15%; }

.width-20 {
  width: 20%; }

.width-25 {
  width: 25%; }

.width-30 {
  width: 30%; }

.width-35 {
  width: 35%; }

.width-40 {
  width: 40%; }

.width-45 {
  width: 45%; }

.width-50 {
  width: 50%; }

.width-55 {
  width: 55%; }

.width-60 {
  width: 60%; }

.width-65 {
  width: 65%; }

.width-70 {
  width: 70%; }

.width-75 {
  width: 75%; }

.width-80 {
  width: 80%; }

.width-85 {
  width: 85%; }

.width-90 {
  width: 90%; }

.width-95 {
  width: 95%; }

.width-100 {
  width: 100%; }

/* uncomment this if you want to see BR tags easily */
/*br{
  display: block;
  line-height: 600px;
}*/
.left-panel {
  width: 22%;
  float: left; }

.right-panel {
  width: 75%;
  float: right; }

.mt-0 {
  margin-top: 0; }

.mr-0 {
  margin-right: 0; }

.ml-0 {
  margin-left: 0; }

.mb-0 {
  margin-bottom: 0; }

.mb-8 {
  margin-bottom: 8px; }

.mt-8 {
  margin-top: 8px; }

.mr-8 {
  margin-right: 8px; }

.ml-8 {
  margin-left: 8px; }

.mb-16 {
  margin-bottom: 16px; }

.mt-16 {
  margin-top: 16px; }

.mr-16 {
  margin-right: 16px; }

.ml-16 {
  margin-left: 16px; }

.mlr-16 {
  margin-left: 16px;
  margin-right: 16px; }

.m-16 {
  margin: 16px; }

.mt-32 {
  margin-top: 32px; }

.mt-neg-16 {
  margin-top: -16px; }

.mt-n1 {
  margin-top: -15px !important; }

a {
  text-decoration: none; }
  a:active, a:link, a:visited {
    color: #036bdf; }
    a:active:hover, a:link:hover, a:visited:hover {
      color: #0353ad; }
  a.dark:active, a.dark:link, a.dark:visited {
    color: #3392FC; }
  a.dark:hover {
    color: #036bdf; }
  a.dark-secondary:active, a.dark-secondary:link, a.dark-secondary:visited {
    color: #373D45; }
  a.dark-secondary:hover {
    color: #15171a; }
  a.delete:active, a.delete:link, a.delete:visited {
    color: #373D45; }
  a.delete:hover {
    color: #a94442; }
  a.light:active, a.light:link, a.light:visited {
    color: #3392FC; }
  a.light:hover {
    color: #036bdf; }

header a {
  text-decoration: none; }
  header a:active, header a:link, header a:visited {
    color: #373D45; }
    header a:active:hover, header a:link:hover, header a:visited:hover {
      color: #15171a; }

.product-grid {
  display: inline-block;
  width: 100%; }
  .product-grid li {
    float: left;
    width: calc(25% - 24px);
    overflow: hidden;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    margin-top: 16px;
    margin-bottom: 16px; }
    .product-grid li:not(:nth-child(4n)) {
      margin-right: 32px; }
    .product-grid li:hover {
      transform: translateY(-3px); }
      .product-grid li:hover .overlay {
        visibility: visible;
        opacity: 1; }
    .product-grid li .img-wrap {
      background-position: center center;
      background-repeat: no-repeat;
      overflow: hidden;
      position: relative;
      height: 220px; }
      .product-grid li .img-wrap .view-all {
        z-index: 1; }
    .product-grid li .product-info {
      padding: 16px;
      background: #FFFFFF;
      color: #373D45; }
      .product-grid li .product-info hr {
        display: block;
        margin: 1em 0;
        padding: 0;
        height: 1px;
        border: 0;
        border-top: 1px solid #D2DAE5;
        width: calc(100% + 32px);
        margin-left: -16px; }
      .product-grid li .product-info h3 {
        margin-bottom: 0.5em;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .product-grid li .product-info small {
        color: #4e5661; }
      .product-grid li .product-info p {
        margin-top: 16px;
        margin-bottom: 0;
        font-size: 0.8em;
        font-weight: 700; }
        .product-grid li .product-info p a {
          color: #3392FC; }
  .product-grid.viewable-image {
    float: left;
    width: 25%; }

.model-grid {
  display: inline-block;
  width: 100%; }
  .model-grid li {
    float: left;
    min-width: 49%;
    max-width: 250px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    margin-top: 8px;
    margin-bottom: 8px; }
    .model-grid li:not(:nth-child(2n)) {
      margin-right: 16px; }
    .model-grid li:hover {
      transform: translateY(-3px); }
      .model-grid li:hover .overlay {
        visibility: visible;
        opacity: 1; }
    .model-grid li .img-wrap {
      background-position: center center;
      background-repeat: no-repeat;
      overflow: hidden;
      position: relative;
      height: 140px;
      width: 140px;
      float: left;
      border-right: 1px solid rgba(0, 0, 0, 0.2); }
      .model-grid li .img-wrap .view-all {
        z-index: 1; }
    .model-grid li .product-info {
      margin: 16px;
      background: #FFFFFF;
      color: #373D45;
      width: calc(100% - 176px);
      float: left; }
      .model-grid li .product-info hr {
        display: block;
        margin: 1em 0;
        padding: 0;
        height: 1px;
        border: 0;
        border-top: 1px solid #D2DAE5;
        width: calc(100% + 32px);
        margin-left: -16px; }
      .model-grid li .product-info h3 {
        margin-bottom: 0.5em;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .model-grid li .product-info small {
        color: #4e5661; }
      .model-grid li .product-info p {
        margin-top: 16px;
        margin-bottom: 0;
        font-size: 0.8em;
        font-weight: 700; }
        .model-grid li .product-info p a {
          color: #3392FC; }
  .model-grid.viewable-image {
    float: left;
    width: 25%; }

.sub-tabs {
  margin-bottom: 32px; }
  .sub-tabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    border-bottom: 1px solid #D2DAE5; }
    .sub-tabs ul li {
      float: left;
      margin: 0 40px -1px 0;
      padding: 0px;
      display: inline; }
      .sub-tabs ul li a {
        float: left;
        padding: 8px 0 4px 0;
        border-bottom: 5px solid transparent;
        color: #373D45;
        cursor: pointer; }
        .sub-tabs ul li a:hover {
          border-bottom-color: #D2DAE5; }
      .sub-tabs ul li.active a {
        border-bottom-color: #3392FC; }

.loader {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: fixed !important;
  z-index: 55;
  background: rgba(39, 41, 46, 0.8);
  width: 100%;
  height: 100%;
  top: 0; }
  .loader p, .loader i {
    color: #FFFFFF !important;
    font-size: 21px;
    text-align: center;
    margin-top: 16px; }
  .loader p:first-of-type {
    font-size: 26px; }
  .loader i {
    margin-bottom: 16px;
    /*color: #FFFFFF;*/
    color: #3392FC !important;
    font-size: 54px !important; }

.modal-loader {
  width: 100%;
  height: 100%; }

#loader-text {
  text-align: center; }

#myProgress {
  position: relative;
  width: 100%;
  height: 30px;
  background-color: #ddd; }

#myBar {
  position: absolute;
  height: 100%;
  background-color: #4CAF50; }

.overlay-cover-tablet {
  height: calc(100vh + 60px);
  width: 100vw;
  position: absolute;
  overflow: hidden;
  background: rgba(39, 41, 46, 0.8);
  z-index: 11;
  width: 100%;
  position: fixed;
  top: -60px;
  left: 0; }

.preloader-bg {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100vw;
  height: 100vh;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden; }
  .preloader-bg p {
    width: 100%;
    color: #FFFFFF !important;
    font-size: 21px;
    text-align: center; }
  .preloader-bg a {
    color: #ffffff;
    -webkit-transition: color 0.5s ease-out;
    -moz-transition: color 0,5s ease-out;
    -o-transition: color 0.5s ease-out;
    transition: color 0.5s ease-out; }

.download-preloader-bg {
  width: 100vw;
  height: 100vh;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  z-index: 56 !important;
  position: absolute; }
  .download-preloader-bg p, .download-preloader-bg i {
    width: 100%;
    color: #FFFFFF !important;
    font-size: 21px;
    text-align: center;
    margin-top: 16px; }
  .download-preloader-bg p:first-of-type {
    font-weight: 700;
    font-size: 26px; }
  .download-preloader-bg .loader-info {
    font-weight: 700;
    font-size: 26px; }
  .download-preloader-bg i {
    margin-bottom: 16px;
    /*color: #FFFFFF;*/
    color: #3392FC !important;
    font-size: 54px !important; }

.float-bottom {
  bottom: 40px;
  position: absolute;
  width: 100%; }

.pagination {
  width: 100%;
  text-align: center;
  margin: 24px 0 8px 0;
  display: block; }
  .pagination li {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    margin-right: 8px; }
    .pagination li:last-child {
      margin-right: 0; }
      .pagination li:last-child:after {
        display: none; }
    .pagination li a {
      display: block;
      padding: 0 !important;
      text-align: center;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      border: 1px solid #D2DAE5;
      line-height: 25px;
      font-size: 1.6em;
      /* padding-bottom: 4px; */
      background: #F2F6F9;
      height: 32px;
      WIDTH: 32px; }
      .pagination li a:active, .pagination li a:link, .pagination li a:visited {
        color: #697380; }
      .pagination li a:hover {
        background: #bed2e1; }
    .pagination li.pagination-page a {
      font-size: 1em;
      padding-bottom: 0;
      line-height: 30px;
      font-weight: 700; }
    .pagination li.active a {
      background: #bed2e1; }

.pagination-list {
  gap: 0.25rem; }
  .pagination-list .btn {
    white-space: nowrap;
    padding: 0.375rem 0.5rem;
    font-size: 0.875rem;
    min-width: 36px; }
  @media (min-width: 768px) {
    .pagination-list {
      gap: 0.5rem; }
      .pagination-list .btn {
        padding: 8px 16px;
        font-size: 0.85em;
        min-width: auto; } }

.product-table {
  width: 100%;
  font-family: "Open Sans", sans-serif; }
  .product-table thead {
    background: #F2F6F9; }
    .product-table thead th {
      padding: 8px;
      text-align: left;
      text-transform: uppercase;
      font-weight: 700;
      border-top: 1px solid #D2DAE5;
      border-bottom: 1px solid #D2DAE5;
      font-size: 0.875em; }
  .product-table.master-part-table td, .product-table.master-part-table th {
    padding: 4px 0px;
    line-height: 1.5;
    word-break: break-word; }
    .product-table.master-part-table td:first-of-type, .product-table.master-part-table th:first-of-type {
      padding-left: 16px; }
    .product-table.master-part-table td input, .product-table.master-part-table th input {
      margin: 0 !important; }
  .product-table td,
  .product-table th {
    padding: 16px 8px;
    height: 40px;
    line-height: 1.5; }
    .product-table td:first-of-type,
    .product-table th:first-of-type {
      padding-left: 32px; }
    .product-table td input,
    .product-table th input {
      margin: 0 !important; }
  .product-table tbody tr:hover .btn.secondary {
    color: #FFFFFF;
    background: #3392FC;
    border-color: #1a85fc; }
    .product-table tbody tr:hover .btn.secondary:hover {
      background: #0477f8; }
  .product-table td {
    border-bottom: 1px solid #D2DAE5;
    position: relative;
    line-height: 1.5714285714285714em;
    padding: 15px 8px 16px 8px; }
    .product-table td h3 {
      margin-bottom: 0; }
    .product-table td h4 {
      margin-bottom: 0;
      font-weight: 400; }
    .product-table td.has-dropdown .sub-popup {
      margin: 0; }
    .product-table td.emptytable {
      text-align: center;
      font-size: 1.3em;
      padding-top: 12px;
      padding-bottom: 12px; }
    .product-table td.preloader {
      text-align: center;
      padding-top: 24px;
      padding-bottom: 24px;
      border-bottom: none; }
  .product-table .clickableRow:hover {
    cursor: pointer;
    background: #F2F6F9; }
  .product-table tr.unread {
    font-weight: 700;
    background: #EEFBED; }
    .product-table tr.unread:hover {
      background: #daf6d8; }
  .product-table .itemPrice {
    display: inline-block;
    font-size: 1em;
    font-family: "Open Sans", sans-serif;
    padding: 0 16px;
    line-height: 34px;
    border: 1px solid #D2DAE5;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    background: #F2F6F9;
    color: #373D45; }
  .product-table .orderItemTotal {
    width: 138px; }
  .product-table.customer-viewable {
    margin-top: 8px;
    margin-bottom: 8px; }
  .product-table.basket-table {
    margin-top: 0px !important; }
    .product-table.basket-table .text-right {
      text-align: right; }
    .product-table.basket-table td {
      padding: 16px;
      font-size: 1em;
      line-height: 1.3; }
      .product-table.basket-table td:last-of-type {
        text-align: center; }
    .product-table.basket-table th {
      line-height: 1.1;
      padding: 16px;
      font-size: 0.875em; }
    .product-table.basket-table tr td {
      background: white;
      color: #373D45; }
  .product-table.addpart-table {
    margin-top: 0px !important; }
    .product-table.addpart-table td {
      padding: 16px;
      font-size: 0.85em;
      line-height: 1.3; }
      .product-table.addpart-table td:last-of-type {
        text-align: center; }
    .product-table.addpart-table th {
      line-height: 1.1;
      padding: 8px;
      font-size: 11px; }
    .product-table.addpart-table tr td {
      background: white;
      color: #373D45; }
  .product-table.optionSet-table {
    margin-top: 0px !important; }
    .product-table.optionSet-table .text-right {
      text-align: right; }
    .product-table.optionSet-table td {
      padding: 8px;
      font-size: 0.85em;
      line-height: 1.3; }
      .product-table.optionSet-table td:last-of-type {
        text-align: center; }
    .product-table.optionSet-table th {
      line-height: 1.1;
      padding: 16px;
      font-size: 11px; }
    .product-table.optionSet-table tr td {
      background: white;
      color: #373D45; }

.has-dropdown::before {
  display: none; }

@-webkit-keyframes fadeinout {
  0%, 100% {
    background: white;
    color: #373D45; }
  5%, 80% {
    background: #72e263;
    color: #17510f; } }

@keyframes fadeinout {
  0%, 100% {
    background: white;
    color: #373D45; }
  5%, 80% {
    background: #72e263;
    color: #17510f; } }

.part-header {
  padding: 8px; }

.hide {
  top: 0px;
  right: 0px;
  position: absolute;
  width: 60px !important;
  height: 32px; }

.simple-table {
  width: 100%;
  font-family: "Open Sans", sans-serif; }
  .simple-table thead th {
    text-align: left;
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid #D2DAE5; }
  .simple-table td,
  .simple-table th {
    padding: 8px 10px;
    font-size: 0.9em;
    line-height: 1.3; }
    .simple-table td:last-of-type,
    .simple-table th:last-of-type {
      text-align: right; }
  .simple-table td {
    border-top: 1px solid #D2DAE5;
    position: relative; }
    .simple-table td h3 {
      margin-bottom: 0px; }
  .simple-table tr:first-of-type td {
    border-top: none; }
  .simple-table .priceInput {
    display: inline-block;
    font-size: 1em;
    font-family: "Open Sans", sans-serif;
    padding: 0px 3px;
    line-height: 1.8;
    border: 1px solid #D2DAE5;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    background: #F2F6F9;
    color: #373D45;
    width: 85%; }

.quantityInput {
  width: 100% !important; }

.table-footer {
  border-top: 1px solid #D2DAE5;
  width: 100%;
  display: block; }
  .table-footer .right {
    padding: 16px 16px 8px 16px;
    display: flex;
    justify-content: flex-end; }
    .table-footer .right .btn {
      margin-left: 16px; }
  .table-footer .left {
    padding: 16px 16px 8px 16px; }
  .table-footer .right,
  .table-footer .left {
    display: inline-block; }
  .table-footer .right:after,
  .table-footer .left:after {
    content: none; }

td input, th input {
  margin: 0 !important; }

td .select-box, th .select-box {
  margin: 8px 0 0 0 !important; }

.td-background {
  background: #F2F6F9 !important; }

.tr-border {
  border: 1px solid #D2DAE5; }

.site-header {
  width: 100%;
  height: 100%;
  min-height: 56px;
  background: #FFFFFF;
  position: relative;
  z-index: 10;
  -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  padding: 0% 2.5%; }
  .site-header .logo {
    float: left;
    display: block;
    line-height: 56px;
    padding-right: 30px; }
    .site-header .logo img {
      height: 24px;
      margin-top: -8px; }
  .site-header .dropdown-toggle::after {
    display: inline-flex;
    align-items: center;
    content: "\f107";
    font-family: FontAwesome;
    margin-left: initial;
    vertical-align: initial;
    border: none;
    margin-left: 5px; }
  .site-header .dropdown_additional {
    cursor: pointer; }
  .site-header .site-nav {
    float: left; }
    .site-header .site-nav ul {
      margin-left: 8px; }
      .site-header .site-nav ul li {
        float: left;
        position: relative;
        display: block;
        line-height: 56px;
        margin-left: 8px;
        font-size: 0.875em;
        font-weight: 600 !important; }
        .site-header .site-nav ul li a {
          font-weight: 800 !important;
          padding: 8px 16px; }
        .site-header .site-nav ul li.active a {
          background: #d4e8fe; }
    .site-header .site-nav.nav-right {
      float: right; }
      .site-header .site-nav.nav-right ul li:hover a {
        background: transparent; }

.dropdown-item.active, .dropdown-item:active {
  background: #d4e8fe;
  color: black; }

.site-header .site-nav ul li a:hover {
  background: #ebf1f6; }

.site-header .site-nav ul li a:active {
  background: #d4e8fe; }

.site-header .site-nav ul li a:active {
  background: #d4e8fe; }

.sub-site-header {
  width: 100%;
  background: #FFFFFF;
  padding: 0 16px;
  position: relative;
  z-index: 15; }

.mobile-sub-site-header {
  display: flex;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
  line-height: 56px; }

.on-behalf-of-banner .banner-item {
  float: left;
  margin: 10px; }

.on-behalf-of-banner button:hover {
  border: 1px solid #985c16;
  color: #985c16; }

.language-header-btn {
  border: none; }

.nav-mobile-icon .fa {
  color: green; }

.user-avatar {
  -moz-border-radius: 4em / 4em;
  -webkit-border-radius: 4em 4em;
  border-radius: 4em / 4em;
  margin-left: 0.3em;
  margin-top: 0.2em;
  width: 40px;
  height: 40px;
  background-color: #3392FC;
  display: flex;
  justify-content: center;
  align-items: center; }

.nameInitials {
  color: white;
  font-weight: 700; }

.User-Dropdown {
  display: none;
  position: absolute;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0px 0px 8px rgba(214, 214, 214, 0.78);
  list-style: none;
  padding: 0 20px;
  width: 225px;
  margin: 0;
  top: 50px;
  right: -9%; }

.User-Dropdown-Positon {
  right: 15px; }

.User-Dropdown:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: -0.5em;
  right: 0px;
  box-sizing: border-box;
  border: 7px solid black;
  border-color: transparent transparent #ffffff #ffffff;
  transform-origin: 0 0;
  transform: rotate(135deg);
  box-shadow: -3px 3px 3px -3px rgba(214, 214, 214, 0.78); }

.User-Dropdown.U-open {
  display: block; }

.User-Dropdown > li {
  padding: 0px;
  line-height: 47px;
  border-bottom: 1px solid rgba(215, 215, 215, 0.17); }

.User-Dropdown > li:last-child {
  border-bottom: 0px; }

.site-nav ul .User-Dropdown li a {
  font-size: 1.1em;
  padding: 1em;
  text-decoration: none;
  color: #1787e0;
  transition: all 0.2s ease-out; }

.User-Dropdown span {
  background: #16d67a;
  padding: 3px 10px;
  color: #fff;
  border-radius: 30px; }

.site-nav ul .User-Dropdown p {
  font-size: 1.1em;
  padding: 1em;
  text-decoration: none;
  color: black;
  transition: all 0.2s ease-out;
  margin-left: 8px;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(215, 215, 215, 0.17);
  word-break: break-word; }

#mySidenav p {
  text-decoration: none;
  color: black;
  transition: all 0.2s ease-out;
  border-bottom: 1px solid rgba(215, 215, 215, 0.17);
  word-break: break-word;
  white-space: break-spaces;
  padding: 8px 8px 16px 32px;
  min-width: 250px !important; }

.User-Dropdown > li:before {
  content: "";
  width: 0px;
  height: 40px;
  position: absolute;
  background: #2196F3;
  margin-top: 8px;
  border-radius: 0 1px 1px 0;
  left: 0px;
  transition: all 0.2s ease; }

.User-Dropdown > li:hover:before {
  width: 5px;
  border-radius: 30px; }

.User-Dropdown > li a:hover {
  margin-left: 5px; }

.navigation_custom ul li ul {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease;
  display: none; }

.navigation_custom ul li:hover > ul,
.navigation_custom ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block; }

.navigation_custom ul li {
  color: white; }
  .navigation_custom ul li:hover .user-avatar {
    background: #2196F3 !important; }

.sideBar-maxWidth {
  white-space: normal;
  overflow: hidden;
  width: 250px; }

@media (max-width: 1251px) {
  #sidebarContainer {
    overflow: hidden; }
  .site-nav {
    display: none; }
  .nav-mobile-icon {
    color: green; }
  .mobile-site-header {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between; }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: white;
    overflow-x: hidden;
    padding-top: 60px;
    transition: 0.5s;
    white-space: nowrap;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.16); }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 1em;
    color: black;
    display: block;
    transition: 0.3s; }
  .sidenav .fa {
    cursor: pointer; }
  .sidenav .dropdown {
    padding: 8px 8px 8px 32px; }
  .sidenav a:hover {
    color: #2f2f2f;
    background-color: #f1f1f1;
    cursor: pointer; }
  .sidenav ul li a:active, .sidenav ul li a.active {
    color: black;
    background-color: #d4e8fe;
    cursor: pointer; }
  .sidenav .closeBtn:hover {
    background-color: white; }
  .sidenav .closeBtn {
    position: absolute;
    top: -10px;
    right: 0;
    font-size: 36px;
    margin-left: 50px; }
  .openbtn {
    cursor: pointer; }
  /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
  #main {
    transition: margin-left .5s;
    padding: 20px; }
  .user-area-mobile {
    position: absolute;
    top: 11px;
    left: 25px;
    font-size: 1.3rem; }
  .user-avatar {
    -moz-border-radius: 4em / 4em;
    -webkit-border-radius: 4em 4em;
    border-radius: 4em / 4em;
    margin-left: 0.3em;
    margin-top: 0.2em;
    width: 35px;
    height: 34px;
    background-color: #3392FC;
    display: flex;
    justify-content: center;
    align-items: center; }
  .nameInitials {
    color: white;
    font-weight: 700; } }

@media (min-width: 1250px) {
  .sidenav, .openNav {
    display: none; } }

.messageBanner {
  width: 100%;
  left: 0px; }
  .messageBanner .header-banner {
    padding: 16px 24px;
    width: 100%;
    z-index: 14;
    font-weight: bold; }
    .messageBanner .header-banner button {
      margin-right: 16px; }
    .messageBanner .header-banner i {
      color: #ffffff;
      font-size: 18px;
      margin-top: 2px; }
    .messageBanner .header-banner.ERROR {
      background: #e4baba;
      color: #843534; }
      .messageBanner .header-banner.ERROR i {
        color: #843534; }
    .messageBanner .header-banner.WARN {
      background: #fce8b5;
      color: #8a6d3b; }
      .messageBanner .header-banner.WARN i {
        color: #8a6d3b; }
    .messageBanner .header-banner.SUCCESS {
      background: #c0f2b9;
      color: #17510f; }
      .messageBanner .header-banner.SUCCESS i {
        color: #17510f; }
    .messageBanner .header-banner.INFO {
      background: #cae3fe;
      color: #036bdf; }

.header-banner {
  padding: 16px 24px;
  width: 100%;
  z-index: 14;
  font-weight: bold; }
  .header-banner button {
    margin-left: 16px; }
  .header-banner i {
    font-size: 18px;
    margin-top: 2px; }
  .header-banner.ERROR {
    background: #e4baba;
    color: #843534; }
  .header-banner.WARN {
    background: #fce8b5;
    color: #8a6d3b; }
  .header-banner.SUCCESS {
    background: #c0f2b9;
    color: #17510f; }
  .header-banner.INFO {
    background: #cae3fe;
    color: #ffffff !important; }

.viewerBanner {
  width: 100%; }
  .viewerBanner .header-banner {
    position: absolute;
    right: 0px;
    width: 100%;
    z-index: 9;
    padding: 16px 24px;
    font-weight: bold;
    word-wrap: break-word; }
    .viewerBanner .header-banner.ERROR {
      background: white;
      color: #a94442; }
    .viewerBanner .header-banner.WARN {
      background: white;
      color: #C5771C; }
    .viewerBanner .header-banner.SUCCESS {
      background: #cbf0bb;
      color: #3c763d; }
    .viewerBanner .header-banner.INFO {
      background: #1a85fc;
      color: #FFFFFF; }
  .viewerBanner .meeting-banner {
    position: absolute;
    z-index: 9;
    width: auto;
    padding: 8px 8px;
    margin: 16px 24px;
    background-color: white;
    font-weight: bold; }

.default-theme {
  background: #e9ebee; }

.cde-theme {
  background: radial-gradient(#54b7ff, #4696d1); }

.dev1-theme {
  background: radial-gradient(#54b7ff, #4696d1); }

.auth-section {
  margin: 100px; }

.auth {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  z-index: 11;
  background-size: cover; }
  .auth img:first-of-type {
    margin: 0 auto;
    display: block;
    max-height: 80px; }
  .auth .store-img img {
    display: inline-block;
    height: 40px; }
  .auth h3 {
    text-align: center;
    font-size: 20px;
    line-height: 16px;
    text-transform: uppercase; }
  .auth p {
    text-align: center; }
  .auth .auth-panel {
    width: 90%;
    height: auto;
    color: #373D45;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */ }
    @media only screen and (min-width: 992px) {
      .auth .auth-panel {
        width: 30%; } }
    .auth .auth-panel .message {
      margin-bottom: 8px;
      text-align: center; }
    .auth .auth-panel .btn,
    .auth .auth-panel input:not([type="checkbox"]) {
      width: 100%;
      padding: 16px 8px;
      font-size: 1em;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */ }
    .auth .auth-panel .btn {
      padding: 8px; }
    .auth .auth-panel .content {
      background: #FFFFFF;
      padding: 16px; }
      .auth .auth-panel .content.setPassword {
        padding: 16px; }
      .auth .auth-panel .content.head {
        border-bottom: 1px solid #D2DAE5; }
      .auth .auth-panel .content .inputSpacing {
        margin-bottom: 16px; }
    .auth .auth-panel .sub {
      background: #FFFFFF;
      text-align: center;
      border-top: 1px solid #D2DAE5;
      padding: 16px 0 16px 0; }
    .auth .auth-panel .forgot,
    .auth .auth-panel .remember {
      width: 100%;
      display: block; }
    .auth .auth-panel .remember {
      text-align: right; }
      .auth .auth-panel .remember * {
        display: inline-block; }
      .auth .auth-panel .remember input {
        width: auto; }
    .auth .auth-panel .forgot {
      padding-top: 16px;
      text-align: center; }

.google-logo {
  height: 60px !important;
  margin: 0 16px; }

.qr-verification {
  height: 160px !important;
  margin: 16px auto; }

.pl-50 {
  padding-left: 50px; }

.lang-button {
  position: absolute;
  top: 0;
  right: 0; }

.order-details-holder {
  width: 50%;
  float: left; }
  .order-details-holder h1 {
    font-size: 1.4em;
    margin-bottom: 8px; }
  .order-details-holder p {
    margin-bottom: 0; }

.customer-details-holder {
  width: 75%;
  float: left;
  margin-top: 16px; }

.split-order-details-holder {
  width: 75%;
  float: left;
  margin-top: 16px; }

.address-holder {
  width: 30%;
  float: left; }

.notes-holder {
  width: 60%;
  float: left; }

.edit-customer-details-holder {
  width: 100%; }

.edit-address-holder {
  width: 21%;
  float: left; }
  .edit-address-holder select {
    margin: 0 8px 16px 0;
    width: 100%;
    padding: 1px; }

.contact-details-holder {
  width: 30%;
  float: left;
  margin-left: 3%; }

.stock-order-holder {
  vertical-align: top; }

.edit-contact-details-holder {
  width: 21%;
  margin-left: 5%;
  float: left; }
  .edit-contact-details-holder input {
    margin: 0 0 16px 0;
    width: 100%; }
  .edit-contact-details-holder select {
    margin: 0 8px 16px 0;
    width: 100%;
    padding: 1px; }

.delivery-details-holder {
  width: 20%;
  float: left;
  margin-left: 3%; }

.edit-delivery-details-holder {
  width: 21%;
  margin-left: 5%;
  float: left; }

.comments-holder {
  width: 20%;
  float: right;
  margin-left: 3%; }

.timeline-holder {
  width: 22%;
  float: right;
  margin-top: 16px; }

.order-items-holder {
  width: 72%;
  float: left;
  margin-top: 16px; }

.order-manual-items-holder {
  width: 72%;
  float: left;
  margin-top: 16px; }

.basket-items-holder {
  width: 100%;
  float: left;
  margin-top: 32px; }

.pricing-summary-holder {
  width: 22%;
  float: right;
  margin-top: 16px; }

.currency-text {
  width: 33%;
  float: left;
  margin-left: 8px;
  margin-top: 8px; }

.currency-selector {
  max-width: 30%;
  margin-bottom: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 0.9em; }

.clearfix {
  width: 100%;
  clear: both;
  display: block; }

.posRelative {
  position: relative; }

.mydiv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  background-color: #000;
  opacity: 0.6; }

.full-width-comment {
  display: inline-block;
  font-size: 1em;
  font-family: "Open Sans", sans-serif;
  line-height: 34px;
  border: 1px solid #D2DAE5;
  border-radius: 5px;
  background: #F2F6F9;
  color: #373D45;
  width: 100%; }

.full-width-comment-registration {
  display: inline-block;
  font-size: 1em;
  font-family: "Open Sans", sans-serif;
  line-height: 1.5em;
  border: 1px solid #D2DAE5;
  border-radius: 5px;
  background: #F2F6F9;
  color: #373D45;
  width: 100%; }

.white-bg-text-box {
  background: white;
  margin-bottom: 8px;
  min-height: 40px; }

.strike-through {
  text-decoration: line-through; }

.dark-text {
  color: black; }

.has-error {
  border: 1px solid red !important; }

.stockorderContainer input[type="checkbox"] {
  cursor: pointer;
  background-color: white;
  background-clip: padding-box; }

.stockorderContainer input[type="checkbox"]:hover {
  background: white;
  color: #eeeeee;
  border: 1px solid #0477f8; }

.stockorderContainer input[type="checkbox"]:checked {
  background: #3392FC;
  color: #fff; }

.edit-delivery-details-holder input:disabled {
  background: #dddddd; }

.btn.unreadcomment {
  color: black;
  background-color: white;
  border: solid 1px #1a85fc;
  position: relative; }

.btn.unreadcomment:hover {
  color: black;
  background-color: white;
  border: solid 1px #1a85fc; }

.blob_unreadEnquiries {
  border-left: #1a85fc 3px solid;
  background: white;
  align-items: center;
  padding: 4%;
  box-shadow: 0px 0px 4px rgba(68, 68, 68, 0.3);
  display: inline; }

.blobs-container {
  display: inline-flex; }

.blob_orders {
  color: #3392FC;
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 0 0 black;
  height: 30px;
  width: 30px;
  transform: scale(1);
  animation: pulse 1s infinite;
  animation-iteration-count: 5;
  transition: opacity 1s linear;
  display: flex;
  justify-content: center;
  align-items: center; }

.blob_order {
  color: #3392FC;
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 0 0 black;
  height: 30px;
  width: 30px;
  transform: scale(1);
  animation: pulse 1s infinite;
  animation-iteration-count: 5;
  transition: opacity 1s linear;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -15px;
  right: -14px; }

.grey_pulse {
  background: #f4f4f4; }

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(51, 146, 252, 0.2); }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); } }

.products-details-holder {
  width: 50%;
  float: left; }
  .products-details-holder .viewables-header {
    margin-bottom: 0px;
    margin-top: 10px; }

.product-viewer {
  position: absolute; }
  .product-viewer.horizontal {
    width: 100%;
    min-width: 1024px;
    height: calc(100% - 315px) !important; }
  .product-viewer.vertical {
    width: calc(100% - 260px);
    height: calc(100% - 60px);
    right: 0px; }
  .product-viewer .viewer {
    width: calc(100vw - 260px);
    height: calc(100vh - 60px);
    position: absolute;
    z-index: 0; }
  .product-viewer .viewerSideMenuOpen {
    width: calc(100vw - 680px);
    height: calc(100vh - 60px);
    position: absolute;
    z-index: 0; }
  .product-viewer .softCopyViewer {
    width: calc(100vw - 680px);
    height: calc(100vh - 138px);
    position: absolute;
    z-index: 0; }
  .product-viewer .viewerBasketOpen {
    width: calc(100vw - 620px);
    height: calc(100vh - 60px);
    position: absolute;
    z-index: 0; }
  .product-viewer .btn.reset {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1;
    border: none;
    padding: 4px;
    -webkit-box-shadow: 0 0 8px 0 rgba(39, 41, 46, 0.45);
    -moz-box-shadow: 0 0 8px 0 rgba(39, 41, 46, 0.45);
    box-shadow: 0 0 8px 0 rgba(39, 41, 46, 0.45); }
  .product-viewer .enableWeldment {
    position: absolute;
    top: 8px;
    left: 72px;
    z-index: 1;
    border: none;
    padding: 4px;
    color: #000; }
  .product-viewer .btn.translateButton {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1;
    border: none;
    padding: 4px;
    -webkit-box-shadow: 0 0 8px 0 rgba(39, 41, 46, 0.45);
    -moz-box-shadow: 0 0 8px 0 rgba(39, 41, 46, 0.45);
    box-shadow: 0 0 8px 0 rgba(39, 41, 46, 0.45); }
  .product-viewer .btn.modelLinkButton {
    position: absolute;
    top: 56px;
    left: 56px;
    z-index: 1;
    border: none;
    padding: 4px;
    -webkit-box-shadow: 0 0 8px 0 rgba(39, 41, 46, 0.45);
    -moz-box-shadow: 0 0 8px 0 rgba(39, 41, 46, 0.45);
    box-shadow: 0 0 8px 0 rgba(39, 41, 46, 0.45); }
  .product-viewer .activePartLink {
    background: #5cb85c; }
  .product-viewer .manufacturer-explode-tool-container {
    z-index: 10;
    position: absolute;
    margin-left: 50px;
    bottom: 157px;
    text-align: center; }
  .product-viewer .customer-explode-tool-container {
    z-index: 10;
    position: absolute;
    left: 45px;
    bottom: 181px;
    text-align: center; }
  .product-viewer .softcopy-explode-tool-container {
    z-index: 10;
    position: absolute;
    left: 186px;
    bottom: 266px;
    text-align: center; }
  .product-viewer .newExplodeRangeInput {
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    background-color: #fff;
    color: #484848;
    padding: 0px 0px 0px 0px;
    border-radius: 5px;
    opacity: 1; }
  .product-viewer .softExplodeRangeInput {
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    background-color: #fff;
    color: #484848;
    padding: 0px 0px 0px 0px;
    border-radius: 5px;
    opacity: 1; }
  .product-viewer .customerExplodeRangeInput {
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    background-color: #fff;
    color: #484848;
    padding: 0px 0px 0px 0px;
    border-radius: 5px;
    opacity: 1; }
  .product-viewer input[type="range"] {
    -webkit-appearance: none;
    width: 70px;
    height: 13px;
    border-radius: 5px; }
  .product-viewer input[type="range"]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    background: #ced0d3;
    outline: none;
    opacity: 0.7;
    margin-left: -10px;
    margin-right: -10px; }
  .product-viewer .newExplodeRangeInput input,
  .product-viewer .newExplodeRangeInput select {
    margin: 7px 9px;
    width: 70px; }
  .product-viewer .softExplodeRangeInput input,
  .product-viewer .softExplodeRangeInput select {
    margin: 12px 10px; }
  .product-viewer .customerExplodeRangeInput input,
  .product-viewer .customerExplodeRangeInput select {
    margin: 8px 10px; }
  .product-viewer select,
  .product-viewer input {
    width: 100%;
    height: 34px;
    padding-left: 7px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box; }
  .product-viewer input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    background-color: #3392FC;
    width: 10px;
    height: 24px; }
  .product-viewer input[type="range"]:focus {
    outline: none; }
  .product-viewer input[type="range"]:focus::-webkit-slider-runnable-track {
    background: #ccc; }
  .product-viewer .fa-chevron-up:before {
    position: relative;
    top: -2px; }
  .product-viewer .fa-chevron-right:before {
    position: relative;
    right: -2px; }
  .product-viewer .viewerMessage {
    position: absolute;
    top: 8px;
    left: 192px;
    z-index: 1;
    border: none;
    padding: 4px;
    color: #000; }
  .product-viewer .return-to-parent {
    position: absolute;
    bottom: 8px;
    left: 16px;
    z-index: 1; }
  .product-viewer .btn:disabled {
    opacity: 0.5; }

.addpart-table th {
  padding: 8px 16px !important; }

.add-part {
  background: #F2F6F9;
  width: 420px;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 12;
  right: 0;
  -webkit-box-shadow: 4px 0 6px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 4px 0 6px rgba(0, 0, 0, 0.16);
  box-shadow: 4px 0 6px rgba(0, 0, 0, 0.16); }
  .add-part .add-part-header {
    font-size: 1em;
    padding: 20px 12px;
    border: none;
    background: #373D45;
    color: #FFFFFF;
    text-align: left;
    height: 60px;
    font-weight: 600;
    width: 100%; }
    .add-part .add-part-header i.pull-right {
      cursor: pointer; }
  .add-part .overflowPadding {
    padding-top: 4px;
    padding-bottom: 4px; }

.add-part-button-group .btn {
  margin: 5px; }

.viewer-header {
  padding: 0 8px; }
  .viewer-header h1 {
    font-size: 1em;
    font-weight: 600;
    margin: 8px 0 0 0;
    line-height: 14px; }
  .viewer-header p {
    line-height: 16px; }
  .viewer-header small {
    color: #373D45;
    margin: 0;
    line-height: 16px; }
  .viewer-header .view-preview {
    float: right;
    margin: 11px 370px 0 0; }

.btn-back {
  float: left;
  margin-top: 12px;
  margin-right: 12px;
  font-size: 1.2em;
  height: 35px;
  width: 35px;
  border: none;
  background: none;
  color: #373D45;
  text-align: left;
  line-height: 35px; }

.side-menu {
  background: #F2F6F9;
  width: 420px;
  height: calc(100%);
  position: absolute;
  overflow-y: auto;
  top: 0;
  z-index: 10;
  right: 0;
  -webkit-box-shadow: 4px 0 6px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 4px 0 6px rgba(0, 0, 0, 0.16);
  box-shadow: 4px 0 6px rgba(0, 0, 0, 0.16); }
  .side-menu .input-icon-wrap {
    border-radius: 0;
    position: relative;
    display: flex;
    align-items: center; }
    .side-menu .input-icon-wrap i.fa-search {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: auto;
      left: 0; }
    .side-menu .input-icon-wrap input[type="search"] {
      width: 70%;
      height: 40px;
      margin-left: 25px; }
    .side-menu .input-icon-wrap button {
      background: none;
      border: none;
      width: 40px;
      height: 40px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      align-items: center;
      justify-content: center; }
    .side-menu .input-icon-wrap .clear-search-btn {
      right: 0; }
    .side-menu .input-icon-wrap .lock-search-btn {
      right: 40px; }
      .side-menu .input-icon-wrap .lock-search-btn i, .side-menu .input-icon-wrap .lock-search-btn span {
        border: 1px solid #D2DAE5;
        border-radius: 5px;
        padding: 6px 8px;
        transition: all 0.2s ease; }
        .side-menu .input-icon-wrap .lock-search-btn i:hover, .side-menu .input-icon-wrap .lock-search-btn span:hover {
          border-color: #3392FC;
          color: #3392FC; }

.soft-side-menu {
  height: 100%;
  border-left: 2px solid #D2DAE5; }

.uib-accordion-group i {
  text-align: center; }

.ivh-treeview-node-content {
  border-top: 1px solid #D2DAE5;
  font-size: 14px;
  float: left;
  width: 100%; }
  .ivh-treeview-node-content .ivh-treeview-checkbox-wrapper {
    border-right: 1px solid #D2DAE5;
    padding: 2px;
    height: 23px; }
  .ivh-treeview-node-content .ivh-other-items {
    border-left: 1px solid #D2DAE5;
    padding: 2px;
    float: right;
    height: 23px;
    width: 22px; }
    .ivh-treeview-node-content .ivh-other-items .faded {
      color: #d6e3ec; }
    .ivh-treeview-node-content .ivh-other-items .ghost-icon:before {
      font-family: FontAwesome;
      content: "\f042"; }
  .ivh-treeview-node-content .fancy-checkbox {
    cursor: pointer; }
    .ivh-treeview-node-content .fancy-checkbox .fa-eye {
      cursor: pointer; }
      .ivh-treeview-node-content .fancy-checkbox .fa-eye:hover {
        cursor: pointer; }
  .ivh-treeview-node-content .labelrow {
    float: left;
    padding-top: 2px;
    padding-left: 5px;
    height: 23px; }
    .ivh-treeview-node-content .labelrow .ivh-treeview-node-label {
      font-size: 12px; }
    .ivh-treeview-node-content .labelrow .ivh-treeview-toggle {
      font-size: 9px; }

.critical-spare-part {
  font-weight: bold;
  color: green; }

.openBasket {
  width: 360px; }

.pnote-header {
  background-color: #f2f2f2; }

.part-note {
  background-color: #ffffc4;
  overflow-y: auto;
  max-height: 12vh; }

.btn-model,
.btn-side-menu {
  font-size: 1em;
  padding: 8px 12px;
  border: none;
  background: #373D45;
  color: #FFFFFF;
  text-align: left;
  height: 56px;
  font-weight: 600;
  width: 100%; }
  .btn-model i.pull-right,
  .btn-side-menu i.pull-right {
    margin-top: 3px; }

.product-thumbnails-carousel-wrap {
  background: #F2F6F9;
  position: absolute;
  -webkit-box-shadow: 4px 0 6px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 4px 0 6px rgba(0, 0, 0, 0.16);
  box-shadow: 4px 0 6px rgba(0, 0, 0, 0.16); }
  .product-thumbnails-carousel-wrap.horizontal {
    width: 100%;
    min-width: 1024px;
    bottom: 0; }
    .product-thumbnails-carousel-wrap.horizontal .product-thumbnails-carousel {
      max-width: 100%;
      height: 210px;
      margin: 0 auto;
      padding: 8px 32px; }
      .product-thumbnails-carousel-wrap.horizontal .product-thumbnails-carousel.slick-dotted {
        padding: 8px 32px 16px;
        height: 240px; }
      .product-thumbnails-carousel-wrap.horizontal .product-thumbnails-carousel .product-thumb-cell {
        margin-right: 8px; }
  .product-thumbnails-carousel-wrap.vertical {
    width: 260px;
    position: absolute;
    left: 0; }
    .product-thumbnails-carousel-wrap.vertical.customer {
      height: calc(100% - 60px); }
    .product-thumbnails-carousel-wrap.vertical.manufacturer {
      height: calc(100% - 60px);
      top: 60px; }
    .product-thumbnails-carousel-wrap.vertical .product-thumbnails-carousel {
      height: calc(100vh - 60px);
      padding: 8px 8px 56px;
      overflow: scroll;
      overflow-x: hidden;
      -ms-overflow-style: none;
      /*&::-webkit-scrollbar {
          display: none;
      }*/ }
      .product-thumbnails-carousel-wrap.vertical .product-thumbnails-carousel .product-thumb-cell {
        width: 100%;
        margin: 8px 0 4px 0; }
  .product-thumbnails-carousel-wrap .product-thumbnails-carousel {
    width: 100%;
    position: relative; }
    .product-thumbnails-carousel-wrap .product-thumbnails-carousel.slick-dotted.slick-slider {
      margin-bottom: 0; }
    .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-snap-step-selected {
      float: left;
      padding-right: 10px;
      background: #FFFFFF;
      position: relative;
      margin: 8px 0 20px 0;
      cursor: pointer;
      font-size: 0.85em;
      font-weight: 600; }
    .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-step, .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-step-selected, .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-step-selected-last {
      float: left;
      padding-right: 10px;
      background: #FFFFFF;
      position: relative;
      margin: 8px 0 20px 0;
      cursor: pointer;
      font-size: 0.85em;
      font-weight: 600; }
      .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-step:after, .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-step-selected:after, .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-step-selected-last:after {
        content: "\f107";
        font-family: FontAwesome;
        font-size: 1.1em;
        color: rgba(55, 61, 69, 0.5);
        position: absolute;
        bottom: -25px;
        left: 12px; }
      .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-step img, .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-step-selected img, .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-step-selected-last img {
        float: left;
        margin-right: 8px; }
    .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-step {
      width: 100%;
      -webkit-box-shadow: 4px 0 6px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 4px 0 6px rgba(0, 0, 0, 0.16);
      box-shadow: 4px 0 6px rgba(0, 0, 0, 0.16); }
      .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-step:hover {
        color: #035fc6;
        -webkit-box-shadow: 1px 0 6px #3392fc;
        -moz-box-shadow: 1px 0 6px #3392fc;
        box-shadow: 1px 0 6px #3392fc; }
      .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-step span {
        text-overflow: ellipsis; }
    .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-step-selected {
      width: calc(100%);
      border-radius: 0px 30px 30px 0px;
      -webkit-box-shadow: 1px 0 6px rgba(51, 146, 252, 0.9);
      -moz-box-shadow: 1px 0 6px rgba(51, 146, 252, 0.9);
      box-shadow: 1px 0 6px rgba(51, 146, 252, 0.9); }
    .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-snap-step-selected {
      width: calc(100%);
      border-radius: 0px 30px 30px 0px;
      -webkit-box-shadow: 1px 0 6px rgba(51, 146, 252, 0.9);
      -moz-box-shadow: 1px 0 6px rgba(51, 146, 252, 0.9);
      box-shadow: 1px 0 6px rgba(51, 146, 252, 0.9); }
    .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-step-selected-last {
      width: calc(100%);
      border-radius: 0px 30px 30px 0px;
      -webkit-box-shadow: 1px 0 6px rgba(51, 146, 252, 0.9);
      -moz-box-shadow: 1px 0 6px rgba(51, 146, 252, 0.9);
      box-shadow: 1px 0 6px rgba(51, 146, 252, 0.9); }
      .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-step-selected-last:after {
        display: none; }
    .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell {
      float: left;
      overflow: hidden;
      -webkit-box-shadow: 4px 0 6px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 4px 0 6px rgba(0, 0, 0, 0.16);
      box-shadow: 4px 0 6px rgba(0, 0, 0, 0.16);
      position: relative; }
      .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell:focus {
        outline: 0; }
      .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell .img-wrap {
        background-position: center center;
        background-repeat: no-repeat;
        overflow: hidden;
        position: relative;
        height: 140px;
        cursor: pointer; }
      .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell .snapshot-work-instruction {
        background-position: center center;
        background-repeat: no-repeat;
        overflow: hidden;
        position: relative;
        height: 56px;
        cursor: pointer; }
      .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell .product-info {
        padding: 10px;
        background: rgba(255, 255, 255, 0.8);
        position: absolute;
        bottom: 0;
        width: 100%; }
        .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell .product-info .inner-shadow {
          width: 20px;
          height: 100%;
          position: absolute;
          top: 0;
          z-index: 1; }
          .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell .product-info .inner-shadow.left {
            right: 78px;
            -webkit-box-shadow: inset 0 10px 10px 2px white;
            -moz-box-shadow: inset 0 10px 10px 2px white;
            box-shadow: inset 0 10px 10px 2px white; }
          .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell .product-info .inner-shadow.right {
            right: 8px;
            -webkit-box-shadow: inset 0 -10px 10px -2px white;
            -moz-box-shadow: inset 0 -10px 10px -2px white;
            box-shadow: inset 0 -10px 10px -2px white; }
        .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell .product-info h4 {
          width: calc(100% - 30px);
          float: left;
          font-weight: 700;
          margin: 0; }
        .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell .product-info div {
          display: flow-root; }
        .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell .product-info .children {
          float: right;
          width: 30px;
          overflow: hidden;
          height: 20px;
          position: relative;
          direction: rtl;
          -ms-overflow-style: none; }
          .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell .product-info .children::-webkit-scrollbar {
            display: none; }
          .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell .product-info .children ul {
            white-space: nowrap;
            height: 20px; }
            .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell .product-info .children ul li {
              width: 20px;
              height: 20px;
              line-height: 20px;
              margin-left: 4px;
              overflow: hidden;
              display: inline-block;
              cursor: -webkit-zoom-in; }
              .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell .product-info .children ul li.view-more {
                text-align: center;
                font-size: 0.9em;
                font-weight: 700; }
                .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell .product-info .children ul li.view-more:hover {
                  cursor: pointer; }
              .product-thumbnails-carousel-wrap .product-thumbnails-carousel .product-thumb-cell .product-info .children ul li img {
                width: 100%;
                min-width: 100%;
                min-height: 100%;
                vertical-align: inherit; }

.take-snapshot-container {
  margin: 0 0 50px 0 !important; }

.viewer-notes-opened {
  z-index: 10;
  position: absolute;
  bottom: 20px;
  left: 280px;
  width: 400px;
  background: #3392FC;
  color: #FFFFFF;
  border-radius: 5px; }
  .viewer-notes-opened .notes-header {
    padding: 5.33333px; }
    .viewer-notes-opened .notes-header h4 {
      margin: 0; }
    .viewer-notes-opened .notes-header i.fa:hover {
      cursor: pointer; }
  .viewer-notes-opened .notes-body {
    padding: 0 5.33333px 5.33333px 5.33333px;
    min-height: 160px;
    white-space: pre-line; }

.viewer-notes-closed {
  z-index: 10;
  position: absolute;
  bottom: 20px;
  left: 280px;
  background: #3392FC;
  width: 200px;
  padding: 5.33333px;
  color: #FFFFFF;
  border-radius: 5px; }
  .viewer-notes-closed h4 {
    margin: 0; }
  .viewer-notes-closed i.fa {
    margin-top: 3px; }
    .viewer-notes-closed i.fa:hover {
      cursor: pointer; }

.hyphenate {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

.add-part-cell {
  padding: 2px; }

.option-set-cell {
  padding: 2px; }

.scrollable {
  height: calc(100% - 120px);
  max-height: calc(100% - 120px);
  width: 100%;
  margin-top: -1px;
  overflow: auto; }

.add-item {
  height: auto;
  width: 100%;
  background-color: #d4e8fe;
  padding: 10px; }
  .add-item small.label {
    font-size: 0.7em;
    font-weight: 600;
    text-transform: uppercase; }
  .add-item h2 {
    margin-bottom: 10px; }
  .add-item h3 {
    margin-bottom: 10px; }
  .add-item p {
    font-size: 14px;
    margin-bottom: 10px; }
  .add-item .quantity-box {
    margin-right: 10px; }
  .add-item .select-box {
    width: 100%;
    height: 38px; }

.quantity-box {
  height: 30px;
  width: 50px; }

.stock-level {
  display: inline-block; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  opacity: 1; }

/*.tree-container {
 border-bottom: 1px solid $divider-color;
}*/
.expand-model-browser-button {
  height: 56px;
  position: absolute;
  top: 0px;
  z-index: 10;
  right: 0; }

.minimize-basket-button {
  height: 60px;
  position: absolute;
  top: 0px;
  z-index: 10;
  right: 0;
  width: 100%; }
  .minimize-basket-button button {
    border: 0px;
    height: 100%; }

.settingsTools {
  visibility: hidden; }

.add-part-scrollable {
  height: calc(100% - 128px);
  overflow: scroll;
  overflow-x: hidden; }

.add-part-button-group {
  padding: 8px 8px;
  background: white;
  border-top: 1px solid #D2DAE5;
  margin-top: -1px; }

.add-another-part {
  padding: 8px 4px;
  float: right; }

.selected-pdf {
  background: #4696d1;
  color: white;
  padding: 8px; }

.unselected-pdf {
  background: white;
  color: black;
  padding: 8px; }

.selected-browser-part {
  background-color: #3392FC;
  color: white; }

.blue {
  color: #3392FC; }

.bold {
  font-weight: bold; }

.grey {
  color: #7a7f8e; }

.fancy-checkbox input[type="checkbox"],
.fancy-checkbox .checked {
  display: none; }

.fancy-checkbox input[type="checkbox"]:checked ~ .checked {
  display: inline-block; }

.fancy-checkbox input[type="checkbox"]:checked ~ .unchecked {
  display: none; }

.viewer-overlay {
  /*width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  background: #000000!important;
  opacity: 0.1;*/
  background-color: rgba(0, 0, 0, 0.6);
  width: 100vw;
  height: 100vh;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  position: absolute;
  overflow: hidden;
  padding: 0 !important; }
  .viewer-overlay p {
    color: #ffffff; }

.btn.snapshot {
  position: fixed;
  z-index: 1;
  left: 0;
  top: 56px;
  border: none;
  border-radius: 0;
  height: auto;
  width: 260px; }

.snapshot-container {
  position: fixed;
  z-index: 1;
  left: 0;
  top: 56px;
  border: none;
  border-radius: 0;
  padding: 2px 1px 2px 0px;
  width: 245px; }

/*.right:after {
  content: '\25BA';
}

.left:after {
  content: '\25C4';
}*/
.right_arrow:after {
  content: "\25BA\2758"; }

.left_arrow:before {
  content: "\2758\25C4"; }

.rotate-tool:before {
  font-family: FontAwesome;
  content: "";
  font-size: 25px; }

.rotate-tool-active:before {
  font-family: FontAwesome;
  content: "";
  color: white;
  font-size: 25px;
  padding: 4px;
  margin: 0px; }

.translate-tool:before {
  font-family: FontAwesome;
  content: "\f047";
  font-size: 25px; }

.translate-tool-active:before {
  font-family: FontAwesome;
  content: "\f047";
  color: white;
  font-size: 25px;
  padding: 4px;
  margin: 0px; }

.rotate-tool:before {
  font-family: FontAwesome;
  content: "\f021";
  font-size: 25px; }

.selection-window:before {
  font-family: FontAwesome;
  content: "\f125";
  font-size: 25px; }

.non-modeled-part-tool:before {
  font-family: FontAwesome;
  content: "\f196";
  font-size: 25px; }

.reverse-view:before {
  font-family: FontAwesome;
  content: "\f0e2";
  font-size: 25px; }

.part-link-tool:before {
  font-family: FontAwesome;
  content: "\f0c6";
  font-size: 25px; }

.explode-tool:before {
  font-family: FontAwesome;
  content: "\f065";
  font-size: 25px; }

.ghosting-tool:before {
  font-family: FontAwesome;
  content: "\f042";
  font-size: 25px; }

.adsk-button-icon {
  padding-top: 0px;
  line-height: 0; }

.adsk-button.active {
  border: 1px solid rgba(51, 146, 252, 0) !important;
  background: #d4e8fe;
  color: #035fc6 !important; }

ul.ivh-treeview {
  list-style-type: none;
  padding-left: 0 !important;
  margin: 0;
  float: left;
  width: 100%; }

ul.ivh-treeview ul.ivh-treeview {
  padding-left: 0 !important; }

ul.ivh-treeview .ivh-treeview-toggle {
  cursor: pointer; }

ul.ivh-treeview .ivh-treeview-node-leaf .ivh-treeview-toggle {
  cursor: auto; }

.adsk-control.adsk-button.inactive.adsk-icon-explode::before {
  font-size: 25px; }

.adsk-viewing-viewer * {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
  margin-bottom: 10px; }

.adsk-control-group {
  margin: 0 0;
  padding: 2px 2px;
  color: #373D45;
  background-color: #F2F6F9;
  -webkit-box-shadow: 4px 0 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 4px 0 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 4px 0 6px 0 rgba(0, 0, 0, 0.16); }

.adsk-button > .toolbar-vertical-group {
  left: -15px; }

.adsk-control.adsk-button:hover {
  color: #3392FC !important; }

.adsk-button-arrow {
  right: 0px !important; }
  .adsk-button-arrow .adsk-button-icon:before {
    content: "";
    float: right;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 0;
    border-color: transparent #95989a transparent transparent; }

.basket-browser {
  background: #F2F6F9;
  display: flex;
  flex-direction: column;
  width: 360px;
  height: 100vh;
  position: absolute;
  padding-top: 60px;
  top: 0;
  z-index: 10;
  right: 0;
  -webkit-box-shadow: 4px 0 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 4px 0 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 4px 0 6px 0 rgba(0, 0, 0, 0.16); }

.side-forms .select-box,
.side-forms input,
.side-forms textarea {
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  line-height: 1.1;
  border: 1px solid #D2DAE5;
  border-radius: 5px;
  background: #F2F6F9;
  color: #373D45;
  height: 38px; }

.width2DViewer {
  width: 400px; }

.viewer-basket-only {
  width: 100%;
  display: flex;
  height: 20vh;
  flex: 3;
  flex-direction: column; }
  .viewer-basket-only .basket-box {
    max-height: calc(100% - 63px);
    overflow: auto; }
  .viewer-basket-only h2 {
    padding: 15px 10px 0px 10px; }

.viewer-basket-plus {
  width: 100%;
  display: flex;
  min-height: 20vh;
  flex: 3;
  flex-direction: column; }
  .viewer-basket-plus .basket-box {
    max-height: 100%;
    overflow: auto; }
  .viewer-basket-plus h2 {
    padding: 1rem 1rem 0rem 1rem; }

.place-order-btn {
  margin: 0px 10px; }

.place-order-btn-margins {
  margin-top: 8vh; }

.empty-header {
  margin: 15px; }

.overwrite-button {
  padding-top: 9px;
  width: 35px;
  overflow: hidden;
  height: 35px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  transform-origin: center center; }
  .overwrite-button:hover {
    color: #3392FC;
    transform: scale(1.2);
    font-size: 1.1em; }

.edit-snap-button {
  padding-top: 9px;
  width: 35px;
  overflow: hidden;
  height: 35px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  transform-origin: center center; }
  .edit-snap-button:hover {
    color: #3392FC;
    transform: scale(1.2);
    font-size: 1.1em; }

.delete-snap-button {
  padding-top: 9px;
  width: 35px;
  overflow: hidden;
  height: 35px;
  position: absolute;
  top: 0;
  right: 18px;
  text-align: center;
  transform-origin: center center; }
  .delete-snap-button:hover {
    color: #3392FC;
    transform: scale(1.2);
    font-size: 1.1em; }

.viewer-header {
  padding: 0;
  overflow: hidden; }
  .viewer-header .back-to-products .viewer-back-arrow {
    float: left;
    width: 60px;
    height: 60px;
    padding-top: 19px;
    text-align: center;
    font-size: 18px; }
  .viewer-header .back-to-products h3 {
    margin-bottom: 0px;
    padding-top: 9px;
    display: inline-block;
    line-height: 1.2;
    /*max-width: calc(100% - 700px);*/ }
    .viewer-header .back-to-products h3 small {
      font-weight: 400; }
  .viewer-header .back-to-products:hover small {
    text-decoration: underline;
    color: #0477f8; }
  .viewer-header .back-to-products:hover .viewer-back-arrow {
    color: #3392FC; }

body .previewButton {
  position: absolute;
  top: 14px;
  right: 180px;
  text-transform: none;
  z-index: 1;
  border: none; }

body .previewButtonSideMenuOpen {
  position: absolute;
  top: 14px;
  right: 460px;
  text-transform: none;
  z-index: 1;
  border: none; }

body .adsk-toolbar {
  left: 0px;
  bottom: 8vh !important;
  transform: none !important;
  position: fixed !important; }

.spinner {
  display: none !important; }

.side-menu-accordion .panel-group,
.side-menu-accordion-2-panel .panel-group {
  height: calc(100% - 56px);
  overflow-y: auto; }
  .side-menu-accordion .panel-group .panel-open,
  .side-menu-accordion-2-panel .panel-group .panel-open {
    height: calc(100% - (38px * 6)); }
  .side-menu-accordion .panel-group .panel,
  .side-menu-accordion-2-panel .panel-group .panel {
    -webkit-box-shadow: 0;
    box-shadow: 0;
    border-radius: 0;
    padding: 0; }
    .side-menu-accordion .panel-group .panel .panel-heading,
    .side-menu-accordion-2-panel .panel-group .panel .panel-heading {
      border-bottom: 1px solid white;
      background-color: #D2DAE5; }
      .side-menu-accordion .panel-group .panel .panel-heading:last-of-type,
      .side-menu-accordion-2-panel .panel-group .panel .panel-heading:last-of-type {
        border: none; }
      .side-menu-accordion .panel-group .panel .panel-heading h4,
      .side-menu-accordion-2-panel .panel-group .panel .panel-heading h4 {
        padding: 6.3px 10px;
        margin: 0;
        font-weight: 400; }
        .side-menu-accordion .panel-group .panel .panel-heading h4 a,
        .side-menu-accordion-2-panel .panel-group .panel .panel-heading h4 a {
          color: black; }

.soft-copy-side-menu-accordion-panel .panel-group {
  height: 100%;
  overflow-y: auto; }
  .soft-copy-side-menu-accordion-panel .panel-group .panel-open {
    height: calc(100% - 38px); }
  .soft-copy-side-menu-accordion-panel .panel-group .sidebar-content {
    height: calc(100vh - 114px);
    overflow-y: auto;
    overflow-x: hidden;
    float: left;
    width: 100%; }
  .soft-copy-side-menu-accordion-panel .panel-group .panel {
    -webkit-box-shadow: 0;
    box-shadow: 0;
    border-radius: 0;
    padding: 0; }
    .soft-copy-side-menu-accordion-panel .panel-group .panel .panel-heading {
      border-bottom: 1px solid white;
      background-color: #D2DAE5; }
      .soft-copy-side-menu-accordion-panel .panel-group .panel .panel-heading:last-of-type {
        border: none; }
      .soft-copy-side-menu-accordion-panel .panel-group .panel .panel-heading h4 {
        padding: 7px 10px;
        margin: 0;
        font-weight: 400; }
        .soft-copy-side-menu-accordion-panel .panel-group .panel .panel-heading h4 a {
          color: black; }

.parts-accordion .panel-group {
  height: calc(100% - 56px);
  overflow-y: auto;
  border-radius: 5px; }
  .parts-accordion .panel-group .panel-open {
    height: calc(100% - (38px * 6)); }
  .parts-accordion .panel-group .panel {
    padding: 0; }
    .parts-accordion .panel-group .panel .panel-heading {
      border-bottom: 1px solid white;
      background-color: #D2DAE5; }
      .parts-accordion .panel-group .panel .panel-heading:last-of-type {
        border: none; }
      .parts-accordion .panel-group .panel .panel-heading h4 {
        padding: 7px 10px;
        margin: 0;
        font-weight: 400; }
        .parts-accordion .panel-group .panel .panel-heading h4 a {
          color: black; }

.viewer-colour-box {
  border-radius: 5px; }

div.manufacturer-details .badge-pill {
  margin: 4px 0 16px 0; }

div.manufacturer-details p:first-child {
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 2px !important; }

div.manufacturer-details p {
  margin-bottom: 14px; }

div.manufacturer-details input {
  width: 100%;
  margin: 2px 0 4px 0; }

div.manufacturer-details .select-box,
div.manufacturer-details .advancedFilters {
  width: 100%;
  display: flex;
  align-items: center; }

div.manufacturer-details .form .select-box {
  display: flex;
  align-items: center; }

.company-logo {
  display: block;
  margin-bottom: 8px; }

.uib-accordion {
  padding: 16px 20px;
  margin-bottom: 10px; }
  .uib-accordion:focus {
    outline: 0 !important; }

.panel-title a:focus {
  outline: none;
  outline-offset: -2px; }

.kit-panel {
  padding: 16px;
  margin-bottom: 8px; }
  .kit-panel .panel-title {
    margin: 0; }
  .kit-panel h2 {
    font-size: initial; }

.kit-panel .fa-angle-up, .kit-panel .fa-angle-down {
  font-size: 24px;
  font-weight: bold; }

.panel-group .kit-panel .card-body p {
  font-size: initial; }

.arrow-spacing {
  margin: 8px 0 0 32px; }

.kit-contents {
  height: auto; }

.kit-contents > div {
  margin-bottom: 10px; }

.kit-contents > div:last-child {
  margin-bottom: 0; }

.seperator {
  margin: 0 8px; }

.create-kit {
  padding-bottom: 7px;
  margin-bottom: 7px;
  background: white; }

.btn-actions {
  padding: 16px 0 0 0;
  text-align: right; }
  .btn-actions .btn {
    margin-left: 1rem; }

.sidebar-content {
  height: calc(100vh - 220px - 103px);
  overflow-y: auto;
  overflow-x: hidden;
  float: left;
  width: 100%;
  padding: 1rem; }
  .sidebar-content .product-table,
  .sidebar-content table {
    width: calc(100% + 30px);
    margin-left: -1rem; }
  .sidebar-content h4 {
    margin-top: 16px; }

.tree-container,
.sidebar-content-search-field {
  height: calc(100vh - 220px - 99px - 45px);
  padding: 0; }

.purchasable-assembly-button {
  padding: 8px; }

.purchasable-assembly-actions {
  padding: 16px 0 0 0;
  text-align: right; }
  .purchasable-assembly-actions .btn {
    margin-left: 5px; }

.selected-part-text-with-btn {
  width: 60%;
  float: left; }
  .selected-part-text-with-btn h4 {
    margin: 0;
    color: #3392FC; }

.panel-body {
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%; }

.selected-part-text h4 {
  margin: 0;
  color: #3392FC; }

.selected-part-error {
  width: 100%;
  float: left; }
  .selected-part-error h4 {
    margin: 0;
    color: #3392FC; }

.error-text {
  color: #a94442; }

.selected-part-button {
  width: 40%;
  float: right; }

.side-menu-table {
  width: 100%;
  font-family: "Open Sans", sans-serif; }
  .side-menu-table td,
  .side-menu-table th {
    padding: 8px;
    font-size: 1em;
    line-height: 1.5; }
    .side-menu-table td:first-of-type,
    .side-menu-table th:first-of-type {
      padding-left: 16px;
      border-top: 1px solid #D2DAE5; }
    .side-menu-table td:last-of-type,
    .side-menu-table th:last-of-type {
      padding-right: 24px;
      text-align: right;
      border-top: 1px solid #D2DAE5; }
  .side-menu-table tbody tr:hover .btn.secondary {
    color: #FFFFFF;
    background: #3392FC;
    border-color: #1a85fc; }
    .side-menu-table tbody tr:hover .btn.secondary:hover {
      background: #0477f8; }
  .side-menu-table td {
    border-bottom: 1px solid #D2DAE5;
    position: relative; }
    .side-menu-table td h3 {
      margin-bottom: 0; }
    .side-menu-table td h4 {
      margin-bottom: 0;
      font-weight: 400; }

.accordion-column {
  display: block;
  width: calc(100% - 10px);
  margin-top: 20px !important;
  float: left; }

.accordion-column:first-of-type {
  margin-top: 5px !important; }

.side-menu-table-name {
  max-width: 210px; }

.watermark-parent {
  margin-left: 5px;
  overflow: hidden;
  z-index: 9;
  position: absolute;
  pointer-events: none;
  max-height: calc(100vh - 60px) !important; }

.watermark {
  float: left;
  padding: 2px;
  width: 14.2%;
  opacity: 0.1; }
  .watermark p {
    margin: 0;
    color: #FFFFFF;
    max-width: 125px;
    word-wrap: break-word;
    white-space: normal; }
  .watermark img {
    height: auto;
    width: 100%;
    margin: 0 auto;
    -webkit-filter: grayscale(100%);
    /*Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    margin-bottom: 2px; }
  .watermark div {
    word-break: break-word;
    font-size: 14px; }

/* Medium Devices, Desktops */
@media only screen and (max-width: 1600px) {
  .watermark p {
    font-size: 12px; } }

.powered-label {
  width: auto;
  height: 28px;
  margin: 10px;
  bottom: 10px;
  left: 10px;
  position: fixed;
  background-color: rgba(255, 255, 255, 0.9);
  color: black;
  border-radius: 10px;
  padding: 0 12px;
  font-size: 0.9em; }
  .powered-label p,
  .powered-label img {
    display: inline-block !important;
    float: left; }
  .powered-label p {
    vertical-align: middle;
    margin: 0;
    line-height: 28px;
    font-weight: bold; }
  .powered-label img {
    height: 14px;
    margin-left: 4px;
    margin-top: 5px; }

.viewerFooterContainer {
  position: fixed;
  bottom: 0;
  width: auto;
  background-color: white; }

.pdfViewerFooterContainerMax {
  position: fixed;
  bottom: 0;
  left: 260px;
  width: calc(100% - 260px);
  background-color: white; }

.pdfViewerFooterContainerMin {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: white;
  z-index: 10;
  -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06); }

.manualPartHolder {
  padding: 8px;
  float: left; }

.manualBtn {
  vertical-align: middle; }

.on-behalf-of-shrink {
  height: calc(100vh - 5vh - 56px) !important; }

.leaders-tool:before {
  font-family: FontAwesome;
  content: "\f176 ";
  font-size: 25px; }

.leaders-tool-active:before {
  font-family: FontAwesome;
  content: "\f176 ";
  color: blue;
  font-size: 25px;
  padding: 4px;
  margin: 0px; }

.leaders-type-a:before {
  font-family: FontAwesome;
  content: "\f031";
  font-size: 25px; }

.leaders-type-b:before {
  font-family: FontAwesome;
  content: "\f0cb";
  font-size: 25px; }

.softCopyTable {
  z-index: 11;
  position: fixed;
  bottom: 0;
  background-color: white;
  width: calc(100% - 680px); }
  .softCopyTable a {
    color: #373D45; }
    .softCopyTable a:hover {
      color: #202429; }
  .softCopyTable h3 {
    padding: 8px 16px;
    margin: 0;
    border-bottom: 1px solid #ffffff;
    background-color: #d2dae5; }

.softcopy-table {
  max-height: 210px;
  min-height: 52px;
  width: calc(100vw - 678px);
  overflow-y: auto; }

table.softcopy-table {
  max-height: 210px;
  min-height: 36px;
  width: calc(100vw - 678px);
  overflow-y: auto;
  height: auto;
  display: inline-block;
  overflow-y: scroll;
  max-height: 210px;
  position: relative;
  display: table-caption; }
  table.softcopy-table td,
  table.softcopy-table th {
    padding: 8px 0px 8px 16px;
    border-bottom: 1px solid #d2dae5; }
    table.softcopy-table td:last-child,
    table.softcopy-table th:last-child {
      padding: 8px 16px; }

.side-menu-accordion-2-panel .panel-group .panel-open {
  height: calc(100% - 38px); }

.side-menu-accordion-2-panel .sidebar-content {
  height: calc(100vh - 132px); }

.side-menu-accordion-2-panel .tree-container,
.side-menu-accordion-2-panel .sidebar-content-search-field {
  height: calc(100vh - 174px);
  padding: 0; }

.sidebar-actions {
  padding: 0 15px; }

.work-instruction-snapshot {
  display: inline-block;
  width: 100%;
  margin: 8px 0 4px 0;
  background: white;
  padding: 5%; }

.sharingViewerButton {
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center; }

.sharingViewerButtonJoin {
  background-image: url(images/slideshare.png); }

.sharingViewerButtonExit {
  background-image: url(images/sign-out.png); }

.snapshot-active {
  -webkit-box-shadow: 0 2px 6px rgba(255, 255, 255, 0.2);
  box-shadow: 0 2px 6px rgba(255, 255, 255, 0.2);
  border: #3392fc 3px solid; }

.btn-play {
  background: white;
  border: solid 3px #5a5a5a; }

.snapshot-overflow {
  overflow-y: scroll; }

.clickable {
  cursor: pointer; }

.no-access-error-message {
  position: fixed;
  /* Full-screen absolute positioning */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  /* This will center the text vertically */
  justify-content: center;
  /* This will center the text horizontally */
  background-color: rgba(0, 0, 0, 0.9);
  /* Semi-transparent black background */
  color: #fff;
  /* White text */
  z-index: 1000;
  /* Ensure the message appears above other content */
  overflow: hidden; }

.error-message-text {
  padding: 20px;
  background-color: #fff;
  color: #000;
  border-radius: 5px;
  text-align: center;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  /* Shadow for 3D effect */ }

.disabled-button {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed; }

#sortable-snapshots-container .snapshot-sortable-item {
  cursor: move;
  position: relative; }
  #sortable-snapshots-container .snapshot-sortable-item.snapshot-sortable-nest-target {
    border: 4px solid #0096FF !important;
    background-color: rgba(0, 150, 255, 0.15) !important;
    box-shadow: 0 0 12px rgba(0, 150, 255, 0.6) !important; }
  #sortable-snapshots-container .snapshot-sortable-item.ui-sortable-helper {
    opacity: 0.8;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    z-index: 100;
    transform: scale(0.5);
    transform-origin: center center;
    pointer-events: none; }

#sortable-snapshots-container .snapshot-sortable-placeholder {
  background: #e3f0ff !important;
  border: 2px dashed #3392FC !important;
  visibility: visible !important;
  opacity: 0.5 !important;
  margin: 8px 0 4px 0 !important;
  float: left !important;
  width: 100% !important;
  box-shadow: none !important; }
  #sortable-snapshots-container .snapshot-sortable-placeholder .img-wrap {
    display: none !important; }
  #sortable-snapshots-container .snapshot-sortable-placeholder .product-info {
    display: none !important; }

.vertical-align.snapshot-sortable-step-target {
  border: 4px solid #0096FF !important;
  background-color: rgba(0, 150, 255, 0.15) !important;
  box-shadow: 0 0 12px rgba(0, 150, 255, 0.6) !important; }

#sortable-snapshots-container .snapshot-sortable-item .product-info {
  padding: 6px 4px;
  background: rgba(255, 255, 255, 0.92);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px; }
  #sortable-snapshots-container .snapshot-sortable-item .product-info h4 {
    margin: 0 !important;
    padding: 0;
    font-size: 12px;
    line-height: 1.3;
    flex: 1;
    min-width: 0; }
  #sortable-snapshots-container .snapshot-sortable-item .product-info div.full-width {
    display: flex;
    gap: 4px;
    padding: 0;
    margin: 0;
    flex-shrink: 0; }
    #sortable-snapshots-container .snapshot-sortable-item .product-info div.full-width i.fa-pencil,
    #sortable-snapshots-container .snapshot-sortable-item .product-info div.full-width i.fa-trash {
      cursor: pointer;
      font-size: 13px;
      width: 26px;
      height: 26px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px;
      transition: all 0.2s ease;
      color: #FFFFFF;
      background-color: rgba(0, 0, 0, 0.75);
      -webkit-backdrop-filter: blur(4px);
      backdrop-filter: blur(4px); }
      #sortable-snapshots-container .snapshot-sortable-item .product-info div.full-width i.fa-pencil:hover,
      #sortable-snapshots-container .snapshot-sortable-item .product-info div.full-width i.fa-trash:hover {
        transform: scale(1.15); }
    #sortable-snapshots-container .snapshot-sortable-item .product-info div.full-width i.fa-pencil:hover {
      background-color: #3392FC;
      box-shadow: 0 2px 6px rgba(51, 146, 252, 0.5); }
    #sortable-snapshots-container .snapshot-sortable-item .product-info div.full-width i.fa-trash:hover {
      background-color: #a94442;
      box-shadow: 0 2px 6px rgba(169, 68, 66, 0.5); }

.focused_outline input[type=text], .focused_outline textarea {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none; }

.focused_outline input[type=text]:focus, .focused_outline textarea:focus {
  border: 2px solid #1a85fc; }

.product-grid li .img-wrap .view-all, .model-grid li .img-wrap .view-all, .auth .auth-panel, .modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.modal {
  z-index: 12;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 8px 0 rgba(39, 41, 46, 0.45);
  -moz-box-shadow: 0 0 8px 0 rgba(39, 41, 46, 0.45);
  box-shadow: 0 0 8px 0 rgba(39, 41, 46, 0.45);
  width: auto;
  min-width: 450px;
  max-width: calc(100vw - 40px);
  max-height: 90vh;
  height: auto;
  overflow-y: auto;
  display: inline-block; }
  @supports (width: max-content) {
    .modal {
      width: max-content;
      max-width: calc(100vw - 40px); } }
  @media (min-width: 1000px) {
    .modal {
      width: calc(100vw - 20px);
      max-width: 1200px; } }
  @media (min-width: 800px) and (max-width: 999px) {
    .modal {
      width: calc(100vw - 20px);
      max-width: 800px; } }
  @media (max-width: 799px) and (min-width: 601px) {
    .modal {
      width: calc(100vw - 60px);
      max-width: 600px; } }
  @media (max-width: 600px) {
    .modal {
      min-width: unset !important;
      width: calc(100vw - 20px);
      max-width: calc(100vw - 20px); } }
  .modal .error-alert {
    color: #a94442;
    margin: 0;
    background: #f2dfde;
    padding: 8px;
    border: 1px solid #a94442;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    margin-bottom: 16px; }
  .modal .input-group > .custom-select:not(:first-child),
  .modal .input-group > .form-control:not(:first-child) {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; }
  .modal .select-box {
    background: #F2F6F9;
    line-height: normal;
    display: block;
    padding: 4px 8px; }
    .modal .select-box select {
      height: 30px; }
  .modal .modal-header {
    background: #F2F6F9;
    padding: 16px 24px;
    border-radius: 10px 10px 0 0; }
  .modal .modal-body {
    padding: 16px 24px;
    max-height: 60vh;
    overflow-x: hidden; }
    .modal .modal-body .modal-title,
    .modal .modal-body h2,
    .modal .modal-body h3 {
      margin-bottom: 8px;
      font-size: 18px; }
  .modal .modal-content {
    overflow-y: auto;
    border: none; }
  .modal .modal-actions {
    padding: 8px 0 0 0;
    text-align: right; }
    .modal .modal-actions .btn {
      margin-left: 5px; }
  .modal .width-100 {
    margin-bottom: 8px !important; }
  .modal .modal-title,
  .modal h2,
  .modal h3 {
    margin-bottom: 0;
    font-size: 18px; }
  .modal input[type="text"],
  .modal input[type="email"],
  .modal .select-box {
    width: 100%;
    margin: 0; }
  .modal .close {
    position: absolute;
    top: 20px;
    right: 24px;
    background: transparent;
    border: 0;
    color: #4e5661;
    font-size: 1.2em;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    .modal .close:hover {
      color: #373D45; }
  .modal .errortext {
    color: #a94442;
    margin: 0; }

body.modal-open {
  overflow: hidden; }

.overlay-cover {
  width: 100%;
  height: 100%;
  background: rgba(39, 41, 46, 0.8);
  z-index: 11;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0; }

.stackModal-overlay-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(39, 41, 46, 0.8);
  z-index: 999; }

.modal-backdrop {
  background: rgba(39, 41, 46, 0.8); }

.stackModal {
  z-index: 1000 !important; }

.comment {
  display: block;
  width: 100%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  transition: all 0.15s ease;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 10px;
  margin: 0 0 20px 0; }
  .comment .comment-message {
    text-align: left;
    margin-bottom: 5px;
    font-family: "Open Sans", sans-serif;
    word-break: break-word; }
  .comment .comment-name {
    text-align: left;
    margin-bottom: 5px; }
    .comment .comment-name small {
      font-weight: 600; }

.upload-box {
  position: relative;
  width: 100%;
  height: 140px;
  border-radius: 4px;
  border: 2px dashed #D2DAE5;
  margin-bottom: 8px;
  align-items: center;
  display: flex;
  color: #b2bfd2 !important; }
  .upload-box:hover {
    border: 2px dashed #718aad;
    color: #567195 !important; }
  .upload-box h4 {
    margin: 0 !important; }
  .upload-box div {
    text-align: center;
    margin: 0 auto;
    display: block; }
    .upload-box div i {
      font-size: 40px;
      margin-bottom: 16px; }
  .upload-box input.fileupload {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer; }

.uploaded-file {
  margin: 8px 0 16px 0; }

.file-uploader-selected {
  color: #28a745; }

.file-text-success {
  color: #28a745 !important; }

.error-message {
  color: red; }

.modal-dialog {
  margin: 0;
  max-width: 100% !important;
  transform: none !important; }

.overlay-modal {
  z-index: 12; }

.body-content {
  min-width: 100%; }

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

.flex-column {
  flex-direction: column;
  display: flex; }

.flex-body {
  display: flex; }

.flex-body div:not([class*="flex"]) {
  border: 1px solid white;
  flex: 1 1 200px;
  width: 300px; }

.dashboard {
  width: 100%;
  clear: both; }
  .dashboard .panel {
    display: flex;
    margin-bottom: 8px;
    padding: 18px;
    flex-wrap: wrap;
    /*  &:first-child {
        margin-left: 0;
      }*/ }
    .dashboard .panel p {
      padding: 0 24px; }
    .dashboard .panel .heading {
      border-bottom: 1px solid #D2DAE5;
      margin-bottom: 16px;
      padding: 0 24px; }
      .dashboard .panel .heading i {
        color: #3392FC; }
    .dashboard .panel .no-margin {
      margin-bottom: 0; }
    .dashboard .panel .body .decreased {
      color: #a94442; }
    .dashboard .panel .body .increased {
      color: #29911B; }
    .dashboard .panel .body .maintained {
      color: #373D45; }
    .dashboard .panel .body table {
      width: 100%; }
    .dashboard .panel .body tr {
      border-bottom: 1px solid #D2DAE5; }
      .dashboard .panel .body tr:first-child {
        margin-top: -4px; }
    .dashboard .panel .body td {
      padding: 6px 0;
      font-size: 0.9em; }
      .dashboard .panel .body td:first-child {
        padding-left: 16px;
        width: 40px; }
    .dashboard .panel .total-amount {
      font-size: 26px !important;
      font-weight: bold;
      margin-bottom: 4px; }
  .dashboard .small {
    width: calc(25% - 12px); }
  .dashboard .third {
    width: calc(33% - 8px);
    margin-left: 8px;
    background-color: #F2F6F9;
    border: 1px solid #D2DAE5;
    text-align: center; }
  .dashboard .quarter {
    background-color: #F2F6F9;
    border: 1px solid #D2DAE5;
    text-align: center; }
  .dashboard .quarter_column {
    width: calc(100% - 100px); }
  .dashboard .half {
    background-color: #F2F6F9;
    border: 1px solid #D2DAE5;
    text-align: center; }
  .dashboard .threequarter {
    background-color: #F2F6F9;
    border: 1px solid #D2DAE5;
    text-align: center; }
  .dashboard .full {
    background-color: #F2F6F9;
    border: 1px solid #D2DAE5; }
  .dashboard .two-third {
    background-color: #F2F6F9;
    border: 1px solid #D2DAE5;
    float: right; }
  .dashboard .pieChart {
    position: relative;
    height: 100%; }
  .dashboard #mostOrderedPartsChart {
    width: 100%; }
  .dashboard .medium {
    width: calc(50% - 8px); }
  .dashboard .large {
    width: calc(75% - 6px); }
  .dashboard .x-large {
    width: 100%; }

.dashboard-full-width-holder {
  vertical-align: top;
  height: auto;
  width: 100%;
  margin-left: 8px; }

.dashboard-large-holder {
  vertical-align: top;
  width: 100%;
  margin-left: 8px; }

.dashboard-small-holder {
  vertical-align: top;
  width: 25%; }

.table-holder {
  width: calc(100% - 18px);
  background-color: #F2F6F9;
  border: 1px solid #D2DAE5; }

.dropdown-holder {
  vertical-align: top;
  width: calc(50% - 24px);
  margin: 0px 8px 8px 8px;
  display: inline-block; }

.time-dropdown-holder {
  width: calc(100% - 16px);
  margin: 0px 8px 8px 8px; }

#myChart {
  padding: 0 24px;
  display: block;
  margin: 0 auto;
  height: auto;
  width: 100%; }

#container1 {
  width: auto;
  height: 236px;
  position: relative; }

#orders-by-product {
  padding: 16px 40px 24px 24px; }

.status {
  font-size: 0.9em;
  margin-bottom: 12px; }

.order-value-chart {
  width: 75%; }

.bar-chart {
  width: calc(100% - 16px); }

.mostOrderedPartNoData {
  height: 300px;
  text-align: center; }

.dashboard-select {
  height: 40px; }

.body-content {
  min-width: 100%; }

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

.flex-column {
  flex-direction: column;
  display: flex; }

.flex-body {
  display: flex; }

.flex-body div:not([class*="flex"]) {
  border: 1px solid white;
  flex: 1 1 200px;
  width: 300px; }

.dashboard {
  width: 100%;
  clear: both; }
  .dashboard .panel {
    display: flex;
    margin-bottom: 8px;
    padding: 18px;
    flex-wrap: wrap;
    /*  &:first-child {
    margin-left: 0;
  }*/ }
    .dashboard .panel p {
      padding: 0 24px; }
    .dashboard .panel .heading {
      border-bottom: 1px solid #D2DAE5;
      margin-bottom: 16px;
      padding: 0 24px; }
      .dashboard .panel .heading i {
        color: #3392FC; }
    .dashboard .panel .no-margin {
      margin-bottom: 0; }
    .dashboard .panel .body .decreased {
      color: #a94442; }
    .dashboard .panel .body .increased {
      color: #29911B; }
    .dashboard .panel .body .maintained {
      color: #373D45; }
    .dashboard .panel .body table {
      width: 100%; }
    .dashboard .panel .body tr {
      border-bottom: 1px solid #D2DAE5; }
      .dashboard .panel .body tr:first-child {
        margin-top: -4px; }
    .dashboard .panel .body td {
      padding: 6px 0;
      font-size: 0.9em; }
      .dashboard .panel .body td:first-child {
        padding-left: 16px;
        width: 40px; }
    .dashboard .panel .total-amount {
      font-size: 26px !important;
      font-weight: bold;
      margin-bottom: 4px; }
  .dashboard .small {
    width: calc(25% - 12px); }
  .dashboard .third {
    width: calc(33% - 8px);
    margin-left: 8px;
    background-color: #F2F6F9;
    border: 1px solid #D2DAE5;
    text-align: center; }
  .dashboard .quarter {
    background-color: #F2F6F9;
    border: 1px solid #D2DAE5;
    text-align: center; }
  .dashboard .quarter_column {
    width: calc(100% - 100px); }
  .dashboard .half {
    background-color: #F2F6F9;
    border: 1px solid #D2DAE5;
    text-align: center; }
  .dashboard .threequarter {
    background-color: #F2F6F9;
    border: 1px solid #D2DAE5;
    text-align: center; }
  .dashboard .full {
    background-color: #F2F6F9;
    border: 1px solid #D2DAE5; }
  .dashboard .two-third {
    background-color: #F2F6F9;
    border: 1px solid #D2DAE5;
    float: right; }
  .dashboard .pieChart {
    position: relative;
    height: 430px; }
  .dashboard .medium {
    width: calc(50% - 8px); }
  .dashboard .large {
    width: calc(75% - 6px); }
  .dashboard .x-large {
    width: 100%; }

.dashboard-full-width-holder {
  vertical-align: top;
  height: auto;
  width: 100%; }

.dashboard-small-holder {
  vertical-align: top;
  width: 25%; }

.table-holder {
  width: calc(100% - 18px);
  background-color: #F2F6F9;
  border: 1px solid #D2DAE5; }

.dropdown-holder {
  vertical-align: top;
  width: calc(50% - 24px);
  margin: 0px 8px 8px 8px;
  display: inline-block; }

.time-dropdown-holder {
  width: calc(100% - 16px);
  margin: 0px 8px 8px 8px; }

#myChart {
  padding: 0 24px;
  display: block;
  margin: 0 auto;
  height: auto;
  width: 100%; }

#container1 {
  width: auto;
  height: 236px;
  position: relative; }

#orders-by-product {
  padding: 16px 40px 24px 24px; }

.status {
  font-size: 0.9em;
  margin-bottom: 12px; }

.order-value-chart {
  width: 75%; }

.bar-chart {
  width: calc(100% - 16px); }

.mostOrderedPartNoData {
  height: 300px;
  text-align: center; }

.dashboard-select {
  height: 40px; }

.admin_container {
  border-radius: 10px; }

.admin {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed; }

.admin caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em; }

.admin_heading {
  background: #F2F6F9; }

.admin_buttons {
  background: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.admin_body tr {
  border: 1px solid #ddd;
  padding: 0.35em;
  background: white; }

.admin th,
.admin td {
  padding: 1em;
  word-break: break-word; }

.admin th {
  font-size: 0.85em;
  letter-spacing: 0.1em;
  text-transform: uppercase; }

.admin_pageNumber {
  background: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }

@media screen and (max-width: 800px) {
  .admin {
    border: 0; }
  .admin caption {
    font-size: 1.3em; }
  .admin thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .admin tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em; }
  .admin td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 1em; }
  .admin td::before {
    /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 10px; }
  .admin td:last-child {
    border-bottom: 0; }
  .products-filter {
    margin-left: auto; }
  .admin_buttons .searchgroup {
    width: 100%; }
  .admin_buttons .search-panel {
    display: inline-block;
    width: 100%; }
  .admin_buttons .btn {
    width: 100%; } }

.publications_container {
  border-radius: 10px; }

.publications {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed; }

.publications caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em; }

.publications_heading {
  background: #F2F6F9; }

.publications_buttons {
  background: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.publications_body tr {
  border: 1px solid #ddd;
  padding: 0.35em;
  background: white; }

.publications th,
.publications td {
  padding: 1em;
  word-break: break-word; }

.publications .dropdown-toggle {
  cursor: pointer; }

.publications th {
  font-size: 0.85em;
  letter-spacing: 0.1em;
  text-transform: uppercase; }

.search-panel {
  display: inline-block;
  width: auto; }

.searchgroup {
  width: 340px;
  display: inline-block; }

.publications_pageNumber {
  background: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }

/* SCSS for Publications Viewable Text Filter Dropdown */
#textFilterDropdown {
  padding: 20px;
  margin-top: -6px;
  border: 0;
  border-radius: 0;
  background: #f1f1f1; }

.dropdownTextSearchBtnInnerTxt {
  opacity: 0.75; }

.dropdownTextSearchBtn {
  width: 180px;
  padding: 0;
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  height: 38px; }

.dropdownTextViewable .dropdown-menu {
  position: relative; }

.dropdownTextViewable .search-container {
  background-color: #f1f1f1; }

.dropdownTextViewable .items-container {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden; }

.dropdownTextViewable .dropdown-menu::after {
  display: none; }

.dropdownTextViewable .dropdown-menu {
  max-width: 100%;
  width: auto; }

.dropdownTextViewable .input-icon-wrap::after {
  display: none; }

/* END */
/* Animation for newly added categories */
@keyframes blueFlash {
  0% {
    background-color: #007bff; }
  100% {
    background-color: transparent; } }

.category-item-new {
  animation: blueFlash 1s ease-out; }

.category-item {
  transition: background-color 0.3s ease; }

@media screen and (max-width: 800px) {
  .publications {
    border: 0; }
  .publications caption {
    font-size: 1.3em; }
  .publications thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .publications tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em; }
  .publications td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 1em; }
  .publications td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 10px; }
  .publications td:last-child {
    border-bottom: 0; }
  .products-filter {
    margin-left: auto; }
  .order-details-holder {
    width: 100%;
    float: left; } }

.products_container {
  border-radius: 10px; }

.products {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed; }

.products caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em; }

.products_heading {
  background: #f2f6f9; }

.products_buttons {
  background: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.products_body tr {
  border: 1px solid #ddd;
  padding: 0.35em;
  background: white; }

.products th,
.products td {
  padding: 1em;
  word-break: break-word; }

.products th {
  font-size: 0.85em;
  letter-spacing: 0.1em;
  text-transform: uppercase; }

.search-panel {
  display: inline-block;
  width: auto; }

.searchgroup {
  width: 340px;
  display: inline-block; }

.products_pageNumber {
  background: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }

.products-filter-panel {
  width: 100%;
  padding: 1.5em;
  background: white; }
  .products-filter-panel filter-header {
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 700; }
  .products-filter-panel .filter-option {
    display: inline-block;
    margin-right: 16px;
    margin-top: 8px; }
  .products-filter-panel .filter-buttons {
    margin-top: 16px; }
    .products-filter-panel .filter-buttons .btn:first-child {
      margin-right: 8px; }

.filter-panel {
  float: none;
  margin-top: 8px;
  padding: 8px 0px;
  background: white; }

.input-icons i {
  position: absolute; }

.input-icons {
  width: 100%;
  margin-bottom: 10px; }

.icon {
  padding: 10px;
  min-width: 40px; }

.input-field {
  width: 100%;
  padding: 10px;
  text-align: center; }

.input-group-text {
  padding: 0.375rem 1.5rem;
  color: black;
  background-color: #f2f6f9; }

.product-catalogue-table {
  table-layout: fixed;
  width: 100%; }
  .product-catalogue-table th,
  .product-catalogue-table td {
    width: 25%; }
  .product-catalogue-table th:last-child,
  .product-catalogue-table td:last-child {
    width: 20%; }

@media screen and (max-width: 800px) {
  .products {
    border: 0; }
  .products caption {
    font-size: 1.3em; }
  .products thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .products tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em; }
  .products td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 1em; }
  .products td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 10px; }
  .products td:last-child {
    border-bottom: 0; }
  .products-filter {
    margin-left: auto; }
  .products_buttons .searchgroup {
    width: 100%; }
  .products_buttons .search-panel {
    display: inline-block;
    width: 100%; }
  .sub-tabs ul li {
    margin: 0 40px 0px 0; } }

.product-range {
  flex: 0 0 200px;
  max-width: 200px; }

.scrollable-list {
  overflow-y: auto;
  overflow-x: hidden; }

.main-content {
  flex: 1;
  padding-left: 20px; }

.truncate-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
  display: inline-block; }

.product-range a {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.scrollable-list::-webkit-scrollbar {
  width: 8px; }

.scrollable-list::-webkit-scrollbar-track {
  border-radius: 8px;
  background-color: #e7e7e7;
  border: 1px solid #cacaca; }

.scrollable-list::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #767676; }

.scrollable-list {
  scrollbar-width: thin;
  scrollbar-color: #767676 #e7e7e7; }

.menu-title {
  font-size: 1.4em;
  margin-bottom: 4px; }

.product-range ul li {
  display: block;
  width: 100%;
  margin: 0 15px 0px 0; }

.table {
  width: 100%; }

.productsListTable th:first-child {
  text-align: center !important; }

.productsListTable .customerProductsImage img {
  display: block;
  margin: 0 auto;
  width: 42%; }

.sub-tabs ul {
  margin-top: 15px; }

.techDocs_container {
  border-radius: 10px; }

.techDocs {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed; }

.techDocs caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em; }

.techDocs_heading {
  background: #F2F6F9; }

.techDocs_buttons {
  background: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.techDocs_body tr {
  border: 1px solid #ddd;
  padding: 0.35em;
  background: white; }

.techDocs th,
.techDocs td {
  padding: 1em;
  word-break: break-word; }

.techDocs th {
  font-size: 0.85em;
  letter-spacing: 0.1em;
  text-transform: uppercase; }

.search-panel {
  display: inline-block;
  width: auto; }

.searchgroup {
  width: 340px;
  display: inline-block; }

.techDocs_pageNumber {
  background: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }

.techDocs-filter-panel {
  width: 100%;
  padding: 1.5em;
  background: white; }
  .techDocs-filter-panel filter-header {
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 700; }
  .techDocs-filter-panel .filter-option {
    display: inline-block;
    margin-right: 16px;
    margin-top: 8px; }
  .techDocs-filter-panel .filter-buttons {
    margin-top: 16px; }
    .techDocs-filter-panel .filter-buttons .btn:first-child {
      margin-right: 8px; }

@media screen and (max-width: 800px) {
  .techDocs {
    border: 0; }
  .techDocs caption {
    font-size: 1.3em; }
  .techDocs thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .techDocs tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em; }
  .techDocs td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 1em; }
  .techDocs td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 10px; }
  .techDocs td:last-child {
    border-bottom: 0; }
  .products-filter {
    margin-left: auto; }
  .order-details-holder {
    width: 100%;
    float: left; } }

.videos_container {
  border-radius: 10px; }

.videos {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed; }

.videos caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em; }

.videos_heading {
  background: #F2F6F9; }

.videos_buttons {
  background: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.videos_body tr {
  border: 1px solid #ddd;
  padding: 0.35em;
  background: white; }

.videos th,
.videos td {
  padding: 1em;
  word-break: break-word; }

.videos th {
  font-size: 0.85em;
  letter-spacing: 0.1em;
  text-transform: uppercase; }

.search-panel {
  display: inline-block;
  width: auto; }

.searchgroup {
  width: 340px;
  display: inline-block; }

.videos_pageNumber {
  background: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }

.videos-filter-panel {
  width: 100%;
  padding: 1.5em;
  background: white; }
  .videos-filter-panel filter-header {
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 700; }
  .videos-filter-panel .filter-option {
    display: inline-block;
    margin-right: 16px;
    margin-top: 8px; }
  .videos-filter-panel .filter-buttons {
    margin-top: 16px; }
    .videos-filter-panel .filter-buttons .btn:first-child {
      margin-right: 8px; }

@media screen and (max-width: 800px) {
  .videos {
    border: 0; }
  .videos caption {
    font-size: 1.3em; }
  .videos thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .videos tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em; }
  .videos td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 1em; }
  .videos td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 10px; }
  .videos td:last-child {
    border-bottom: 0; }
  .products-filter {
    margin-left: auto; }
  .order-details-holder {
    width: 100%;
    float: left; } }

.orders_container {
  border-radius: 10px; }

.orders {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed; }

.orders caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em; }

.orders_heading {
  background: #f2f6f9; }

.orders_buttons {
  background: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.orders th,
.orders td {
  padding: 1em;
  word-break: break-word; }

.orders th {
  font-size: 0.85em;
  letter-spacing: 0.1em;
  text-transform: uppercase; }

.search-panel {
  display: inline-block;
  width: auto; }

.heading_table {
  background: white;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc; }

.searchgroup {
  width: 340px;
  display: inline-block; }

.orders_pageNumber {
  background: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }

.kits_pageNumber {
  background: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }

.orders-filter-panel {
  width: 100%;
  padding: 1.5em;
  background: white; }
  .orders-filter-panel filter-header {
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 700; }
  .orders-filter-panel .filter-option {
    display: inline-block;
    margin-right: 16px;
    margin-top: 8px; }
  .orders-filter-panel .filter-buttons {
    margin-top: 16px; }
    .orders-filter-panel .filter-buttons .btn:first-child {
      margin-right: 8px; }

.dropdown-toggle::after {
  display: inline-flex;
  align-items: center;
  content: "\f107";
  font-family: "FontAwesome";
  margin-left: initial;
  vertical-align: initial;
  border: none; }

@media screen and (max-width: 800px) {
  .orders {
    border: 0; }
  .orders caption {
    font-size: 1.3em; }
  .orders thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .orders tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em; }
  .orders td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 1em; }
  .orders td::before {
    /*
  * aria-label has no advantage, it won't be read inside a table
  content: attr(aria-label);
  */
    content: attr(data-label);
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 10px; }
  .orders td:last-child {
    border-bottom: 0; }
  .products-filter {
    margin-left: auto; }
  .order-details-holder {
    width: 100%;
    float: left; } }

.order-field {
  border-bottom: 1px lightgrey solid; }

.underline_order {
  border: lightgrey 1px solid; }

hr.hr-text {
  border-top: 1px lightgrey solid;
  margin: 0 1rem 1rem 1.5rem; }

.pricingSummary td {
  text-align: right; }

.fa-customStack {
  cursor: pointer;
  height: 1em !important;
  width: 1em !important; }
  .fa-customStack .fa-stack-2x {
    font-size: 1.25em;
    transition: ease-in-out 0.2s;
    color: #1a85fc; }
  .fa-customStack .fa-stack-1x {
    font-size: 0.7em; }

.fa-customStack:hover .fa-stack-2x {
  color: #0353ad !important; }

.customLineHeight {
  line-height: 5vh; }

.fa-stackSmall {
  cursor: pointer;
  width: 1.5em !important;
  line-height: 1.5em !important; }
  .fa-stackSmall .fa-stack-2x {
    font-size: 1.5em; }
  .fa-stackSmall .fa-stack-1x {
    font-size: 0.7em; }

.fa-stackSmall:hover .fa-circle-thin:before {
  content: "" !important; }

.fa-stackSmall:hover .fa-comments:before, .fa-stackSmall:hover .fa-file-pdf:before, .fa-stackSmall:hover .fa-trash:before, .fa-stackSmall:hover .fa-undo:before {
  color: white; }

.newCommentAnim_order {
  animation: bell 1s infinite;
  transition: opacity 1s linear;
  animation-iteration-count: 20;
  z-index: 1; }

@keyframes bell {
  0% {
    box-shadow: 0 0 0 0px #3392fc; }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); } }

.cadBlue {
  color: #1a85fc;
  transition: ease-in-out 0.2s; }
  .cadBlue .hover {
    color: #004da0;
    font-size: 1.2em; }

/* Order of Items */
.priceSummary {
  order: 3; }

.csvDownload {
  order: 4; }

.identifiedParts {
  order: 2; }

.addPartsOrder, .manuallyAddedOrder {
  order: 4; }

.csvOrder {
  order: 10; }

.orderManagement {
  order: 1; }

/* Parts Table */
.dataTables_filter {
  float: right; }

.order_partsList .table td:nth-child(2) {
  overflow: hidden;
  text-overflow: ellipsis; }

.noPartsBG {
  background: #f9f9f9; }

/* Responsive Table Styling Order Page */
.table_contents_order {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: initial;
  background: white; }

.table_contents_order caption {
  font-size: 1.5em;
  margin: .5em 0 .75em; }

.table_contents_order tr {
  padding: .35em;
  transition: 0.5s ease-in-out;
  border-bottom: 2px solid #ddd; }

.table_contents_order tr:first-child:last-child {
  border: 0px solid #ddd; }

.table_contents_order th,
.table_contents_order td {
  padding: .625em;
  text-align: left; }

.table_contents_order td {
  cursor: pointer; }

.table_contents_order th {
  font-size: .85em;
  text-transform: uppercase;
  padding: 1.5rem 1rem; }

.table_contents_order thead {
  border-top: 0.9px solid #dddddd;
  background-color: white; }

.search_contents {
  border: 1px solid #ccc;
  background: white; }

.table_contents_order tr:nth-child(odd) {
  background: none; }

.table_contents_order thead tr:first-child {
  background: white; }

.table_contents_order thead {
  background: white; }

@media screen and (max-width: 768px) {
  .table_contents_order {
    border: 0;
    background: transparent; }
  .table_contents_order caption {
    font-size: 1.3em; }
  .table_contents_order thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .table_contents_order tr {
    display: block;
    background: white;
    overflow-wrap: break-word; }
  .table_contents_order td {
    border-bottom: 1px solid #ddd;
    font-size: .8em;
    text-align: left;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    word-break: break-word;
    flex-wrap: wrap; }
  .table_contents_order td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 0.5em; }
  .table_contents_order td:last-child {
    border-bottom: 0; }
  .search-area {
    width: 100% !important; } }

s_container {
  border-radius: 10px; }

.order {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed; }

.order caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em; }

.order_heading {
  background: #F2F6F9; }

.order_buttons {
  background: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.order_body tr {
  border: 1px solid #ddd;
  padding: 0.35em;
  background: white; }

.order th,
.order td {
  padding: 0.625em;
  word-break: break-word; }

.order th {
  font-size: 0.85em;
  letter-spacing: 0.1em;
  text-transform: uppercase; }

.search-panel {
  display: inline-block;
  width: auto; }

.searchgroup {
  width: 340px;
  display: inline-block; }

.order_pageNumber {
  background: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }

.order-filter-panel {
  width: 100%;
  padding: 1.5em;
  background: white; }
  .order-filter-panel filter-header {
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 700; }
  .order-filter-panel .filter-option {
    display: inline-block;
    margin-right: 16px;
    margin-top: 8px; }
  .order-filter-panel .filter-buttons {
    margin-top: 16px; }
    .order-filter-panel .filter-buttons .btn:first-child {
      margin-right: 8px; }

.customDropdown:hover {
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.customDropdown:hover > .dropdown-menu {
  display: block;
  cursor: pointer;
  transition: 0.2s; }

.customDropdown:hover > .dropdown-menu > li:hover {
  background-color: #eaeaea; }

.alignEditEnd {
  margin-inline-start: auto; }

@media screen and (max-width: 800px) {
  .order {
    border: 0; }
  .order caption {
    font-size: 1.3em; }
  .order thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .order tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em; }
  .order td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 1em; }
  .order td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 10px; }
  .order td:last-child {
    border-bottom: 0; }
  .products-filter {
    margin-left: auto; }
  .order-details-holder {
    width: 100%;
    float: left; } }

.toggle-container {
  background: #D2DAE5;
  border-radius: 50rem;
  display: flex;
  padding: 1px;
  width: max-content;
  margin: auto; }
  .toggle-container .btn-toggle-warehouse {
    border: none;
    width: 50%;
    border-radius: 50rem; }
    .toggle-container .btn-toggle-warehouse--ca {
      color: #29911b; }
    .toggle-container .btn-toggle-warehouse--us {
      color: #ffc107; }

.selectWarehouse {
  margin-top: 16px; }

.dropdownWarehouse .dropdown-toggle {
  background: white;
  border: 1px solid #D2DAE5;
  min-width: 13.3em; }

.dropdownWarehouse ul li input {
  display: none; }

/* Small Devices */
@media screen and (max-width: 576px) {
  .alignEditEnd {
    margin-inline-start: initial; } }

.customerProductsGrid .customerProductsItem {
  cursor: pointer;
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
  background-color: white;
  flex-grow: 2;
  margin-bottom: 1rem; }
  @media (hover: none) and (pointer: coarse) {
    .customerProductsGrid .customerProductsItem .customerProductsHover {
      display: none !important; } }
  .customerProductsGrid .customerProductsItem .customerProductsHover {
    opacity: 0;
    transition: visibility 0s, opacity 0.1s linear;
    position: absolute; }
    .customerProductsGrid .customerProductsItem .customerProductsHover .btn {
      z-index: 100; }
  .customerProductsGrid .customerProductsItem:hover .customerProductsImage, .customerProductsGrid .customerProductsItem:hover .customerViewablesImage {
    opacity: 0.8; }
  .customerProductsGrid .customerProductsItem:hover .customerProductsHover {
    opacity: 1;
    z-index: 100;
    transition: visibility 0s, opacity 0.1s linear; }
  .customerProductsGrid .customerProductsItem .customerProductsInformationBox {
    z-index: 101;
    background-color: white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer; }
  .customerProductsGrid .customerProductsItem .customerProductsImage, .customerProductsGrid .customerProductsItem .customerViewablesImage {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    display: flex;
    transition: visibility 0s, opacity 0.1s linear; }

.search-results {
  overflow-y: auto;
  max-height: 570px; }

.parts-in-kit {
  overflow-y: auto;
  max-height: 660px; }

.search-input-flex {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  width: 100% !important; }

.text-truncate-kits {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 60vh; }

.filter-icon-right .input-group.has-search > .form-control {
  padding-left: 1rem !important; }

.filter-icon-right .fa-search {
  display: none !important; }

/* filter icon on the right side */
.filter-icon-right .input-group-append:before {
  content: "\f0b0";
  /* Unicode for 'fa-filter' icon */
  font-family: "FontAwesome";
  display: inline-block;
  position: absolute;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  cursor: pointer;
  font-size: 18px; }

.filter-icon-right .input-group .form-control {
  padding-right: 3rem; }

/* Ensure clear icon is hidden */
.filter-icon-right .form-control-clear {
  display: none; }

.desc-text-area {
  width: 100%;
  min-height: 13.5rem; }

.table-no-th {
  width: 0px; }

.customized-search {
  display: flex;
  flex-direction: column; }

.customized-bar {
  flex-grow: unset; }

.quantity-input {
  text-align: -webkit-center;
  max-width: 80px; }

.btn-anim {
  transition: 0.5s ease-in-out;
  cursor: pointer; }

.btn-anim:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc; }

.input-group-text-btn {
  padding: 0.375rem 1.5rem;
  color: #ffffff;
  background: #3392fc;
  font-size: 1em;
  font-weight: bold;
  border: #1a85fc solid 2px; }

.search_mobile_disable {
  color: white; }

@media screen and (max-width: 768px) {
  .search_mobile_disable {
    display: none;
    color: white; } }

.note-accordion {
  background-color: transparent;
  border: none;
  padding: 0;
  box-shadow: none; }

.notes-accordion:hover {
  cursor: pointer; }

.fixed-width-btn {
  min-width: 140px;
  min-height: 41px; }
  @media (max-width: 992px) {
    .fixed-width-btn {
      min-height: 38px; } }

.check-icon-wrapper {
  position: relative; }

.check-icon-wrapper i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.tooltip-container {
  display: inline-block;
  position: relative; }
  .tooltip-container .tooltip-trigger {
    background: none;
    border: none;
    color: #007bff;
    padding: 0; }
  .tooltip-container .supersessionHistoryHeader {
    border-bottom: 1px solid lightgrey;
    padding-bottom: 10px; }
  .tooltip-container .custom-tooltip {
    display: none;
    position: absolute;
    left: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    background-color: white;
    border: 1px solid #ccc;
    padding: 15px;
    width: 250px;
    max-height: 300px;
    overflow: auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border-radius: 4px; }
  .tooltip-container .custom-tooltip.last-item {
    transform: translateY(-100%); }
  .tooltip-container .supersessionViewerPart {
    background: #F8FBFD;
    padding: 5px;
    border-radius: 10px;
    border: solid 1px;
    border-color: #F2F6F9;
    align-items: center;
    width: 100%; }
  .tooltip-container .tooltip-title {
    margin: 0;
    color: #333;
    font-weight: bold;
    word-break: keep-all; }
  .tooltip-container .tooltip-description {
    margin: 0;
    color: #666;
    font-size: 14px; }
  @media screen and (max-width: 768px) {
    .tooltip-container .custom-tooltip {
      left: 50%;
      bottom: calc(100% + 10px);
      top: auto;
      transform: translateX(-50%);
      width: 200px; }
    .tooltip-container .custom-tooltip.last-item {
      transform: translateX(-50%); } }
  .tooltip-container .tooltip.show {
    display: block; }

.borderTopSupersession {
  border-top: 3px solid #3392FC;
  border-left: 3px solid #3392FC;
  border-right: 3px solid #3392FC;
  background: inherit !important; }

.borderBottomSupersession {
  border-bottom: 3px solid #3392FC;
  border-left: 3px solid #3392FC;
  border-right: 3px solid #3392FC;
  background: inherit !important; }

.word-break {
  word-break: break-word; }

.iconRightMp {
  position: absolute;
  right: 0; }

.superseded-text-container {
  min-width: 120px; }
  .superseded-text-container .already-superseded-text {
    font-size: 9px; }

.small-text {
  font-size: 14px;
  color: #007bff; }

.flexible-container {
  display: flex;
  flex-direction: column;
  position: relative; }

.button-container-bottom-right {
  margin-top: auto;
  align-self: flex-end; }

/* Part List */
.part-list {
  list-style: none;
  padding: 0;
  margin: 0; }
  .part-list li {
    display: flex;
    align-items: center;
    padding: 1rem;
    border: 1px solid #c3c3c3;
    margin-bottom: 0.5rem;
    border-radius: 0.375rem;
    cursor: pointer;
    min-height: 4rem; }
    .part-list li:hover {
      background-color: #f8fafc; }
    .part-list li.selected {
      background-color: #e6f2ff;
      border-color: #3b82f6; }
    .part-list li.disabled {
      opacity: 0.6;
      cursor: not-allowed; }
      .part-list li.disabled:hover {
        background-color: transparent; }
  .part-list input[type="radio"] {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0.5rem;
    flex-shrink: 0;
    cursor: pointer; }
    .part-list input[type="radio"]:disabled {
      cursor: not-allowed; }
  .part-list .part-search-list {
    flex: 1;
    margin-left: 0.75rem;
    min-width: 0;
    cursor: pointer;
    margin-bottom: 0; }
  .part-list .part-number {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .part-list .supersessionPart-description {
    color: #4a5568;
    display: -webkit-box; }
  .part-list .stock-info {
    margin-top: 0.75rem;
    font-size: 1rem; }

.alert-danger-modal {
  padding: 12px 15px;
  border-radius: 4px;
  margin: 8px 0;
  border-left: 4px solid #dc3545;
  background-color: #f8d7da;
  color: #721c24;
  line-height: 1.4;
  width: 800px; }

.modalLoadingOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1051; }

.listBoxContainer {
  height: 50vh; }

.listBoxInformation {
  justify-content: space-between; }

.listBoxLeft {
  background: white;
  height: 100%;
  overflow-y: auto;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.1); }

.listBoxRight {
  background: white;
  height: 100%;
  overflow-y: auto;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.1); }

.btn-cancel {
  border: solid 1px #ACB2B8 !important;
  background: #F2F6F9 !important;
  color: #ACB2B8 !important;
  opacity: 0.65 !important;
  pointer-events: none;
  font-size: 0.85em;
  text-transform: uppercase;
  padding: 8px 16px;
  border-radius: 5px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  font-weight: 700;
  line-height: 1.69em; }

.btn.assignlistboxLeft {
  background-color: #3392FC;
  color: white;
  border: solid 3px #3392FC;
  width: 50px;
  height: 50px;
  transition: 0.5s;
  border-radius: 0;
  transition: 0.5s;
  cursor: pointer; }

.btn.assignlistboxLeft:hover {
  border: solid 3px #1a85fc;
  background-color: white;
  color: #3392FC;
  border-radius: 0; }

.btn.assignlistboxRight {
  border: solid 3px #1a85fc;
  width: 50px;
  height: 50px;
  transition: 0.5s;
  color: #3392FC;
  border-radius: 0;
  cursor: pointer; }

.btn.assignlistboxRight:hover {
  background-color: #3392FC;
  color: white;
  border: solid 3px #3392FC;
  border-radius: 0; }

.assignlistboxStyle p {
  text-align: left; }

.list-group i {
  color: #3392FC;
  font-size: 1em;
  border: 1.5px lightgrey solid;
  padding: 2% 4%;
  border-radius: 2px;
  cursor: pointer; }

.info_listbox {
  cursor: pointer;
  border: 1px solid #D2DAE5;
  background: #F2F6F9; }

.info_listbox:hover {
  color: #1a89ff;
  background: #e3ebfa; }

.listbox_accordion {
  background: white;
  margin-top: 5%;
  padding: 2.5%;
  cursor: initial; }

.badge-pill {
  border: 1px solid #838d99;
  color: #697380;
  display: inline-block;
  font-size: 0.8em;
  padding: 4px 8px;
  min-width: 10px;
  background: #FFFFFF;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-border-radius: 999999px;
  border-radius: 999999px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  text-transform: uppercase;
  font-weight: 700; }
  .badge-pill.primary {
    border-color: #3392FC;
    color: #3392FC; }
  .badge-pill.primary i {
    border-color: #3392FC;
    color: #3392FC; }
  .badge-pill.success {
    border-color: #697380;
    color: #29911B; }
  .badge-pill.badge-lg {
    font-size: 0.7em;
    padding: 6px 12px; }

.assignlistboxStyle {
  background: #F8F8F8;
  border-left: 4px solid #d9d9d9;
  cursor: pointer; }

.assignlistboxStyleCustom {
  background: white;
  border-left: 4px solid white;
  cursor: pointer;
  border-left: 4px solid #d9d9d9;
  padding-bottom: 0.5em;
  padding-top: 0.5em; }

.assignlistboxHoverCustom {
  border-left: 4px solid #1a89ff;
  background: white;
  cursor: pointer;
  padding-bottom: 0.5em;
  padding-top: 0.5em; }

.assignlistboxHover {
  border-left: 4px solid #1a89ff;
  background: #F8F8F8;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  cursor: pointer; }

.search-clear {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  font-weight: bold;
  font-size: 12px;
  height: 16px;
  width: 16px;
  text-align: center;
  line-height: 16px;
  z-index: 1000;
  position: absolute;
  right: 65px;
  top: 50%;
  margin-top: -8px;
  text-decoration: none;
  color: white;
  cursor: pointer;
  transition: 0.5s ease-in-out; }

.search-clear:hover {
  background: rgba(0, 0, 0, 0.55); }

@media screen and (max-width: 770px) {
  .listBoxContainer {
    height: 100%; }
  .listbox_buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: initial; }
  .listbox_items {
    flex-direction: row;
    display: flex;
    align-items: center; }
  .item {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    cursor: pointer; } }

@media (hover: none) and (pointer: coarse) {
  #sidebar,
  #topBar,
  .overlay-box,
  .custViewerVertical_container,
  .cadSnapshotNotes,
  .viewer-notes-opened-vertical,
  .viewer-notes-closed-vertical,
  #SupersessionHistory,
  #part-search-container,
  .product-thumb-step,
  .VerticalThumbStepContainer,
  .custViewerVertical,
  .custViewerHorizontal,
  .loader,
  .partsPalletContainer,
  .pallet-container,
  .basket-container,
  .basket-content {
    touch-action: none; } }

.loading-cursor {
  cursor: wait; }

.loading-icon {
  position: absolute;
  pointer-events: none;
  z-index: 1000;
  font-size: 2em; }

#SupersessionHistory {
  background-color: white;
  border: 1px solid #ccc;
  display: flex;
  flex-direction: column;
  max-height: 65vh;
  width: 300px;
  border-radius: 10px; }
  #SupersessionHistory .supersessionHistoryHeader {
    padding: 5px 10px;
    border-radius: 10px 10px 0px 0px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #ccc;
    z-index: 5;
    flex-shrink: 0; }
    #SupersessionHistory .supersessionHistoryHeader h3 {
      font-size: 0.9em;
      font-weight: bold;
      margin-bottom: 0; }
  #SupersessionHistory ul {
    overflow-y: auto;
    max-height: 300px;
    padding: 0.5rem 0;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    flex-grow: 1; }
    #SupersessionHistory ul li {
      padding: 0 10px;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 5px; }
      #SupersessionHistory ul li .supersessionViewerPart {
        background: #F8FBFD;
        padding: 5px;
        border-radius: 10px;
        border: solid 1px;
        border-color: #F2F6F9;
        display: flex;
        align-items: center;
        width: 100%; }
      #SupersessionHistory ul li span {
        flex-grow: 1; }
      #SupersessionHistory ul li i {
        margin-top: 5px;
        margin-bottom: 2px; }

/* Top bar styling */
#topBar {
  position: relative;
  top: 0;
  width: 100%;
  height: 5vh;
  background-color: white;
  color: black;
  border-bottom: 1px solid #D2D2D2;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center; }

.top-bar-content {
  text-align: center; }

/* Sidebar styling */
#sidebar {
  position: fixed;
  right: 0;
  min-width: 50px;
  height: 100vh;
  background-color: white;
  border-left: 1px solid #D2D2D2;
  color: black;
  display: flex;
  z-index: 10;
  margin-left: auto; }
  @media (max-width: 1200px) {
    #sidebar {
      width: 5vw; } }
  @media (max-width: 768px) {
    #sidebar {
      width: 7vw; } }

.customerViewer-sidebar-content {
  text-align: center; }

/* Sidebar icon buttons */
.toggle-icon {
  cursor: pointer;
  color: black;
  font-size: 20px;
  transition: color 0.3s ease; }

.toggle-icon:hover {
  color: #007bff; }

.overlay-container {
  display: flex;
  align-items: flex-start;
  position: absolute;
  top: calc(0.2vh + 0.5rem);
  right: 0.2vw;
  z-index: 15;
  padding: 0.5rem;
  padding-top: 0;
  pointer-events: none; }

.overlay-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start; }

.overlay-content {
  display: flex;
  flex-direction: column;
  gap: 1rem; }

.overlay-inner-container {
  display: flex;
  flex-direction: column;
  gap: 1rem; }

.overlay-box {
  display: flex;
  align-items: start;
  justify-content: center;
  border-radius: 8px;
  width: 100%;
  gap: 0.5em;
  pointer-events: auto; }

/* Toggle Sidebar Icon */
.toggle-sidebar-icon {
  border: 2px solid #3392FC;
  color: black;
  background: white;
  border-radius: 7px; }

.toggle-sidebar-icon.active {
  background-color: #3392FC;
  color: white;
  border-radius: 7px; }

.basket-quantity {
  position: absolute;
  top: -8px;
  left: -8px;
  background: #3392FC;
  border-radius: 7px;
  color: white;
  font-size: 0.7em;
  padding: 2px;
  min-width: 15px; }

#customerViewerId {
  position: relative;
  width: calc(100vw - 50px);
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  font-size: initial;
  /***************
 * Button Elements *
 ***************/
  /* Pointer Events */
  /* Viewer Banner */
  /* Reverse Angle Button */
  /* Supersession */
  /* Horizontal Carousel Style */
  /* Hide scrollbar for IE, Edge and Firefox */
  /* Vertical Carousel Style */
  /* Mobile responsive styles */
  /* Snapshot Notes */
  /* Part Search*/
  /* Search results container */ }
  #customerViewerId .adsk-viewing-viewer .docking-panel.menu,
  #customerViewerId #guiviewer3d-toolbar,
  #customerViewerId .adsk-viewing-viewer .adsk-button-icon,
  #customerViewerId #cadshare-toolbar,
  #customerViewerId .viewcubeWrapper,
  #customerViewerId .adsk-viewing-viewer .modelStructurePanel,
  #customerViewerId .adsk-viewing-viewer .propertyPanel,
  #customerViewerId #ViewerPropertyPanel,
  #customerViewerId .adsk-viewing-viewer .toolbar,
  #customerViewerId .adsk-viewing-viewer .contextMenu,
  #customerViewerId .menu.docking-panel.docking-panel-container-solid-color-a,
  #customerViewerId div[style*="position: absolute; z-index: 10;"] {
    display: none !important; }
  #customerViewerId .customer_viewer {
    height: calc(100vh - 5vh); }
  @media (max-width: 1500px) {
    #customerViewerId h1, #customerViewerId h2, #customerViewerId h3, #customerViewerId h4, #customerViewerId h5, #customerViewerId h6, #customerViewerId div {
      font-size: 1.2rem; } }
  @media (max-width: 768px) {
    #customerViewerId h1, #customerViewerId h2, #customerViewerId h3, #customerViewerId h4, #customerViewerId h5, #customerViewerId h6, #customerViewerId div {
      font-size: 1rem; } }
  @media (max-width: 576px) {
    #customerViewerId h1, #customerViewerId h2, #customerViewerId h3, #customerViewerId h4, #customerViewerId h5, #customerViewerId h6, #customerViewerId div {
      font-size: 1rem; } }
  #customerViewerId button {
    font-size: revert; }
  #customerViewerId .minimize-basket-button {
    height: auto;
    position: relative;
    top: auto;
    z-index: 10;
    right: auto;
    width: auto; }
  #customerViewerId .viewer-basket-plus h2,
  #customerViewerId .viewer-basket-only h2 {
    padding: 1rem; }
  #customerViewerId .product-viewer.horizontal {
    width: calc(100vw - 50px);
    height: 100%;
    z-index: 0; }
  #customerViewerId .product-viewer.vertical {
    width: calc(100vw - 50px);
    height: 100%;
    right: 0px;
    z-index: 0; }
  #customerViewerId .product-viewer .viewer {
    width: calc(100vw - 50px);
    height: 100%;
    position: fixed;
    z-index: 0; }
  #customerViewerId .product-viewer .softCopyViewer {
    width: calc(100vw - 50px);
    height: 100%;
    position: absolute;
    z-index: 0; }
  #customerViewerId .minimize-basket-button {
    height: auto;
    position: relative;
    top: auto;
    z-index: 1;
    right: auto;
    width: auto; }
    #customerViewerId .minimize-basket-button button {
      border: 0px;
      height: 100%; }
  #customerViewerId .select-box {
    width: 100%;
    height: 38px; }
  #customerViewerId .viewer-header {
    padding: 0;
    overflow: hidden; }
    #customerViewerId .viewer-header .back-to-products .viewer-back-arrow {
      float: left;
      width: 60px;
      height: 60px;
      padding-top: 19px;
      text-align: center;
      font-size: 18px; }
    #customerViewerId .viewer-header .back-to-products h3 {
      margin-bottom: 0px;
      padding-top: 9px;
      display: block;
      line-height: 1.2;
      max-width: initial; }
      #customerViewerId .viewer-header .back-to-products h3 small {
        font-weight: 400; }
    #customerViewerId .viewer-header .back-to-products:hover small {
      text-decoration: underline;
      color: #0477f8; }
    #customerViewerId .viewer-header .back-to-products:hover .viewer-back-arrow {
      color: #3392FC; }
  #customerViewerId .backButton {
    position: absolute;
    left: 20px; }
  #customerViewerId .emptySection {
    flex: 0 0 auto; }
  #customerViewerId .viewableName {
    flex: 1;
    text-align: center; }
  #customerViewerId .placeOrderButton_CustomerViewer {
    display: block;
    text-align: center;
    margin: 0 auto;
    position: relative;
    bottom: 0;
    width: 100%;
    min-height: 75px;
    border-radius: 0;
    margin: 0 !important; }
  #customerViewerId .textOverflow {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  #customerViewerId .switchSnapshotButton {
    position: absolute;
    right: 1vw;
    bottom: 2.5vh;
    min-width: 60px;
    justify-content: center; }
  #customerViewerId .explodetool {
    background-color: #007bff;
    position: absolute;
    right: 1vw;
    bottom: 9vh;
    min-width: 60px;
    min-height: 54px;
    justify-content: center;
    color: white;
    font-size: 25px;
    border-radius: 5px;
    border: 1px solid; }
  #customerViewerId .pointerEventNone {
    pointer-events: none; }
  #customerViewerId .pointerEventAuto {
    pointer-events: auto; }
  #customerViewerId .viewerBanner .header-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: fixed;
    width: calc(100vw - 50px);
    z-index: 9;
    padding: 0;
    height: 7vh;
    font-weight: bold;
    left: 0;
    right: auto;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    grid-gap: 1em; }
    @media (max-width: 992px) {
      #customerViewerId .viewerBanner .header-banner {
        font-size: 1.2rem;
        width: calc(100vw - 5vw);
        height: 12vh; } }
  #customerViewerId .INFO {
    background: rgba(26, 133, 252, 0.9); }
  #customerViewerId .product-info {
    background: white; }
  #customerViewerId .product-thumb-step {
    cursor: pointer;
    background: white;
    width: 180px;
    height: auto;
    font-size: 0.7em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    position: relative; }
  #customerViewerId .product-thumb-step:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 1.1em;
    color: rgba(55, 61, 69, 0.5);
    position: relative;
    bottom: initial;
    left: initial; }
  #customerViewerId .product-thumb-step-selected,
  #customerViewerId .product-thumb-step-selected-last {
    border: 3px solid black; }
  #customerViewerId .custViewerHorizontal .product-thumb-step:after {
    transform: rotate(-90deg); }
  #customerViewerId .watermark-parent {
    margin-left: initial;
    overflow: hidden;
    z-index: 9;
    position: absolute;
    pointer-events: none;
    max-height: 100vh !important; }
  #customerViewerId .part-number-container {
    display: flex;
    align-items: center; }
    #customerViewerId .part-number-container h4 {
      margin-right: 10px; }
    #customerViewerId .part-number-container .part-link-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 25px;
      height: 25px;
      background-color: #007bff;
      border-radius: 50%;
      color: white;
      cursor: pointer;
      font-size: 1.4rem; }
  #customerViewerId .custViewerHorizontal {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    min-height: 240px;
    max-width: calc(100% - 400px); }
  #customerViewerId .custViewerHorizontal_header {
    position: relative;
    margin-bottom: 0.5rem; }
  #customerViewerId .custViewerHorizontal_title i {
    font-weight: 400; }
  #customerViewerId .custViewerHorizontal_btn {
    top: 0;
    background-color: white;
    border: 2px black solid;
    outline: none;
    color: black;
    opacity: 1;
    transition: background-color 350ms ease, color 350ms ease, opacity 350ms ease; }
    #customerViewerId .custViewerHorizontal_btn svg {
      transform: rotate(90deg); }
  #customerViewerId .custViewerHorizontal_btn i {
    line-height: 44px;
    font-family: FontAwesome; }
  #customerViewerId .custViewerHorizontal_btn:disabled {
    opacity: 0.4; }
  #customerViewerId .custViewerHorizontal_btn:enabled:hover {
    background-color: #1da1f2;
    color: black; }
  #customerViewerId .custViewerHorizontal_btn--prev {
    left: -40px;
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0.5em 1em;
    height: fit-content;
    margin-top: auto;
    margin-bottom: auto; }
  #customerViewerId .custViewerHorizontal_btn--next {
    right: -40px;
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0.5em 1em;
    height: fit-content;
    margin-top: auto;
    margin-bottom: auto; }
  #customerViewerId .custViewerHorizontal_container::-webkit-scrollbar {
    display: none; }
  #customerViewerId .custViewerHorizontal_container {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    background: rgba(0, 0, 0, 0.1); }
  #customerViewerId .custViewerHorizontal_list {
    list-style: none;
    padding: 0;
    margin: 0;
    transition: transform 1s ease;
    display: flex; }
  #customerViewerId .custViewerHorizontal_item {
    background-color: white;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    margin-left: 0.5em;
    cursor: pointer;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
    padding: 0;
    min-width: 178px;
    max-width: 178px;
    border: solid 1.5px black; }
  #customerViewerId .custViewerHorizontal_item:first-child {
    padding-top: 0; }
  #customerViewerId .custViewerHorizontal_item_text {
    margin: 0;
    color: black;
    font-weight: 300; }
  #customerViewerId .custViewerHorizontal_item_text a {
    color: black;
    text-decoration: none;
    word-break: break-all; }
  #customerViewerId .custViewerHorizontal_item_date {
    color: black;
    font-weight: 300;
    font-size: 14px; }
  #customerViewerId .custViewerHorizontal_item_img {
    position: relative;
    overflow: hidden; }
  #customerViewerId .viewer-notes-opened-horizontal {
    position: absolute;
    top: 85px;
    left: 13px;
    width: 400px;
    background: #3392fc;
    color: #ffffff;
    border-radius: 5px;
    padding: 0.5em;
    z-index: 1; }
  #customerViewerId .viewer-notes-closed-horizontal {
    position: absolute;
    top: 85px;
    left: 13px;
    background: #3392FC;
    width: 400px;
    padding: 5.33333px;
    color: #FFFFFF;
    border-radius: 5px; }
  #customerViewerId .custViewerVertical {
    position: absolute;
    margin: 0.5rem;
    width: 225px; }
    #customerViewerId .custViewerVertical .product-thumb-step:hover {
      margin-left: 5px; }
  #customerViewerId .custViewerVertical_header {
    position: relative;
    margin-bottom: 0.5rem; }
  #customerViewerId .custViewerVertical_title i {
    font-weight: 400; }
  #customerViewerId .custViewerVertical_btn {
    top: 0;
    background-color: white;
    border: 2px black solid;
    outline: none;
    color: black;
    opacity: 1;
    transition: background-color 350ms ease, color 350ms ease, opacity 350ms ease;
    width: 100%; }
    #customerViewerId .custViewerVertical_btn svg {
      transform: rotate(90deg); }
  #customerViewerId .custViewerVertical_btn i {
    line-height: 44px;
    font-family: FontAwesome; }
  #customerViewerId .custViewerVertical_btn:disabled {
    opacity: 0.4; }
  #customerViewerId .custViewerVertical_btn:enabled:hover {
    background-color: #1da1f2;
    color: black; }
  #customerViewerId .custViewerVertical_btn--prev {
    right: 60px; }
  #customerViewerId .custViewerVertical_btn--next {
    right: 0; }
  #customerViewerId .custViewerVertical_container,
  #customerViewerId #custViewerVertical_container {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(0, 0, 0, 0.1);
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }
  #customerViewerId .custViewerVertical_container::-webkit-scrollbar {
    display: none; }
  #customerViewerId .custViewerVertical_list,
  #customerViewerId #custViewerVertical_list {
    list-style: none;
    padding: 0;
    margin: 0;
    transition: transform 1s ease;
    max-height: 85vh; }
  #customerViewerId .custViewerVertical_item {
    background-color: white;
    margin: 0.5em;
    cursor: pointer;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
    border: solid 1.5px black; }
  #customerViewerId .custViewerVertical_item:first-child {
    padding-top: 0; }
  #customerViewerId .custViewerVertical_item_text {
    margin: 0;
    color: black;
    font-weight: 300; }
  #customerViewerId .custViewerVertical_item_text a {
    color: black;
    text-decoration: none;
    word-break: break-all; }
  #customerViewerId .custViewerVertical_item_date {
    color: black;
    font-weight: 300;
    font-size: 14px; }
  #customerViewerId .custViewerVertical_item_img {
    position: relative;
    overflow: hidden;
    height: 140px; }
  @media (max-width: 915px) {
    #customerViewerId .custViewerVertical {
      width: 155px; }
    #customerViewerId .cadSnapshotNotes {
      left: 160px !important; } }
  #customerViewerId .viewer-notes-opened-vertical {
    z-index: 10;
    position: absolute;
    top: 0px;
    left: 200px;
    width: 400px;
    background: #3392fc;
    color: #ffffff;
    border-radius: 5px;
    padding: 0.5em; }
  #customerViewerId .viewer-notes-closed-vertical {
    z-index: 10;
    position: absolute;
    top: 0px;
    left: 200px;
    background: #3392FC;
    width: 400px;
    padding: 5.33333px;
    color: #FFFFFF;
    border-radius: 5px; }
  #customerViewerId .cadSnapshotNotes {
    position: absolute;
    left: 230px;
    top: 0;
    z-index: 1;
    width: 200px;
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
    background: white; }
  #customerViewerId .cadSnapshotNotes .card-header:after {
    font-family: FontAwesome;
    content: "\f068";
    display: flex;
    align-items: center; }
  #customerViewerId .cadSnapshotNotes .card-header.collapsed:after {
    font-family: FontAwesome;
    content: "\f067";
    display: flex;
    align-items: center; }
  #customerViewerId #cadSnapshotNotesHorizontal.cadSnapshotNotes {
    left: 5px;
    top: 5px;
    width: 250px; }
  #customerViewerId #part-search-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    z-index: 1;
    font-family: Arial, sans-serif;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 10px;
    width: 300px;
    pointer-events: auto;
    position: relative; }
    #customerViewerId #part-search-container input[type="text"] {
      font-size: 16px;
      transform: scale(0.775);
      transform-origin: left;
      -webkit-text-size-adjust: 100%; }
  #customerViewerId .search-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px; }
  #customerViewerId .search-mode-toggle {
    font-size: 0.8em;
    color: #3392FC;
    text-decoration: none;
    text-align: end; }
    #customerViewerId .search-mode-toggle:hover {
      text-decoration: underline;
      color: #0056b3; }
  #customerViewerId #search-label {
    font-size: 1em;
    color: #333;
    font-weight: bold;
    margin-right: 10px;
    align-self: flex-start; }
  #customerViewerId #search-box {
    display: flex;
    flex-grow: 1;
    align-items: center;
    border: 1px solid #cccccc;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    width: 100%; }
  #customerViewerId #partSearch {
    margin: 0;
    flex-grow: 1;
    padding: 5px 10px;
    font-size: 0.9em;
    border: none;
    outline: none; }
  #customerViewerId #searchButton {
    background-color: #3392FC;
    color: white;
    border-radius: 8px;
    border: none;
    margin-left: 0.3em;
    padding: 7px 12px 7px 12px;
    transition: ease-in-out 0.2s; }
    #customerViewerId #searchButton:hover {
      background-color: #73b7ff; }
  #customerViewerId #searchIcon {
    padding-left: 10px;
    font-size: 1.4em;
    cursor: pointer;
    color: white; }
  #customerViewerId #clear-btn {
    font-size: 1em;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none; }
  #customerViewerId #search-results-container {
    position: relative;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
    #customerViewerId #search-results-container .search-results-header {
      display: flex;
      cursor: pointer;
      justify-content: space-between;
      align-items: center;
      padding: 5px 10px;
      background-color: #f8f8f8;
      border-bottom: 1px solid #ccc; }
      #customerViewerId #search-results-container .search-results-header .results-title {
        font-weight: bold;
        font-size: 0.9em; }
      #customerViewerId #search-results-container .search-results-header .minimize-toggle {
        background: none;
        border: none;
        cursor: pointer;
        font-size: 1.1em;
        padding: 0 5px; }
  #customerViewerId .search-results-dropdown {
    background-color: white;
    border: 1px solid #cccccc;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-height: 200px;
    overflow-y: auto;
    width: 100%; }
    #customerViewerId .search-results-dropdown ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      #customerViewerId .search-results-dropdown ul li {
        padding: 8px 12px;
        cursor: pointer;
        border-bottom: 1px solid #f0f0f0;
        transition: background-color 0.2s ease;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: flex;
        align-items: center; }
        #customerViewerId .search-results-dropdown ul li:last-child {
          border-bottom: none; }
        #customerViewerId .search-results-dropdown ul li:hover {
          background-color: #f5f8ff; }
        #customerViewerId .search-results-dropdown ul li.selected-part {
          background-color: #e0ecff;
          border-left: 3px solid #3392FC; }
        #customerViewerId .search-results-dropdown ul li .part-number {
          font-weight: bold;
          color: #3392FC; }
        #customerViewerId .search-results-dropdown ul li .part-description {
          display: inline-block;
          max-width: 215px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          font-size: 0.9em;
          color: #444;
          margin-left: 5px; }
        #customerViewerId .search-results-dropdown ul li .multiple-instances-icon {
          color: #ff0000;
          font-size: 1em;
          margin-left: auto;
          margin-right: 5px;
          opacity: 1;
          background-color: yellow;
          padding: 2px;
          border-radius: 2px; }
        #customerViewerId .search-results-dropdown ul li .part-name {
          font-size: 0.9em;
          color: #666;
          margin-left: 5px; }
  #customerViewerId .no-results-message {
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    color: #6c757d;
    font-size: 0.9em; }
    #customerViewerId .no-results-message i {
      margin-right: 8px;
      color: #ffc107; }

/* Rotate Device */
.rotate-device-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  display: flex !important;
  justify-content: center;
  align-items: center;
  opacity: 1;
  pointer-events: all; }

.rotate-device-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000; }

.phone-animation {
  width: 150px;
  height: 150px;
  position: relative;
  margin-bottom: 30px; }

.phone {
  width: 80px;
  height: 130px;
  background: #fff;
  border-radius: 12px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: rotate 2s ease-in-out infinite;
  border: 3px solid #4a90e2;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.7); }

.phone-screen {
  position: absolute;
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  background: #4a90e2;
  border-radius: 8px; }

.rotate-text {
  font-size: 24px;
  margin: 20px 0 0 0;
  color: #fff;
  text-align: center;
  font-weight: bold;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.7);
  letter-spacing: 1px; }

@keyframes rotate {
  0%,
  15% {
    transform: translate(-50%, -50%) rotate(0deg); }
  35%,
  65% {
    transform: translate(-50%, -50%) rotate(90deg); }
  85%,
  100% {
    transform: translate(-50%, -50%) rotate(0deg); } }

@media (orientation: landscape) and (max-width: 992px) {
  #part-search-container, #SupersessionHistory, #part-instance-menu {
    width: 200px !important; }
  #SupersessionHistory {
    max-height: 50vh !important; } }

#searchResultsDropdown {
  overflow-y: auto;
  max-height: 400px;
  background-color: white;
  border: 1px solid #ccc;
  border-top: none;
  position: absolute;
  width: 100%;
  z-index: 25; }
  #searchResultsDropdown ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    #searchResultsDropdown ul li {
      padding: 5px 10px;
      cursor: pointer;
      border-bottom: 1px solid #eee; }
      #searchResultsDropdown ul li:last-child {
        border-bottom: none; }
      #searchResultsDropdown ul li:hover, #searchResultsDropdown ul li.selected-part {
        background-color: #f0f0f0; }
      #searchResultsDropdown ul li .part-number {
        font-weight: bold; }
      #searchResultsDropdown ul li .part-description {
        font-size: 0.9em;
        color: #555;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        max-width: 70%; }

#part-search-container,
#SupersessionHistory,
.overlay-box {
  pointer-events: auto; }

.part-selection-popup {
  width: 100%;
  background-color: white;
  display: flex;
  flex-direction: column;
  pointer-events: auto; }
  .part-selection-popup .part-selection-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    background-color: #f8f8f8;
    border-radius: 5px 5px 0 0; }
    .part-selection-popup .part-selection-header .back-button {
      display: flex;
      align-items: center;
      background: none;
      border: none;
      cursor: pointer;
      color: #666;
      padding: 0;
      font-size: 14px; }
      .part-selection-popup .part-selection-header .back-button i {
        margin-right: 5px; }
      .part-selection-popup .part-selection-header .back-button:hover {
        color: #333; }
    .part-selection-popup .part-selection-header h4 {
      margin: 0;
      font-size: 16px;
      font-weight: bold; }
    .part-selection-popup .part-selection-header .part-selection-close {
      background: none;
      border: none;
      cursor: pointer;
      font-size: 16px;
      color: #666;
      padding: 0; }
      .part-selection-popup .part-selection-header .part-selection-close:hover {
        color: #333; }
  .part-selection-popup .part-selection-content {
    padding: 10px 0;
    overflow-y: auto;
    max-height: 350px; }
    .part-selection-popup .part-selection-content .part-selection-group-header {
      padding: 5px 15px;
      font-weight: bold;
      color: #555;
      font-size: 14px;
      background-color: #f5f5f5;
      margin-top: 5px;
      margin-bottom: 5px; }
    .part-selection-popup .part-selection-content .part-selection-option {
      padding: 8px 15px;
      cursor: pointer;
      transition: background-color 0.2s; }
      .part-selection-popup .part-selection-content .part-selection-option:hover {
        background-color: #f0f0f0; }
      .part-selection-popup .part-selection-content .part-selection-option.active {
        background-color: #e0ecff;
        border-left: 3px solid #3392FC;
        font-weight: bold; }
      .part-selection-popup .part-selection-content .part-selection-option .part-option-number {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 0.8em;
        color: #3392FC;
        font-weight: 600;
        margin-bottom: 2px; }
      .part-selection-popup .part-selection-content .part-selection-option .part-option-title {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 0.9em;
        color: #555; }

#part-instance-menu {
  width: 300px;
  border-radius: 10px;
  display: flex;
  flex-direction: column; }
  #part-instance-menu .back-btn {
    padding: 10px 12px 6px 12px;
    cursor: pointer;
    font-weight: bold;
    color: #444;
    flex-shrink: 0; }
    #part-instance-menu .back-btn:hover {
      color: #3392FC; }
  #part-instance-menu .menu-content {
    max-height: 350px;
    overflow-y: auto;
    flex: 1; }
  #part-instance-menu .section-header {
    background: #f7f7f7;
    padding: 6px 12px;
    font-weight: bold;
    font-size: 13px; }
  #part-instance-menu ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #part-instance-menu ul li {
      padding: 8px 12px;
      border-bottom: 1px solid #eee;
      display: flex;
      align-items: center;
      cursor: pointer;
      transition: background-color 0.2s ease; }
      #part-instance-menu ul li:hover {
        background-color: rgba(51, 146, 252, 0.1); }
      #part-instance-menu ul li.menu-selected-bg {
        background-color: rgba(51, 146, 252, 0.15); }
      #part-instance-menu ul li a {
        text-decoration: underline;
        margin-right: 8px;
        color: #3392FC; }
        #part-instance-menu ul li a:hover {
          color: #0477f8; }

.quantity-box {
  font-size: 16px !important; }

.white_div {
  background-color: white;
  padding: 1em;
  margin-bottom: 1em;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }

.cadIconContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25em;
  width: 1.7em;
  height: 1.7em;
  padding: 0.5em;
  text-align: center;
  line-height: 1.5em;
  border-radius: 1.7em;
  cursor: pointer;
  transition: 0.3s; }

.cadIconContainer:hover {
  opacity: 0.8; }

.cadIconContainerWidth {
  width: 10vw; }

@media screen and (max-width: 992px) {
  .tableWidth100 input {
    width: 100% !important; }
  .cadIconContainerWidth {
    width: initial; } }

.myOrdersBlue {
  color: #3392FC; }

.customersGreen {
  color: #069456; }

.customersGreen {
  color: #069456; }
  .customersGreen .blob_unreadEnquiries {
    border-left: #069456 3px solid; }
  .customersGreen .btn.unreadcomment {
    border: solid 1px #069456;
    position: relative; }
  .customersGreen .btn.unreadcomment:hover {
    border: solid 1px #069456; }
  .customersGreen .blob_unreadEnquiries {
    border-left: #069456 3px solid; }
  .customersGreen .blob_orders {
    color: #069456; }
  .customersGreen .blob_order {
    color: #069456; }

.dPlusTabs ul .customersGreen.active a {
  border-bottom-color: #069456;
  padding-bottom: 15px; }

.sub-tabs ul .customersGreen.active a {
  border-bottom-color: #069456; }

.customersGreen a:active:hover, .customersGreen a:link:hover, .customersGreen a:visited:hover {
  color: #069456; }

.customersGreen .badge-small {
  background: rgba(6, 148, 86, 0.5); }

.dPlusTabs {
  background-color: white;
  padding: 1.5% 2% 0% 0%;
  border-top: 1px solid #D2DAE5;
  position: relative; }
  .dPlusTabs ul .sub-tabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #D2DAE5; }
  .dPlusTabs ul li {
    margin: 0 40px -1px 0;
    padding: 0px;
    display: inline-flex; }
  .dPlusTabs ul li.active a {
    border-bottom-color: #3392FC;
    padding-bottom: 15px; }
  .dPlusTabs ul li a {
    border-bottom: 3px solid transparent;
    color: #373D45;
    cursor: pointer; }

/* Dealer Plus Order Green Styling */
.dpGreenOrder .btn.primary, .dpGreenOrder .btn-primary {
  color: #FFFFFF;
  background-color: #069456;
  border-color: #069456; }

.dpGreenOrder .btn.primary:hover, .dpGreenOrder .btn.primary .active, .dpGreenOrder .btn-primary:hover, .dpGreenOrder .btn-primary .active {
  color: #FFFFFF;
  background-color: #047c48; }

.dpGreenOrder .btn.primary-outline {
  color: #069456;
  background: #FFFFFF;
  border: solid 1px #069456; }

.dpGreenOrder .btn.primary-outline:hover, .dpGreenOrder .btn.primary-outline .active {
  color: #FFFFFF;
  background: #047c48; }

.dpGreenOrder .btn small primary {
  color: #FFFFFF;
  background-color: #069456;
  border-color: #069456; }

.dpGreenOrder input[type="checkbox"]:checked {
  border: 1px solid #047c48;
  background: #069456;
  color: #fff; }

.dpGreenOrder a:active .fa-fw, .dpGreenOrder a:link .fa-fw, .dpGreenOrder a:visited {
  color: #069456; }

.dpGreenOrder .badge-pill.primary {
  border-color: #069456;
  color: #069456; }

.dpGreenOrder .btn-primary:not(:disabled):not(.disabled).active, .dpGreenOrder .btn-primary:not(:disabled):not(.disabled):active, .dpGreenOrder .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #069456;
  border-color: #047c48; }

.dpGreenOrders.badge-pill.primary {
  border-color: #069456;
  color: #069456; }

.dpGreenOrders.sub-tabs ul li.active a {
  border-bottom-color: #069456; }

.dpGreenModal.btn.primary, .dpGreenModal.btn-primary {
  color: #FFFFFF;
  background-color: #069456;
  border-color: #069456; }

.dpGreenModal.btn.primary:hover, .dpGreenModal.btn.primary .active, .dpGreenModal.btn-primary:hover, .dpGreenModal.btn-primary .active {
  color: #FFFFFF;
  background-color: #047c48; }

.dpGreenModal.btn.primary-outline {
  color: #069456;
  background: #FFFFFF;
  border: solid 1px #069456; }

.dpGreenModal.input-group-text-btn {
  padding: 0.375rem 1.5rem;
  color: #FFFFFF;
  background: #069456;
  font-size: 1em;
  font-weight: bold;
  border: #069456 solid 2px; }

.dpGreenModal.radio {
  accent-color: #069456; }

@media only screen and (max-width: 900px) {
  .table_contents .mobileClassAlignmentDp {
    justify-content: end; } }

/* Dealer Plus Master Part Page */
.customCardBody {
  border-bottom: 2px dashed lightgrey;
  margin-bottom: 1em; }

.modal-body .underline {
  border-bottom: 1px dashed lightgrey;
  margin-bottom: 0.75em !important;
  padding-bottom: 0.35em; }

/* Default Nav */
.scrollable-col-default {
  height: calc(100vh - 56px);
  overflow-y: auto;
  overflow-x: hidden; }

/* On Behalf Of Nav */
.scrollable-col-on-behalf {
  height: calc(100vh - 112px);
  overflow-y: auto;
  overflow-x: hidden; }

.stickyButton {
  position: sticky;
  bottom: 0; }

.basketButtonWidth {
  width: 200px;
  text-align: center; }

.mobile-orientation-alert {
  display: none;
  /* By default, it's hidden */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #313131;
  z-index: 9999;
  /* Ensures it's on top of everything else */
  color: white; }

.customerPdfViewer.vertical {
  width: 100%; }

@media (max-width: 767.98px) and (orientation: portrait) {
  .mobile-orientation-alert {
    display: flex; } }

.pdfHeader {
  width: 100%;
  height: 100%;
  min-height: 56px;
  background: #FFFFFF;
  position: relative;
  z-index: 10;
  -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  padding: 0% 2.5%; }

.thumb-cell-box-shadow {
  -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06); }

.partColumnWidth {
  right: 0;
  z-index: 2;
  background: white;
  min-width: 400px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.06); }

.heightVh100 {
  min-height: 40vh !important; }

.hoverActiveLink {
  transition: ease-in-out 0.2s;
  color: #007bff; }

.hoverActiveLink:hover {
  color: #00438a; }

.container-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.orderSumary {
  position: relative; }

.totalSection {
  background-color: #f9f9f9;
  border-top: lightgrey 1px solid;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  margin-left: -1em;
  margin-right: -1em;
  position: absolute;
  bottom: 0;
  width: 100%; }
  .totalSection-content {
    padding: 1em;
    justify-content: space-between;
    align-items: center; }

.shipping-option-table {
  margin: 12px 0; }
  .shipping-option-table thead {
    background-color: #FFFFFF; }
  .shipping-option-table thead th,
  .shipping-option-table td {
    border: none; }
  .shipping-option-table tr {
    border-bottom: 1px solid #D2DAE5; }
  .shipping-option-table tr:nth-child(even) {
    background-image: none; }

.cadTooltip {
  position: relative;
  display: inline-block;
  cursor: pointer; }

.cadTooltip .cadTooltiptext {
  visibility: hidden;
  width: 350px;
  background-color: #FDFF8F;
  color: black;
  border: black solid 2px;
  text-align: left;
  border-radius: 6px;
  padding: 10px;
  font-size: 0.9em;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 100%;
  margin-left: 15px;
  opacity: 0;
  transition: opacity 0.3s; }

.cadTooltip:hover .cadTooltiptext {
  visibility: visible;
  opacity: 1; }

.cadBlue {
  color: #007bff; }

.cursor-pointer {
  cursor: pointer; }

.inline-width-btn {
  min-width: 55px;
  min-height: 50px; }
  @media (max-width: 992px) {
    .inline-width-btn {
      min-height: 38px; } }

.inline-quantity-input {
  width: 80px !important;
  /* Base width */
  min-width: 60px !important;
  max-width: 100% !important;
  padding: 0.375rem 0.75rem; }

@media (max-width: 768px) {
  .inline-quantity-input {
    width: 60px !important; } }

@media (max-width: 576px) {
  [data-label="Quantity"] .inline-quantity-input {
    width: 100% !important;
    max-width: 120px !important; } }

.tooltip-container .inline-tooltip-trigger {
  background: none;
  border: none;
  color: #007bff;
  padding: 0;
  text-align: left;
  font-size: medium; }

.supersession-nowrap {
  white-space: nowrap; }

.basket-container {
  background-color: #FFFFFF;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  border: 1px solid #DDDDDD;
  width: 100%;
  max-width: 30vw;
  min-width: 30vw;
  max-height: 47vh;
  height: auto;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1; }
  .basket-container.banner-active {
    max-height: 40vh; }
  @media (max-width: 992px) {
    .basket-container {
      max-width: 50vw;
      min-width: 50vw;
      max-height: 80vh; } }
  @media (max-width: 768px) {
    .basket-container {
      max-width: 50vw;
      min-width: 50vw;
      max-height: 80vh; } }
  @media (max-width: 576px) {
    .basket-container {
      max-width: 50vw;
      min-width: 50vw;
      max-height: 80vh; } }

.basket-container .basket-heading {
  background-color: #F1F1F1;
  padding: 1rem;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem; }

.basket-container .basket-content {
  flex: 1;
  overflow-y: auto;
  max-height: 40vh;
  border-bottom: solid 1px lightgrey; }

.basket-container .table-no-responsive {
  width: 100%;
  table-layout: fixed; }

.basket-container .table-no-responsive th,
.basket-container .table-no-responsive td {
  word-wrap: break-word; }

.basket-container .btn {
  margin: 1rem;
  align-self: flex-end; }

.pallet-container {
  background-color: #FFFFFF;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  border: 1px solid #DDDDDD;
  width: 100%;
  max-width: 30vw;
  min-width: 30vw;
  max-height: 45vh;
  overflow-y: auto; }
  @media (max-width: 992px) {
    .pallet-container {
      max-width: 50vw;
      min-width: 50vw;
      max-height: 80vh; } }
  .pallet-container .keep-width {
    min-width: 140px; }
  .pallet-container .eye-button {
    background-color: white;
    border: 1px solid #ccc;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px; }
    .pallet-container .eye-button i {
      font-size: 15px;
      color: #333; }
  .pallet-container .options-container .options-header {
    display: flex;
    align-items: center;
    margin-bottom: 1rem; }
    .pallet-container .options-container .options-header i {
      font-size: 1em; }
    .pallet-container .options-container .options-header .options-title {
      font-size: 1em;
      font-weight: bold;
      margin-right: 1rem;
      font-weight: bold; }
    .pallet-container .options-container .options-header .options-description {
      font-size: 1em;
      color: #666; }
  .pallet-container .options-container .option-set-wrapper {
    max-height: 225px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    position: relative; }
    @media (max-width: 992px) {
      .pallet-container .options-container .option-set-wrapper {
        max-height: 150px; } }
  .pallet-container .options-container .option-set-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid #ccc;
    padding-left: 5px;
    margin-bottom: 5px;
    padding-right: 5px; }
    .pallet-container .options-container .option-set-container:hover {
      background-color: #f9f9f9; }
    .pallet-container .options-container .option-set-container.selected {
      border: 2px solid #3392FC; }
    .pallet-container .options-container .option-set-container:last-child {
      margin-bottom: 0; }
    .pallet-container .options-container .option-set-container:last-child:not(.selected) {
      margin-bottom: 0;
      border-bottom: 0; }
    .pallet-container .options-container .option-set-container:first-child:not(.selected) {
      border-top: 0; }
    .pallet-container .options-container .option-set-container input[type="radio"] {
      appearance: none;
      position: absolute;
      opacity: 0;
      width: 0;
      height: 0; }
    .pallet-container .options-container .option-set-container .option-content {
      display: flex;
      flex-direction: column;
      cursor: pointer;
      padding: 0;
      margin: 0;
      border-radius: 5px;
      width: 100%; }
    .pallet-container .options-container .option-set-container .option-details {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .pallet-container .options-container .option-set-container .option-details .top-row,
      .pallet-container .options-container .option-set-container .option-details .bottom-row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 5px; }
        .pallet-container .options-container .option-set-container .option-details .top-row .truncate-description,
        .pallet-container .options-container .option-set-container .option-details .bottom-row .truncate-description {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden; }
      .pallet-container .options-container .option-set-container .option-details .part-number,
      .pallet-container .options-container .option-set-container .option-details .description,
      .pallet-container .options-container .option-set-container .option-details .price,
      .pallet-container .options-container .option-set-container .option-details .stock {
        flex: 1; }
        .pallet-container .options-container .option-set-container .option-details .part-number strong,
        .pallet-container .options-container .option-set-container .option-details .description strong,
        .pallet-container .options-container .option-set-container .option-details .price strong,
        .pallet-container .options-container .option-set-container .option-details .stock strong {
          color: #9BA9B7;
          font-weight: lighter;
          font-size: 14px;
          margin-bottom: 0.2em; }
      .pallet-container .options-container .option-set-container .option-details .description,
      .pallet-container .options-container .option-set-container .option-details .stock {
        align-self: flex-start; }
  .pallet-container .part-number,
  .pallet-container .description,
  .pallet-container .price,
  .pallet-container .stock {
    flex: 1; }
    .pallet-container .part-number strong,
    .pallet-container .description strong,
    .pallet-container .price strong,
    .pallet-container .stock strong {
      color: #9BA9B7;
      font-weight: lighter;
      font-size: 14px;
      margin-bottom: 0.2em; }
  .pallet-container .description,
  .pallet-container .stock {
    align-self: flex-start; }
  .pallet-container small {
    font-size: 0.75em; }
  .pallet-container .price {
    grid-area: price; }
  .pallet-container .quantity-box {
    height: 40px;
    width: 80px; }
  .pallet-container .add-item {
    height: auto;
    width: 100%;
    background-color: #d4e8fe;
    padding: 1rem; }
    .pallet-container .add-item small.label {
      font-size: 0.7em;
      font-weight: 600;
      text-transform: uppercase; }
  .pallet-container .parts-pallet-info {
    display: grid;
    grid-template-areas: "partNumber description" "altPartNumber price";
    grid-template-columns: 0.8fr 1fr; }
  .pallet-container .alt-part-number {
    grid-area: altPartNumber; }
  .pallet-container .pallet-heading {
    background-color: #F1F1F1; }
  .pallet-container .optionSetIcon {
    width: 35px;
    height: 35px;
    background-color: #007bff;
    border-radius: 50%;
    color: white; }

.non-modeled-parts {
  background: #F2F6F9;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 10;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.16); }
  .non-modeled-parts .non-modeled-contents {
    display: flex;
    flex-direction: column;
    height: 100%; }

.basket-box {
  max-height: 25vh;
  overflow: auto;
  border-bottom: solid 1px lightgrey; }
  .basket-box .table {
    table-layout: auto;
    width: 100%; }
    .basket-box .table th:nth-child(1),
    .basket-box .table td:nth-child(1) {
      width: 45%;
      min-width: 120px;
      white-space: nowrap; }
    .basket-box .table th:nth-child(2),
    .basket-box .table td:nth-child(2) {
      width: 55%;
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis; }

.stock-indicator,
.stock-value {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px; }

.viewable-item {
  background: #F8F9FA;
  padding: 0.5em;
  border: solid 2px #DEE2E7;
  border-radius: 5px; }

.viewable-item-assigned {
  background: #F0F7FF;
  padding: 0.5em;
  border: solid 2px #3395FF;
  border-radius: 5px; }

.viewable-item-disabled {
  background: #F8F9FA;
  padding: 0.5em;
  border: solid 2px #DEE2E7;
  border-radius: 5px;
  opacity: 0.5; }
  .viewable-item-disabled .font-weight-bold {
    color: #6c757d !important; }
  .viewable-item-disabled input[type="checkbox"] {
    cursor: not-allowed;
    opacity: 0.6; }
  .viewable-item-disabled * {
    color: #6c757d !important; }
  .viewable-item-disabled span[style*="background-color"] {
    background-color: #e9ecef !important;
    opacity: 0.7; }

.publication-details-section,
.viewables-section,
.featured-image-section,
.additional-image-section {
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem; }

.manage-categories-modal-body .scrollable-list {
  max-height: 300px;
  overflow-y: auto;
  margin-bottom: 1rem;
  border: 1px solid #dee2e6;
  border-radius: .25rem; }

.manage-categories-modal-body .category-item {
  cursor: pointer;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }
  .manage-categories-modal-body .category-item:focus-within {
    box-shadow: none; }

.manage-categories-modal-body .list-group-item input[type="checkbox"] {
  width: auto; }

.search-input-wrapper {
  position: relative;
  display: flex;
  flex-grow: 1;
  align-self: stretch; }
  .search-input-wrapper .form-control {
    padding-right: 2.5rem;
    height: 100%; }
  .search-input-wrapper .clear-search-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 100;
    line-height: 1;
    font-size: 2.5rem;
    color: #6c757d; }
    .search-input-wrapper .clear-search-icon:hover {
      color: #343a40; }

.border.rounded {
  display: flex;
  flex-direction: column;
  overflow: hidden; }

.col-md.py-3.border.rounded:not(.selected-viewables-container) .viewable-item,
.col-md.py-3.border.rounded:not(.selected-viewables-container) .viewable-item-assigned,
.col-md.py-3.border.rounded:not(.selected-viewables-container) .viewable-item-disabled {
  margin-right: 8px;
  word-wrap: break-word;
  overflow-wrap: break-word; }

.available-viewables-scroll-container {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  max-height: 550px !important;
  padding: 0 8px 8px 0; }
  .available-viewables-scroll-container::-webkit-scrollbar {
    width: 6px; }
  .available-viewables-scroll-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px; }
  .available-viewables-scroll-container::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px; }
    .available-viewables-scroll-container::-webkit-scrollbar-thumb:hover {
      background: #a8a8a8; }
  .available-viewables-scroll-container .viewable-item,
  .available-viewables-scroll-container .viewable-item-assigned,
  .available-viewables-scroll-container .viewable-item-disabled {
    margin-right: 8px;
    word-wrap: break-word;
    overflow-wrap: break-word; }

.selected-viewables-container .selected-viewables-scroll-container {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  max-height: 700px !important;
  padding: 0 8px 8px 0; }
  .selected-viewables-container .selected-viewables-scroll-container::-webkit-scrollbar {
    width: 6px; }
  .selected-viewables-container .selected-viewables-scroll-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px; }
  .selected-viewables-container .selected-viewables-scroll-container::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px; }
    .selected-viewables-container .selected-viewables-scroll-container::-webkit-scrollbar-thumb:hover {
      background: #a8a8a8; }

.selected-viewables-container .viewable-item,
.selected-viewables-container .viewable-item-assigned,
.selected-viewables-container .viewable-item-disabled {
  margin-right: 8px;
  word-wrap: break-word;
  overflow-wrap: break-word; }

@media (max-width: 768px) {
  .col-auto.d-flex.flex-column.justify-content-center.align-items-center {
    width: 100% !important;
    padding: 15px 0 !important;
    min-height: 60px !important; }
    .col-auto.d-flex.flex-column.justify-content-center.align-items-center .fa-chevron-right {
      font-size: 18px !important; }
      .col-auto.d-flex.flex-column.justify-content-center.align-items-center .fa-chevron-right:before {
        content: "\f078" !important; }
  .img-thumbnail-container {
    width: calc(100vw - 40px) !important;
    max-width: 300px !important;
    height: 180px !important;
    margin: 0 auto !important; }
    .img-thumbnail-container img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important; }
    .img-thumbnail-container .d-flex.align-items-center.justify-content-center {
      width: 100% !important;
      height: 100% !important; }
  .card-body {
    padding: 15px !important;
    text-align: center !important; }
    .card-body .mb-3 {
      display: flex !important;
      justify-content: center !important; }
    .card-body .d-flex.align-items-center {
      justify-content: center !important; }
  .container-fluid {
    padding-left: 10px !important;
    padding-right: 10px !important; }
  .viewables-section .col-md,
  .viewables-section .col-auto {
    padding-left: 5px !important;
    padding-right: 5px !important; }
  .btn {
    padding: 8px 16px !important;
    font-size: 14px !important; }
  .card {
    margin-left: 0 !important;
    margin-right: 0 !important; }
    .card .card-header {
      padding: 10px 15px !important; }
  .container-fluid {
    padding-bottom: 120px !important; }
  .dropdown-menu {
    z-index: 1050 !important;
    max-height: 180px !important; }
    .dropdown-menu[aria-labelledby="customerSelect"] {
      transform: translateY(-100%) !important;
      top: auto !important;
      bottom: 100% !important;
      margin-bottom: 5px !important; }
  .cadSplitDropdown.sticky {
    bottom: 10px !important;
    right: 10px !important;
    padding: 8px !important; }
    .cadSplitDropdown.sticky .btn {
      font-size: 14px !important;
      padding: 6px 12px !important; } }

/* cadSplitDropdown */
.cadSplitDropdown {
  min-width: 96px; }

/* Sticky split button dropdown */
.cadSplitDropdown.sticky {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  background-color: white;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }

.cadSplitDropdown .dropdown-menu {
  margin-left: -12.365rem;
  transition: visibility 0s, opacity 0.3s linear;
  position: absolute;
  transform: translate3d(0px, 33px, 0px) !important;
  top: 0;
  left: 0;
  overflow-y: visible; }

/* Dropdown that appears above the button */
.cadSplitDropdown.dropup .dropdown-menu {
  transform: translate3d(0px, -100%, 0px) !important;
  top: 0;
  margin-top: -5px;
  padding-bottom: 8px;
  max-height: none;
  height: auto !important;
  min-height: fit-content !important;
  overflow: visible !important;
  z-index: 1000; }

.cadSplitDropdown .dropdown-menu a {
  font-size: 0.9em; }

.cadSplitDropdown .dropdown-menu a:hover {
  color: #0477f8;
  text-decoration: underline; }

.btn-group > .dropdown-toggle-split:active {
  /*Without this, clicking will make it sticky*/
  pointer-events: none; }

.cadSplitDropdown .dropdown-menu a.delete:hover {
  color: #a94442;
  text-decoration: underline; }

.cadSplitDropdown .dropdown-toggle-split:hover + .dropdown-menu,
.cadSplitDropdown .dropdown-menu:hover {
  display: block; }

.cadSplitDropdown .dropdown-menu::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-bottom: 12px solid #fff;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  position: absolute;
  top: -12px;
  right: 6.5%; }

/* Arrow for dropup menu */
.cadSplitDropdown.dropup .dropdown-menu::before {
  border-top: 12px solid #fff;
  border-bottom: none;
  top: auto;
  bottom: -12px; }

.cadSplitDropdown .dropdown-split {
  position: relative; }

@media (max-width: 992px) {
  .cadSplitDropdown .dropdown-menu {
    transform: translate3d(0px, 32px, 0px); }
  .cadSplitDropdown .dropdown-toggle-split:hover + .dropdown-menu,
  .cadSplitDropdown .dropdown-menu:hover {
    display: none; } }

.search-filter .input-group .form-control-clear {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
  background: transparent; }

.search-filter .input-group .input-group-append {
  position: relative; }

.search-filter .input-group .fa-times {
  color: #aaa;
  font-size: 1.5em; }

.search-filter .input-group.has-search > .form-control {
  padding-left: 3rem; }

.has-search .form-control-feedback {
  position: absolute;
  z-index: 5;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa; }

.chBox {
  margin: auto;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }

.chBox span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0); }

.chBox span:first-child {
  position: relative;
  min-width: 18px;
  height: 18px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #9098A9;
  transition: all 0.2s ease; }

.chBox span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0); }

.chBox span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #506EEC;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%; }

.chBox span:last-child {
  padding-left: 8px; }

.chBox:hover span:first-child {
  border-color: #506EEC; }

.inp-chBox:checked + .chBox span:first-child {
  background: #506EEC;
  border-color: #506EEC;
  animation: wave 0.4s ease; }

.inp-chBox:checked + .chBox span:first-child svg {
  stroke-dashoffset: 0; }

.inp-chBox:checked + .chBox span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease; }

@keyframes wave {
  50% {
    transform: scale(0.9); } }

input[type="radio"] {
  height: 16px;
  width: auto; }

.addToBasketBtn {
  width: 140px;
  margin-right: 16px;
  color: white; }

.parts-accordion .panel-group .panel .panel-heading {
  color: #fff;
  background-color: #337ab7; }

.parts-accordion .panel-group .panel .panel-heading .span {
  color: #fff; }

.white {
  color: white; }

.number-cards {
  width: calc(50% - 24px);
  float: left;
  position: relative;
  height: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: .25rem;
  margin: 8px 0px 0px 8px; }

.number-cards .card-header {
  background-color: #F2F6F9;
  text-transform: uppercase;
  font-weight: 700;
  border-top: 1px solid #D2DAE5;
  border-bottom: 1px solid #D2DAE5;
  font-size: 0.875em; }

.page-body {
  padding: 0px 32px; }

.inline-box {
  display: inline-block; }

.disabled-dropdown {
  background-color: #D2DAE5;
  border: 1px solid #697380;
  border: 1px solid #697380; }

.master-part-text {
  display: inline-block;
  width: 75%; }

.master-part-buttons {
  display: inline-block;
  width: 25%;
  float: right; }
  .master-part-buttons button {
    float: right; }

.master-part-text-kit {
  display: inline-block;
  width: 60%; }

.master-part-buttons-kit {
  display: inline-block;
  width: 40%;
  float: right; }
  .master-part-buttons-kit button {
    float: right; }

.recentlyOrderedPanel {
  padding-bottom: 16px;
  padding-right: 16px;
  padding-top: 16px; }

.frequentlyOrderedPanel {
  padding-bottom: 16px;
  padding-left: 16px;
  padding-top: 16px; }

.dropdown {
  position: relative;
  display: inline-block; }

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  position: absolute;
  background-color: #f9f9f9;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  padding: 0; }

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block; }

.dropdown-content li {
  list-style-type: none; }

/* Change color of dropdown links on hover */
.dropdown-content li:hover {
  background-color: #3392FC;
  color: #ffffff; }