body {
    padding-top: 107px;
}

.appCell {
    cursor: pointer;
}

/*Home start*/
.appHeader {
    height: 140px;
    padding-top: 20px;
}

.appCell .appHeader h2:hover {
    text-decoration: underline;
    color: black;
}

.appCell .appHeader h2 {
    color: black;
}

.mainRow {
    padding-top: 40px;
}

.border-col {
    border: 1px dotted gray;
}

.border-col:nth-child(odd) {
    border-right: none;
}

a.appCell {
    text-decoration: none
}
/*Home end*/

.no-bottom-margin {
    margin-bottom: 0 !important;
}
.no-bottom-border tbody tr:last-child td{
    border-bottom: 0 !important;
}

.breadcrumb-nav {
    position: fixed;
    top: 56px; 
    z-index: 1001;
}

.btn-xs {
    padding: .25rem .5rem;
    font-size: .75rem;
    line-height: 1.5;
    border-radius: .2rem;
}
.btn-group-xs > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
.cardButton {
    z-index: 2
}

.bg-soft-danger {
     background-color: #f8d7da; /* A softer shade of .bg-danger */
     color: #842029; /* Adjusted text color for readability */
 }

.bg-soft-warning {
    background-color: #fff3cd; /* A softer shade of .bg-warning */
    color: #664d03; /* Adjusted text color for readability */
}

.bg-soft-success {
    background-color: #d1e7dd; /* A softer shade of success green */
    color: #0f5132; /* A dark green text color for readability */
}

fieldset {
    border: 1px solid #adb5bd !important;
    border-radius: 0.375rem !important;
    padding: 1rem 1rem 0 1rem !important;
    margin-bottom: 1rem!important
}

fieldset legend {
    float: none !important;
    width: auto !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* Custom CSS to make breadcrumb text light-colored */
.light-breadcrumb .breadcrumb-item a,
.light-breadcrumb .breadcrumb-item.active {
    color: #f8f9fa;
}

/* Optional: Adjust the breadcrumb separator color */
.light-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: #ced4da;
}

.breadcrumb-item.no-separator::before {
    content: none;
}

.chart-container {
    position: relative;
    height: 400px;
    width: 100%;
}

.hide-preview { visibility: hidden}

.noFrameInput:focus {
    outline: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    background-color: transparent;
    border-color: transparent;
    border-bottom: 3px solid #1aafff;
}

.nav-pills .nav-link:focus, .nav-pills .nav-link:hover {
    border-bottom: 3px solid #333;
    border-radius: 0
}


.nav-tabs .nav-link, .nav-tabs .nav-link.active {
    color: #333; /* Example text color, set this to match the active tab's text color */
}

/*.nav-tabs .nav-link.active {
    background-color: #f8f9fa !important;*/ /* Color code for bg-light */
    /*color: #495057 !important;*/ /* Adjust text color as needed */
/*}*/

/*.nav-link.active, .nav-link:focus, .nav-link:hover {
    background-color: transparent;
    border-color: transparent;
    border-bottom: 3px solid #1aafff;
}

a.nav-link {
    color: #333;
}*/

/* Tab Navigation */
/*.nav-tabs {
    margin: 0;
    margin-top: 10px;
    padding: 0;
    border: 0;    
}
.nav-tabs > li > a {
    background: #DADADA;
    border-radius: 0;
    box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
    background: #F5F5F5;
    box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px -3px 5px -2px rgba(0,0,0,.4);
}*/

/* Tab Content */
/*.tab-pane {
    background: #F5F5F5;
    box-shadow: 0 0 4px rgba(0,0,0,.4);
    border-radius: 0;
    padding: 10px;
}*/

.bottomaligned {
    position: absolute;
    bottom: 0;
    margin-bottom: 7px;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.tdFixed { width: 120px}
.tdRight, .tdRightNumber { text-align: right;vertical-align: top}
.tdRightNumber { white-space: nowrap}
.tdCenter { text-align: center;vertical-align: top}
.tdLeft { text-align: left;vertical-align: top}
.tdNoWrap { white-space:nowrap}

.titleL {
    white-space: nowrap;
    font-size: 24px;
    font-weight: 500
}

.field-validation-error {
    color: #b94a48;
    display: inline-block;
    *display: inline;
    padding-left: 5px;
    vertical-align: middle;
    *zoom: 1;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    color: #b94a48;
    border-color: #b94a48;
}

.input-validation-error:focus {
  border-color: #953b39;
  -webkit-box-shadow: 0 0 6px #d59392;
  -moz-box-shadow: 0 0 6px #d59392;
  box-shadow: 0 0 6px #d59392;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

/*Desktop*/
.MonitoringTable {
    margin-bottom: 0
}

.MonitoringTable td, .MonitoringTable th {
    text-align: center;
    vertical-align: top;
    width: 50%
}
.card-header-link {
    text-decoration: none !important;
    color: inherit; /* Match the color to your card header's text color */
}

.PanelTitleStatus,.PanelTitle {
    text-decoration: none!important;
    color: inherit
}
.PanelTitle {
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0
}


.OneLine {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.footerRow {
    position: relative;
    height: 32px;
    padding-bottom: 0;
    margin-bottom: 0
}

.leftImages {
    float: left;
    width: 25%;
    border-right: 1px solid darkgray
}

.centerImages {
    float: left;
    width: 50%;
    text-align: center
}

.rightImages {
    float: left;
    width: 25%;
    border-left: 1px solid darkgray;
    text-align: right
}

.leftImageContainer {
    width: 30px;
    overflow: hidden;
    float: left
}

.rightImageContainer {
    width: 30px;
    overflow: hidden;
    float: right
}

.infoTile {
    border: 1px solid
}
/*End Desktop*/

.gist {
  font-size: 14px;
}

.rating .br-widget, .editor .br-widget {
    height: 16px;
}

.editor .br-widget {
    margin-left: 170px;
}

.rating .br-widget a, .editor .br-widget a {
        background: url('../Images/Rating/star2.png');
        width: 16px;
        height: 16px;
        display: block;
        float: left;
    }

.rating .br-widget a:hover,
.rating .br-widget a.br-active,
.rating .br-widget a.br-selected,
.editor .br-widget a:hover,
.editor .br-widget a.br-active,
.editor .br-widget a.br-selected { background-position: 0 16px; }

        
.highlight {
    background-color: #FFFF88;
    color: #000000
}

.navbar-header .breadcrumb {
    margin: 0;
    padding: 0;
    margin-top: 15px
}

.Map {
    width: 400px;
    height: 200px
}
.MediumMap {
    width: 400px;
    height: 300px
}

.LargeMap {
    width: 800px;
    height: 400px
}

.staticlbl {
    text-align: left   
}


table.borderless td,table.borderless th{
    border: none !important;
}

.dateEdit { width: 120px}
.timeEdit { width: 100px}

@media screen and (min-width: 992px) {
    .staticlbl {
        text-align: right;
    }
}

.statictext {
    font-weight: bold
}

textarea.form-control.comment {
    height: 100px
}

.row-bordered:after {
    content: "";
    display: block;
    border-bottom: 1px solid #ccc;
    margin: 0 15px;
    padding-top: 5px;
    margin-bottom: 5px
}

.redText {
    color: red;
    font-weight: bold
}
legend {
    margin-bottom: 5px;
    margin-top: 5px
}

.tdNumber {
    text-align: right;
    white-space: nowrap
}

.tdNumberTotal {
    text-align: right;
    font-weight: bold;
    text-decoration: underline;
    white-space: nowrap
}

.trClickable {
    cursor: pointer
}


.airTrackingContainer, .airTrackingContainer-sm {
    position: absolute;
    right: 0;
    color: rgb(180, 26, 30);
}

.oceanTrackingContainer, .oceanTrackingContainer-sm {
    position: absolute;
    right: 0;
    color: rgb(112, 146, 190);
}

.oceanTrackingContainer, .airTrackingContainer {
    top: 30px;
    font-size: 1.2em
}

.tt-query,
.tt-hint {
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
}

.tt-menu {
    width: 422px;
    margin: 5px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion p {
    margin: 0;
}

.twitter-typeahead, .tt-hint, .tt-input, .tt-menu {
    width: 100%;
}

.twitter-typeahead .tt-input[disabled] {
    background-color : #eeeeee !important;
}



.airTrackingContainer-sm { top: 16px; }
.oceanTrackingContainer-sm {
    top: 16px;
}

.navbar { margin-bottom: 10px}

.decimalEdit {
    text-align: right
}

.decimalEditSmall {
    text-align: right
}

.removeTag {
    cursor: pointer
}

.selectBadge {
    cursor: pointer
}

.flightouter, .noflightouter {
    height: 90px;
    width: 80px;
    text-align: center;
    margin-top: 20px;
    margin-left: 5px;
    display: table-cell;
    vertical-align: middle
}

.flightouter {
    width: 50px;
}

.noflightouter {
    width: 20px;
}

.noflightinner {
    padding: 6px;
    border-top: solid 1px;
    border-bottom: solid 1px;
}

.flightinner {
    font-size: 10px;
    font-style: oblique;
    color: #000;
    background: lightgrey;
    padding: 6px;
    border-top: solid 1px;
    border-bottom: solid 1px;
}

.icon-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.airport {
    border: solid 1px;
    width: 80px;
    text-align: center;
    padding: 1px;
    display: table-cell;
    font-size: 12px;
    vertical-align: top;
}

.airporttext {
    font-weight: bold;
    font-size: 12px
}

.flighttext {
    font-size: 10px
}

.background-done {
    color: #c0ffc0;
}

.background-open {
    color: #f5f5f5;
}


@media print {
    a[href]:after {
        content: none !important;
    }

    @page {                
        size: A4;
        margin: 5mm;
    }

    html, body {
        width: 1024px;
    }

    body {
        margin: 0 auto;
        padding-top: 0 !important;
    }

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0%;
    }
    .visible-xs {
        display: none !important;
    }
    .hidden-xs {
        display: block !important;
    }
    table.hidden-xs {
        display: table;
    }
    tr.hidden-xs {
        display: table-row !important;
    }
    th.hidden-xs,
    td.hidden-xs {
        display: table-cell !important;
    }
    .hidden-print {
        display: none !important
    }
    .hidden-xs {
        display: none !important;
    }
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (min-width: 1140px) {
    .no-wrap-lg {
        white-space: nowrap;
    }
}


.myIcon {
    display: inline-block;
    width: 124px; /* Adjust to the desired size */
    height: 124px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMTAwJSIgdmlld0JveD0iMCAwIDEzMiA3OSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTMyIDc5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgb3BhY2l0eT0iMS4wMDAwMDAiIHN0cm9rZT0ibm9uZSIgCglkPSIKTTg1LjAwMDAwMCw4MC4wMDAwMDAgCglDNTYuNjY2NjY4LDgwLjAwMDAwMCAyOC44MzMzMzQsODAuMDAwMDAwIDEuMDAwMDAwLDgwLjAwMDAwMCAKCUMxLjAwMDAwMCw1My42NjY2NjggMS4wMDAwMDAsMjcuMzMzMzM0IDEuMDAwMDAwLDEuMDAwMDAwIAoJQzQ1LjAwMDAwMCwxLjAwMDAwMCA4OS4wMDAwMDAsMS4wMDAwMDAgMTMzLjAwMDAwMCwxLjAwMDAwMCAKCUMxMzMuMDAwMDAwLDI3LjMzMzMzNCAxMzMuMDAwMDAwLDUzLjY2NjY2OCAxMzMuMDAwMDAwLDgwLjAwMDAwMCAKCUMxMTcuMTY2NjY0LDgwLjAwMDAwMCAxMDEuMzMzMzM2LDgwLjAwMDAwMCA4NS4wMDAwMDAsODAuMDAwMDAwIApNOTUuNTAwMDAwLDUxLjAwMDAwMCAKCUM2NC43NTA0MjcsNTEuMDAwMDAwIDM0LjAwMDg1NCw1MS4wMDAwMDAgMi40NzQzOTksNTEuMDAwMDAwIAoJQzMuMjc0OTczLDUyLjczOTQzNyAzLjU3Mjc2Niw1My44MTEzOTggNC4xODY1OTgsNTQuNjUyNzk0IAoJQzkuMDAyOTkyLDYxLjI1NDczMCAxNC4xNTA1NjksNjcuNjM1OTAyIDE4LjYwODY3MSw3NC40NjgzOTEgCglDMjAuNDY0MDU2LDc3LjMxMTk2NiAyMi4zOTExMDIsNzguMDQ2MDUxIDI1LjQ0MDI3NSw3OC4wMzk4MjUgCglDNTcuMDk4Nzk3LDc3Ljk3NTEyOCA4OC43NTc5MTksNzcuOTIyNDkzIDEyMC40MTU2NDIsNzguMDkzOTAzIAoJQzEyNC41NzI5MTQsNzguMTE2NDA5IDEyNi43MDgzMzYsNzYuMzU0OTczIDEyOC41NDEzMjEsNzMuMDQwNzY0IAoJQzEzMi40MTMwODYsNjYuMDQwMjYwIDEzMC42MTAzMzYsNTguNjQ4OTY4IDEzMC45NDk0OTMsNTEuMDAwMDAwIAoJQzExOS4xMDA4OTEsNTEuMDAwMDAwIDEwNy44MDA0NDYsNTEuMDAwMDAwIDk1LjUwMDAwMCw1MS4wMDAwMDAgCk0xMDMuNDUxMTAzLDM5Ljk5OTc2MyAKCUM5OS4zNTkzNDQsMzkuOTk5NzYzIDk1LjI2NzU3OCwzOS45OTk3NjMgOTEuMjI1NjYyLDM5Ljk5OTc2MyAKCUM5MS4yMjU2NjIsNDEuOTk1Mzg4IDkxLjIyNTY2Miw0My4yNzMxNjcgOTEuMjI1NjYyLDQ0LjcyNDExNyAKCUMxMDEuMTYwMzM5LDQ0LjcyNDExNyAxMTAuODc5ODY4LDQ0LjcyNDExNyAxMjAuNjc1Mzg1LDQ0LjcyNDExNyAKCUMxMjAuNjc1Mzg1LDM5LjcyNjg4NyAxMjAuNjc1Mzg1LDM1LjAxMjgxMCAxMjAuNjc1Mzg1LDMwLjM2NDMyMyAKCUMxMTAuOTU5MDYxLDMwLjM2NDMyMyAxMDEuNTcyMzE5LDMwLjM2NDMyMyA5Mi4yMzgzNzMsMzAuMzY0MzIzIAoJQzkyLjIzODM3MywzMi4zMzkwMjAgOTIuMjM4MzczLDMzLjk0NzM4MCA5Mi4yMzgzNzMsMzYuMDQzNTYwIAoJQzk4Ljg3MjAyNSwzNi4wNDM1NjAgMTA1LjI4MzY3NiwzNi4wNDM1NjAgMTExLjY5NTMyOCwzNi4wNDM1NjAgCglDMTExLjk2MTYxNywzNi41MzgyOTYgMTEyLjIyNzg5OCwzNy4wMzMwMjggMTEyLjQ5NDE4NiwzNy41Mjc3NjMgCglDMTExLjQ2NzQ4NCwzOC4zNTAwNjAgMTEwLjU1MDExNywzOS41ODUyMjggMTA5LjM4NzIwNywzOS44OTMxNzcgCglDMTA3LjgzMTgzMyw0MC4zMDUwNTAgMTA2LjA4NjEwNSwzOS45OTgwNTggMTAzLjQ1MTEwMywzOS45OTk3NjMgCk0xMTIuOTk5NDc0LDE5LjQxMDQzMSAKCUMxMTIuOTk5NDc0LDE0LjMyNTc1MCAxMTIuOTk5NDc0LDkuMjQxMDcwIDExMi45OTk0NzQsMy44NTM4NjQgCglDMTEwLjkxNjgzMiw0LjA3ODg1NiAxMDkuNTMxMTc0LDQuMjI4NTUyIDEwNy44NjczMjUsNC40MDgzMDIgCglDMTA3Ljg2NzMyNSw4LjcxNjY4MSAxMDcuODY3MzI1LDEyLjY1MjU2MiAxMDcuODY3MzI1LDE2LjQ4MjA2NSAKCUMxMDAuOTY3MTEwLDE3LjgwOTQ0MSAxMDUuMTA4ODU2LDIyLjQ4OTAxMiAxMDQuMTA4NDQ0LDI1LjY0ODI4OSAKCUMxMDcuMzM2MDYwLDI1LjY0ODI4OSAxMTAuMDQ0NjQwLDI1LjY0ODI4OSAxMTIuOTk5NDc0LDI1LjY0ODI4OSAKCUMxMTIuOTk5NDc0LDIzLjY1Nzg3MyAxMTIuOTk5NDc0LDIyLjAxODQyOSAxMTIuOTk5NDc0LDE5LjQxMDQzMSAKTTIwLjAwMDA4OCw0MC41MDQxMjQgCglDMjAuMDk3MjMzLDQxLjkyOTY4OCAyMC4xOTQzODAsNDMuMzU1MjQ3IDIwLjI3OTIzNiw0NC42MDA0OTQgCglDMjQuNzY1MDAzLDQ0LjYwMDQ5NCAyOC44MTY3MjMsNDQuNjAwNDk0IDMyLjcyNjgyNiw0NC42MDA0OTQgCglDMzIuNzI2ODI2LDQxLjU5MjcwOSAzMi43MjY4MjYsMzguOTg3NDA4IDMyLjcyNjgyNiwzNi4wMDE5ODcgCglDMjkuMzMyODk5LDM2LjAwMTk4NyAyNi4xOTI3NjAsMzYuMTgyMDE4IDIzLjA4MzM1OSwzNS45NTAwNDMgCglDMjAuMTI2OTU3LDM1LjcyOTQ3MyAxOS43NTczODcsMzcuMjgzNzc1IDIwLjAwMDA4OCw0MC41MDQxMjQgCk0zOS43MTMwMTcsMzYuMDAyOTcyIAoJQzMzLjcwMTQxMiwzNy42Mzg5MzUgMzguNTQ5NzA5LDQxLjg1MDA2MCAzNy4wNDkyOTAsNDQuNjMxNTUwIAoJQzQxLjcxMzM0OCw0NC42MzE1NTAgNDUuNzY4MzQ5LDQ0LjYzMTU1MCA0OS43NTU3MTEsNDQuNjMxNTUwIAoJQzQ5Ljc1NTcxMSw0MS42NTM2OTAgNDkuNzU1NzExLDM5LjA1MTUzMyA0OS43NTU3MTEsMzYuMDAwNzkwIAoJQzQ2LjU2NTQzNywzNi4wMDA3OTAgNDMuNjEyMTAzLDM2LjAwMDc5MCAzOS43MTMwMTcsMzYuMDAyOTcyIApNNjYuMjI2Mzk1LDQ0Ljk4MDY3MSAKCUM2Ny4wMDk5OTUsNDIuMTkxMzUzIDY3Ljc5MzYwMiwzOS40MDIwMzkgNjguNjUxMTU0LDM2LjM0OTQ4MyAKCUM2My4zMjk1NDAsMzYuMzQ5NDgzIDU5LjI3NTM2MCwzNi4zNDk0ODMgNTUuMjIzODg1LDM2LjM0OTQ4MyAKCUM1NS4yMjM4ODUsMzkuMzA0NDI0IDU1LjIyMzg4NSw0MS45MDc3NDIgNTUuMjIzODg1LDQ0Ljk5Nzg1NiAKCUM1OC43MTM5MDUsNDQuOTk3ODU2IDYxLjk5ODU0Myw0NC45OTc4NTYgNjYuMjI2Mzk1LDQ0Ljk4MDY3MSAKTTQxLjYwMjYzOCwxMy4wMDAwMzEgCglDNDAuMTYxNDE1LDEzLjA4ODA4NCAzOC43MjAxODgsMTMuMTc2MTM3IDM3LjM2NDY0NywxMy4yNTg5NTUgCglDMzcuMzY0NjQ3LDE2LjAxODU1MSAzNy4zNjQ2NDcsMTguMzk5MjY5IDM3LjM2NDY0NywyMC43NjcwMzMgCglDNDEuNjY1ODUyLDIwLjc2NzAzMyA0NS42MDAwODYsMjAuNzY3MDMzIDQ5LjcxNzk3OSwyMC43NjcwMzMgCglDNDkuNzE3OTc5LDE4LjE0NzE5NCA0OS43MTc5NzksMTUuNzYzOTMxIDQ5LjcxNzk3OSwxMy4wMDAwMTQgCglDNDcuMTQ1NzAyLDEzLjAwMDAxNCA0NC44NDk1NDgsMTMuMDAwMDE0IDQxLjYwMjYzOCwxMy4wMDAwMzEgCk00MS44NDE3OTcsMzIuMjU5ODQyIAoJQzQxLjg0MTc5NywyOS45ODQwNDMgNDEuODQxNzk3LDI3LjcwODI0MiA0MS44NDE3OTcsMjUuMjk5MzQzIAoJQzM3LjQzNTU1OCwyNS4yOTkzNDMgMzMuMzc3NDkxLDI1LjI5OTM0MyAyOS4zNTU0OTksMjUuMjk5MzQzIAoJQzI5LjM1NTQ5OSwyNy45OTQ3ODkgMjkuMzU1NDk5LDMwLjM4MTQ4MSAyOS4zNTU0OTksMzIuODcyOTUyIAoJQzMzLjUyMDc5MCwzMi44NzI5NTIgMzcuMzMxMjIzLDMyLjg3Mjk1MiA0MS44NDE3OTcsMzIuMjU5ODQyIApNNTguOTk5MzgyLDI5LjQ1ODYyMCAKCUM1OC45MDAyMjcsMjguMDM3NjU1IDU4LjgwMTA3NSwyNi42MTY2OTAgNTguNzA0NzgxLDI1LjIzNjcyMyAKCUM1NC4zMjY2MDcsMjUuMjM2NzIzIDUwLjM5MTM5MiwyNS4yMzY3MjMgNDYuMjg3MjQ3LDI1LjIzNjcyMyAKCUM0Ni4yODcyNDcsMjcuODYyMDM2IDQ2LjI4NzI0NywzMC4yNDYzMDUgNDYuMjg3MjQ3LDMyLjk5NDE3MSAKCUM0OS44NjY0MzYsMzIuOTk0MTcxIDUzLjE4MTE1MiwzMy4xODAyMTQgNTYuNDQ5OTU5LDMyLjg3NDg1OSAKCUM1Ny4zNjgwODAsMzIuNzg5MDk3IDU4LjE1MTMxMCwzMS4yNTkyNzUgNTguOTk5MzgyLDI5LjQ1ODYyMCAKeiIvPgo8cGF0aCBmaWxsPSIjNDQ3MkEyIiBvcGFjaXR5PSIxLjAwMDAwMCIgc3Ryb2tlPSJub25lIiAKCWQ9IgpNOTYuMDAwMDAwLDUxLjAwMDAwMCAKCUMxMDcuODAwNDQ2LDUxLjAwMDAwMCAxMTkuMTAwODkxLDUxLjAwMDAwMCAxMzAuOTQ5NDkzLDUxLjAwMDAwMCAKCUMxMzAuNjEwMzM2LDU4LjY0ODk2OCAxMzIuNDEzMDg2LDY2LjA0MDI2MCAxMjguNTQxMzIxLDczLjA0MDc2NCAKCUMxMjYuNzA4MzM2LDc2LjM1NDk3MyAxMjQuNTcyOTE0LDc4LjExNjQwOSAxMjAuNDE1NjQyLDc4LjA5MzkwMyAKCUM4OC43NTc5MTksNzcuOTIyNDkzIDU3LjA5ODc5Nyw3Ny45NzUxMjggMjUuNDQwMjc1LDc4LjAzOTgyNSAKCUMyMi4zOTExMDIsNzguMDQ2MDUxIDIwLjQ2NDA1Niw3Ny4zMTE5NjYgMTguNjA4NjcxLDc0LjQ2ODM5MSAKCUMxNC4xNTA1NjksNjcuNjM1OTAyIDkuMDAyOTkyLDYxLjI1NDczMCA0LjE4NjU5OCw1NC42NTI3OTQgCglDMy41NzI3NjYsNTMuODExMzk4IDMuMjc0OTczLDUyLjczOTQzNyAyLjQ3NDM5OSw1MS4wMDAwMDAgCglDMzQuMDAwODU0LDUxLjAwMDAwMCA2NC43NTA0MjcsNTEuMDAwMDAwIDk2LjAwMDAwMCw1MS4wMDAwMDAgCnoiLz4KPHBhdGggZmlsbD0iIzQ0NzJBMiIgb3BhY2l0eT0iMS4wMDAwMDAiIHN0cm9rZT0ibm9uZSIgCglkPSIKTTEwMy45MzY2MTUsMzkuOTk5NzYzIAoJQzEwNi4wODYxMDUsMzkuOTk4MDU4IDEwNy44MzE4MzMsNDAuMzA1MDUwIDEwOS4zODcyMDcsMzkuODkzMTc3IAoJQzExMC41NTAxMTcsMzkuNTg1MjI4IDExMS40Njc0ODQsMzguMzUwMDYwIDExMi40OTQxODYsMzcuNTI3NzYzIAoJQzExMi4yMjc4OTgsMzcuMDMzMDI4IDExMS45NjE2MTcsMzYuNTM4Mjk2IDExMS42OTUzMjgsMzYuMDQzNTYwIAoJQzEwNS4yODM2NzYsMzYuMDQzNTYwIDk4Ljg3MjAyNSwzNi4wNDM1NjAgOTIuMjM4MzczLDM2LjA0MzU2MCAKCUM5Mi4yMzgzNzMsMzMuOTQ3MzgwIDkyLjIzODM3MywzMi4zMzkwMjAgOTIuMjM4MzczLDMwLjM2NDMyMyAKCUMxMDEuNTcyMzE5LDMwLjM2NDMyMyAxMTAuOTU5MDYxLDMwLjM2NDMyMyAxMjAuNjc1Mzg1LDMwLjM2NDMyMyAKCUMxMjAuNjc1Mzg1LDM1LjAxMjgxMCAxMjAuNjc1Mzg1LDM5LjcyNjg4NyAxMjAuNjc1Mzg1LDQ0LjcyNDExNyAKCUMxMTAuODc5ODY4LDQ0LjcyNDExNyAxMDEuMTYwMzM5LDQ0LjcyNDExNyA5MS4yMjU2NjIsNDQuNzI0MTE3IAoJQzkxLjIyNTY2Miw0My4yNzMxNjcgOTEuMjI1NjYyLDQxLjk5NTM4OCA5MS4yMjU2NjIsMzkuOTk5NzYzIAoJQzk1LjI2NzU3OCwzOS45OTk3NjMgOTkuMzU5MzQ0LDM5Ljk5OTc2MyAxMDMuOTM2NjE1LDM5Ljk5OTc2MyAKeiIvPgo8cGF0aCBmaWxsPSIjNDQ3MkEyIiBvcGFjaXR5PSIxLjAwMDAwMCIgc3Ryb2tlPSJub25lIiAKCWQ9IgpNMTEyLjk5OTQ3NCwxOS44OTQ3MDkgCglDMTEyLjk5OTQ3NCwyMi4wMTg0MjkgMTEyLjk5OTQ3NCwyMy42NTc4NzMgMTEyLjk5OTQ3NCwyNS42NDgyODkgCglDMTEwLjA0NDY0MCwyNS42NDgyODkgMTA3LjMzNjA2MCwyNS42NDgyODkgMTA0LjEwODQ0NCwyNS42NDgyODkgCglDMTA1LjEwODg1NiwyMi40ODkwMTIgMTAwLjk2NzExMCwxNy44MDk0NDEgMTA3Ljg2NzMyNSwxNi40ODIwNjUgCglDMTA3Ljg2NzMyNSwxMi42NTI1NjIgMTA3Ljg2NzMyNSw4LjcxNjY4MSAxMDcuODY3MzI1LDQuNDA4MzAyIAoJQzEwOS41MzExNzQsNC4yMjg1NTIgMTEwLjkxNjgzMiw0LjA3ODg1NiAxMTIuOTk5NDc0LDMuODUzODY0IAoJQzExMi45OTk0NzQsOS4yNDEwNzAgMTEyLjk5OTQ3NCwxNC4zMjU3NTAgMTEyLjk5OTQ3NCwxOS44OTQ3MDkgCnoiLz4KPHBhdGggZmlsbD0iIzQ0NzJBMiIgb3BhY2l0eT0iMS4wMDAwMDAiIHN0cm9rZT0ibm9uZSIgCglkPSIKTTIwLjAwMDI3NSw0MC4wMzYzMjAgCglDMTkuNzU3Mzg3LDM3LjI4Mzc3NSAyMC4xMjY5NTcsMzUuNzI5NDczIDIzLjA4MzM1OSwzNS45NTAwNDMgCglDMjYuMTkyNzYwLDM2LjE4MjAxOCAyOS4zMzI4OTksMzYuMDAxOTg3IDMyLjcyNjgyNiwzNi4wMDE5ODcgCglDMzIuNzI2ODI2LDM4Ljk4NzQwOCAzMi43MjY4MjYsNDEuNTkyNzA5IDMyLjcyNjgyNiw0NC42MDA0OTQgCglDMjguODE2NzIzLDQ0LjYwMDQ5NCAyNC43NjUwMDMsNDQuNjAwNDk0IDIwLjI3OTIzNiw0NC42MDA0OTQgCglDMjAuMTk0MzgwLDQzLjM1NTI0NyAyMC4wOTcyMzMsNDEuOTI5Njg4IDIwLjAwMDI3NSw0MC4wMzYzMjAgCnoiLz4KPHBhdGggZmlsbD0iIzQ0NzJBMiIgb3BhY2l0eT0iMS4wMDAwMDAiIHN0cm9rZT0ibm9uZSIgCglkPSIKTTQwLjE4NTg5MCwzNi4wMDE4ODEgCglDNDMuNjEyMTAzLDM2LjAwMDc5MCA0Ni41NjU0MzcsMzYuMDAwNzkwIDQ5Ljc1NTcxMSwzNi4wMDA3OTAgCglDNDkuNzU1NzExLDM5LjA1MTUzMyA0OS43NTU3MTEsNDEuNjUzNjkwIDQ5Ljc1NTcxMSw0NC42MzE1NTAgCglDNDUuNzY4MzQ5LDQ0LjYzMTU1MCA0MS43MTMzNDgsNDQuNjMxNTUwIDM3LjA0OTI5MCw0NC42MzE1NTAgCglDMzguNTQ5NzA5LDQxLjg1MDA2MCAzMy43MDE0MTIsMzcuNjM4OTM1IDQwLjE4NTg5MCwzNi4wMDE4ODEgCnoiLz4KPHBhdGggZmlsbD0iIzQ0NzJBMiIgb3BhY2l0eT0iMS4wMDAwMDAiIHN0cm9rZT0ibm9uZSIgCglkPSIKTTY1Ljc1NDc5MSw0NC45ODkyNjUgCglDNjEuOTk4NTQzLDQ0Ljk5Nzg1NiA1OC43MTM5MDUsNDQuOTk3ODU2IDU1LjIyMzg4NSw0NC45OTc4NTYgCglDNTUuMjIzODg1LDQxLjkwNzc0MiA1NS4yMjM4ODUsMzkuMzA0NDI0IDU1LjIyMzg4NSwzNi4zNDk0ODMgCglDNTkuMjc1MzYwLDM2LjM0OTQ4MyA2My4zMjk1NDAsMzYuMzQ5NDgzIDY4LjY1MTE1NCwzNi4zNDk0ODMgCglDNjcuNzkzNjAyLDM5LjQwMjAzOSA2Ny4wMDk5OTUsNDIuMTkxMzUzIDY1Ljc1NDc5MSw0NC45ODkyNjUgCnoiLz4KPHBhdGggZmlsbD0iIzQ0NzJBMiIgb3BhY2l0eT0iMS4wMDAwMDAiIHN0cm9rZT0ibm9uZSIgCglkPSIKTTQyLjA3ODAxNCwxMy4wMDAwMjMgCglDNDQuODQ5NTQ4LDEzLjAwMDAxNCA0Ny4xNDU3MDIsMTMuMDAwMDE0IDQ5LjcxNzk3OSwxMy4wMDAwMTQgCglDNDkuNzE3OTc5LDE1Ljc2MzkzMSA0OS43MTc5NzksMTguMTQ3MTk0IDQ5LjcxNzk3OSwyMC43NjcwMzMgCglDNDUuNjAwMDg2LDIwLjc2NzAzMyA0MS42NjU4NTIsMjAuNzY3MDMzIDM3LjM2NDY0NywyMC43NjcwMzMgCglDMzcuMzY0NjQ3LDE4LjM5OTI2OSAzNy4zNjQ2NDcsMTYuMDE4NTUxIDM3LjM2NDY0NywxMy4yNTg5NTUgCglDMzguNzIwMTg4LDEzLjE3NjEzNyA0MC4xNjE0MTUsMTMuMDg4MDg0IDQyLjA3ODAxNCwxMy4wMDAwMjMgCnoiLz4KPHBhdGggZmlsbD0iIzQ0NzJBMiIgb3BhY2l0eT0iMS4wMDAwMDAiIHN0cm9rZT0ibm9uZSIgCglkPSIKTTQxLjQ5MTczMCwzMi41NjYzOTkgCglDMzcuMzMxMjIzLDMyLjg3Mjk1MiAzMy41MjA3OTAsMzIuODcyOTUyIDI5LjM1NTQ5OSwzMi44NzI5NTIgCglDMjkuMzU1NDk5LDMwLjM4MTQ4MSAyOS4zNTU0OTksMjcuOTk0Nzg5IDI5LjM1NTQ5OSwyNS4yOTkzNDMgCglDMzMuMzc3NDkxLDI1LjI5OTM0MyAzNy40MzU1NTgsMjUuMjk5MzQzIDQxLjg0MTc5NywyNS4yOTkzNDMgCglDNDEuODQxNzk3LDI3LjcwODI0MiA0MS44NDE3OTcsMjkuOTg0MDQzIDQxLjQ5MTczMCwzMi41NjYzOTkgCnoiLz4KPHBhdGggZmlsbD0iIzQ0NzJBMiIgb3BhY2l0eT0iMS4wMDAwMDAiIHN0cm9rZT0ibm9uZSIgCglkPSIKTTU4Ljk5Nzg5OCwyOS45MjUyMjQgCglDNTguMTUxMzEwLDMxLjI1OTI3NSA1Ny4zNjgwODAsMzIuNzg5MDk3IDU2LjQ0OTk1OSwzMi44NzQ4NTkgCglDNTMuMTgxMTUyLDMzLjE4MDIxNCA0OS44NjY0MzYsMzIuOTk0MTcxIDQ2LjI4NzI0NywzMi45OTQxNzEgCglDNDYuMjg3MjQ3LDMwLjI0NjMwNSA0Ni4yODcyNDcsMjcuODYyMDM2IDQ2LjI4NzI0NywyNS4yMzY3MjMgCglDNTAuMzkxMzkyLDI1LjIzNjcyMyA1NC4zMjY2MDcsMjUuMjM2NzIzIDU4LjcwNDc4MSwyNS4yMzY3MjMgCglDNTguODAxMDc1LDI2LjYxNjY5MCA1OC45MDAyMjcsMjguMDM3NjU1IDU4Ljk5Nzg5OCwyOS45MjUyMjQgCnoiLz4KPC9zdmc+")
}


.freight-btn {
    position: relative;
    width: 100px;
    height: 50px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--bs-primary);
    border: 1px solid var(--bs-primary);
    background-color: transparent;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.freight-btn.active {
    background-color: lightgray !important;
    color: white !important;
}

.freight-badge {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
}