#loadDetailModal .leftClose {
  margin-left: -1.5rem !important;
  padding-right: 0.75rem !important;
  color: var(--phoenix-navbar-vertical-link-color) !important ;
  margin-left:3px !important;
  background-position-x:-3px;
}


.logoWrap img {
    height:60px !important;
}

nav .headerLeft,
nav .headerRight {
  width: 33% !important;
  overflow: visible !important;
/* border:1px solid red !important; */
}

/* prettier-ignore */
/*# sourceMappingURL=user.css.map */
.navbar-vertical-collapsed,
.navbar-vertical.navbar-expand-lg {
  position: absolute;
  top: 0;
  height: auto;
  min-height: 100%;
  padding-top: var(--phoenix-navbar-top-height);
  position:fixed !important;
  height:100vh !important;
  margin-bottom:0 !important;

}



#navbarSidebarNav .nav-link svg {
  font-size:1rem;
}

.navbar-vertical.navbar-expand-lg:not(.collapsed) {
  width: 12rem;
}

.navbar-vertical.navbar-expand-lg.collapsed {
  width: 4rem !important;
}

.navbar-vertical.navbar-expand-lg.collapsed .nav-link span {
  display:none;
}

.navbar-vertical.navbar-expand-lg .nav-link svg {
  width:2rem;  
}

.navbar-vertical.navbar-expand-lg .btn-link:hover, .btn-link:focus-visible {
  text-decoration:none !important;
}

.navbar-vertical.navbar-expand-lg:not(.collapsed) .nav-link {
  width:100%;
  display:flex;
  justify-content:start;
  gap:0.25rem;
  align-content:center;
  align-items:center;
}


.navbar-vertical.navbar-expand-lg:not(.collapsed) .nav-link span {
  display:block;
  font-size:1rem;
}


.navbar-vertical.navbar-expand-lg:not(.collapsed) ~ #content_div #contentContainer {
  margin-left:12rem !important;
}

.navbar-vertical.navbar-expand-lg.collapsed ~ #content_div #contentContainer {
  margin-left:4rem !important;
}


.navbar-vertical.navbar-expand-lg.collapsed .navbar-vertical-footer {
  width: 4rem !important;
  border-right: 1px solid var(--phoenix-navbar-vertical-border-color);
}

#sidebarFooter {
  border-right: 1px solid var(--phoenix-navbar-vertical-border-color);
  border-top: 1px solid var(--phoenix-navbar-vertical-border-color);
  white-space:nowrap;
}

.navbar-vertical.navbar-expand-lg:not(.collapsed) .navbar-vertical-footer {
  width: 12rem !important;
}



#sidebarFopoter {
  white-space:nowrap;  
}


#sidebarFooter button {
  display:flex !important;
  gap:0.25rem;
}

#sidebarFooter button, 
#sidebarFooter button span {
  color: var(--phoenix-navbar-vertical-link-color) !important ;
  font-size: var(--phoenix-btn-font-size);
  font-weight:normal;
}

#sidebarFooter button i {
  display:block;
}

.mobileOnly,
.mobileOnlyLg {
  display:none;
}

.navbar-vertical + .navbar-top .navbar-logo {
  width: 20rem;
}

#navbarTopCollapseAccount {
}

.navbar-vertical-content {
  overflow:hidden !important;
}

.navbar-logo img {
  height:60px !important;
}




.loadActivity .reportFilterWrap label {
  display:block;
  width: 10rem;
  text-align:right;
  margin-right:1rem;
}

.loadActivity .reportFilterWrap .frow {
  display: flex;
  gap: 0.5rem;
  align-items:center;
  max-width:35rem;
  margin-top:0.5rem;
}

.loadActivity .searchCtrlWrap {
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid #e4e4e4;
}



.loadActivity th,
.loadActivity td {
  vertical-align:middle;
  text-align:center;
}

.loadActivity th button,
.searchLoads th button {
  padding:0;
}

.loadActivity table,
.searchLoads table {
  table-layout:fixed;
  width:100%;
}

.loadActivity table th,
.searchLoads table th {
  white-space:nowrap;
}

.loadActivity table .headerButton,
.searchLoads table .headerButton {
  color:#31374a;
}

.loadActivity table .headerButton:hover,
.searchLoads table .headerButton:hover {
  text-decoration:none;
}

.loadActivity table .headerButton::after,
.searchLoads table .headerButton::after {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNyA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy4xNDkgMC42NDY3NjhDMy4zNDM2NiAwLjQ1NDg4NSAzLjY1NjM0IDAuNDU0ODg1IDMuODUxIDAuNjQ2NzY4TDYuMTMxNTEgMi44OTQ2OUM2LjQ0OTk4IDMuMjA4NjIgNi4yMjc2OSAzLjc1MDc4IDUuNzgwNSAzLjc1MDc4SDEuMjE5NUMwLjc3MjMwNyAzLjc1MDc4IDAuNTUwMDE4IDMuMjA4NjIgMC44Njg0OTUgMi44OTQ2OUwzLjE0OSAwLjY0Njc2OFoiIGZpbGw9IiM2RTc4OTEiLz4KPHBhdGggZD0iTTMuMTQ5IDguMTU0MDFDMy4zNDM2NiA4LjM0NTkgMy42NTYzNCA4LjM0NTkgMy44NTEgOC4xNTQwMUw2LjEzMTUxIDUuOTA2MDlDNi40NDk5OCA1LjU5MjE2IDYuMjI3NjkgNS4wNSA1Ljc4MDUgNS4wNUgxLjIxOTVDMC43NzIzMDcgNS4wNSAwLjU1MDAxOCA1LjU5MjE2IDAuODY4NDk1IDUuOTA2MDlMMy4xNDkgOC4xNTQwMVoiIGZpbGw9IiM2RTc4OTEiLz4KPC9zdmc+Cg==");
  margin-left:0.3rem;
}

.loadActivity table .headerButton.active.asc::after,
.searchLoads table .headerButton.active.asc::after {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNyA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy4xNDkgMC42NDY3NjhDMy4zNDM2NiAwLjQ1NDg4NSAzLjY1NjM0IDAuNDU0ODg1IDMuODUxIDAuNjQ2NzY4TDYuMTMxNTEgMi44OTQ2OUM2LjQ0OTk4IDMuMjA4NjIgNi4yMjc2OSAzLjc1MDc4IDUuNzgwNSAzLjc1MDc4SDEuMjE5NUMwLjc3MjMwNyAzLjc1MDc4IDAuNTUwMDE4IDMuMjA4NjIgMC44Njg0OTUgMi44OTQ2OUwzLjE0OSAwLjY0Njc2OFoiIGZpbGw9IiM2RTc4OTEiLz4KPC9zdmc+Cg==") !important;
  margin-left:0.3rem;
}

.loadActivity table .headerButton.active.desc::after,
.searchLoads table .headerButton.active.desc::after  {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNyA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy4xNDkgOC4xNTQwMUMzLjM0MzY2IDguMzQ1OSAzLjY1NjM0IDguMzQ1OSAzLjg1MSA4LjE1NDAxTDYuMTMxNTEgNS45MDYwOUM2LjQ0OTk4IDUuNTkyMTYgNi4yMjc2OSA1LjA1IDUuNzgwNSA1LjA1SDEuMjE5NUMwLjc3MjMwNyA1LjA1IDAuNTUwMDE4IDUuNTkyMTYgMC44Njg0OTUgNS45MDYwOUwzLjE0OSA4LjE1NDAxWiIgZmlsbD0iIzZFNzg5MSIvPgo8L3N2Zz4K") !important;
  margin-left:0.3rem;
}


.loadActivity table tbody:nth-last-of-type(1) tr:nth-of-type(1) td:nth-of-type(4),
.loadActivity table tbody:nth-last-of-type(1) tr:nth-of-type(1) td:nth-of-type(10),
.loadActivity table tbody:nth-last-of-type(1) tr:nth-of-type(1) td:nth-of-type(12) {
  color:transparent;
  opacity:0;
}


#mainOverlay {
  position:fixed;
  z-index:100000;
  background:black;
  opacity:0.5;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  color:white;
  font-weight:bold;
  font-size:50px;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  gap:1rem;
}

#mainOverlay .icon {
  display: inline-block;
  margin-right: 10px;
  animation: spin 1.5s infinite linear;
}



.loadActivity .dateWrap {
  width:100% !important;
}



.datagrid + .mobile {
  display:none;
}




@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }
    to {
        transform: scale(1) rotate(360deg);
    }
}


@media screen and (max-width:460px) {
  .loadActivity .searchCtrlWrap {
  }
}


@media (min-width: 600px) {

  
  .navbar-vertical.navbar-expand-lg .navbar-collapse {
    width: 100% !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
    border-right: 1px solid var(--phoenix-navbar-vertical-border-color);
    margin: 0;
    display: flex !important;
  }
  
  .navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav-link:hover {
    background-color: var(--phoenix-navbar-vertical-link-hover-bg);
  }
  
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--phoenix-navbar-nav-link-padding-x);
    
  }
  
  .navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav {
    gap:1rem;
    justify-content:center;
    text-align:center;
  }
  
  .navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav-link {
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    border-radius: 0.5rem;
    padding-left:0rem;
    padding-right:0rem;
    font-size:12.8px;
    font-weight:normal;
  }
  
  .navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav-link span {
    font-size:12.8px;
  }
  
  .navbar-vertical.navbar-expand-lg .nav-item{
    cursor:pointer;
  }
  
  .navbar-vertical.navbar-expand-lg .navbar-vertical-content {
    width: 100%;
  }
  
  .navbar-collapse {
    align-items: center;
  }
  
  html:not(.navbar-vertical-collapsed) .navbar-vertical.navbar-expand-lg .navbar-vertical-content {
    height: calc(100vh - var(--phoenix-navbar-top-height) - 4rem);
  }
} 


@media screen and (max-width:992px) {
  
  .mobileOnlyLg {
    display:initial;
  }
  
}


@media screen and (max-width:650px) {
  .loadActivity .dateWrap {
    flex-direction:column
  }
  
  .loadActivity .dateWrap > div {
    width:100% !important;
  }
  
  .loadActivity .dateWrap span {
    display:none;
  }
}

@media screen and (max-width: 600px) {
  
  #navbarDropdownUser {
    text-align:center;
  }
  
  #contentContainer {
    margin-left: 0 !important;
  }


  .navbar-vertical.navbar-expand-lg:not(.collapsed) ~ #content_div #contentContainer {
    margin-left:0 !important;
  }

  .navbar-vertical.navbar-expand-lg.collapsed ~ #content_div #contentContainer {
    margin-left:0 !important;
  }

  
  .navbarSidebarWrap {
    display:none;
  }
  
  .accountNavbar li {
    text-align:center !important;
  }
  
  .mobileOnly {
    display:initial;
  }
  
  table.datagrid {
    display:none;
  }
  
  table.datagrid + .mobile {
    display:flex;
    flex-direction:column;
    margin-top:1rem;
    margin-bottom:1rem;
  }
  
  table.responsive,
  table.responsiveParent table {
    border: 0;
  }

  table.responsive .caption,
  table.responsiveParent table .caption {
    font-size: 1.3em;
  }
  
  table.responsive thead,
  table.responsiveParent table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.responsive tr,
  table.responsiveParent table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table.responsive td,
  table.responsiveParent table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right !important;
  }
  
  table.responsive td::before,
  table.responsiveParent table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table.responsive td:last-child,
  table.responsiveParent table td::last-child {
    border-bottom: 0;
  }
}

.p1570 {
  padding-left:0.25rem !important;
  padding-right:0.25rem !important;
}

.buttonWrap > button,
.buttonWrap > button:hover {
  height: 45px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background: var(--phoenix-primary);
  color: white;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  border-radius: 0;
  font-size: 1rem;
}

@media screen and (max-width:570px) {
  #content_div,
  #loadDetailContent {
    padding-left:0 !important;
    padding-right:0 !important;
  }
}



@media screen and (max-width:400px) {
  .navbar-logo img {
    height: 45px !important;
  }
  
  
  .frow.location {
    display:flex;
    flex-direction:column;   
    margin-top:2rem !important;
  }
  
  .frow.location label {
    text-align:center !important;
  }
  
  .frow.location > div,
  .frow.location input,
  .frow.location select {
    width: 100%;
  }
}