.table-search{
    display: flex;
}

.table-search .icon {
    margin: 0 !important;
}

.table-sort-angles{
    display: flex;
    gap: 8px;
}

.table-sort-angles a{
    font-size: 18px;

}

.custom-navbar{
    background: var(--plyr-color-main);
    --tblr-navbar-border-width: none;
}
.navbar,  #navbar-menu{
    --tblr-navbar-border-width: none;
}
.dropdown-item .nav-link-icon{
    color: #ff6600!important;
}
.custom-navbar .nav-link-icon,.custom-navbar .nav-link, .custom-navbar .nav-link:hover, .custom-navbar .nav-link.show{
    color:white;
}
.custom-login-container{
    border-color: #ff6600 !important;
    background: white;
}
.bg-tblr-primary {
    background-color: var(--tblr-primary);
}

.custom-tooltip {
    position: relative;
    display: inline-block; /* Ensure element is inline or inline-block */
}

.custom-tooltip:hover::after {
    content: attr(title);
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    top: -40px; /* Adjust based on the tooltip's height */
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 10;
}

.custom-tooltip:hover::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: #333 transparent transparent transparent; /* Create arrow attached to the tooltip */
    z-index: 10;
}

.secondary-link{
    color: #ff6600;
}

.bg-arrival {
    color: rgba(5, 180, 114, 1)!important; /* Light green for arrival */
    font-size:16px;
    font-weight: 400;
}

.bg-departure {
    color: rgba(255, 102, 0, 1)!important; /* Light orange for departure */
    font-size:16px;
    font-weight: 400;
}

#nprogress .bar {
    background: #ff6600!important;
}
.rounded-8 {
    border-radius: 8px !important;
}
.rounded-10 {
    border-radius: var(--border-radius) !important;
}
.rounded-12 {
    border-radius: 12px !important;
}
.rounded-20 {
    border-radius: 20px !important;
}
.font-12 {
    font-size: 12px !important
}
.font-15 {
    font-size: 15px !important
}
.font-16 {
    font-size: 16px !important
}
.font-17 {
    font-size: 17px !important
}
.font-18 {
    font-size: 18px !important
}
.font-20 {
    font-size: 20px !important
}
.font-22 {
    font-size: 22px !important
}
.font-24 {
    font-size: 24px !important
}
.font-weight-400 {
    font-weight: 400 !important;
}
.new-card {
    background-color: var(--tblr-body-bg) !important;
}
.new-card-body{
    padding: 0 !important;
    background-color: var(--tblr-body-bg) !important;
}
.table-body {
    border-radius: 20px !important;
    border: 2.5px solid var(--tblr-primary) !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}
.bg-grey-100 {
    background-color: rgba(94, 99, 102, 0.05) !important;
}
.bg-grey-200 {
    color: #e5e5e5 !important;
}
.text-grey-100 {
    color: rgba(94, 99, 102, 1) !important;
}
.border-8 {
    border-radius: 8px !important;
}
.border-4 {
    border-radius: 4px !important;
}
.cursor-pointer {
    cursor: pointer;
}
.font-weight-500 {
    font-weight: 500 !important;
}
.font-weight-600 {
    font-weight: 600 !important;
}
.text-black {
    color:black !important;
}
.border-primary {
    border: 2.5px solid var(--tblr-primary) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}
.border-light {
    border: 1px solid rgba(234, 235, 236, 1) !important;
}
.border-main {
    border: 2.5px solid var(--tblr-primary) !important;
}
.border-light-bottom {
    border-bottom: 1px solid rgba(234, 235, 236, 1) !important;
}
h3 {
    color: black !important;
}
.color-primary {
    color: var(--tblr-primary) !important;
}
.new_header {
    padding: 20px !important;
    margin: 0 !important;
    font-weight:500 !important;
    font-size:17px !important;
    color:black !important;
    border-bottom: 1px solid rgba(234, 235, 236, 1) !important;
}
.border-bottom {
    border-bottom: 1px solid rgba(234, 235, 236, 1);
}