.table-legend         {position:absolute; bottom:74px; height: 48px; line-height:48px; background-color: var(--espediter-white)}
.table-legend-closed  {width:20px;}
.table-legend-opened  {width:20px;}
.table-legend-content {width:480px}
.table-legend-button  {width:20px}

.page-table-new                           {height: calc(100vh - 110px);}
#containers-controller .page-table-new    {height: calc(100vh - 175px);}

.page-table-new > table                   {caption-side: top; border-collapse: separate; border-spacing: 0; font-size:12px;}
.page-table-new > table > thead > tr > th {position: sticky; top: 0; z-index: 8; padding: 0px; margin: 0px; white-space: nowrap; border: 0px;  border-left: 1px solid var(--espediter-component-dark); border-bottom: 1px solid var(--espediter-component-dark);}
.page-table-new > table > tbody > tr > td {white-space: nowrap; border-width: 0px; border-left: 1px solid var(--espediter-component-dark); border-bottom: 1px solid var(--espediter-component-dark);}

.th-inner                                  {font-size: 12px; border:0px; line-height:44px; padding:0px 0px 0px 10px; height:44px;}

.table-first-row-first-column              {text-align: center; min-width:60px;}      
.table-first-row-first-column > div        {background-color:var(--espediter-component-dark); outline:0px; text-align: center;}      

.table-first-row,
.table-first-row> *                        {user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; height:44px; line-height:24px;}

.table-first-column,
.table-first-column > *                    {user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}

.table-first-column                        {width: 1px;  white-space: nowrap;}
.table-second-column                       {width: 1px;  white-space: nowrap;}
.table-other-column                        {width: auto; max-width: 300px; text-overflow: ellipsis; overflow:hidden; white-space: nowrap;}
.table-header                              {height:44px}

.text_red                                  {color: #DC3545 !important;}
.text_green                                {color: #28A745 !important;}


.is-urgent {  
  --bs-table-bg: var(--espediter-urgent-first);
  --bs-table-striped-bg: var(--espediter-urgent-second);
  --bs-table-active-bg: var(--espediter-urgent-third);
  --bs-table-hover-bg: var(--espediter-urgent-fourth);
}

.is-stop:not(.is-urgent) { 
  --bs-table-bg: var(--espediter-stop-first);
  --bs-table-striped-bg: var(--espediter-stop-second);
  --bs-table-active-bg: var(--espediter-stop-third);
  --bs-table-hover-bg: var(--espediter-stop-fourth);
}

.is-delivered/*:not(.is-urgent):not(.is-stop)*/{
  --bs-table-bg: var(--espediter-delivered-first);
  --bs-table-striped-bg: var(--espediter-delivered-second);
  --bs-table-active-bg: var(--espediter-delivered-third);
  --bs-table-hover-bg: var(--espediter-delivered-fourth);
}

.is-deliveryna:not(.is-urgent):not(.is-stop):not(.is-delivered) {
  --bs-table-bg: var(--espediter-deliveryna-first);
  --bs-table-striped-bg: var(--espediter-deliveryna-second);
  --bs-table-active-bg: var(--espediter-deliveryna-third);
  --bs-table-hover-bg: var(--espediter-deliveryna-fourth);
}

/*.hide-urgent      .is-urgent-true     {--bs-table-bg: unset !important;--bs-table-striped-bg: unset !important;--bs-table-hover-bg: unset !important;--bs-table-active-bg: unset !important; }
.hide-stop        .is-stop-true       {--bs-table-bg: unset !important;--bs-table-striped-bg: unset !important;--bs-table-hover-bg: unset !important;--bs-table-active-bg: unset !important; }
.hide-delivered   .is-delivered-true  {--bs-table-bg: unset !important;--bs-table-striped-bg: unset !important;--bs-table-hover-bg: unset !important;--bs-table-active-bg: unset !important; }
.hide-deliveryna  .is-deliveryna-true {--bs-table-bg: unset !important;--bs-table-striped-bg: unset !important;--bs-table-hover-bg: unset !important;--bs-table-active-bg: unset !important; }
*/

.has_trailer_false                    {color: var(--espediter-error) !important}
.has_trucker_false                    {color: var(--espediter-error) !important}
.has_truck_false                      {color: var(--espediter-error) !important}
.has_cnee_false                       {color: var(--espediter-error) !important}

.espediter-table-internal             {width:100%;  border: solid 1px var(--espediter-component-light)}   

tr:hover             > td             {background-color: var(--espediter-component-dark)   !important; --bs-table-bg-type: var(--espediter-component-dark)   !important; --bs-table-bg-state: var(--espediter-component-dark);}
tr.highlighted       > td             {background-color: var(--espediter-highlighted)      !important; --bs-table-bg-type: var(--espediter-highlighted)      !important; --bs-table-bg-state: var(--espediter-highlighted);}
tr.highlighted:hover > td             {background-color: var(--espediter-highlighted-over) !important; --bs-table-bg-type: var(--espediter-highlighted-over) !important; --bs-table-bg-state: var(--espediter-highlighte-over);}
tr.highlighted:hover > td:hover       {background-color: var(--espediter-highlighted-over) !important; --bs-table-bg-type: var(--espediter-highlighted-over) !important; --bs-table-bg-state: var(--espediter-highlighted-over);}

.table-legend, .table-legend > *                           {user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.table-legend                                              {border-radius: 5px; border: 1px solid var(--espediter-component-light); position: absolute; bottom: 80px; height: 60px; line-height: 60px; display: flex; background-color: var(--espediter-white); transition: width 0.3s ease-out;}
.table-legend-closed                                       {width: 15px; overflow: hidden;}
.table-legend-opened                                       {width: 540px;}
.table-legend-content                                      {width: 500px;  opacity: 1; transition: opacity 0.3s 0.1s;  display: inline-block; display: flex; align-items: center; }
.table-legend-button                                       {font-size: 14px;}
.table-legend-button                                       {width: 15px; flex-shrink: 0; text-align: center; border-radius: 5px; background-color:var(--espediter-component-light)}
.table-legend-closed .table-legend-content                 {opacity: 0;}
.table-legend-closed .table-legend-content                 {opacity: 0;}
.table-legend-filters                                      {display: flex; gap: 15px; padding: 0 10px; }
.toggle-switch-container                                   {display: inline-block; vertical-align: middle;}
.toggle-switch-input                                       {display: none;}
.toggle-switch-label                                       {display: block; width: 50px; height: 24px; background-color: #ccc; border-radius: 15px; cursor: pointer; position: relative; transition: background-color 0.3s;}
.toggle-switch-label::after                                {content: ''; display: block; width: 19px; height: 19px; background-color: #fff; border-radius: 50%; position: absolute; top: 3px; left: 3px; transition: transform 0.3s;}
.toggle-switch-input:checked + .toggle-switch-label        {background-color: var(--espediter-success);}
.toggle-switch-input:checked + .toggle-switch-label::after {transform: translateX(25px);}
.table-legend-filters                                      {display: flex; gap: 15px; }
.switch-text-label                                         {font-size: 14px; white-space: nowrap; }
.filter-set-wrapper                                        {display: flex; align-items: center; gap: 8px;}
.filter-set-wrapper-urgent     .toggle-switch-label::after {background-color: var(--espediter-urgent-first)}
.filter-set-wrapper-stop       .toggle-switch-label::after {background-color: var(--espediter-stop-first)}
.filter-set-wrapper-delivered  .toggle-switch-label::after {background-color: var(--espediter-delivered-first)}
.filter-set-wrapper-deliveryna .toggle-switch-label::after {background-color: var(--espediter-deliveryna-first)}

.page-table-new a {color:inherit !important}