$syscoBlue: #008cd2; $syscoGrey: #727b83; $syscoGreen: #56b146; $syscoLightBlue: #64aef2; $syscoLightGreen: #98d770; $syscoMedGreen: #375f1b; $syscoDarkGreen: #006f47; $syscoYellow: #eeac0f; $syscoRed: #a1192c; $syscoBlack: #2a2f33; $syscolightGrey: #e4e5e6; $syscoFont: Verdana,sans-serif; $allsopOrangeRed: #EE3436; $allsopPurple: #93264C; $allsopRed: #C00000; $allsopGrey: #D9D9D9; .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell .datatable-header-cell-template-wrap{white-space:normal;font-size:12px;line-height:1.2em;height:4em}.modal .modal-content .modal-header{background:$allsopPurple;color:#fff}.selected-item{border:1px solid $allsopOrangeRed!important;margin-right:4px;background:$allsopOrangeRed!important;padding:0 5px;color:#fff;border-radius:2px;float:left;max-width:200px!important}.lp-closed .lp-sidebar,.lp-opened-sidebar .lp-sidebar{background:$syscoBlack!important;border:none}.btn.btn-secondary{background-color:$syscoGrey;color:#fff;border-color:$syscoGrey;font-weight:600;margin:2px}.multiselect-dropdown.dropdown-btn .selected-item-container .selected-item{border:1px solid $allsopOrangeRed!important;margin-right:4px;background:$allsopOrangeRed!important;padding:0 5px;color:#fff;border-radius:2px;float:left;max-width:200px}.multiselect-item-checkbox[_ngcontent-ng-c3507057002] input[type=checkbox]+div[_ngcontent-ng-c3507057002]:before{color:$allsopOrangeRed!important;border:2px solid $allsopOrangeRed!important}.btn.btn-secondary:hover{background-color:$allsopGrey!important;color:#fff;border-color:$allsopGrey!important}.text-primary,.text-secondary{color:$allsopOrangeRed!important}.btn.btn-outline-primary{color:$allsopOrangeRed;border-color:$allsopOrangeRed}.accordion-button:not(.collapsed){color:#fff;background-color:$allsopPurple;box-shadow:inset 0 -1px #0814491a}.nav-tabs .nav-item .nav-link{color:$syscoGrey;background-color:$allsopGrey}.nav-tabs .nav-item .nav-link.active{color:#fff;background-color:$syscoGrey}.form-check-input:checked{background-color:$allsopOrangeRed;border-color:#0814491a}.confirmation .confirmation-dialog .footer .confirmation-button{background-color:$allsopPurple;color:#fff}a{color:$allsopOrangeRed;text-decoration:underline}.confirmation .confirmation-dialog .footer .confirmation-button:hover{background-color:$allsopGrey;color:#fff}.lp-icon:hover{color:$allsopOrangeRed}.nav-pills.flex-column .nav-link.active{border:2px solid $allsopPurple;background:$allsopPurple;color:#fff}.form-control:active{font-size:1em;border-color:$allsopOrangeRed;color:#000!important}.lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.current>ul .active-page>a:before,.lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.current>ul .current>a:before{color:$allsopOrangeRed!important}.lp-text:hover{color:$allsopOrangeRed}.lp-icon:hover{color:$allsopOrangeRed!important}.btn,.lp-sidebar a,.navbar-brand,header a{font-family:$syscoFont;font-weight:400;font-size:16px}.lp-sidebar-navi ul li{margin:5px 10px;border-radius:4px;display:block;position:relative;background-color:$syscoBlack!important}.btn.btn-primary{background-color:$allsopPurple!important;color:#fff;font-weight:600;border:none}.navbar-brand{width:180px;height:80px;background-image:url(allsop-logo.e79d536d916ff488.png);background-size:180px;background-repeat:no-repeat;z-index:106;top:5px;left:56px;position:absolute}.syscoButton{background-color:$allsopPurple!important;color:#fff;font-weight:600;margin:2px}.headerTitle{border:2px solid $allsopPurple;background:$allsopPurple;color:#fff}.syscoButton:hover{background-color:$allsopGrey!important;color:#fff}.resetButton:hover{background-color:$allsopGrey!important;color:#131212;font-weight:600}.ngx-datatable.material .datatable-footer .datatable-pager li.active a{background-color:$syscoGrey;color:#fff}.form-switch .btn.form-check-input:checked{background-color:$allsopOrangeRed}@media screen and (max-width: 991px){header{background:$syscoBlack;height:60px}#header .navbar-brand{background:url(allsop-logo.e79d536d916ff488.png) no-repeat 20px;background-size:180px;left:-10px;top:5px;border:white}.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}.error-message{color:$syscoRed}.success-message{color:$syscoGreen}.flag-icon.flag-icon-squared{display:none}.abp-account-layout .card .card-header .navbar-nav .nav-item .btn.dropdown-toggle span.current-language-name{display:inline-block}abp-personal-settings-verify-button{display:none}abp-users abp-user-dropdown-menu #Import{display:none}#userForm abp-extensible-form-prop:has(label[for=shouldChangePasswordOnNextLogin]){display:none}#userForm ul.nav-tabs li.nav-item{flex-grow:1}#userForm ul.nav-tabs li.nav-item .nav-link{padding:1.25rem 1rem}powerbi-report>div{height:100vh}.modal-backdrop.show{opacity:.65;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio: 1.25){html{zoom:80%}}@media (-webkit-min-device-pixel-ratio: 1.5){html{zoom:67%}.lp-closed .lp-sidebar .lp-sidebar-wrapper,.lp-opened-sidebar .lp-sidebar .lp-sidebar-wrapper{position:absolute!important;left:0;top:54px;padding:10px 0;width:100%;height:calc(100vh - 54px);overflow:hidden}}@media (-webkit-min-device-pixel-ratio: 2){html{zoom:50%}}@media (-webkit-min-device-pixel-ratio: 2.5){html{zoom:40%}}.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell .datatable-header-cell-template-wrap{white-space:normal;font-size:12px;line-height:1.2em;height:4em}.modal-open{overflow:hidden}.modal .modal-content .modal-header{background:#93264C;color:#fff}.buffer{float:right;margin-right:30px}.navbar-fixed-bottom{position:fixed;bottom:0;left:0;right:0;height:60px;background-color:#fff;padding-top:10px}.me-auto{display:none}p{word-break:break-word;white-space:pre-wrap}.selected-item{border:1px solid #EE3436!important;margin-right:4px;background:#EE3436!important;padding:0 5px;color:#fff;border-radius:2px;float:left;max-width:200px!important}.lp-footer{display:none}.lp-closed .lp-sidebar,.lp-opened-sidebar .lp-sidebar{background:#2a2f33!important;border:none}.infoMessage{float:right;color:#9e9e9e;padding:10px}.infoIcon{color:#9e9e9e}.infoIconHover,.info-message-flex{display:none}.infoIcon:hover+.infoIconHover{display:block;color:red;float:right;font-size:12px;padding-left:5px}.infoIcon:hover~.info-message-flex{display:block;color:red;font-size:12px}.rightAlign{text-align:right}.form-control{border:1px solid #adadad!important;background-color:#fff!important}.form-control-disabled{background-color:#eee!important}input[readonly]{background-color:#eceeef!important}.spacing{padding-bottom:20px}.btn.btn-secondary{background-color:#727b83;color:#fff;border-color:#727b83;font-weight:600;margin:2px}.multiselect-dropdown.dropdown-btn .selected-item-container .selected-item{border:1px solid #EE3436!important;margin-right:4px;background:#EE3436!important;padding:0 5px;color:#fff;border-radius:2px;float:left;max-width:200px}.multiselect-item-checkbox[_ngcontent-ng-c3507057002] input[type=checkbox]+div[_ngcontent-ng-c3507057002]:before{color:#ee3436!important;border:2px solid #EE3436!important}.btn.btn-secondary:hover{background-color:#d9d9d9!important;color:#fff;border-color:#d9d9d9!important}.text-primary,.text-secondary{color:#ee3436!important}.btn.btn-outline-primary{color:#ee3436;border-color:#ee3436}.form-control .ng-pristine .ng-valid .ng-touched{border-color:#008cd2}.accordion-button:not(.collapsed){color:#fff;background-color:#93264c;box-shadow:inset 0 -1px #0814491a}.lp-sidebar-wrapper{position:absolute!important;left:0;top:54px;padding:10px 0;width:100%;height:calc(100vh - 54px);overflow-y:auto}.enableHover{pointer-events:auto}.nav-tabs .nav-item .nav-link{color:#727b83;background-color:#d9d9d9}.nav-tabs .nav-item .nav-link.active{color:#fff;background-color:#727b83}.form-check-input:checked{background-color:#ee3436;border-color:#0814491a}.confirmation .confirmation-dialog .footer .confirmation-button{background-color:#93264c;color:#fff}a{color:#ee3436;text-decoration:underline}.confirmation .confirmation-dialog .footer .confirmation-button:hover{background-color:#d9d9d9;color:#fff}.lp-icon:hover{color:#ee3436}.nav-pills.flex-column .nav-link.active{border:2px solid #93264C;background:#93264C;color:#fff}.form-control:active{font-size:1em;border-color:#ee3436;color:#000!important}.lp-sidebar-navi ul li.active-page>a>span.lp-icon,.lp-closed .lp-sidebar .lp-sidebar-navi ul li.current>a>span.lp-icon,.lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.active-page>a>span.lp-icon,.lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.current>a>span.lp-icon{color:#fff}.lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.current>ul .active-page>a:before,.lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.current>ul .current>a:before{color:#ee3436!important}.lp-icon,.lp-text{color:#fff}.lp-text:hover{color:#ee3436}.lp-icon:hover{color:#ee3436!important}.btn,.lp-sidebar a,.navbar-brand,header a{font-family:Verdana,sans-serif;font-weight:400;font-size:16px}.lp-sidebar-navi ul li{margin:5px 10px;border-radius:4px;display:block;position:relative;background-color:#2a2f33!important}.btn.btn-primary{background-color:#93264c!important;color:#fff;font-weight:600;border:none}.navbar-brand{width:180px;height:80px;background-image:url(allsop-logo.e79d536d916ff488.png);background-size:180px;background-repeat:no-repeat;z-index:106;top:5px;left:56px;position:absolute}.syscoButton{background-color:#93264c!important;color:#fff;font-weight:600;margin:2px}.headerTitle{border:2px solid #93264C;background:#93264C;color:#fff}.resetButton{background-color:#686868!important;color:#fff;font-weight:600}hr{border-top:1px solid rgb(119,118,118)}.filterButton{padding-top:25px}.addButton{margin-top:18px}.syscoButton:hover{background-color:#d9d9d9!important;color:#fff}.resetButton:hover{background-color:#d9d9d9!important;color:#131212;font-weight:600}.center{text-align:center}.productSearchButton{width:100px;height:50px;text-align:center;color:#fff;font-weight:600;padding:0}.report{height:1000px;margin:5px -15px -15px}:host ::ng-deep iframe{border:none}:host .ngx-datatable{height:auto;overflow-y:hidden}.topMargin{margin-top:18px!important}.flagWarning{color:red}.toggle{width:90px;margin-right:20px!important;margin-left:-20px!important}.textPadding{padding-top:10px}.alignment{float:right;padding:5px}.modal .modal-content .modal-body .nav-tabs:not(.nav-pills){box-shadow:none;margin:-24px -24px 0;size:"xl"}.ngx-datatable.material .datatable-footer .datatable-pager li.active a{background-color:#727b83;color:#fff}.ngx-datatable{height:auto}.nav-tabs{background:#fafafa;border:0;box-shadow:0 -2px 4px #0000000d;z-index:2;border-bottom-width:2px;border-bottom:0 solid rgba(8,20,73,.1)}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-tabs .nav-item{border:0;color:#000;position:relative;transition:border .2s ease-in}.required{color:red}.success{color:green}.form-horizontal .control-label{text-align:left}.user-filters{margin-bottom:40px}.form-group{margin-bottom:15px}.form-horizontal .form-group{margin-right:-5px;margin-left:-5px}.form-switch .btn.form-check-input{background-color:#ccc}.form-switch .btn.form-check-input:checked{background-color:#ee3436}@media screen and (max-width: 991px){header{background:#2a2f33;height:60px}#header .navbar-brand{background:url(allsop-logo.e79d536d916ff488.png) no-repeat 20px;background-size:180px;left:-10px;top:5px;border:white}.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}.modalHeight{height:250px}.modal-dialog.modal-xxl{max-width:90%}.italic{font-style:italic}.error-message{color:#a1192c}.success-message{color:#56b146}#identity-roles-wrapper ngx-datatable.ngx-datatable.fixed-header.scroll-horz.bordered.material,#identity-users-wrapper ngx-datatable.ngx-datatable.fixed-header.scroll-horz.bordered.material{overflow-y:auto}ngx-datatable{overflow-y:auto;overflow-x:auto}ngx-datatable.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell,ngx-datatable.ngx-datatable.material .datatable-header .datatable-header-cell{padding:5px;overflow-wrap:anywhere}ngx-datatable.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell:first-child,ngx-datatable.ngx-datatable.material .datatable-header .datatable-header-cell:first-child{margin-left:20px}ngx-datatable.ngx-datatable.material .datatable-header .datatable-header-cell,ngx-datatable .datatable-header-cell-template-wrap,ngx-datatable .datatable-body-row .datatable-body-cell{display:flex;align-items:center}ngx-datatable.ngx-datatable .datatable-body .datatable-body-row>div{align-items:center}ngx-datatable .datatable-body-row .datatable-body-cell p{white-space:wrap;margin:0}.modal-body ngx-datatable{overflow-y:auto;overflow-x:hidden}