#shipments-content{display:flex}
#shipments-content .shipments-list{width:25vw;height:100%;background-color:#fff;display:flex;flex-direction:column;position:relative;z-index:2}
#shipments-content .shipments-list .shipments-search-bar{display:flex;justify-content:space-between;align-items:center;padding:0px 15px;height:50px;background-color:#e84f14}
#shipments-content .shipments-list .shipments-search-bar .searchbar-wrapper{width:100%;display:flex;align-items:center}#shipments-content .shipments-list .shipments-search-bar .searchbar-wrapper .searchbar{border:none;background:transparent;flex:1;margin-left:10px;color:#fff;padding-right:20px}#shipments-content .shipments-list .shipments-search-bar .searchbar-wrapper .searchbar:focus{outline:none !important}#shipments-content .shipments-list .shipments-search-bar .searchbar-wrapper ::placeholder{color:#fff}#shipments-content .shipments-list .shipments-search-bar i{color:#fff}#shipments-content .shipments-list .shipments-tabs{margin-top:10px;justify-content:space-between;height:40px}#shipments-content .shipments-list .shipments-tabs .tab{width:33.333%}#shipments-content .shipments-list .shipments-tabs .tab .nav-link{background-color:transparent;border:none;position:relative;padding:10px 0px;display:flex;justify-content:center;cursor:pointer;user-select:none}#shipments-content .shipments-list .shipments-tabs .tab .nav-link.active .tab-heading{color:#262626;font-weight:bold}#shipments-content .shipments-list .shipments-tabs .tab .nav-link.active::after{content:"";height:4px;width:100%;background-color:#e84f14;position:absolute;bottom:0;border-top-left-radius:5px;border-top-right-radius:5px}#shipments-content .shipments-list .tab-content{height:calc(100vh - 150px);display:flex;flex-direction:column}#shipments-content .shipments-list .tab-content .tab-pane{height:100%}#shipments-content .shipments-list .tab-content .tab-pane .shipment-item{border-bottom:1px solid rgba(107,121,131,.2);user-select:none;cursor:pointer;position:relative}#shipments-content .shipments-list .tab-content .tab-pane .shipment-item .pickup-dropoff-location{display:flex;align-items:center;margin-top:7px}#shipments-content .shipments-list .tab-content .tab-pane .shipment-item .pickup-dropoff-location .location-info{line-height:1.3;max-width:40%}#shipments-content .shipments-list .tab-content .tab-pane .shipment-item .pickup-dropoff-location .location-info .location-address{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#shipments-content .shipments-list .tab-content .tab-pane .shipment-item .pickup-dropoff-location .location-diff-line{width:14%;margin:0px 10px}#shipments-content .shipments-list .tab-content .tab-pane .shipment-item .pickup-dropoff-location .location-diff-line img{width:100%}#shipments-content .shipments-list .tab-content .tab-pane .shipment-item .shipment-info{display:flex;margin-top:7px;flex-wrap:wrap}#shipments-content .shipments-list .tab-content .tab-pane .shipment-item .shipment-info .shipment-info-item{margin-right:20px}#shipments-content .shipments-list .tab-content .tab-pane .shipment-item .shipment-info .shipment-info-item i{margin-right:2px}#shipments-content .shipments-list .tab-content .tab-pane .shipment-item:hover{background-color:rgba(0,0,0,.05)}#shipments-content .shipments-list .tab-content .tab-pane .shipment-item::before{content:"";height:0;width:5px;border-top-right-radius:10px;border-bottom-right-radius:10px;background-color:#e84f14;position:absolute;top:0;left:0;transition:all .3s ease}#shipments-content .shipments-list .tab-content .tab-pane .shipment-item.selected::before{height:100%}#shipments-content .shipments-list .single-shipment-details-panel-wrapper{height:100%;background-color:transparent;transform:translateX(6vw);width:260px;position:absolute;z-index:1;top:0;display:flex;align-items:center;visibility:hidden;opacity:0;transition:all .3s ease}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel{background-color:#fff;width:100%;height:96%;padding:10px;display:flex;justify-content:space-between;flex-direction:column;border:1px solid rgba(107,121,131,.2)}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .shipment-driver-wrapper{background-color:#f7f8f9;display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:5px}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .shipment-driver-wrapper .driver-panel-left .pill{margin-left:3px}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .shipment-driver-wrapper .driver-panel-left i{margin-right:3px}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .shipment-driver-wrapper .driver-panel-right{display:flex}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .shipment-driver-wrapper .driver-panel-right button{height:25px;width:25px;background-color:#ebeced;margin-left:15px;border-radius:50%}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .panel-block{margin-bottom:15px}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .panel-block.side-margin{margin:0 15px 15px}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .panel-block.with-locat-inf img{margin:7px 0px;height:50px}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .panel-block.shipment-amount-block{display:flex;justify-content:space-between;border-top:1px solid rgba(107,121,131,.2);padding-top:20px}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .close-single-shipment-detail{position:fixed;top:12px;right:-25px;background-color:#fff;height:25px;width:25px;display:flex;justify-content:center;align-items:center;font-size:14px;color:#6b7983;border:1px solid rgba(107,121,131,.2)}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .close-single-shipment-detail:hover{background-color:#e84f14;color:#fff}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .download-single-shipment-detail{position:fixed;top:37px;right:-25px;background-color:#fff;height:25px;width:25px;display:flex;justify-content:center;align-items:center;font-size:14px;color:#6b7983;border:1px solid rgba(107,121,131,.2)}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .download-single-shipment-detail:hover{background-color:#e84f14;color:#fff}#shipments-content .shipments-list .single-shipment-details-panel-wrapper.show{transform:translateX(26vw);opacity:1;visibility:visible}#shipments-content .shipments-map{flex:1;height:100%}#shipments-content .shipments-map #googleMap{height:100%;width:100%}@media only screen and (min-width: 991px){#shipments-content .shipments-list .shipments-search-bar{padding:0 1.09vw !important;height:3.66vw !important}#shipments-content .shipments-list .shipments-search-bar .searchbar-wrapper .searchbar{margin-left:.73vw !important;padding-right:1.46vw !important}#shipments-content .shipments-list .shipments-tabs{margin-top:.73vw !important;height:2.928vw !important}#shipments-content .shipments-list .shipments-tabs .tab .nav-link{padding:.73vw 0 !important}#shipments-content .shipments-list .shipments-tabs .tab .nav-link.active::after{height:.29vw !important;border-top-left-radius:.366vw !important;border-top-right-radius:.366vw !important}#shipments-content .shipments-list .tab-content{height:calc(100vh - 10.98vw) !important}#shipments-content .shipments-list .tab-content .tab-pane .shipment-item{}#shipments-content .shipments-list .tab-content .tab-pane .shipment-item .pickup-dropoff-location{margin-top:.512vw !important}#shipments-content .shipments-list .tab-content .tab-pane .shipment-item .pickup-dropoff-location .location-diff-line{margin:0 .73vw !important}#shipments-content .shipments-list .tab-content .tab-pane .shipment-item .shipment-info{margin-top:.512vw !important}#shipments-content .shipments-list .tab-content .tab-pane .shipment-item .shipment-info .shipment-info-item{margin-right:1.46vw !important}#shipments-content .shipments-list .tab-content .tab-pane .shipment-item .shipment-info .shipment-info-item i{margin-right:.146vw !important}#shipments-content .shipments-list .tab-content .tab-pane .shipment-item::before{width:.366vw !important;border-top-right-radius:.73vw !important;border-bottom-right-radius:.73vw !important}#shipments-content .shipments-list .single-shipment-details-panel-wrapper{width:19.033vw !important}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel{padding:.73vw !important}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .shipment-driver-wrapper{padding:1.09vw !important;border-radius:.366vw !important}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .shipment-driver-wrapper .driver-panel-left .pill{margin-left:.219vw !important}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .shipment-driver-wrapper .driver-panel-left i{margin-right:.219vw !important}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .shipment-driver-wrapper .driver-panel-right button{height:1.83vw !important;width:1.83vw !important;margin-left:1.09vw !important}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .panel-block{margin-bottom:1.09vw !important}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .panel-block.side-margin{margin:0 1.09vw 1.09vw !important}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .panel-block.with-locat-inf img{margin:.512vw 0 !important;height:3.66vw !important}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .panel-block.shipment-amount-block{padding-top:1.46vw !important}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .close-single-shipment-detail{top:.87vw !important;right:-1.83vw !important;height:1.83vw !important;width:1.83vw !important;font-size:1.02vw !important}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .download-single-shipment-detail{top:2.7vw !important;right:-1.83vw !important;height:1.83vw !important;width:1.83vw !important;font-size:1.02vw !important}#shipments-content .shipments-list .close-single-shipment-detail-mobTab{display:none !important}}@media only screen and (max-width: 990px){#shipments-content{flex-direction:column-reverse;padding:0px}#shipments-content .shipments-list{width:100%}#shipments-content .shipments-list .shipments-search-bar{position:sticky;top:50px;z-index:1}#shipments-content .shipments-list .shipments-tabs{position:sticky;top:100px;z-index:1;background-color:#fff}#shipments-content .shipments-list .single-shipment-details-panel-wrapper{height:100%;transform:translateX(-100vw);width:100%}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel{width:100%;height:100%}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .close-single-shipment-detail-mobTab{text-align:right;margin:10px 0;margin-right:5px;font-size:20px}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .close-single-shipment-detail{display:none}#shipments-content .shipments-list .single-shipment-details-panel-wrapper .shipment-detail-panel .download-single-shipment-detail{display:none}#shipments-content .shipments-list .single-shipment-details-panel-wrapper.show{transform:translateX(0vw);opacity:1;visibility:visible}#shipments-content .shipments-list .location-diff-line{width:10% !important;margin:0px 10px}#shipments-content .shipments-map{width:100%;height:400px;flex:unset !important}}