@import url(../fonts/lato.v6.css);

body {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 16px
}

/* CSS for Header, Menu, Home Dashboard, EXPORT PACKING/UNIFIED VIEW */

.container--flush {
    padding: 0
}

.blankHeader {
    border-bottom: 1px solid #e5e5e5;
    height: 48px;
    margin-bottom: .5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.nav-item {
    list-style: none
}

.form-control {
    background-color: #f4f4f4;
    color: #232323
}

.scanAction {
    display: flex;
    align-items: center;
    margin: 1rem 0
}

.scanAction img {
    margin-right: 1rem
}

.scanAction p {
    margin: 0
}

.progress--sm {
    height: 3px
}

.progress--reverse {
    flex-direction: row-reverse
}

.no-margin-bottom {
    margin-bottom: 0 !important
}

.progress--fw {
    margin-bottom: .5rem
}

.text-tick {
    padding-left: 1.5rem;
    background: url("../img/success-icon-green.svg") no-repeat left
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: bold
}

.super-title {
    font-size: 2.875rem;
    line-height: 1.13
}

h1, .h1 {
    font-size: 2.25rem;
    line-height: 1.17
}

h2, .h2 {
    font-size: 1.75rem;
    line-height: 1.21
}

h3, .h3 {
    font-size: 18px;
    line-height: 22px
}

h4, .h4 {
    font-size: 16px;
    line-height: 22px
}

h5, .h5 {
    font-size: 14px;
    line-height: 20px
}

H6, .h6 {
    font-size: 0.813rem;
    line-height: 1.46
}

.body-copy-large-bold {
    font-size: 16px;
    line-height: 24px
}

.body-copy-large {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px
}

.body-sm {
    font-size: 13px;
    line-height: 16px
}

.body-sm-regular {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px
}

.panel {
    border: 1px solid #e5e5e5;
    padding: 1rem;
    border-radius: 4px;
    margin-bottom: .5rem
}

.panel--visible {
    flex-basis: 0;
    justify-content: space-between
}

.panel--hidden {
    margin-top: 1rem
}

.panel--flush {
    border-radius: 0;
    margin-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0
}

.panel--flush:first-of-type {
    border-top: 1px solid #e5e5e5
}

.itemImg {
    display: block;
    min-width: 60px;
    width: 60px
}

.itemImg img {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 4px
}

.label-data {
    margin-bottom: 1rem
}

.label-data p {
    margin: 0
}

.label-data .label {
    font-weight: normal
}

.expandable-visible-content {
    width: 100%
}

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

.expandable-buttons a {
    margin-left: .5rem
}

.expandable-info {
    padding-left: 1rem;
    width: 100%
}

.expandable-info label {
    margin: 0;
    font-size: 12px
}

.expandable-info label span {
    font-size: 20px
}

.expandable-info .tally-group {
    margin-top: .5rem
}

.expandable-info .tally-group:first-of-type {
    margin-top: 0
}

.panel--link {
    padding-bottom: 1rem;
    color: #232323
}

.panel--link img {
    margin-right: 1rem
}

.panel--link:hover {
    text-decoration: none;
    color: inherit
}

.alert {
    color: #232323;
    padding-left: 3rem;
    background-position: 0.75rem 0.75rem;
    background-repeat: no-repeat
}

.alert-link {
    color: black !important;
    text-decoration: underline
}

.alert--flush {
    border-radius: 0;
    margin-bottom: 0
}

.alert-dismissible .close {
    color: #232323;
    opacity: 1;
    text-shadow: none
}

.alert-float {
    position: absolute;
    top: 1rem;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 2rem);
    max-width: 540px
}

.alert-primary {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGVsbGlwc2UgY3g9IjEyIiBjeT0iMTIuMzI0MyIgcng9IjEyIiByeT0iMTIuMzI0MyIgZmlsbD0iIzIzMjMyMyIvPgo8cGF0aCBkPSJNMTEgMTkuNTEzNVY5LjA0NTU3SDEzVjE5LjUxMzVIMTFaTTExIDcuMjUwNzhWNS4xMzUxM0gxM1Y3LjI1MDc4SDExWiIgZmlsbD0iI0Q3RUJGRiIvPgo8L3N2Zz4K");
    border-color: #378adf
}

.alert-danger {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDEyQzI0IDE4LjY0IDE4LjY0IDI0IDEyIDI0QzUuMzYgMjQgMCAxOC42NCAwIDEyQzAgNS4zNiA1LjM2IDAgMTIgMEMxOC42NCAwIDI0IDUuMzYgMjQgMTJaTTEwLjQgNS42OEwxMS4xMiAxMy4yQzExLjIgMTMuNTIgMTEuMjggMTQuMTYgMTEuOTIgMTQuMTZIMTIuMTZDMTIuOCAxNC4xNiAxMi45NiAxMy41MiAxMy4wNCAxMy4xMkwxMy42IDUuNzZDMTMuNjggNS4yIDEzLjYgNC44IDEzLjM2IDQuNDhDMTMuMTIgNC4xNiAxMi43MiA0IDEyLjMyIDRIMTEuNzZDMTEuMjggNCAxMC45NiA0LjE2IDEwLjcyIDQuNEMxMC40IDQuNzIgMTAuMzIgNS4yIDEwLjQgNS42OFpNMTMuNjggMTguMTZDMTMuNjggMTcuMiAxMy4xMiAxNi42NCAxMi4xNiAxNi42NEgxMS44NEMxMC44OCAxNi42NCAxMC4zMiAxNy4yIDEwLjMyIDE4LjE2VjE4LjRDMTAuMzIgMTkuMzYgMTAuODggMTkuOTIgMTEuODQgMTkuOTJIMTIuMTZDMTMuMTIgMTkuOTIgMTMuNjggMTkuMzYgMTMuNjggMTguNFYxOC4xNloiIGZpbGw9IiMyMzIzMjMiLz4KPC9zdmc+Cg==");
    border-color: #dc3545
}

.alert-success {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS45OTk5IDI0QzE4LjYyNzQgMjQgMjQgMTguNjI4MiAyNCAxMkMyNCA1LjM3MTgzIDE4LjYyNzQgMCAxMS45OTk5IDBDNS4zNzIzMyAwIDAgNS4zNzE4MyAwIDEyQzAgMTguNjI4MiA1LjM3MjMzIDI0IDExLjk5OTkgMjRaTTE4LjAwMjkgOC45NjQyM0wxMC4xNjIzIDE2LjgwNjNMNS45OTc2OSAxMi42NDE2TDcuNjc1NCAxMC45NjVMMTAuMTYyMyAxMy40Mzk2TDE2LjMyNTQgNy4yODc2M0wxOC4wMDI5IDguOTY0MjNaIiBmaWxsPSIjMjMyMzIzIi8+Cjwvc3ZnPgo=");
    border-color: #28a745
}

.alert-warning {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjA5MDcgMTAuODAzOEMxMi4wOTA3IDExLjQwNjMgMTEuNjAyMiAxMS44OTQ3IDEwLjk5OTggMTEuODk0N0MxMC4zOTczIDExLjg5NDcgOS45MDg4NSAxMS40MDYzIDkuOTA4ODUgMTAuODAzOFY4LjM1NDA3QzkuOTA4ODUgNy43NTE1OCAxMC4zOTczIDcuMjYzMTYgMTAuOTk5OCA3LjI2MzE2QzExLjYwMjIgNy4yNjMxNiAxMi4wOTA3IDcuNzUxNTcgMTIuMDkwNyA4LjM1NDA3VjEwLjgwMzhaTTEyLjA5MDcgMTUuNDM1NEMxMi4wOTA3IDE2LjAzNzkgMTEuNjAyMiAxNi41MjYzIDEwLjk5OTggMTYuNTI2M0MxMC4zOTczIDE2LjUyNjMgOS45MDg4NSAxNi4wMzc5IDkuOTA4ODUgMTUuNDM1NFYxNS4zMDE0QzkuOTA4ODUgMTQuNjk4OSAxMC4zOTczIDE0LjIxMDUgMTAuOTk5OCAxNC4yMTA1QzExLjYwMjIgMTQuMjEwNSAxMi4wOTA3IDE0LjY5ODkgMTIuMDkwNyAxNS4zMDE0VjE1LjQzNTRaTTAuNjEzMDQ4IDE3LjA0MjNDLTAuMTEzOTA2IDE4LjM3NSAwLjg1MDcyMiAyMCAyLjM2ODg0IDIwSDE5LjYzMDdDMjEuMTQ4OCAyMCAyMi4xMTM0IDE4LjM3NSAyMS4zODY1IDE3LjA0MjNMMTIuNzU1NSAxLjIxODk1QzExLjk5NzUgLTAuMTcwNzc4IDEwLjAwMiAtMC4xNzA3NzcgOS4yNDM5NyAxLjIxODk1TDAuNjEzMDQ4IDE3LjA0MjNaIiBmaWxsPSIjMjMyMzIzIi8+Cjwvc3ZnPgo=");
    border-color: #ffc107
}

.form-control {
    border-color: #e5e5e5;
    font-weight: bold;
    -webkit-appearance: none
}

.form-control-lg {
    border-radius: 4px
}

.form-group .col-form-label {
    font-weight: normal
}

.custom-select {
    font-weight: bold
}

.scan-form {
    position: relative
}

.scan-form .btn-link {
    position: absolute;
    right: 0;
    padding: 0 1rem;
    top: calc(1.5em + .75rem + 2px);
    height: calc(1.5em + .75rem + 2px)
}

.input-scan {
    padding-left: 2.5rem;
    padding-right: 65px;
    position: relative;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMThWMEgwLjg0Mzc1VjE4SDBaTTEuMjU4OTIgMTcuOTg3MlYwSDEuNjg3NVYxNy45ODcySDEuMjU4OTJaTTIuNTMxMjUgMTcuOTg3MlYwSDIuOTQ2NDJWMTcuOTg3MkgyLjUzMTI1Wk00LjYzMzkyIDE3Ljk4NzJWMEg1LjA0OTA5VjE3Ljk4NzJINC42MzM5MlpNNi4zMjE0MiAxNy45ODcyVjBINy4xNTE3N1YxNy45ODcySDYuMzIxNDJaTTguNDI0MDkgMTcuOTg3MlYwSDguODM5MjdWMTcuOTg3Mkg4LjQyNDA5Wk05LjI2Nzg0IDE3Ljk4NzJWMEg5LjY4MzAyVjE3Ljk4NzJIOS4yNjc4NFpNMTAuMTExNiAxNy45ODcyVjBIMTAuNTI2OFYxNy45ODcySDEwLjExMTZaTTExLjc4NTcgMTcuOTg3MlYwSDEyLjYyOTVWMTcuOTg3MkgxMS43ODU3Wk0xMy44ODg0IDE3Ljk4NzJWMEgxNC43MzIyVjE3Ljk4NzJIMTMuODg4NFpNMTUuNTc1OSAxNy45ODcyVjBIMTYuNDE5N1YxNy45ODcySDE1LjU3NTlaTTE3LjI2MzQgMTcuOTg3MlYwSDE4LjEwNzJWMTcuOTg3MkgxNy4yNjM0Wk0xOC41MjIzIDE3Ljk4NzJWMEgxOS4zNjYxVjE3Ljk4NzJIMTguNTIyM1pNMjAuNjM4NCAxNy45ODcyVjBIMjEuODk3M1YxNy45ODcySDIwLjYzODRaTTIyLjMxMjUgMTcuOTg3MlYwSDIyLjc0MTFWMTcuOTg3MkgyMi4zMTI1Wk0yMy4xNTYyIDE4VjBIMjRWMThIMjMuMTU2MloiIGZpbGw9IiMyMzIzMjMiLz4KPC9zdmc+Cg==");
    background-size: 24px 18px;
    background-repeat: no-repeat;
    background-position: 8px center
}

.custom-select {
    background-color: #f4f4f4;
    border-color: #e5e5e5;
    padding-right: 1rem
}

button:focus {
    outline: 1px dotted
}

.btn {
    font-weight: bold
}

.btn-sm, .btn-group-sm>.btn {
    border-radius: 4px;
    padding: 0.5rem !important
}

.btn-primary, .btn-secondary, .btn-link {
    text-transform: uppercase;
    padding: .75rem
}

.btn-secondary {
    border-color: #e5e5e5
}

.btn-secondary:not(:disabled):not(.disabled).active {
    background-color: #378adf;
    color: #fff
}

.btn-outline-secondary {
    background: #f4f4f4;
    border-color: #e5e5e5;
    color: #378adf;
    text-transform: uppercase
}

.btn-outline-secondary:hover {
    border-color: #a2a2a2
}

.icon-button {
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 100%;
    background-color: #f4f4f4;
    border: 1px solid #e5e5e5;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    opacity: 1;
    -webkit-appearance: none;
    -moz-appearance: none
}

.icon-button[aria-expanded="true"] {
    background-color: #e5e5e5
}

.icon-button.icon-btn-sm {
    width: 22px;
    height: 22px;
    background-size: 8px
}

.icon-button.icon-btn-plus-minus {
    background-image: url(../img/Icons/icon-plus-minus.svg)
}

.icon-button.icon-btn-sort {
    background-image: url(../img/Icons/icon-sort.svg)
}

.icon-button.icon-btn-search {
    background-image: url(../img/Icons/icon-search.svg)
}

.icon-button.icon-btn-more {
    background-image: url(../img/Icons/icon-more-info.svg)
}

.icon-button.icon-btn-close {
    background-image: url(../img/Icons/icon-close.svg);
    background-color: #f4f4f4;
    border: 1px solid #e5e5e5
}

.icon-button.icon-btn-close-dark {
    background-image: url(../img/Icons/icon-close-white.svg);
    background-color: rgba(35, 35, 35, 0.5);
    border: 1px solid #a2a2a2
}

.icon-button.icon-btn-arrow {
    background-image: url(../img/Icons/icon-up.svg);
    transition: .2s all ease;
    transform: rotate(180deg)
}

.icon-button.icon-btn-arrow[aria-expanded="true"] {
    transform: rotate(0deg)
}

.icon-button.icon-btn-left {
    background-image: url(../img/Icons/icon-up.svg);
    transform: rotate(270deg)
}

.icon-button.icon-btn-right {
    background-image: url(../img/Icons/icon-up.svg);
    transform: rotate(90deg)
}

.icon-button.icon-btn-profile {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 0C8.49456 0 9.44839 0.395088 10.1517 1.09835C10.8549 1.80161 11.25 2.75544 11.25 3.75C11.25 4.74456 10.8549 5.69839 10.1517 6.40165C9.44839 7.10491 8.49456 7.5 7.5 7.5C6.50544 7.5 5.55161 7.10491 4.84835 6.40165C4.14509 5.69839 3.75 4.74456 3.75 3.75C3.75 2.75544 4.14509 1.80161 4.84835 1.09835C5.55161 0.395088 6.50544 0 7.5 0ZM7.5 9.375C11.6438 9.375 15 11.0531 15 13.125V15H0V13.125C0 11.0531 3.35625 9.375 7.5 9.375Z' fill='%23232323'/%3E%3C/svg%3E")
}

.icon-button.icon-btn-profile:after {
    content: none
}

.icon-button.icon-btn-notification {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='19' viewBox='0 0 17 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3889 17.1C10.3889 17.6039 10.1899 18.0872 9.83565 18.4435C9.48141 18.7998 9.00096 19 8.5 19C7.99904 19 7.51859 18.7998 7.16435 18.4435C6.81012 18.0872 6.61111 17.6039 6.61111 17.1H10.3889ZM8.5 0C8.75048 0 8.9907 0.100089 9.16782 0.278249C9.34494 0.456408 9.44444 0.698044 9.44444 0.95V1.976C12.1267 2.432 14.1667 4.7785 14.1667 7.6V13.3L17 16.15H0L2.83333 13.3V7.6C2.83333 4.7785 4.87333 2.432 7.55556 1.976V0.95C7.55556 0.698044 7.65506 0.456408 7.83218 0.278249C8.00929 0.100089 8.24952 0 8.5 0Z' fill='%23232323'/%3E%3C/svg%3E")
}

.notification-btn-container {
    position: relative;
    margin-right: 1rem
}

.notification-btn-container .notification-number {
    background: #eb5757;
    color: #fff;
    position: absolute;
    top: -4px;
    right: -4px;
    padding: 0 4px
}

.dropdown-menu {
    background: #f4f4f4;
    border: 1px solid #e5e5e5;
    padding: 0
}

.dropdown-menu .dropdown-item {
    font-weight: bold;
    padding: .75rem;
    border-bottom: 1px solid #e5e5e5
}

.dropdown-menu .dropdown-item:last-of-type {
    border: 0
}

.notification-number {
    background: #eb5757;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    min-width: 20px;
    text-align: center;
    border-radius: 100px;
    padding: 0 .5rem
}

.notification-dot {
    background: #eb5757;
    width: .75rem;
    height: .75rem;
    border-radius: 100px;
    display: block;
    position: absolute;
    top: -4px;
    right: -4px
}

.spanbut input.button {
    background: #232323;
    color: #fff;
    border-radius: 4px;
    font-weight: bold;
    padding: .5rem;
    box-shadow: none;
    border: 1px solid #232323
}

.spanbut input.button:hover, .spanbut input.button:focus {
    background: #2b71b9;
    border-color: #2b71b9
}

.spanbut input.button:disabled {
    background: #a2a2a2;
    border-color: #a2a2a2;
    color: #e5e5e5
}

.table-responsive {
    border: 1px solid #e5e5e5;
    border-radius: 4px
}

@media (min-width: 768px) {
    .table-responsive {
        border: 0;
        border-radius: 0
    }
}

.table p.title, .grid p.title {
    font-weight: bold
}

table.table {
    font-size: 14px;
    margin-bottom: 0
}

table.table tbody tr td, table.table thead tr th {
    vertical-align: top;
    font-size: 14px;
    line-height: 16px
}

table.table tbody tr.even td.hanging, table.table tbody tr.odd td.hanging {
    background: #fff
}

table.table tbody tr.even td {
    background: #ffffff
}

table.table tbody tr.odd td {
    background: #f4f4f4
}

table.table thead tr th {
    border: 0;
    background-color: #d7ebff
}

table.table tbody tr td {
    padding: 4px;
    color: #232323;
    font-weight: 400
}

th {
    background-color: #232323
}

table.table thead th, table.table tbody td {
    padding: .5rem;
    vertical-align: middle
}

table.table thead th a, table.table thead th a:visited {
    color: #232323;
    text-decoration: underline
}

table a:link {
    color: #232323;
    text-decoration: underline
}

table a:visited {
    color: #232323;
    text-decoration: underline
}

table a:hover {
    color: #232323;
    text-decoration: underline
}

table a:active {
    color: #232323;
    text-decoration: underline
}

table.table td.number {
    text-align: left
}

table.table tr.highlighted td {
    background-color: #232323 !important;
    color: #fff !important;
    font-weight: bold
}

table.table tr.highlighted td.hanging {
    background-color: #fff !important
}

table.table td {
    text-align: left
}

table.table td.number {
    text-align: left
}

table.table tr td.hanging input {
    vertical-align: middle
}

x table.table th.filtered {
    background-color: #378adf;
    color: #fff
}

x table.table td.filtered {
    background-color: #d7ebff !important
}

table.table tr th.hanging, table.table tr td.hanging {
    border: 0;
    background: #fff;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap
}

.nowrap {
    white-space: nowrap
}

x div.table .title {
    font-size: 1.3em;
    font-weight: bold;
    color: #232323
}

.tablewrapper {
    overflow: auto;
    position: relative;
    clear: both
}

.tablewrapper::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
    height: 4px
}

.tablewrapper::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5)
}

table.table thead tr th.ptfixed {
    z-index: 5
}

table.table tbody tr td.ptfixed {
    z-index: 5
}

table.table .ptdragover {
    border-left: dashed 2px #eb5757;
    padding-left: 8px
}

table.table th .ptdraghandle {
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    padding: 0 4px;
    cursor: move
}

table.table th .ptshowhide {
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    padding: 0 4px
}

table.table tbody tr td.green, table.table tbody tr.even td.ptfixed.green div.ptfixed, table.table tbody tr.odd td.ptfixed.green div.ptfixed {
    background-color: #3c3;
    color: #fff
}

table.table tbody tr td.amber, table.table tbody tr.even td.ptfixed.amber div.ptfixed, table.table tbody tr.odd td.ptfixed.amber div.ptfixed {
    background-color: #ffc700;
    font-weight: bold;
    color: #fff
}

table.table tbody tr td.red, table.table tbody tr.even td.ptfixed.red div.ptfixed, table.table tbody tr.odd td.ptfixed.red div.ptfixed {
    background-color: #eb5757;
    font-weight: bold;
    color: #fff
}

table.table tbody tr td.pink, table.table tbody tr.even td.ptfixed.pink div.ptfixed, table.table tbody tr.odd td.ptfixed.pink div.ptfixed {
    background-color: #ffb6c1
}

table.table tbody tr td.blue, table.table tbody tr.even td.ptfixed.blue div.ptfixed, table.table tbody tr.odd td.ptfixed.blue div.ptfixed {
    background-color: #378adf;
    font-weight: bold;
    color: #fff
}

table.table tbody tr td.redcell, table.table tbody tr.even td.ptfixed.redcell div.ptfixed, table.table tbody tr.odd td.ptfixed.redcell div.ptfixed {
    background-color: #eb5757;
    font-weight: bold;
    color: #fff
}

table.table tbody tr td.yellowcell, table.table tbody tr.even td.ptfixed.yellowcell div.ptfixed, table.table tbody tr.odd td.ptfixed.yellowcell div.ptfixed {
    background-color: #F4FFE3;
    font-weight: bold;
    color: #fff
}

table.table tbody tr td.pinkcell, table.table tbody tr.even td.ptfixed.pinkcell div.ptfixed, table.table tbody tr.odd td.ptfixed.pinkcell div.ptfixed {
    background-color: #f0f;
    font-weight: bold;
    color: #fff
}

table.table tbody tr td.greencell, table.table tbody tr.even td.ptfixed.greencell div.ptfixed, table.table tbody tr.odd td.ptfixed.greencell div.ptfixed {
    background-color: #9acd32;
    font-weight: bold;
    color: #fff
}

table.table tbody tr td.bluecell, table.table tbody tr.even td.ptfixed.bluecell div.ptfixed, table.table tbody tr.odd td.ptfixed.bluecell div.ptfixed {
    background-color: #378adf;
    color: #fff
}

table.table tbody tr td.lime, table.table tbody tr.even td.ptfixed.lime div.ptfixed, table.table tbody tr.odd td.ptfixed.lime div.ptfixed {
    background-color: lime;
    color: #fff
}

table.table tbody tr td.orange, table.table tbody tr.even td.ptfixed.orange div.ptfixed, table.table tbody tr.odd td.ptfixed.orange div.ptfixed {
    background-color: orange;
    color: #fff
}

table.table tbody tr td.aqua, table.table tbody tr.even td.ptfixed.aqua div.ptfixed, table.table tbody tr.odd td.ptfixed.aqua div.ptfixed {
    background-color: aqua
}

table.table tbody tr td.bisque, table.table tbody tr.even td.ptfixed.bisque div.ptfixed, table.table tbody tr.odd td.ptfixed.bisque div.ptfixed {
    background-color: bisque
}

table.table tbody tr td.plum, table.table tbody tr.even td.ptfixed.plum div.ptfixed, table.table tbody tr.odd td.ptfixed.plum div.ptfixed {
    background-color: plum
}

table.table tbody tr td.info-green, table.table tbody tr.even td.ptfixed.info-green div.ptfixed, table.table tbody tr.odd td.ptfixed.info-green div.ptfixed {
    background-color: #b8fcb8
}

table.table tbody tr td.warn-yellow, table.table tbody tr.even td.ptfixed.warn-yellow div.ptfixed, table.table tbody tr.odd td.ptfixed.warn-yellow div.ptfixed {
    background-color: #ffc700;
    font-weight: bold;
    color: #fff
}

table.table tbody tr td.error-red, table.table tbody tr.even td.ptfixed.error-red div.ptfixed, table.table tbody tr.odd td.ptfixed.error-red div.ptfixed {
    background-color: #eb5757;
    font-weight: bold;
    color: #fff
}

table.table tbody tr td.total, table.table tbody tr.even td.ptfixed.total div.ptfixed, table.table tbody tr.odd td.ptfixed.total div.ptfixed {
    font-weight: bold;
    text-align: left
}

.redcell {
    color: #eb5757;
    width: 40px
}

.redcell a:link, .redcell a:visited, .redcell a:hover, .redcell a:active {
    color: #eb5757
}

.yellowcell {
    color: #F4FFE3;
    width: 40px
}

.yellowcell a:link, .yellowcell a:visited, .yellowcell a:hover, .yellowcell a:active {
    color: #F4FFE3
}

.pinkcell {
    color: #f0f;
    width: 40px
}

.pinkcell a:link, .pinkcell a:visited, .pinkcell a:hover, .pinkcell a:active {
    color: #f0f
}

.greencell {
    color: yellowGreen;
    width: 40px
}

.greencell a:link, .greencell a:visited, .greencell a:hover, .greencell a:active {
    color: yellowGreen
}

.bluecell {
    color: aqua
}

.bluecell a:link, .bluecell a:visited, .bluecell a:hover, .bluecell a:active {
    color: aqua
}

.modal .close {
    position: absolute;
    top: .5rem;
    right: 1rem;
    margin: 0;
    padding: 0;
    opacity: 1
}

.modal .modal-content {
    max-height: calc(100vh - 100px)
}

.modal-header {
    display: block;
    position: relative;
    border: 0;
    padding-bottom: 0
}

.modal-new-container .modal-header, .modal-select-pack-bay .modal-header {
    padding-bottom: .5rem;
    border: 1px solid #e5e5e5
}

.modal-header--scroll {
    padding-bottom: .5rem;
    border: 1px solid #e5e5e5
}

.modal-footer {
    padding: .5rem 1rem
}

.modal-body--scroll {
    height: 100%;
    max-height: calc(100vh - 130px);
    overflow-y: auto;
    padding: 0 0 .5rem 0
}

.modal-new-container .modal-body--scroll, .modal-select-pack-bay .modal-body--scroll {
    max-height: calc(100vh - 204px);
    padding: .5rem 1rem
}

.modal-item-scan .expandable-visible-content {
    align-items: center
}

.modal-item-scan .itemImg {
    min-width: 100px
}

.modal-item-scan .scan-instruction {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0
}

.modal-item-scan .scan-instruction p {
    padding-left: 1rem
}

.modal-item-scan .form-check {
    margin: 1rem 0
}

.modal-item-scan .custom-select {
    border-radius: 4px
}

.modal-item-scan .modal-item-scan .custom-select {
    max-width: none !important
}

.modal-item-scan .description {
    max-width: 190px
}

.modal-new-container .modal-footer, .modal-select-pack-bay .modal-footer {
    flex-wrap: nowrap
}

.modal-new-container .modal-footer .btn, .modal-select-pack-bay .modal-footer .btn {
    margin: 0
}

.modal-new-container .modal-footer .btn-secondary, .modal-select-pack-bay .modal-footer .btn-secondary {
    margin-right: .5rem
}

.modal-new-container .modal-footer .btn-primary, .modal-select-pack-bay .modal-footer .btn-primary {
    margin-left: .5rem
}

.modal-cancel-task .modal-body {
    padding-top: 0
}

.modal-cancel-task .btn-group {
    width: 100%
}

.modal-too-many-items .scan-form .btn-link {
    top: 0
}

.modal-too-many-items .input-scan {
    padding-right: 90px
}

.modal-lightbox img {
    width: 100%;
    border: 0;
    border-radius: 0
}

.btn-menu {
    background: #f4f4f4;
    border: 1px solid #e5e5e5;
    border-radius: 100px;
    line-height: 0;
    position: relative
}

.btn-menu__text {
    display: inline-block;
    font-size: 14px;
    position: relative;
    top: 1px
}

.navbar {
    border-bottom: 1px solid #e5e5e5;
    padding: .25rem .5rem
}

.navbar .dropdown-menu {
    right: .5rem
}

.navbar .dropdown-menu .dropdown-item:last-of-type {
    border-bottom: inherit
}

.navbar .navbar-right {
    min-width: 88px
}

.navbar--lite .icon-btn-profile {
    background-position: .8rem center;
    border-radius: 100px;
    padding-left: 2.2rem;
    width: auto;
    min-height: 38px
}

.close-menu {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='12' viewBox='0 0 17 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1' y1='1' x2='16' y2='1' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='1' y1='6' x2='16' y2='6' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='1' y1='11' x2='16' y2='11' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: 18px
}

.nav-link {
    padding: 1rem !important
}

.nav-link.dropdown-toggle:after {
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 100%;
    background-color: #f4f4f4;
    border: 1px solid #e5e5e5;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../img/Icons/icon-up.svg);
    transition: .2s all ease;
    transform: rotate(180deg);
    position: absolute;
    right: 1rem;
    top: .5rem
}

.nav-link.dropdown-toggle[aria-expanded="true"]:after {
    transform: rotate(0deg)
}

.menu-header {
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.2rem
}

.navbar-collapse {
    position: absolute;
    top: 0;
    right: 100%;
    width: 100%;
    height: inherit;
    min-height: 100vh;
    transition: all 0.3s ease;
    display: block
}

.navbar-collapse .navbar-nav {
    background: #fff;
    min-height: 100vh;
    z-index: 100;
    box-shadow: 0px 8px 8px rgba(35, 35, 35, 0.5);
    position: relative;
    width: 80%
}

@media (min-width: 768px) {
    .navbar-collapse .navbar-nav {
        width: 50%
    }
}

@media (min-width: 1024px) {
    .navbar-collapse .navbar-nav {
        width: 30%
    }
}

.navbar-collapse .navbar-nav li {
    border-bottom: 1px solid #e5e5e5
}

.navbar-collapse .navbar-nav li .nav-link {
    color: #232323
}

.navbar-collapse .navbar-nav li .nav-link:focus {
    outline: 1px dotted #232323
}

.navbar-collapse.show {
    right: 0
}

.nav-item.show a {
    background: #f4f4f4
}

.nav-item .dropdown-menu {
    margin: 0;
    border-radius: 0
}

.nav-item.logos {
    padding: 1rem
}

.logo {
    max-width: 85px;
    height: 24px
}

.customerlogo {
    height: 24px;
    width: 100px;
    background: url("../img/fai-logo.png") no-repeat right;
    background-size: contain
}

.dashboard__totals {
    padding-bottom: 1rem;
    color: #232323
}

.dashboard__totals img {
    margin-right: 1rem
}

.dashboard__totals:hover {
    text-decoration: none;
    color: inherit
}

body.scan-pack-items .blankHeader {
    margin: 0
}

.scan-pack-header {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    padding-top: .5rem
}

.scan-pack-header .row {
    margin-bottom: .25rem
}

.scan-pack-header a {
    color: #232323
}

.scan-pack-header p {
    margin: 0
}

.scan-pack-header p.h3 {
    margin-bottom: 4px
}

.scan-pack-header .form-group {
    margin-bottom: 0
}

.scan-pack-header .scan-instruction {
    display: flex;
    align-items: center
}

.scan-pack-header .scan-instruction img {
    width: 40px;
    margin-right: .5rem
}

.scan-pack-header .scan-instruction p {
    font-size: 12px
}

.scan-pack-header .packed-total {
    text-align: right
}

.scan-pack-header .packed-total .info-icon {
    display: inline-block;
    background: url("../img/info-icon-blue.svg") no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    margin-left: 4px
}

.scan-pack-header .scan-form .input-scan {
    padding-right: 48px
}

.scan-pack-header .scan-form .btn-link {
    top: 0;
    padding: 0 .5rem
}

.scan-pack-header .icon-button {
    margin-left: 4px
}

.scan-pack-header .dropdown-toggle:after {
    display: none
}

.scan-pack-header--roi .form-group {
    width: 100%
}

.scan-pack-header--roi .icon-button {
    margin-left: 0;
    margin-right: 1rem
}

.scan-pack-footer {
    background: rgba(255, 255, 255, 0.8);
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: .5rem 1rem
}

.pack-bay-location {
    border-top: 1px solid #e5e5e5
}

.pack-bay-location .btn-link {
    padding: .5rem .75rem
}

.pack-bay-location p {
    padding: .5rem 0 .5rem 1.25rem;
    background: url("../img/Icons/icon-location.svg") no-repeat left
}

.modal .pack-bay-location {
    border-top: 0
}

.tally-group span {
    font-size: 20px
}

table.table tbody tr td.coral, table.table tbody tr.even td.ptfixed.coral div.ptfixed, table.table tbody tr.odd td.ptfixed.coral div.ptfixed {
    background-color: coral;
}
table.table tbody tr td.chocolate, table.table tbody tr.even td.ptfixed.chocolate div.ptfixed, table.table tbody tr.odd td.ptfixed.chocolate div.ptfixed {
    background-color: chocolate;
}
table.table tbody tr td.beige, table.table tbody tr.even td.ptfixed.beige div.ptfixed, table.table tbody tr.odd td.ptfixed.beige div.ptfixed {
    background-color: beige;
}
table.table tbody tr td.brown, table.table tbody tr.even td.ptfixed.brown div.ptfixed, table.table tbody tr.odd td.ptfixed.brown div.ptfixed {
    background-color: brown;
}
table.table tbody tr td.burlywood, table.table tbody tr.even td.ptfixed.burlywood div.ptfixed, table.table tbody tr.odd td.ptfixed.burlywood div.ptfixed {
    background-color: burlywood;
}
table.table tbody tr td.yellow, table.table tbody tr.even td.ptfixed.yellow div.ptfixed, table.table tbody tr.odd td.ptfixed.yellow div.ptfixed {
    background-color: yellow;
}
table.table tbody tr td.wheat, table.table tbody tr.even td.ptfixed.wheat div.ptfixed, table.table tbody tr.odd td.ptfixed.wheat div.ptfixed {
    background-color: wheat;
}
table.table tbody tr td.indigo, table.table tbody tr.even td.ptfixed.indigo div.ptfixed, table.table tbody tr.odd td.ptfixed.indigo div.ptfixed {
    background-color: indigo;
    color:#FFFFFF;
}
table.table tbody tr td.green-n, table.table tbody tr.even td.ptfixed.green-n div.ptfixed, table.table tbody tr.odd td.ptfixed.green-n div.ptfixed {
    background-color: #3c3;
    color:#FFFFFF;
}
table.table tbody tr td.peru, table.table tbody tr.even td.ptfixed.peru div.ptfixed, table.table tbody tr.odd td.ptfixed.peru div.ptfixed {
    background-color: peru;
}
table.table tbody tr td.purple, table.table tbody tr.even td.ptfixed.purple div.ptfixed, table.table tbody tr.odd td.ptfixed.purple div.ptfixed {
    background-color: purple;
    color: #fff;
}
table.table tbody tr td.springgreen, table.table tbody tr.even td.ptfixed.springgreen div.ptfixed, table.table tbody tr.odd td.ptfixed.springgreen div.ptfixed {
    background-color: springgreen;
}

table.table tbody tr td.amber-n, table.table tbody tr.even td.ptfixed.amber-n div.ptfixed, table.table tbody tr.odd td.ptfixed.amber-n div.ptfixed {
    background-color: #ffdc00;
}

table.table tbody tr td.orange-n, table.table tbody tr.even td.ptfixed.orange div.ptfixed, table.table tbody tr.odd td.ptfixed.orange div.ptfixed {
    background-color: orange;
}