@charset "UTF-8";

   .freight{
      color: #0e56cb;
       font-weight:bold;
    }

   .freight-icon{
	color:#0984e3;
   }
    .form-select{
      font-weight:bold; 
      font-size:1rem;
     
    } 

    hr.divider { 
      margin: 5px 10px 5px 0px;
      color:#0984e3;
      border: 1px solid #0984e3;
    }

/*     div.dataTables_wrapper {
      margin-bottom: 4em;
    }  */
    
    #fareDetails {
    margin-top: 20px;
    font-size: 16px;
    color: #333;
}

@media (max-width: 991px) {
  .dataTables_wrapper .row {
    justify-content: flex-start;
  }
  
  .dataTables_wrapper .col-sm-4.text-end {
    width: 100%; /* Make search box full width */
  }
}

/* .dataTables_wrapper .row {
            display: flex;
            align-items: left; 
        }
.dataTables_filter {
        float: right; Ensure the search box floats to the left
        text-align: right; Align the label text to the left
    } */

/* Spinner Style */
.loader {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 10s linear infinite;
    display: none; /* Hidden by default */
    margin: 20px auto;
}

/* Animation for the spinner */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

    /* Custom CSS to padding top and bottom */
		nav {
		  padding-top: 0.25rem; /* Equivalent to py-1 top padding */
		  padding-bottom: 0.25rem; /* Equivalent to py-1 bottom padding */
		}
    
        /* Mobile View: Two columns */
      
      @media (max-width: 991px) {
      .nav-tabs {
         display: grid;
         grid-template-columns: repeat(2, 1fr); /* Create 2 columns */
         gap: 5px; /* Reduced space between the columns and rows */
       }

      .nav-tabs .nav-item {
        margin-right: 0; /* Remove margin for mobile */
      }
    } 

.freight-header{
	font-size:1.5rem;
	padding: 2px 2px;
    font-weight:bold;
}

.route-info{
	font-size:1.2rem;
	padding: 2px 2px;
	
}

  @media (max-width: 991px) {
  .route-info{
	font-size:1rem;
	padding: 2px 2px;
	
}
  }