html, body {
        margin: 0;
        padding: 0;
        border: 0;
        font-family: Lato, sans-serif;
      }
        .d-none{
            display:none !important;
        }      
        .d-flex{
            display:flex !important;
        }
      #content {
        display: inline-block;
        width: calc(100vw - 490px);
        vertical-align: top;
        margin: 0;
        overflow: auto;
        background-color: white;
        height: 100vh;
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
      }
      
      .button-submit {
          padding: 10px;
          cursor: pointer;
      }
      #sidebar {
        padding: 5px 10px 0 23px;
        display: inline-block;
        width: 448px;
        background-color: #222299;
        background-color: #e66d0e;
        background-color: #f4aa42;
        background-color: #e0942a;
        color: white;
        height: 100vh;
        margin: 0;
        border: 0;
        vertical-align: top;
        overflow: auto;
      }
      #live-results{
          white-space: pre-wrap;
      }
      h1 {
        margin-top: 0;
        padding-top: 0px;
        padding-left: 0px;
        margin-bottom: 10px;
        font-size: 40px;
        font-weight: normal;
      }
      #sidebar h1 {
        color: white;
        padding-top: 10px;
        padding-left: 20px;
      }
      #console h1 {
        margin-top: 10px;
        margin-bottom: 0;
        display: inline-block;
      }
      #resultslinkbox {
        /*float: right;*/
        padding-top: 20px;
      }
      
      input {
          border-radius: 10px;
      }
      
      select {
          border-radius: 10px;
      }
      #resultslinkcopybutton {
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        background-color: white;
        color: #e0942a;
        border: 1px solid #e0942a;
        font-size: 10px;
        padding: 5px;
      }
      
      #customerslinkcopybutton {
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        background-color: white;
        color: #e0942a;
        border: 1px solid #e0942a;
        font-size: 10px;
        padding: 5px;
      }
      #resultslink {
        display: inline-block;
        vertical-align: middle;
        color: #999999;
        text-decoration: none;d
        margin-left: 10px;
      }
      #customerslink {
        display: inline-block;
        vertical-align: middle;
        color: #999999;
        text-decoration: none;d
        margin-left: 10px;
      }
      #resulttextcopybutton {
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        background-color: #999999;
        color: white;
        border: 1px solid #999999;
        font-size: 15px;
        padding: 7px;
        margin-bottom: 20px;
      }
      .savevaluesbutton{
          margin-left:10px;
      }
      .savevaluesbutton, .btn-save-shipper {
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        background-color: #999999;
        color: white;
        border: 1px solid #999999;
        font-size: 15px;
        padding: 7px;
        margin-bottom: 20px;
        margin-top: 0;
      }
      .btn-save-shipper 
      {
              margin-bottom: 6px;
      }
      #copyquotetextbutton {
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        background-color: #999999;
        color: white;
        border: 1px solid #999999;
        font-size: 15px;
        padding: 7px;
        margin-bottom: 20px;
        margin-top: 0;
      }
      #livequotingwrapper {
        margin: 0;
        padding: 0;
        border: 0;
      }
      #quote-form {
        font-size: 20px;
      }
      #quote-form label {
        font-weight: bolder;
      }
      #quote-form input {
        border: 1px solid white;
        background-color: #222299;
        background-color: #e0942a;
        color: white;
        font-size: 20px;
        font-family: Lato, sans-serif;
        font-weight: normal;
        padding: 5px;
      }
      #quote-form select {
        border: 1px solid white;
        background-color: #222299;
        background-color: #e0942a;
        color: white;
        font-size: 20px;
        font-family: Lato, sans-serif;
        font-weight: normal;
        padding: 5px;
        width:203px;
      }
      #quote-form div {
        margin-bottom: 10px;
      }
      .bigtable tr {
        height: 50px;
      }
      .pl {
        padding-left: 10px;
      }
      #optionsdd {
        display: inline-block;
        position: relative;
        top: -1px;
      }
      .dropdown {
        text-decoration: none !important;
        color: white !important;
        font-size: 20px;
      }
      .dropdown:hover {
        text-decoration: none !important;
        color: white !important;
      }
      .bigtable {
        width: 100%;
        padding-right: 5px;
        margin-left: auto;
        margin-right: auto;
      }
      .more {
        display: none;
      }
      .weightbox {
        display: inline-block;
        font-size: 16px;
      }
      .weightscell {
        text-align: left !important;
      }
      .weight {
        position: relative;
        top: 2px;
      }
      .ar {
        text-align: left;
      }
      .al {
        text-align: left !important;
        padding-left: 10px;
      }
      .justchillbro {
        font-weight: normal !important;
      }
      .centerthatshit {
        margin-left: auto;
        margin-right: auto;
      }
      .more {
        display: none;
      }
      .rotatedown {
        transform: rotate(90deg);
      }
      .checks input {
        position: relative;
        top: 2px;
      }
      .live-quoting {
        display: inline-block;
        margin-right: 10px;
      }
      .panel {
        border: 1px solid #999999;
        display: inline-block !important;
        margin-bottom: 10px;
      }
      .panel div {
        display: inline-block;
        vertical-align: top;
      }
      .panel div:first-of-type {
        display: block;
      }
      .panel-heading {
        display: block !important;
        border-bottom: 1px solid #999999;
        background-color: #CCCCCC;
        height: 40px;
        padding-left: 10px;
      }
      .panel-body {
        text-align: right !important;
      }
      .select2-container--default .select2-selection--single {
            background-color: #e0942a; /* your orange */
            color: white;
            border: 1px solid #fff;
            height: 35px;
            padding: 4px 10px;
        }
        
        .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: white;
            line-height: 26px;
        }
        
        .select2-container--default .select2-selection--single .select2-selection__arrow {
            top: 4px;
            right: 8px;
        }
        
        /* Dropdown styling */
        .select2-container--default .select2-results > .select2-results__options {
            background-color: #e0942a;
            color: white;
        }
        
        .select2-container--default .select2-results__option--highlighted[aria-selected] {
            background-color: #004080; /* highlight color when hovering */
            color: white;
        }
        
        /* Selected option inside dropdown */
        .select2-container--default .select2-results__option[aria-selected="true"] {
            background-color: #004080;
            color: white;
        }
        
        /* Search box inside dropdown */
        .select2-container--default .select2-search--dropdown .select2-search__field {
            background: #e0942a;
            color: black;
            border: 1px solid #ccc;
        }
        
        .select2-container--default .select2-search--dropdown {
            background: #e0942a;
        }
        .select2-container--default .select2-results__option--selected {
            background: #004080;
        }
      h3 {
        margin-top: 0;
        line-height: 40px;
      }
      .shipper-table-wrapper {
        display: inline-block;
      }
      .shipper-table {
        border-collapse: collapse;
        border: 1px solid black;
        margin: 5px;
        text-align: left;
      }
      .shipper-table th {
        text-align: left;
        border-bottom: 2px solid grey;
        padding: 5px;
        background-color: #EEEEEE;
      }
      .shipper-table td {
        border-bottom: 1px solid grey;
        padding: 5px;
      }

      .costdeliverytable {
        margin: 5px;
        border: 1px solid black;
        border-collapse: collapse;
      }
      .costdeliverytable td {
        padding: 5px;
        border-bottom: 1px solid grey;
        text-align: left;
        height: 35px;
      }
      .costdeliverytable td:last-of-type {
        border-left: 1px solid grey;
      }
      .costdeliverytable th {
        background-color: #EEEEEE;
        border-right: 2px solid grey;
        padding: 5px;
        border-bottom: 1px solid grey;
        text-align: left;
        height: 35px;
      }
      pre {
        border-left: 5px solid #999999;
        padding: 10px;
        background-color: #f9f9f9;
        max-width: calc(100% - 25);
      }
      .totaltotal {
        text-align: right !important;
      }
      th.totaltotal {
        background-color: #444444;
        text-align: left !important;
        color: white;
      }


      /* Ugh oh God what the hell */
      #console {
          display: none;
      }
      #ajaxSpinnerImage {
          display: none;
          position: fixed;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
      }
      .live-quoting-results {
        display: none;
      }
      body{
          display:flex;
      }
      .shipper_list{
        border: 1px solid white;
        background-color: #222299;
        background-color: #e0942a;
        color: white;
        font-size: 18px;
        font-family: Lato, sans-serif;
        font-weight: normal;
        padding: 5px;
        width:fit-content;
        margin-bottom:10px;
        text-transform:uppercase;
      }
      .more.show{
          display:table;
      }
      .btn-primary{
          border:none;
          background:skyblue;
          color:#fff;
          padding:10px;
          cursor:pointer;
      }
      .terminals_table{
          margin-bottom:30px;
      }
    
     .terminals_table tr td:nth-child(3){
         width:100px;
     }
     #originZip{
         width: 352px !important;
     }
     #market{
         width: 352px !important;
     }
     #destination{
         width:105px !important;
     }
     #unloadType{
       width:105px !important;  
     }
     .ar label{
         font-size:18px;
     }
     .pl .bagsize{
         width:102px !important;
     }
     #destZip{
         width:93px !important;
     }

.tooltip_custom {
  position: relative;
  display: inline-block;
}

.tooltip_custom .tooltiptext {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
    width: 70px;
  bottom: 100%;
  left: 50%;
  margin-left: -30px;

}

.tooltip_custom:hover .tooltiptext {
  visibility: visible;
}

#quote-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
}