body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.lights a {
    text-align: center;
    float: left;
    width: 25px;
    height: 25px;
    border: 2px solid #909090;
    border-radius: 100%;
    margin-right: 7px;
}

.red {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #FE98A2;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.7), 1px 1px 1px rgba(255, 255, 255, 0.1);
}

.redOn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: red;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.7), 1px 1px 1px rgba(255, 255, 255, 0.1);
}

.green {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #94D7FE;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.7), 1px 1px 1px rgba(255, 255, 255, 0.1);
}

.greenOn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: green;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.7), 1px 1px 1px rgba(255, 255, 255, 0.1);
}

.yellow {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #FDF013;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.7), 1px 1px 1px rgba(255, 255, 255, 0.1);
}

.yellowOn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: yellow;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.7), 1px 1px 1px rgba(255, 255, 255, 0.1);
}

#vDetails {
    height: 400px;
    margin-left: 10px;
    /*margin-top: -260px;*/
    /*padding-right: 20px;*/
}

.panel-body {
    padding: 5px !important;
}

.panel-heading {
    padding: 5px !important;
}

.dropdown {
    padding-top: 5px;
    padding-bottom: 5px;
}

.text-success {
    color: #3c763d;
    font-size: 14px;
    font-weight: bold;
}

.label-danger {
    background-color: #d9534f;
    font-size: 12px;
}

.label-primary {
    background-color: #337ab7;
    font-size: 18px;
}

.container {
    margin-top: 10px;
}

#upcoming {
    margin: 0px;
    margin-top: 40px;
    margin-left: 8px;
    width: 750px;
}

#upcomingVolvo {
    margin: 0px;
    margin-top: 65px;
    margin-left: 8px;
    max-width: 750px;
}

#vehicleDivVolvo {
    width: 740px;
}

#vInfo {
    margin: 0px;
}

.owl-nav {
    text-align: center;
}

.owl-theme .owl-controls .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 34px;
    /*margin: 5px;*/
    padding: 4px 7px;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.nav-tabs {
    border-bottom: none;
}

.nav > li > a {
    font-size: 13px;
}

.nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
    color: #fff;
    cursor: default;
    background-color: #337AB7;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.textsmall {
    font-size: small;
}

.imgDiv {
    float: left;
    background-color: #fff;
}

.tabContentDiv {
    border: 1px solid #ddd;
    /*min-width:604px;*/
    max-width: 750px !important;
    height: 545px;
    background-color: #fff;
}

.tabCDiv {
    border: 1px solid #ddd;
    width: 780px;
    height: 550px;
}

.table-bordered > thead > tr > th {
    border-bottom-width: 0px;
}

.mName {
    color: #808080;
    font-weight: bold;
}

.descOptionsText {
    float: left;
    font-size: small;
    padding-top: 5px;
    line-height: 20px;
    width:100%;
}

.optionsText {
    font-size: small;
    padding-top: 5px;
    line-height: 20px;
    width: 100%;
}

.vehicle__options-list {
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-fill: balance;
    width: 100%;
    padding-top: 5px;
}

.vehicle__options-container {
    width: 100%;
    max-height: 350px;
    overflow-y: auto;
}

.vehicleDesc {
    /*float:right;width: 540px;*/
    font-size: small;
    padding-left: 209px;
}

.fright {
    float: right !important;
}

.fleft {
    float: left !important;
}

.mwidthInfo {
    width: 770px;
    padding-left: 10px;
}

#reqs li {
    padding-top: 3px;
}
/*.tabContentScroll {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    /*overflow-y:scroll;*/
/*max-height:490px!important;
    overflow-x:hidden;
}*/
.tabContentScrollAllLanes {
    overflow-y: scroll;
    max-height: 490px !important;
    overflow-x: hidden;
    max-width: 770px !important;
}

.tabContentScroll {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    max-height: 530px !important;
    padding: 8px;
}

    .tabContentScroll::-moz-scrollbar {
        width: 5px;
        height: 5px;
    }

    .tabContentScroll::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }



    .tabContentScroll::-webkit-scrollbar-track {
        background-color: rgba(99, 110, 121, .4);
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }

    .tabContentScroll::-moz-scrollbar-track {
        background-color: rgba(99, 110, 121, .4);
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }

    .tabContentScroll::-webkit-scrollbar-thumb:vertical {
        background-color: #0072bc;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }

    .tabContentScroll::-moz-scrollbar-thumb:vertical {
        background-color: #0072bc;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }

    .tabContentScroll::-webkit-scrollbar-thumb:vertical:hover,
    .tabContentScroll::-webkit-scrollbar-thumb:horizontal:hover {
        background: rgba(99, 110, 121, .4);
    }


    .tabContentScroll::-moz-scrollbar-thumb:vertical:hover,
    .tabContentScroll::-moz-scrollbar-thumb:horizontal:hover {
        background: rgba(113,112,107,.2);
    }

    .tabContentScroll::-webkit-scrollbar-thumb:horizontal {
        background-color: rgba(0,0,0,.2);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }

    .tabContentScroll::-moz-scrollbar-thumb:horizontal {
        background-color: rgba(0,0,0,.2);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }

.text-center {
    text-align: center;
}

.text-success {
    color: #3c763d;
    font-size: 14px;
    font-weight: bold;
}

#me_flash_0 {
    width: 320px !important;
    height: 240px !important;
    margin-top: -5px !important;
    /*margin-left: -5px!important;*/
}

.alertStatus {
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: rgba(0, 0, 0, 0.7);
    font-size: small;
    margin-top: 8px;
    width: 320px;
    margin-left: -5px;
    text-overflow: ellipsis;
    /*margin-top: -6px;
            overflow:hidden;
            width:144px;*/
}

#liveStatusMessage {
    padding: 5px;
    background-color: rgb(238, 238, 238);
    border: 1px solid transparent;
    border-radius: 4px;
    color: rgba(0, 0, 0, 0.7);
    font-size: small;
    margin-top: 8px;
    width: 320px;
    margin-left: -5px;
    text-overflow: ellipsis;
}

.labelCurrentBid {
    background-color: #337ab7;
    font-size: 13px;
    color: #fff;
}

#hBidDiv {
    width: 320px;
    margin-left: -5px;
}

.divHeadercenter {
    text-align: center;
    color: #337ab7;
    font-weight: bold;
}

.divHeader {
    color: #337ab7 !important;
    font-weight: bold;
}

.list-item-miles {
    font-size: 14px;
    color: #C88314;
    font-weight: bold;
}

.labelInfo {
    color: #808080;
    font-weight: bold;
}

.vehicle-list-title {
    font-weight: bold;
    font-size: 14px;
}

.text-muted-profile {
    color: #777;
    padding: 5px;
}

.simulcastModal {
    padding: 10px;
    width: 760px;
}

.panel-default > .panel-heading .badge {
    color: #fff;
    background-color: #777 !important;
}

    .panel-default > .panel-heading .badge a {
        color: #fff;
        /* background-color: #333; */
    }

.videoControlsDiv {
    float: right;
    margin-right: -3px;
    margin-top: 3px;
}

.container {
    padding-right: 5px;
    padding-left: 5px;
}

.well {
    padding: 8px;
}
/*SellerMessageBox*/
.sReservePrice {
    background-color: #eeeeee;
    font-size: 10px;
    width: 70px;
    height: 20px;
}

#SellerReservePrice {
    width: 115px;
    /*width: 243px;*/
    height: 33px;
}

.setReserve {
    FONT-SIZE: 8pt;
    WIDTH: 70px;
    HEIGHT: 21px;
}

.sellingATW {
    FONT-SIZE: 7pt;
    HEIGHT: 65px;
    /*WIDTH: 140px; HEIGHT: 21px;*/
}

.sMessage {
    OVERFLOW: hidden;
    WIDTH: 166px;
    HEIGHT: 68px; /*BACKGROUND-COLOR: #eeeeee;*/
}

.needMore {
    FONT-SIZE: 8pt;
    WIDTH: 70px;
    HEIGHT: 21px;
}

.table {
    margin-bottom: 0px;
}

.wColor {
    color: white;
}

.nav > li > a {
    padding: 10px 5px !important;
}
/*On the Block*/
.right-pane-simulcast-button:hover {
    background-color: #8A8D96;
    color: #fff;
}

.otb-item {
    xborder-bottom: 1px solid #ccc;
}

.otb-bid {
    display: none;
}

.otb-bid-item {
    background-color: #efefef;
    color: #333;
    font-size: 12px;
    width: 218px;
}

input.otb-bid-btn {
    width: 80px !important;
    height: 50px;
    margin: 1px !important;
    font-size: 16px;
    font-weight: bold;
    white-space: normal;
    background-color: #0072bc;
    border-radius: 3px;
    border: none;
    color: #fff;
}

.notification-icon {
    position: absolute;
    right: 5px;
    z-index: 999;
}

.space {
    margin-bottom: 10px;
}

.pin-liveblock {
    color: #5a6378;
    cursor: pointer;
    width: 24px !important;
    border-radius: 4px;
    text-align: center;
    font-size: 10px;
}

.pin-liveblock-on {
    color: #c74545;
    -webkit-transform: rotate(90deg);
    cursor: pointer;
    height: 22px !important;
    width: 22px !important;
    border-radius: 4px;
    padding-left: 5px;
    padding-top: 2px;
    font-size: 10px;
}

.otb-toggle {
    border: 1px solid #0072bc;
    border-radius: 2px;
    background-color: transparent;
    height: 20px;
    width: 125px;
    padding: 0px !important;
    margin-top: 5px;
    margin-right: 5px;
}

    .otb-toggle > div {
        display: block;
        height: 100%;
        color: #0072bc;
        width: 50%;
        float: left;
        font-size: 10px;
        padding: 3px 0px;
        text-align: center;
        cursor: pointer;
    }

        .otb-toggle > div.active {
            color: #fff;
            background-color: #0072bc;
        }

#otb-container {
}

    #otb-container input {
        /*margin-top: 5px;
            margin-left: 4px;*/
        /*width: 295px;*/
    }

    #otb-container .list {
        list-style: none;
        padding-left: 0px;
        margin-top: 0px;
        display: block;
    }

        #otb-container .list li {
            display: block;
            margin: 0px;
            position: relative;
        }

#user-pane-results .media.item {
    position: relative;
    padding: 0px 3px;
    margin-top: 0px;
    height: 128px;
    overflow-x: hidden;
}

.otb-sim {
    margin-left: -3px;
    margin-top: -3px;
}

.otb-header {
    /*background-color: #0072bc;*/
    background-color: rgba(101,104,113,0.1);
    color: #474747;
    padding: 10px 10px 10px 10px;
    width: 343px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    margin-left: -1px;
    border-radius: 2px 2px 0px 0px;
}

#OTBScroll {
    /*height: 870px!important;*/
}

#user-pane-results {
    width: 350px;
}

.watchlist {
    /*
    background-image: url(../Content/Images/line.png);*/
    background-repeat: repeat-x;
    background-position: center;
    border-bottom: 1px solid rgb(154,154,154);
    border-top: 1px solid rgb(154,154,154);
    background-color: #f5f5f5;
    /*width: 312px;*/
    text-align: center;
}

    .watchlist div {
        color: rgb(99, 110, 121);
        padding: 0px 0 20px 0px;
        text-align: left;
        font-size: 14px;
        padding: 5px 10px;
        display: inline-block;
        background-color: #f5f5f5;
    }

.wishlist {
    font-size: 11px;
    font-weight: normal;
    /*padding-top: 5px;
    padding-bottom: 5px;*/
}

.right-pane-bid-button {
    display: block;
    text-align: center;
    border-radius: 4px;
    background-color: #0072bc;
    padding: 3px 5px;
    color: #fff;
    margin-right: 3px;
    font-size: smaller;
}

    .right-pane-bid-button:hover {
        background-color: #4BBC24;
        color: #fff;
    }

.right-pane-simulcast-button {
    display: block;
    text-align: center;
    border-radius: 4px;
    background-color: #0072bc;
    padding: 3px 5px;
    color: #fff;
    margin-right: 3px;
    font-size: smaller;
}

    .right-pane-simulcast-button:hover {
        background-color: #8A8D96;
        color: #fff;
    }

.headertxt {
    font-size: 12px !important;
    color: #333;
}

.headertxt-blue {
    font-size: 12px !important;
    color: #333;
}

.custom_scrollbar {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

    .custom_scrollbar::-moz-scrollbar {
        width: 5px;
        height: 5px;
    }

    .custom_scrollbar::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }



    .custom_scrollbar::-webkit-scrollbar-track {
        background-color: rgba(99, 110, 121, .4);
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }

    .custom_scrollbar::-moz-scrollbar-track {
        background-color: rgba(99, 110, 121, .4);
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }

    .custom_scrollbar::-webkit-scrollbar-thumb:vertical {
        background-color: #0072bc;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }

    .custom_scrollbar::-moz-scrollbar-thumb:vertical {
        background-color: #0072bc;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }

    .custom_scrollbar::-webkit-scrollbar-thumb:vertical:hover,
    .custom_scrollbar::-webkit-scrollbar-thumb:horizontal:hover {
        background: rgba(99, 110, 121, .4);
    }


    .custom_scrollbar::-moz-scrollbar-thumb:vertical:hover,
    .custom_scrollbar::-moz-scrollbar-thumb:horizontal:hover {
        background: rgba(113,112,107,.2);
    }

    .custom_scrollbar::-webkit-scrollbar-thumb:horizontal {
        background-color: rgba(0,0,0,.2);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }

    .custom_scrollbar::-moz-scrollbar-thumb:horizontal {
        background-color: rgba(0,0,0,.2);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }
/*owl carousel*/
.owl-carousel {
    position: relative;
}

.owl-prev,
.owl-next {
    position: absolute;
    top: 50%;
    margin-top: -20px;
}

.owl-prev {
    left: 0;
}

.owl-next {
    right: 0;
}
/*QR code*/
#qr-code {
}

    #qr-code img {
        display: block;
        width: 80px;
        height: 80px;
        float: left;
    }

    #qr-code a {
        display: block;
        width: 100%;
        text-align: right;
    }
/**/
.divHeaderleft {
    color: #337ab7;
    font-weight: bold;
}

#UserList {
    width: 300px;
}
/*#vehicleDiv {
    height:495px;
}*/
#crInfo {
    height: 520px;
}

#runlistInfo {
    height: 520px;
    width: 770px;
}

#myPurchasesInfo {
    height: 520px;
    width: 770px;
}

#userInfo {
    height: 520px;
    width: 770px;
}

#chat {
    height: 520px;
}

.dl-horizontal dt {
    width: 70px !important;
    text-align: left !important;
}

.dl-horizontal dd {
    margin-left: 70px !important;
}

#Video {
    width: 300px !important;
    /*height: 240px!important;*/
}

.popover.left {
    left: -31.5px;
    display: block;
    height: 540px;
    top: 265px;
}

.otb-lights {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 40px;
    background-color: #dfdfdf;
}

#carousel1 {
    padding-right: 3px !important;
}

.grid-item-footer {
    width: 180px;
}
/*vehicle info images*/
ul.enlarge {
    list-style-type: none; /*remove the bullet point*/
    margin-left: 0;
}

    ul.enlarge li {
        display: inline-block; /*places the images in a line*/
        position: relative;
        z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
        /*margin:10px 40px 0 20px;*/
        margin: 10px 20px 0 1px;
    }

    ul.enlarge img {
        /*background-color:#eae9d4;
padding: 6px;*/
        -webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
        -moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
        box-shadow: 0 0 6px rgba(132, 132, 132, .75);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    ul.enlarge span {
        position: absolute;
        left: -9999px;
        /*background-color:#eae9d4;
padding: 10px;*/
        font-family: 'Droid Sans', sans-serif;
        font-size: .9em;
        text-align: center;
        color: #495a62;
        -webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
        -moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
        box-shadow: 0 0 20px rgba(0,0,0, .75);
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

    ul.enlarge li:hover {
        z-index: 50;
        cursor: pointer;
    }

    ul.enlarge span img {
        padding: 2px;
        background: #ccc;
    }

    ul.enlarge li:hover span {
        top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
        left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
    }

    ul.enlarge li:hover:nth-child(2) span {
        left: -100px;
    }

    ul.enlarge li:hover:nth-child(3) span {
        left: -300px;
    }

@media (min-width:700px) and (max-width:1024px) {
    .vehicle__options-list {
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
    }

    .vehicle__options-container {
        width: 100%;
        max-height: 300px;
        overflow-y: auto;
    }
    ul.enlarge li:hover:nth-child(3) span {
        left: -300px;
    }
}
    ul.enlarge li:hover:nth-child(4) span {
        left: -200px;
    }

@supports (-moz-appearance:none) {
    ul.enlarge li:hover:nth-child(4) span {
        left: 50px;
    }
}
/*Internet Explorer CSS*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    ul.enlarge li:hover:nth-child(4) span {
        left: 50px;
    }
}

@media (min-width:600px) and (max-width:1400px) {
    ul.enlarge li:hover:nth-child(4) span {
        left: 50px;
    }
}

@media (min-width:600px) and (max-width:1400px) {
    ul.enlarge li:hover:nth-child(5) span {
        left: -150px;
    }
}
@supports (-moz-appearance:none) {
    ul.enlarge li:hover:nth-child(6) span {
        left: -300px;
    }
}
@media (min-width:600px) and (max-width:1400px) {
    ul.enlarge li:hover:nth-child(6) span {
        left: -300px;
    }
}
    ul.enlarge li:hover:nth-child(7) span {
        left: -100px;
    }
@supports (-moz-appearance:none) {
    ul.enlarge li:hover:nth-child(7) span {
        left: 50px;
    }
}
@media (min-width:600px) and (max-width:1400px) {
    ul.enlarge li:hover:nth-child(7) span {
        left: 50px;
    }
}
    ul.enlarge li:hover:nth-child(8) span {
        left: -200px;
    }
@supports (-moz-appearance:none) {
    ul.enlarge li:hover:nth-child(9) span {
        left: -300px;
    }
}

@media (min-width:600px) and (max-width:1400px) {
    ul.enlarge li:hover:nth-child(9) span {
        left: -300px;
    }
}

    ul.enlarge li:hover:nth-child(11) span {
        left: -200px;
    }

    ul.enlarge li:hover:nth-child(12) span {
        left: -300px;
    }

    /**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
    ul.enlarge img, ul.enlarge span {
        behavior: url(pie/PIE.htc);
    }

.newChatMsg {
    display: none;
}

    .newChatMsg:hover {
        display: block;
    }

.btnColorVolvo {
    color: #fff !important;
    background-color: #003057 !important;
    border-color: #003057 !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555 !important;
    cursor: default !important;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    border-bottom-color: transparent !important;
}

.labelCurrentBidVolvo {
    background-color: #003057;
    font-size: 13px;
    color: #fff;
}

.labelCurrentBidNoBackgroundVolvo {
    font-size: 13px;
    color: #003057;
}

.panel-primaryVolvo > .panel-headingVolvo {
    color: #fff;
    background-color: #003057;
    border-color: #003057;
}

.panel-primaryVolvo {
    border-color: #003057;
}

.panel-headingVolvo {
    padding: 5px !important;
}

.divHeadercenterVolvo {
    text-align: center;
    color: #003057;
    font-weight: bold;
}

.divHeaderVolvo {
    color: #003057 !important;
    font-weight: bold;
}

.vehicle-list-titleVolvo {
    font-weight: bold;
    font-size: 14px;
    color: #003057 !important;
}

.simulcastModalVolvo {
    padding: 10px;
    width: 760px;
    padding: 5px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #003057;
    color: #fff;
    padding-top: 10px;
}

.modal-header-volvo {
    padding: 5px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #003057;
    color: #fff;
    padding-top: 10px;
}

.divModalHeadercenter {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.btnVolvo {
    background-color: #003057;
    color: #fff;
}

.nav {
    max-width: 750px !important;
}

@media (min-width: 700px) and (max-width:1400px) {
    #main {
        padding-left: 90px !important;
        max-width: 1050px !important;
    }

    #mainDiv {
        max-width: 1050px !important;
    }

    #allOTBDiv {
        max-width: 240px !important;
    }

    #TDChat1 {
        width: 650px !important;
    }

    #runlistInfo {
        width: 650px !important;
    }

    #myPurchasesInfo {
        width: 650px !important;
    }

    #userInfo {
        width: 650px !important;
    }

    #livecamInfo, #livecam {
        max-width: 650px !important;
    }

    .tabContentDiv {
        height: 550px !important;
        width: 670px !important;
    }

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
        min-width: 65px !important;
        text-align: center;
    }

    .tabContentScroll {
        width: 650px !important;
    }

    #welcomeMsg {
        margin-right: 130px !important;
    }

    .nav {
        max-width: 670px !important;
    }

    #upcoming {
        max-width: 670px !important;
    }
}

@media screen and (max-width: 768px) {
    #main {
        margin-left: 0px !important;
    }

    .vehicle__options-list {
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-fill: balance;
        padding-top: 4px;
    }

    .vehicle__options-container {
        width: 100%;
        max-height: 280px;
        overflow-y: auto;
    }
}

.outlineBorder {
    font-size: small;
    outline: thin solid  yellow;
}
.tooltip-futureVehicles {
    display: block;
   
}

.vehicle-img-wrapper {
    position: relative; /* so the pill can be absolutely positioned */
    display: inline-block; /* or block, depending on your layout */
}

.watch-pill {
    position: absolute;
    top: 2px;
    right: 6px;
    background: #337ab7; /* Bootstrap primary color */
    color: #fff;
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 600;
}