﻿@charset "utf-8";
.trDialog{z-index:9}
.priceModelList{position:relative}
.priceModelList p{position:relative;margin-left:130px;line-height:30px;vertical-align:text-bottom;padding-left:15px}
.priceModelList p label{position:absolute;right:100%;min-width:180px;top:50%;margin:-13px 0 0 0}
#OrederDetails .panel-heading>span{vertical-align:middle}
#trackingOrder{position:relative;margin-bottom:50px}
.orderStatusModel{position:relative}
.priceModelList #CancelOrders{position:absolute;right:100%;top:0;width:100%;display:block;margin:0 5px 0 0}
.table_middle td{vertical-align:middle!important}
#trackingInfo{position:relative}
#trackingInfo>.btnClick{margin-top:-84px;margin-bottom:15px}
#trackingInfo .table .tdTitle{font-size:14px;max-width:300px;word-break:break-all;word-wrap:break-word;white-space:pre-wrap;overflow:hidden;max-height:3.3em;line-height:1.1em;margin-bottom:8px}
@media (min-width:768px){
#trackingInfo .table .tdTitle{max-width:600px}
}
@media (min-width:992px){
#trackingInfo>.btnClick{margin-top:50px}
}
@media (max-width:767px){
.trDialog{position:fixed!important;left:0!important;width:100%!important;top:0!important;height:100%!important;overflow:auto}
.trDialog .trFrameClose{top:0!important}
.trDialog iframe{position:relative!important}
.jcTrackIframe{left:15px!important;right:15px!important;width:auto;width:calc(100% - 30px)}
}
@media (max-width:550px){
#OrederDetails .panel-heading>.pull-right{float:none!important;display:block}
.priceModelList{float:none!important}
.priceModelList p{margin-left:0}
.priceModelList p label{text-align:left!important;right:inherit;left:0}
.priceModelList .btn{display:block;position:relative!important;margin:0 0 15px!important;right:auto!important}
}
@media (max-width:991px){
.section{padding-top:80px}
}
.media img{width:64px;max-width:inherit}
.message_list{position:relative}
.message_list .media{width:auto;margin-bottom:15px;position:relative;clear:both;max-width:100%;word-wrap:break-word;display:block;padding:0 74px}
.message_list .media .media-img{display:block;position:absolute;top:0}
.message_list .media .media-img img{height:64px;width:64px}
.message_list .media .media-left{left:0}
.message_list .media .media-right{right:0}
.message_list .media-body{padding:10px;min-height:64px;display:inline-block;width:auto;padding-bottom:20px;min-width:200px;max-width:100%}
.message_list .media-body .time{position:absolute;bottom:0;line-height:18px;font-size:11px;color:#666}
.price_obj label{margin:0 15px 0 0;vertical-align:middle}
.price_obj strong{font-size:18px;color:#f60;vertical-align:middle}
@media (max-width:767px){
.message_list .media{padding:0 44px}
.message_list .media .media-img img{width:30px;height:30px}
.nav-tabs>li>a{padding:10px 5px}
}