#actions {
    opacity:.5;
    bottom:5px;
    right:70px;
    position:fixed;
    z-index:1035;
}

#actions:hover {
    opacity:1.0;
}

#actions .btn {
    padding: 5px 10px 5px 10px;
    margin-left : 2px;
}

#breadcrumb {
    background-color: #FFFFFF;
    /*margin-bottom: 5px!important;*/
    font-size: 0.9em;
    line-height: 1.5em;
}

#toolbar {
    /*padding-top: 1px;*/
    background-color: #FFFFFF;
    /*padding-left: 20px*/
}


#brand-img {
    max-width:160px;
    vertical-align:text-top;
}

.stickytable {
    position: relative;
}

.stickytable thead {
    position: sticky;
    z-index: 100;
}

#containersearch > tbody > tr:hover {
    cursor:pointer!important;
}

#waste-operations {
    min-height: 48px;
}

#wastesearch > tbody > tr:hover {
    cursor:pointer!important;
}

#current-ssid {
    background-color:#DDE5ED;
    border:1px solid #464646;
    box-shadow:5px 5px 5px #888;
    padding:15px;
}
#filter-buttons .dropdown-menu {
    
    min-width: 250px;
}

#filter-buttons-structures .dropdown-menu {
    min-width: 250px;
}

#footer {
    position:fixed;
    bottom:0;
    height:40px;
    background-color:transparent;
    opacity:.9;
    z-index:5000;
    margin-bottom:25px;
}

#landscapeonly {
    display:none;
    visibility:hidden;
    width:100%;
    height:100%;
    margin-top:130px;
    min-height:200px;
}


#materialedit-buttons {
    z-index:1000;
    top: 161px;
    left : 61px;
    max-width:210px;
    border-radius:3px;
    padding: 5px !important;

}

#materialedit-menu,#schedulereport-menu {
    position: fixed;
    z-index:1000;
    top: 162px;
    bottom:0;
    width: 210px;
    max-width:210px;
    left : 72px;
    overflow-y: auto;
    scrollbar-width: thin;
    padding:5px;
}

/*#materialedit-menu .btn-block {*/
/*    margin-top: .25em;*/
/*}*/

/*#materialedit-nav-col .selection {*/
/*    display: none;*/
/*}*/

.schedulereport-content {
    margin-left: 210px;
    top: 162px;
}

#materialedit-content {
    margin-left: 210px;
    position: relative;
}

#materialedit-header,#schedulereport-header {
    padding: 5px !important;
}

#materialmerge-preview-content {
    margin-left: 310px;
    position: relative;
}
#materialmerge-preview-menu {
    position: fixed;
    z-index:1000;
    top: 162px;
    bottom:0;
    width: 310px;
    max-width:310px;
    left : 72px;
    overflow-y: auto;
    scrollbar-width: thin;
    padding:5px;
}


#materialprop-menu,#containerdisplay-menu,#itemdetails-menu {
    z-index:1000;
    top: 115px;
    max-width:200px;
    border-radius:3px;
    padding: 0 5px 5px 5px;
    scrollbar-width: thin;
}

#managefavorites-menu {
    position: fixed;
    z-index:1000;
    top: 162px;
    bottom:0;
    width: 310px;
    max-width:310px;
    left : 72px;
    overflow-y: auto;
    scrollbar-width: thin;
    padding:5px;
}
#managefavorites-content{
    margin-left: 310px;
    margin-right: 5px;
    position: relative;
}

#containeredit-menu {
    position: fixed;
    z-index:1000;
    top: 162px;
    bottom:0;
    width: 240px;
    max-width:240px;
    left : 72px;
    overflow-y: auto;
    scrollbar-width: thin;
    padding:5px;
}
#containeredit-content {
    margin-left: 240px;
    margin-right: 5px;
    position: relative;
}

.favorite-changes:not(:has(div)) {
    display: none;
}

@media screen {
    
    .materialprop-content,.containerdisplay-content,.itemdetails-content {
        top:115px;
        margin-left: 200px;
        position: relative;
        margin-bottom: 150px;

    }

    #materialprop-header,#containerdisplay-header, #itemdetails-header{,
        padding-top:1rem; 
        border-radius:0px;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
        border-bottom: 1px solid #464646;
    }
}
@media print {
    .materialprop-content,.containerdisplay-content, .itemdetails-content{
        top : 0;
        margin-left: 0px; 
        position: relative;
    }
    #header {
        z-index:1030;
        border-radius:0px;
        position: inherit !important;
        border-bottom: 1px solid #464646;
    }
}

#messages {
    border:1px solid #A7DAE9;
}

#pagepreferencesmenu {
    top:45px;
    right:15px;
    position:fixed;
    z-index:1040;
}

#pagepreferencesmenu:hover {
    opacity:1.0;
}

#pager {
    opacity:.5;
    bottom:35px;
    right:15px;
    position:fixed;
    z-index:1030;
}
#pager:hover {
    opacity:1;
}

#pager  .page-link {
    padding-bottom: 5px;
}

#pleasewait .modal-content {
    background-color: transparent;
}

#previous-ssid:hover,#next-ssid:hover,.structure-result-last-selected {
    box-shadow:5px 5px 5px #888;
}

#header {
    z-index:1000!important;
    background-color:#f4f4f4;
    border-color:#e5e5e5;
    border-bottom:1px solid #f4f4f4;
    /*padding-bottom:2px;*/
    position: fixed;
    top: 0px;
    left:0px;
    right:0px;
    padding-right:0;
    min-height: 40px;
}
#pagetoolbar {
    padding-bottom:0.25rem;
}
#pagetoolbar:has(.nav-tabs) {
    padding-bottom:0;
}

#appbar-buttons .btn {
    background-color: inherit;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 2;
    border: 0;
}
#appbar-buttons .btn:hover {
    color: #3769DB;
    border: 0;
}

#notification-item-count, #to-do-list-item-count, #cart-item-count, #reformatting-worklist-item-count {
    left: -3px;
    top: -8px;
    font-size: 10px;
}
#sidebar {
    position:fixed;
    top:0;
    left:0;
    width:60px;
    z-index:1030;
    background-color: #1c1c1c;
    overflow-y : auto;
    overflow-x: clip;
    scrollbar-width: thin;
    height: calc(100vh - 65px);
}

#sidebar:not(:hover)::-webkit-scrollbar {
    display: none;
}
#sidebar:not(:hover) {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
#sidebar {
    --scrollbar-color-thumb: #767676;
    --scrollbar-color-track: #1c1c1c;
    --scrollbar-width: thin;
    --scrollbar-width-legacy: 10px;
}

/* Modern browsers with `scrollbar-*` support */
@supports (scrollbar-width: auto) {
    #sidebar {
        scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
        scrollbar-width: var(--scrollbar-width);
    }
}

/* Legacy browsers with `::-webkit-scrollbar-*` support */
@supports selector(::-webkit-scrollbar) {
    #sidebar::-webkit-scrollbar-thumb {
        background: var(--scrollbar-color-thumb);
    }
    #sidebar::-webkit-scrollbar-track {
        background: var(--scrollbar-color-track);
    }
    #sidebar::-webkit-scrollbar {
        max-width: var(--scrollbar-width-legacy);
        max-height: var(--scrollbar-width-legacy);
    }
}


#sidebar .btn {
    padding: 5px 5px 5px 5px;
}
.header-sidebar {
    padding-left:72px;
}

#corepicker, #sidebar-expand-btn {
    background-color: #000000;
    border-radius: 0;
    color: #ffffff;
}
.sidebar-main-btn{
    color: #FFF;
    border-color: transparent;
    border-radius: 5px;
}

#sidebar * .nav-item {
    background-color:#1c1c1c;
    margin : 5px;
}
.sidebar-resize {
    position: fixed;
    left: 0;
    width:60px;
    margin: 0px ! important;
}
.sidebar-active {
    background-color: rgb(55, 105, 219);
}

.sidebar-link {
    color: #FFF;
    background-color:#000000;
    border-color: transparent;
    border-left:5px solid #000000;
}
.sidebar-main-btn:hover,.sidebar-main-btn:focus {
    color: #FFF !important;
    /*border-left:5px solid #1c1c1c !important;*/
    background-color:rgb(55, 105, 219) !important;
}


.sidebar-link:hover,.sidebar-link:focus,.sidebar-link.active {
    color: #FFF !important;
    border-left:3px solid #3f6fdc !important;
    background-color:#1c1c1c!important;
    text-decoration: none;
    border-radius: 0px
}

.sidebar-popover {
    --bs-popover-max-width: 500px;
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-padding-x: 5px;
    --bs-popover-body-padding-y: 5px;
    --bs-popover-border-radius: 0px;
    --bs-popover-font-size: 13px;
    /*--bs-popover-bg : #1c1c1c;*/
    --bs-popover-bg : #000000;
    --bs-popover-body-color: #1c1c1c;
    border: 0 ! important;
}
.sidebar-popover-header {
    background-color: #000000 ! important;
    font-size:16px;
    color: #FFFFFF;
    padding: 5px;
}

#sidebar-search {
    top: 120px;
    left:60px;
    position:fixed;
    color:#ffffff;
    z-index:1039;
    background-color : #000000;
    min-width: 300px;
    overflow-y:clip;
}
#sidebar-searchresults {
    background-color : #000000;
    overflow-y:auto;
    scrollbar-width: thin;
}
#sidebar-searchterm:focus {
    border: 1px double #000000;
}

#sidebar-search .row {
    margin-top:0px;
}

/*#sidebar-search-btn {*/
/*    position: fixed;*/
/*    bottom: 40px;*/
/*    left:0;*/
/*    width: 60px;*/
/*}*/
/*#sidebar-search-btn {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: 23px;*/
/*    width: 60px;*/
/*}*/

/*#sidebar-expand-btn {*/
/*    position: fixed;*/
/*    bottom:0;*/
/*    left:0;*/
/*    width: 60px;*/
/*}*/


/*#sidebar * a:hover, #sidebar .btn-dark:hover {*/
/*    color: #1c1c1c;*/
/*    background-color:#FFF;*/
/*}*/
/*#sidebar * a.active, #sidebar * .btn-dark.active {*/
/*    color: #3f6fdc;*/
/*    border-left:5px solid #3f6fdc !important;*/
/*}*/

/*#sidebar .dropdown-item {*/
/*    color: #FFF;*/
/*    font-size: 14px;*/
/*}*/
/*#sidebar .dropright .dropdown-toggle::after {*/
/*    display:none;*/
/*}*/
/*#sidebar .dropright:hover>.dropdown-menu {*/
/*    display: block;*/
/*}*/

#screencontent {
    height:100%;
    min-height:200px;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 2px;
    position: relative;
    padding-bottom: 100px;
    margin-left: 72px;
    width: calc(100% - 72px);
}
.structurepager {
    z-index:1000;
    background-color:#cdcdcd;
    border:1px solid #567;
    border-radius: .25em;
}

#sorts {
    bottom:35px;
    right:9px;
    position:fixed;
    z-index:1035;
    margin-bottom:0;
    padding:5px;
}

#sourcesearchresults {
    top:150px;
    position:fixed;
    z-index:1030;
    border:1px solid #567;
}
#filters-source  {
    position : fixed;
    top : 180px;
    left : 61px;
    z-index: 999;
    height :100vh;
    overflow-y : auto;
    width : 400px;
    min-width : 400px;
    max-width : 400px;
    scrollbar-width: thin;
}

#filters-source * .card {
    padding: 0px 0px 5px 0px;
}

#sourcesearchrows {
    /*margin-left: 400px;*/
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    /*padding-bottom: 100px;*/
}

#structurepager {
    border:1px solid #000;
    position:absolute;
    top:45px;
    z-index:1000;
    margin:0;
    padding:5px 0 0;
    width: 100%;
    right:0;

}
.structurepager-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#usermessages-modal,#containersearch {
    margin-bottom:100px!important;
}
#materialsearch {
    margin-bottom:200px!important;
}

#usermessages-modal .modal-content {
    background-color: transparent;
}

#broadcast-message-modal .modal-content {
    background-color: transparent;
}

.allow-overflow {
    overflow:visible;
}

.allow-user-select {
    -moz-user-select:all!important;
    -ms-user-select:all!important;
    user-select:all!important;
}

.approval-item {
    border-bottom:1px solid #cdcdcd;
    margin-bottom:5px;
    padding-bottom:5px;
}

.approval-item:last-child {
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0;
}

.badge-sm {
     --bs-badge-padding-y: 0px;
}

/*.badge {*/
/*    display:inline-block;*/
/*    min-width:10px;*/
/*    font-size:12px;*/
/*    font-weight:700;*/
/*    color:#31708f!important;*/
/*    line-height:1;*/
/*    vertical-align:baseline;*/
/*    white-space:nowrap;*/
/*    text-align:center;*/
/*    background-color:#dde5ed!important;*/
/*    border-radius:5px;*/
/*    border:1px solid #cdcdcd!important;*/
/*    padding:3px 7px;*/
/*}*/

.badge-container {
    border:1px solid #000;
    border-radius:5px;
    display:inline-block;
    font-size:12px;
    font-weight:700;
    line-height:1;
    margin-bottom:5px;
    min-width:10px;
    text-align:center;
    vertical-align:baseline;
    white-space:nowrap;
    padding:4px;
}

/*.badge-danger {*/
/*    background-color:#f2dede!important;*/
/*    color:#e10600!important;*/
/*    border-color:#ebccd1!important;*/
/*}*/

/*.badge-info {*/
/*    background-color:#31708f!important;*/
/*    color:#9BCBEB!important;*/
/*    border-color:#bce8f1!important;*/
/*}*/

.badge-location {
    font-size:11px!important;
    background-color:#ffe!important;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis!important; 
    white-space: nowrap;
}

.badge-quantity {
    font-size:11px!important;
    background-color:#dde5ed!important;
}

.badge-source-search {
    font-size:11px;
    width:100%;
    display:block;
    margin-bottom:5px;
}

.badge-source-search-molweight {
    background-color:#FFF!important;
    color:#333!important;
    border-color:#faebcc;
}

.badge-source-search-preferred {
    background-color:#5BC0DE!important;
    color:#FFF!important;
}

.badge-structure-inventory-search {
    background-color:#5BC0DE!important;
    color:#FFF!important;
    padding:0px 0px;
     
}

/*.badge-success {*/
/*    background-color:#dff0d8!important;*/
/*    color:#3c763d!important;*/
/*    border-color:#99c871!important;*/
/*}*/

/*.badge-warning {*/
/*    background-color:#f0ad4e!important;*/
/*    color:#FFF!important;*/
/*    border-color:#faebcc;*/
/*    padding: .5rem;*/
/*}*/

.badge-approvals {
    background-color:#fcf8e3!important;
    color:#8a6d3b!important;
    border:1px solid #8a6d3b!important;
}

.btn-clear {
    background-color: #eee;
    border: 1px solid #ccc;
    color: #426DA9;
}

.btn-file {
    position:relative;
    overflow:hidden;
}

.btn-file input[type=file] {
    position:absolute;
    top:0;
    right:0;
    min-width:100%;
    min-height:100%;
    font-size:100px;
    text-align:right;
    filter:alpha(opacity=0);
    opacity:0;
    outline:none;
    background:#FFF;
    cursor:inherit;
    display:block;
}


.btn-table {
    padding:5px !important;
    background-color: #1c1c1c;
    color: #FFF;
    border: 0px;
}

.btn-toolbar {
    width:100%;
}

.badge-vendor-edit {
    font-size:11px;
    width:100%;
    display:block;
    margin-bottom:5px;
}

.badge-vendor-edit-info {
    background-color:#5BC0DE!important;
    color:#FFF!important;
    border-top:1px solid #567;
    padding: .5rem;
}

.btn-wrap {
    white-space:normal!important;
}

.btn-xlg,.btn-group-xlg > .btn {
    font-size:22px;
    line-height:1.33;
    border-radius:6px;
    padding:10px 16px;
}


#channelresults * .btn {
    padding: 5px 5px 5px 5px;
}
.channelstatus-done {
    color:#3c763d;
}

.channelstatus-servererror {
    color:#e10600;
}

.channelstatus-waiting {
    color:#567;
}

.channelstatusbutton.active {
    opacity:1;
    background-color:var(--bs-primary-bg-subtle);
    color: #464646!important;
}

.channelstatusbutton:hover {
    background-color:var(--bs-primary-bg-subtle);
    color: #464646!important;
}

.containersearch-header-row td,.notifications-header-row td {
    white-space:nowrap!important;
    font-weight:700!important;
    color: #777;
}

.containersearch-header-row-body td,.notifications-header-row-body td {
    white-space:nowrap!important;
    font-weight:700!important;
    padding:5px!important;
}

.containersearch-row td {
    white-space:nowrap;
    border-left:1px solid #cdcdcd;
    padding-left:3px!important;
    padding-right:3px!important;
}
.container-badge {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    border: 1px solid #ccc;
    white-space: nowrap;
    padding: 5px;
    font-size: 13px;
    line-height: 1.42857143;
    border-radius: 3px;
    color: #464646;
    background-color: #fff;
    margin-bottom: 3px;
}

.danger-color {
    color:#d9534f;
}

.debug {
    display:none;
    visibility:hidden;
}
.dont-break-out {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.stockroom-onorder {
    color:#8a6d3b!important;
    background-color:#fcf8e3!important;
    width:100%;
    white-space:normal!important;
}


.emolecules-tier {
    width:100%;
    white-space:normal!important;
    border : 1px #567;
    border-style: solid none solid none;
    font-size: 14px;
    font-weight: 700;
    padding:3px 7px;
    margin-bottom:2px;
    
}


.fa {
    vertical-align:baseline!important;
}

.fa-1-5x {
    font-size:1.5em;
}

.fa-stack-1-5x {
    font-size:1.5em;
    width:100%;
    text-align:center;
    left:0;
    position:absolute;
}

.fa-stack-1-6x {
    font-size:1.6em;
    position:absolute;
    width:100%;
    left:0;
    text-align:center;
    line-height:1em;
}

/*.fa-stack-badge-blue:after {*/
/*    background:blue!important;*/
/*}*/

/*.fa-stack[data-count="0"]:after {*/
/*    display:none;*/
/*}*/

/*.fa-stack[data-count]:after {*/
/*    position:absolute;*/
/*    right:3%;*/
/*    top:5px;*/
/*    content:attr(data-count);*/
/*    font-size:.60rem;*/
/*    border-radius:999px;*/
/*    line-height:.25em;*/
/*    color:#FFF;*/
/*    background:#FFCD00;*/
/*    text-align:center;*/
/*    min-width:1.5em;*/
/*    font-weight:700;*/
/*    font-family:"Segoe UI", Verdana, Geneva, Arial, Helvetica, sans-serif;*/
/*    padding:.6em;*/
/*}*/

.fav-status--1,.fav-status--2 {
    color:#e10600!important;
    background-color:#f2dede!important;
    width:100%;
}

.fav-status-0 {
    color:#3c763d!important;
    background-color:#dff0d8!important;
    width:100%;
}

.fav-status-1 {
    color:#8a6d3b!important;
    background-color:#fcf8e3!important;
    width:100%;
}

.filter-choices {
    /*font-size:.9em!important;*/
    transition: 0.1s;
}


.filter-heading {
    font-weight:700;
    text-align: left;
    font-size: 13px;
}

.filter-heading[disabled]{
    cursor:not-allowed!important;
    background-color:#eee!important;
    opacity:1!important;
}

/*.filter-group  {*/
/*margin-left: 0px;*/
/*}*/
/*.filter-group.active {*/
/*!*    border:2px solid #0c5460;*!*/
/*!*margin-left: 5px;*!*/
/*!*    -webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);*/
/*    -moz-box-shadow:0 5px 10px rgba(0,0,0,.2);*/
/*    box-shadow:0 5px 10px rgba(0,0,0,.2);*!*/
/*    !*border:1px solid #0c5460;*!*/
/*    !*background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(205,205,205,1) 100%);*!*/
/*    */
/*}*/

.font-1-4em {
    font-size:1.4em;
}

.font-10 {
    font-size:10px!important;
}

.font-11 {
    font-size:11px!important;
}

.font-12 {
    font-size:12px!important;
}
.font-13 {
    font-size:13px!important;
}

.font-14 {
    font-size:14px!important;
}



.form-control-wrap {
	height: auto!important;
	min-height: 30px;
    word-wrap:break-word;
    word-break:break-all;
    white-space:normal!important;
}

.form-control-static[disabled],.form-control-static[readonly] {
    cursor:not-allowed!important;
    background-color:#eee!important;
    opacity:1!important;
}


.growlers {
    position:fixed !important;
    top:65px;
    right:10px;
    z-index:9999;
    font-size: 10px

}
.growler {
    font-size:1.5em;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.has-error {
    border-color:#e10600!important;
}

.hidden-button,.panel-heading-clickable,.js-sort-table > thead > tr > th {
    cursor:pointer;
}

.homepage-box-item {
    border:1px solid #89a;
    border-radius:2px;
    text-align:center;
    min-height:115px!important;
    color:#fff;
    cursor:pointer;
    margin:3px;
    /*padding:0px;*/
    font-size: .8rem;
}

.homepage-box-item:hover {
    background:#006dcc!important;
}

.hr-text {
    font-size:16px;
    z-index:501;
    margin-top:10px;
    font-family:"Segoe UI", Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height:1.42857143;
    text-shadow:0 1px 1px #89a;
}

.hr-with-text {
    margin-top:-22px;
}

.img-risk-small {
    display:inline-block;
    max-width:100%;
    height:48px;
    width:48px;
    border:1px solid #567;
}

.img-sourcesearch {
    width:100%;
    background-color:#fff!important;
    border:1px solid #ddd;
    border-radius:3px;
    float:right;
    padding:4px;
    max-height: 300px;
}
.img-favorites {
    background-color:#fff!important;
    border:1px solid #ddd;
    border-radius:3px;
    float:right;
    padding:4px;
    max-height: 200px;
    max-width: 200px;
}

.img-thumbnail {
    max-height:140px;
}

.input-group > label {
    font-weight: 700;
}


.label-source-search {
    text-align:right;
}

.label-warning {
    background-color: #f0ad4e;
    color:#FFF;
}

.location-picker-sublocation {
    padding: 5px;
    background:#FFF;
}
.location-picker-sublocation:hover {
    background:#006dcc;
    font-weight:700;
    cursor: pointer;
}

.location-picker-sublocation-selected {
    background-color: #cdcdcd;
    font-weight: 700;
    color: #000;
}


/* Use bootstrap
.mr-5 {
    margin-right:5px;
}

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

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

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

.mt-5 {
    margin-top:5px;
}*/

.navbar-default {
    background-color:#f4f4f4;
    border-color:#e7e7e7;
}

.navbar-highlight {
    color:#333;
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:4px;
}

.navbar-text {
    margin: 0 !important; 
}

.noimage {
    line-height:1.42857143;
    background-color:#f8f8ff;
    border:1px solid #ddd;
    border-radius:3px;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    display:inline-block;
    height:60px;
    width:60px;
    float:right;
    padding:4px;
}

.noimage-small {
    line-height:1.42857143;
    background-color:#f8f8ff;
    border:1px solid #ddd;
    border-radius:1px;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    display:inline-block;
    height:53px;
    width:53px;
    padding:1px;
}

.noimagetext {
    font:x-small sans-serif;
    color:gray;
    text-align:center;
    display:table-cell;
    vertical-align:middle;
    background-color:#fff;
    margin-right:5px;
}

.noimagetext-small {
    font:x-small sans-serif;
    color:gray;
    text-align:center;
    display:table-cell;
    vertical-align:middle;
    background-color:#fff;
    height:48px;
    width:48px;
    padding:1px;
}

.notification-preferences-rows .notification-preferences-row {
    padding-bottom:10px;
    padding-top:10px;
    border-bottom:1px solid #000;
}

.notification-preferences-rows .notification-preferences-row:last-child {
    border-bottom:none;
}

.notification-all-preferences-rows .notification-all-preferences-row {
    padding-bottom:10px;
    padding-top:10px;
    border-bottom:1px solid #000;
}

.notifications-row td {
    white-space:nowrap;
    border-left:1px solid #cdcdcd;
    padding-left:5px!important;
    padding-right:5px!important;
}

.notifications-row td:hover {
    text-decoration:underline;
}

.notifications-row-bold td {
    font-weight:700!important;
}

#sourcesearch-rows {
    padding:0;
}

/* use bootstrap
.p-10 {
    padding:10px;
}

.p-5 {
    padding:5px;
}*/

/*
.panel {
    border-radius:0;
}

.panel-body {
    padding: 5px;
}

.panel-default {
    border-color:#999;
}

.panel-heading {
    padding-top:3px;
    padding-bottom:3px;
}*/

.panel-indent {
    margin-left:15px;
    margin-bottom:5px;
    margin-top:2px;
}

.popover {
    z-index:5000;
    border: 1px solid #89a;
}

/* Use bootstrap

.pb-10 {
    padding-bottom:10px!important;
}

.pb-5 {
    padding-bottom:5px!important;
}

.pl-10 {
    padding-right:10px;
}

.pl-20 {
    padding-right:20px;
}



.pr-10 {
    padding-left:10px!important;
}

.pr-20 {
    padding-left:20px!important;
}

.pr-5 {
    padding-left:5px;
}

.pt-20 {
    padding-top:20px!important;
}

.pt-10 {
    padding-top:10px!important;
}

.pt-5 {
    padding-top:5px!important;
}
*/

.preferredbuttons,.quicksearch {
    opacity:.7;
}

.preferredbuttons.active,.quicksearch.active {
    background-color:#146ba8;
    color:#FFF;
    opacity:1;
}

.product-name {
    display:inline-block;
    max-width:300px;
    overflow:hidden;
    text-overflow:ellipsis;
}

.red {
    cursor:pointer;
    color:#c9302c;
}

.required:after {
    content:" *";
    color:red;
}

/*.resizing {*/
/*    height:400px;*/
/*    overflow-y:scroll;*/
/*    -webkit-overflow-scrolling:touch;*/
/*}*/

.row-button {
    border:none;
    width:100%;
    cursor:pointer;
    text-align:left;
    background:none;
    margin:0;
    padding:0;
}

.rule-condition {
	min-height: 125px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.saved-cart-highlight,.saved-synonym-highlight td {
    -webkit-transition:background-color .5s linear;
    -moz-transition:background-color .5s linear;
    -o-transition:background-color .5s linear;
    background-color:#ffff80!important;
}

button[id^='selected-ind-icon-'] {
    
}


.smooth-scroll {
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch;
}

.sort-active {
    background-color:#426da9;
    color:#fff;
    cursor:default;
    z-index:2;
    border-color:#426da9;
}

.sourcesearch-result {
    border-left:1px solid #567;
    border-right:1px solid #567;
    border-bottom:1px solid #567;
    background-color:#f0f0ee;
    padding-left:0;
}

.sourcesearch-result-alt {
    border-left:1px solid #567;
    border-right:1px solid #567;
    border-bottom:1px solid #567;
    background-color:#FFF;
    padding-left:0;
}

.sourcesearch-result-preferred {
    border-left:5px solid #18B1BF;
    border-right:1px solid #567;
    border-bottom:1px solid #567;
    background-color:#f0f0ee;
    padding-left:0;
}

.sourcesearch-result-row:first-of-type {
    border-top:1px solid #464646;
}


.sourcesearch-group {
    border-top : 1px solid #333 ! important;
    background: #89a !important;
    position: sticky;
    z-index:999;
    margin-top: 0 ;
}
.sourcesearch-supplier {
    border-bottom: 1px solid #333 ! important;
    font-size: 16px;
    background-color: #89a;
    border-radius: 0 0 0 0;
    padding:5px;
}

.sourcesearch-brand {
    border-top : 1px solid #333 ! important;
    border-left: 1px solid #333 ! important;
    border-radius: 8px 0 0 0;
    font-size: 14px;
    font-weight: 700;
    margin-top: 2px;
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(205,205,205,1) 100%);
    padding:5px;
}


.spenddirector-avail,.stockroom-instock {
    color:#3c763d!important;
    background-color:#dff0d8!important;
    width:100%;
    white-space:normal!important;
}

.spenddirector-notavail,.stockroom-outofstock {
    color:#e10600!important;
    background-color:#f2dede!important;
    width:100%;
    white-space:normal!important;
}

.structure-id-dropdown {
    border-bottom:10px solid #146ba8!important;
}

.structure-image {
    border:1px solid #89a;
    background-color: #FFF;
}

.structure-zoom {
    cursor:zoom-in;
}


.success-color {
    color:#5cb85c;
}

.table-header {
    border: 1px solid #567!important;
    padding: 5px !important;
    background-color: #333;
    color: #FFF;
    border-right: 1px solid #FFF;
    white-space: nowrap;
    font-weight: bold;
}

.tag {
    background-color:#f4f4f4;
    border-radius:3px;
    border: 1px solid #e7e7e7;
    color:#000000;
    font-size:13px;
    padding: 5px 10px 5px 10px;
    margin-right:10px;
}
.tag-sm {
    background-color:#f4f4f4;
    border-radius:3px;
    border: 1px solid #e7e7e7;
    color:#000000;
    font-size:10px;
    padding: 2px 3px 2px 3px;
    margin-right:5px;
}



.td-force-wrap {
    word-wrap:break-word;
    word-break:break-all;
    white-space:normal!important;
}

.td-wrap-text {
    word-wrap:break-word;
}

.text-ellipsis {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis!important;
}

.text-limit-25-ellipsis {
	overflow: hidden;
	white-space: nowrap;
	width: 27ch;
	text-overflow: ellipsis !important;
}

.text-limit-width-400 {
	max-width: 400px;
	word-wrap: none;
}

.text-liveprice {
    font-weight: 700;
    font-style: italic;
}

.typeahead-dropdown-menu {
    position:absolute;
    min-width:160px;
    margin-top:2px;
    background-color:#fff;
    border:1px solid rgba(0,0,0,.2);
    border-right-width:2px;
    border-bottom-width:2px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow:0 5px 10px rgba(0,0,0,.2);
    box-shadow:0 5px 10px rgba(0,0,0,.2);
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box;
    z-index:2000;
    max-height:25vh;
    overflow-y:auto;
    border-bottom:1px solid #567;
    scrollbar-width: thin;
    width: auto;
}

.typeahead-nosuggestions {
    color:gray;
    font-style:italic;
}

.typeahead-suggestion {
    display:block;
    z-index:100;
    cursor:pointer;
    color:#000;
    text-decoration:none;
    text-overflow:ellipsis;
    padding:3px 20px;
}

.typeahead-suggestion-plus {
    border-bottom:1px solid #89a;
}

.typeahead-suggestion-plus:hover,.typeahead-suggestion-hover-plus {
    border-bottom:1px solid #89a;
}

.typeahead-suggestion:hover,.typeahead-suggestion-hover {
    color:#fff;
    background-color:#0081c2;
    background-image:linear-gradient(#0088cc,#0077b3);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0);
    text-decoration:none;
}

.value-source-search {
    text-align:left;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.warning-color,.channelstatus-cancelled {
    color:#8a6d3b;
}

/*.well {*/
/*    !*border:1px solid #89a;*!*/
/*    padding:.5rem;*/
/*    background-color: #FFFFFF;*/
/*    border-radius: 4px;*/
/*    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
/*    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
/*}*/
/*.well-white {*/
/*    border:1px solid #89a;*/
/*    padding:1rem;*/
/*    background-color: #FFFFFF !important;*/
/*    border-radius: 4px;*/
/*    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);*/
/*    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);*/
/*}*/
/*.well-box {*/
/*    border:1px solid #89a;*/
/*    background-color: #F5F5F5;*/
/*    padding: .2rem;*/
/*    background-color: #F5F5F5;*/
/*}*/


/*.row:has(.well-heading) {*/
/*    !*border-bottom : 1px solid #567;*!*/
/*    margin-left:-3px;*/
/*}*/
/*.well-heading {*/
/*    font-weight:700!important;*/
/*    background-color: #fff;*/
/*    font-size: 15px;*/
/*    margin-left: 0;*/
/*    margin-bottom: 0.10rem;*/
/*}*/

/*.well-xs {*/
/*    border-radius:3px;*/
/*    border:1px solid #89a;*/
/*    padding:2px;*/
/*}*/

.white {
    cursor:pointer;
    color:#FFF;
}

.worksheet-input {
    background-color: #FFFFFF;
    border: 1px solid darkgray;
    border-radius: 2px;
    line-height: 2em;
}

.zebra-div {
    border-bottom:1px solid #567;
    padding:3px;
}

.zebra-div:nth-of-type(even) {
    background:#e0e0e0;
}

.zebra-div:last-of-type {
    border-bottom:0;
    padding-bottom:1px;
}

.zebra-div-w {
    border-bottom:1px solid #567;
    padding:3px;
    background:#ffffff;
}

.zebra-div-w:nth-of-type(even) {
    background:#e0e0e0;
}


body {
    height:auto;
    min-height:100%;
    background-color:#f4f4f4!important;
    line-height:1.30;
    width:100%;
    overflow:auto;
}

html {
    height:auto;
    min-height:100%;
    scrollbar-width: thin;
}

iframe#marvinjs-iframe {
    width:0;
    height:0;
    display:initial;
    position:absolute;
    left:0;
    top:0;
    margin:0;
    padding:0;
}

textarea {
    border:1px solid #CDCDCD;
    width:100%;
}

@media (max-width:768px){
    .breadcrumb {
        font-size:85%;
    }

    .homepage-box {
        height:80px;
    }

    .structuresearch-toolbar {
        font-size:1em;
    }
}

.pendingrequest, .storeroompending, .incomingtransfer, .stockroominvanalytics {
    font-size: 14px;
    padding: 3px;
    cursor:pointer;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #506D85;
    margin-bottom: 3px;
}
.pendingrequest:hover, .storeroompending:hover, .incomingtransfer:hover, .stockroominvanalytics:hover {
    background: #006dcc;
    color: #fff ! important;
}
.pendingrequest a:hover, .storeroompending a:hover, .incomingtransfer a:hover, .stockroominvanalytics a:hover {
    color: #fff ! important;
}

.primary-replenishment {
    color: gold;
}

.notification-table-striped  tbody tr:nth-child(4n - 3) > td {
    background-color: #cdcdcd;
}

.location-preference {
    font-size:1em;
    font-weight:400;
    margin-top: 0px;
}

.location-preference[disabled]{
    cursor:not-allowed!important;
    pointer-events: all !important;
    background-color:#FFFFFF!important;
    opacity:0.8!important;
    /*border:1px solid #89a;*/
}


/* 1 col xs  2 col sm-md   3 col larger */
.verticalCols123 {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}
@media (min-width: 576px) {
    .verticalCols123 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}
@media (min-width: 992px) {
    .verticalCols123 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}


/*.reportlink {*/
/*    */
/*    cursor:pointer;*/
/*    border:1px solid transparent;*/
/*    border-radius:3px;*/
/*    color:#146ba8;*/
/*    padding:2px;*/
/*}*/

/*.reportlink > a:hover {*/
/*    color:#fff;*/
/*    text-decoration: none;*/
/*    font-weight: 700;*/
/*}*/
/*.reportlink:hover > a {*/
/*    color:#fff;*/
/*}*/

/*.reportlink:hover {*/
/*    background:#006dcc;*/
/*}*/

#modal-location-footer-msg {
    justify-content: center!important;
}

.invisible-grid-field {
    background-color: lightgray !important;
}


.grouped-sourcesearch-row {
    margin-left:0; 
/*    border:1px solid #426da9;*/
    border:1px solid #89a;
    border-left-width: .25em!important;
    border-top-width: .5em!important;
    border-top-color: #89A;
    background-color: #fff;
    padding: 0px!important;
    margin-bottom: 1em!important;
}

.grouped-sourcesearch-header {
/*    border:0px solid #5BC0DE;
    border-left-width: .5em!important;
    border-top-width: .5em!important;*/
    background-color:#CDCDCD;
    padding: 5px!important;
}

.grouped-sourcesearch-subrow {
    border-bottom:1px solid #567;
    padding:2px!important;
    margin: 0px!important;
}

.grouped-sourcesearch-subrow * .btn-group > .btn {
    padding: 5px 10px 5px 10px;
}
.sourcesearch-row * .btn-group > .btn {
    padding: 5px 10px 5px 10px;
}

.structure-img-fluid {
    max-width: 100%;
}

.user-cell-no-border {
  border-width: 0 ! important;
}

.totalsrow {
    border-bottom:1px solid #a7dae9;
}
#receipt {
    border-top:1px solid #a7dae9;
}
.receiptrow {
    border-bottom :  1px solid #c5c5c5;
    padding: 2px;
    
}
#scanresults {
    background-color: #ffffff;
    height: 205px;
}

.tag-pencil-head-right {
    background-color: #808080;
    border-radius: 0 2px 2px 0;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.27273;
    margin: 0px 4px 2px 10px;
    padding: 3px 7px;
    position: relative;
    text-transform: uppercase;
    vertical-align: middle;
}
.tag-pencil-head-right:after {
    border-bottom: 10px solid transparent;
    border-left: 13px solid  #808080;
    border-top: 10px solid transparent;
    content: "";
    height: 0;
    right: -7px;
    position: absolute;
    top: 0;
    width: 0;
/*    vertical-align: baseline;*/
}

.tag-pencil-head-right-success {
     background-color:#5cb85c !important ;
}
.tag-pencil-head-right-success:after {
    border-left: 13px solid #5cb85c !important ;
    
}

.tag-pencil-head-right-danger {
     background-color:#e10600 !important ;
}
.tag-pencil-head-right-danger:after {
    border-left: 13px solid #e10600 !important ;
    
}

.tag-pencil-head-right-warning {
     background-color:#ffff8c !important ;
     color: #8a6d3b;
    
}
.tag-pencil-head-right-warning:after {
    border-left: 13px solid #ffff8c !important ;
}

.sublocationRemove{
    cursor: pointer;
    color:#c9302c;
}
.sublocationNext{
    cursor: pointer;
    color:#67b168;
}
.sublocationElt{
    cursor: pointer;
    border-color: #ffffff;
    background: #ffffff;
    border-radius: 3px;
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 1px 5px;
}
div.sublocPopOver {
    display: inline;
    text-align: left;
    width: 200px;
}
div.sublocPopOver ul {
    display: inline-block;
    list-style: none; 
}
div.sublocPopOver li, .sublocDiv ul {
    margin-left: 5px; 
    margin-right: 5px; 
    padding: 0;
}
div.sublocPopOver a { 
    display:block; 
    line-height:24px;
    cursor:pointer; 
}
div.sublocPopOver a:hover { 
    background: #66afe9; 
}

.barcode-remove {
    font-size: x-large;
    padding-bottom: 10px;
}

#advancedfieldchoices .dropdown-item:hover {
    background-color: #A7DAE9;
}
#advancedfieldchoices button {
    color: #000;
    font-weight: bold;
}
#advancedfieldchoices button:disabled {
    color: #000;
    font-weight: normal;
    font-style: italic;
}


#basic-structuretype option {
    color: #000;
    font-weight: bold;
}
#basic-structuretype option:disabled {
    color: #000;
    font-weight: normal;
    font-style: italic;
}

#advanced-structuretype option {
    color: #000;
    font-weight: bold;
}
#advanced-structuretype option:disabled {
    color: #000;
    font-weight: normal;
    font-style: italic;
}





.biologicals-group {
    border : 1px solid #333;
    border-left :15px solid #333;
    border-bottom :2px solid #333;
    background: #fff !important;
    border-radius: 2px 2px 2px 2px;
    box-shadow: rgba(0, 0, 0, 0.74) 0px 3px 8px;
    
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom:15px;
   
    
}

/*.well-shadow {*/
/*    */
/*    box-shadow: rgba(0, 0, 0, 0.44) 0px 3px 8px;*/
/*}*/

.opacity-0 { opacity: 0; }
.opacity-1 { opacity: 0.2; }
.opacity-2 { opacity: 0.4; }
.opacity-3 { opacity: 0.6; }
.opacity-4 { opacity: 0.8; }
.opacity-5 { opacity: 1; }


.cdd.cdd-toolbar-popup-container {
    z-index: 25000 !important;
}

#pageinfo .d-none {
    display: block !important;
}

th * .help { color: inherit ! important}
.help:hover {
    cursor: help!important;
}


#materialsearch-bioreagent-attributelist select option:disabled {
    color: #cdcdcd;
    font-style: italic;
}

#materialclass-bioAttributeGroupId option:disabled {
    color: #cdcdcd;
    font-style: italic;
}

.select2-drowdown-additional {
    box-shadow: rgba(0, 0, 0, 0.74) 0px 3px 8px;
}
.select2-container {
    width: 100% !important;
}

.materialmerge-row {

}
.materialmerge-row.primary {
    font-weight : 700;
    font-style : italic;
}

.badge-confirmed, .badge-approved, .badge-active, .badge-accepted, .badge-complete, .badge-done, .badge-paid, .badge-published, .badge-released {
    background-color: #e6fce6;
    color: #055d3a;
    border:1px solid #055d3a;
}
.badge-declined,.badge-rejected,.badge-cancelled,.badge-terminated,.badge-superseded,.badge-error,.badge-critical,.badge-overdue {
    background-color: #ffe8e7;
    color: #ad2020;
    border:1px solid #ad2020;
}
.badge-open, .badge-new, .badge-created {
    background-color: #f4f8ff;
    color: #29378b;
    border:1px solid #29378b;
}
.badge-draft,.badge-in-progress,.badge-running,.badge-seen,.badge-sent {
    background-color: #fbfadf;
    color: #7a4201;
    border:1px solid #7a4201;
}
.badge-pending,.badge-waiting,.badge-evaluation,.badge-negotiation {
    background-color: #ede7ff;
    color: #35178e;
    border:1px solid #35178e;
}
.badge-moved, .badge-transferred {
    background-color: #e0f7f7;
    color: #004847;
    border:1px solid #004847;
}
.badge-review, .badge-checking {
    background-color: #fff0fc;
    color: #5a0b52;
    border:1px solid #5a0b52;
}
.badge-inactive {
    background-color: #f8fafc;
    color: #13234e;
    border:1px solid #13234e;
}
.badge-obsolete, .badge-invalid {
    background-color: #ffede3;
    color: #923d0e;
    border:1px solid #923d0e;
}
.badge-preparing {
    background-color: #ffeff5;
    color: #60102d;
    border:1px solid #60102d;
}
.badge-closed, .badge-ended {
    background-color: #eceee5;
    color: #242515;
    border:1px solid #242515;
}
.badge-awarded, .badge-delivered {
    background-color: #effffa;
    color: #0c4b39;
    border:1px solid #0c4b39;
}
.badge-expired {
    background-color: #f4f4f4;
    color: #101010;
    border:1px solid #101010;
}
.badge-other {
    background-color: #f9f2ed;
    color: #4f3424;
    border:1px solid #4f3424;
}
.badge-tag {
    background-color: #f4f4f4;
    color: #101010;
    border:1px solid #101010;
}


.form-quicknav * .navlink {
    color: #000000;
    background-color:#ffffff;
    border-color: transparent;
    border-radius: 0px;
    border-left:5px solid #e1e1e1;
    padding:5px;
    width:100%;
    text-decoration: none;
}
.form-quicknav * .navlink:hover,.form-quicknav * .navlink :focus, .form-quicknav * .active {
    border-left:5px solid #3f6fdc !important;
    background-color:#f4f4f4!important;
    text-decoration: none;
}


.help-popover {
    --bs-popover-max-width: 400px;
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-padding-x: 5px;
    --bs-popover-body-padding-y: 5px;
    --bs-popover-border-radius: 3px;
    --bs-popover-font-size: 13px;
    --bs-popover-bg : #1c1c1c;
    --bs-popover-body-color: #ffffff;
}

/*  tab-split-group is a class for styling a group of static text/tabs that are split into parts. see source search/my requests for examples
* using normal bootstrap nav-tabs was problematic.
*/
.tab-split-group {
    border-top : 1px solid #333 ! important;
    background: #89a !important;
    position: sticky;
    z-index:999;
}



.tab-split-a {
    border-bottom: 1px solid #333 ! important;
    font-size: 16px;
    background-color: #89a;
    border-radius: 0 0 0 0;
    padding:5px;
}

.tab-split-b {
    border-top : 1px solid #333 ! important;
    border-left: 1px solid #333 ! important;
    border-radius: 8px 0 0 0;
    font-size: 14px;
    font-weight: 700;
    margin-top: 2px;
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(205,205,205,1) 100%);
    padding:5px;
    color: var(--bs-body-color);
}

.structure-sourcesearchresults-div * .btn {
    padding: 2px 3px 2px 3px;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: auto;
    scrollbar-width: thin;
}

#organization-tree * li {

    margin-top:3px;
    margin-bottom:3px;


}

.expandable-header-bg {
     background-color: #d7e1f8 !important;
 }

.approvalBadgePopover .popover-body {
    background-color: var(--bs-tooltip-bg, #000); /* Matches Bootstrap tooltip background */
    color: var(--bs-tooltip-color, #fff); /* Matches Bootstrap tooltip text color */
    padding: 0.5rem; /* Matches Bootstrap tooltip padding */
    border-radius: 0 0 0.25rem 0.25rem;
    font-size: var(--bs-tooltip-font-size);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); /* Matches Bootstrap tooltip shadow */
}

.approvalBadgePopover .popover-header {
    background-color: var(--bs-tooltip-bg, #000); /* Matches Bootstrap tooltip background */
    color: var(--bs-tooltip-color, #fff); /* Matches Bootstrap tooltip text color */
    padding: 0.5rem; /* Matches Bootstrap tooltip padding */
    border-radius: 0.25rem 0.25rem 0 0;
    font-size: var(--bs-tooltip-font-size);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); /* Matches Bootstrap tooltip shadow */
    font-weight: normal;
}

.form-select-sm:disabled {
    background-color: var(--bs-secondary-bg);
}