.planning-board-tabs-wrapper > div > ul.nav.nav-tabs {
    display: flex !important;
    justify-content: end !important;
    margin-bottom: 15px !important;
}

.planning-board-tabs-wrapper .uib-tab a.nav-link {
    color: #337ab7 !important;
    padding: 10px !important;
    border: 1px solid transparent !important;
}

.planning-board-tabs-wrapper .uib-tab a.nav-link:hover {
    text-decoration: none !important;
    background-color: #eee !important;
    border-color: #eee #eee #ddd !important;
}

.planning-board-tabs-wrapper li.uib-tab {
    margin: 0 !important;
}

.planning-board-tabs-wrapper .uib-tab.active a.nav-link {
    color: #555 !important;
    border: 1px solid #ddd !important;
    border-bottom-color: #fff !important;
}

.planning-board-block {
    height: calc(100vh - 75px);
}

.planning-board-action-button {
    width: 100%;
    border: none;
    height: 100%;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

.planning-board-dropdown-action-button {
    display: flex !important;
    align-items: center;
    gap: 3px;
}

.main-wrapper-for-scroll-planning-board {
    height: calc(100vh - 360px);
    margin-top: 15px;
    overflow-y: auto;
}

.pickup-board-core, .inventory-board-core {
    margin-left: -15px !important;
    margin-right: -5px !important;
}

.pickup-board-table {
    margin-bottom: 0;
}

.pickup-board-table tfoot td {
    position: sticky;
    bottom: 0;
    background: #f5f5f5;
    z-index: 10;
    border-top: 2px solid #999;
}

.pickup-board-table thead td {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #dff0d8;
    border-bottom: 2px solid #d6e9c6;
}

.pickup-board-total-row strong {
    font-size: 14px;
}

.pickup-board-total-label, .inventory-board-total-label {
    color: #449A44;
    font-weight: 600;
}

.pickup-board-selected-label, .inventory-board-selected-label {
    font-weight: 600;
}

.pickup-board-selected-cargo, .inventory-board-selected-cargo {
    display: inline-block;
    padding: 3px 6px;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #dddddd;
    background-color: #f9f9f9;
    margin-right: 10px;
    margin-bottom: 10px;
}

.pickup-board-selected-cargo i, .inventory-board-selected-cargo i {
    cursor: pointer;
}

.pickup-board-filter-block, .inventory-board-filter-block {
    background: #fbfbfb;
}

.pickup-board-filter-table, .inventory-board-filter-table {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    padding: 15px 5px;
}

.inventory-board-priority-status-filter {
    min-height: 34px;
    height: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 2px 6px;
}

.inventory-board-table {
    margin-bottom: 0;
}

.inventory-board-table tfoot td {
    position: sticky;
    bottom: 0;
    background: #f5f5f5;
    z-index: 10;
    border-top: 2px solid #999;
}

.inventory-board-table thead td {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #dff0d8;
    border-bottom: 2px solid #d6e9c6;
}

.inventory-board-total-row strong {
    font-size: 14px;
}

.inventory-board-priority-badge, .inventory-board-specification-badge {
    font-size: 12px;
    font-weight: 400;
    border-radius: 4px;
    color: #fff;
    white-space: nowrap;
    opacity: 1;
    padding: 4px 8px;
}

.inventory-board-priority-status-priority {
    background-color: #E35241;
}

.inventory-board-priority-status-stored-over {
    background-color: #923728;
}

.inventory-board-priority-status-on-hold {
    background-color: #E59215;
}

.inventory-board-priority-status-hl-nj-route {
    background-color: #3234A8;
}

.inventory-board-priority-status-hmf-canada {
    background-color: #17124c;
}

.inventory-board-specification-hazmat {
    background-color: #8415e5;
}

.inventory-board-specification-reefer {
    background-color: #1cd5fe;
}

.inventory-board-row-overdue {
    background-color: #EFD8D8 !important;
}

#inventoryBoardStatusFilter .ui-select-toggle {
    background-color: #fff !important;
}

#inventoryBoardStatusFilter .ui-select-search {
    background-color: #fff !important;
}