/*
 * Global CSS overrides for all views.
 * Add your custom styles below.
 */
.navbar {
   background-color: #009988 !important;
}

.btn:not(.text-dark):not(.collapsed) {
   background-color: #F29300 !important;
   border-color: #F29300 !important;
   color: #fff !important;
}

.btn.text-dark {
   color: #F29300 !important;
   font-weight: bold !important;
}

h5 {

   font-weight: bold !important;
}

a:not(.nav-link):not(.navbar-brand):not(.btn):not(.badge) {
   color: #F29300 !important;
}

.active>.page-link,
.page-link.active {
   background-color: #f0f0f0 !important;
   border-color: #F29300 !important;
}

/* Product group overview table styles */
#groupTable th.sortable::after {
   content: '↕️';
   font-size: 0.8em;
   margin-left: 5px;
   opacity: 0.5;
}

#groupTable th.sortable[data-sort-direction="asc"]::after {
   content: '↑';
}

#groupTable th.sortable[data-sort-direction="desc"]::after {
   content: '↓';
}

.product-details>td {
   border-top: none !important;
   background-color: #f8f9fa;
}

.product-table {
   margin: 0;
   background-color: transparent;
}

.product-table th {
   background-color: #e9ecef;
   font-size: 0.9em;
}

.product-table td {
   font-size: 0.9em;
}

.expand-icon {
   display: inline-block;
   width: 20px;
   height: 20px;
   line-height: 20px;
   text-align: center;
   border-radius: 3px;
   margin-right: 8px;
   background-color: #e9ecef;
   cursor: pointer;
   font-size: 0.9em;
}

.expand-icon:hover {
   background-color: #dee2e6;
}