body { color: #2b364e; }
/*¶¥²¿Ñùʽ*/
.menu-fold {
    position: absolute;
    left: 170px;
    display: block;
    float: left;
    width: 46px;
    height: 36px;
    background: url(images/menu_fold.png) no-repeat right;
    background-size: 30px;
    border-right: 1px solid #eee;
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
}
#page-left-nav {
    background-color: #0e1a35;
}
#page-left-nav .left-menu { height:auto; }
#page-left-nav .left-menu > ul> li > a span { padding-left: 5px; position:relative; top:2px; }
#page-left-nav ul li li a {
    padding: 10px 25px 10px 55px;
}
#page-left-nav .left-menu > ul> li > a{
    color:#fff;
    line-height: 22px;
}
#page-left-nav ul li li a { color:#fff; }
#page-left-nav ul li a:hover,
#page-left-nav ul li a:active{
    color:#fff;background-color:#5584ff;
}
#page-left-nav .left-menu > ul > li.active,
#page-left-nav .left-menu > ul > li.active > a{background-color:#5584ff;color:#fff; }

#page-left-nav .left-menu > ul> li {
    border-bottom: 1px solid #0d172e;
    cursor: pointer;
}
#page-left-nav .icon-home { 
   background-image:url("images/new_icons.png");
   background-position: -9px -37px;
   width:24px;
   height:24px;
   display:inline-block;
}
#page-left-nav ul li a:hover .icon-home,
#page-left-nav ul li a:active .icon-home, 
#page-left-nav .left-menu > ul > li.active > a .icon-home {
    background-position: -9px -9px;
}
#page-left-nav .icon-home:before {
    content: "";
}

#page-left-nav .icon-search { 
   background-image:url("images/new_icons.png");
   background-position: -38px -39px;
   width:24px;
   height:24px;
   display:inline-block;
}
#page-left-nav ul li a:hover .icon-search,
#page-left-nav ul li a:active .icon-search, 
#page-left-nav .left-menu > ul > li.active > a .icon-search {
    background-position: -38px -11px;
}
#page-left-nav .icon-search:before {
    content: "";
}

#page-left-nav .icon-get-pocket { 
   background-image:url("images/new_icons.png");
   background-position: -67px -39px;
   width:24px;
   height:24px;
   display:inline-block;
}
#page-left-nav ul li a:hover .icon-get-pocket,
#page-left-nav ul li a:active .icon-get-pocket, 
#page-left-nav .left-menu > ul > li.active > a .icon-get-pocket {
    background-position: -67px -11px;
}
#page-left-nav .icon-get-pocket:before {
    content: "";
}

#page-left-nav .icon-wrench { 
   background-image:url("images/new_icons.png");
   background-position: -96px -39px;
   width:24px;
   height:24px;
   display:inline-block;
}
#page-left-nav ul li a:hover .icon-wrench,
#page-left-nav ul li a:active .icon-wrench, 
#page-left-nav .left-menu > ul > li.active > a .icon-wrench {
    background-position: -96px -11px;
}
#page-left-nav .icon-wrench:before {
    content: "";
}

#page-left-nav .icon-link { 
   background-image:url("images/new_icons.png");
   background-position: -96px -39px;
   width:24px;
   height:24px;
   display:inline-block;
}
#page-left-nav ul li a:hover .icon-link,
#page-left-nav ul li a:active .icon-link, 
#page-left-nav .left-menu > ul > li.active > a .icon-link {
    background-position: -96px -11px;
}
#page-left-nav .icon-link:before {
    content: "";
}

#page-left-nav .icon-download { 
   background-image:url("images/new_icons.png");
   background-position: -123px -39px;
   width:24px;
   height:24px;
   display:inline-block;
}
#page-left-nav ul li a:hover .icon-download,
#page-left-nav ul li a:active .icon-download, 
#page-left-nav .left-menu > ul > li.active > a .icon-download {
    background-position: -123px -11px;
}
#page-left-nav .icon-download:before {
    content: "";
}

#page-left-nav .icon-group { 
   background-image:url("images/new_icons.png");
   background-position: -149px -39px;
   width:24px;
   height:24px;
   display:inline-block;
}
#page-left-nav ul li a:hover .icon-group,
#page-left-nav ul li a:active .icon-group, 
#page-left-nav .left-menu > ul > li.active > a .icon-group {
    background-position: -149px -11px;
}
#page-left-nav .icon-group:before {
    content: "";
}

#page-left-nav .icon-money { 
   background-image:url("images/new_icons.png");
   background-position: -177px -39px;
   width:24px;
   height:24px;
   display:inline-block;
}
#page-left-nav ul li a:hover .icon-money,
#page-left-nav ul li a:active .icon-money, 
#page-left-nav .left-menu > ul > li.active > a .icon-money {
    background-position: -177px -11px;
}
#page-left-nav .icon-money:before {
    content: "";
}

#page-left-nav .icon-list { 
   background-image:url("images/new_icons.png");
   background-position: -204px -36px;
   width:24px;
   height:24px;
   display:inline-block;
}
#page-left-nav ul li a:hover .icon-list,
#page-left-nav ul li a:active .icon-list, 
#page-left-nav .left-menu > ul > li.active > a .icon-list {
    background-position: -204px -8px;
}
#page-left-nav .icon-list:before {
    content: "";
}

#page-left-nav .icon-cloud { 
   background-image:url("images/new_icons.png");
   background-position: -230px -136px;
   width:24px;
   height:24px;
   display:inline-block;
}
#page-left-nav ul li a:hover .icon-cloud,
#page-left-nav ul li a:active .icon-cloud, 
#page-left-nav .left-menu > ul > li.active > a .icon-cloud {
    background-position: -230px -103px;
}
#page-left-nav .icon-cloud:before {
    content: "";
}

.navbar-header { height: 80px;  }
.navbar-inverse { background-color: #fff; height:80px; box-shadow:0px 10px 10px -10px #88a6f6; border-radius:10px; }
#page-left-nav { top:0px; }
#page-content { top:85px; }

.navbar-inverse .text-white { color:#0e1a35 !important; }

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color:#fff !important;background-color:#5584ff; }

.navbar-inverse .contact_qq > a {
    position: relative;
    display:block;
    padding: 2px 5px;
}
.navbar-inverse .contact_qq_group > a {
    position: relative;
    display:inline-block;
    padding: 15px 5px;
}
.navbar-inverse .timeinfo { padding-top:4px; }
.navbar-inverse .timeinfo > a {
    position: relative;
    display:block;
    padding: 2px 15px;
}
.navbar-inverse .navbar-right { top:13px!important; right: 18px!important; }
.navbar-right .icon { background-image: url("images/new_icons.png");width:22px;height:20px;display:inline-block; }

.navbar-right .icon-copy:before { content: ""; }
.navbar-right .icon-copy { background-position: -95px -64px; }

.navbar-right .icon-sign-in:before { content: ""; }
.navbar-right .icon-sign-in { background-position: -38px -67px; margin-right:0px; }
.navbar-right .btn-warning {
    color: #fff;
    background-color: #22ce8b;
    border-color: #22ce8b;
}

.navbar-right .icon-refresh:before { content: ""; }
.navbar-right .icon-refresh { background-position: -11px -67px; margin-right:0px; }
.navbar-right .btn-danger {
    color: #fff;
    background-color: #f83c7b;
    border-color: #f83c7b;
}

.navbar-right .icon-download:before { content: ""; }
.navbar-right .icon-download { background-position: -65px -67px; margin-right:0px; }

.navbar-right .icon-video:before { content: ""; }
.navbar-right .icon-video { background-position: -235px -65px; margin-right:0px; }

.text-danger { color:#f83c7b; }

.icon-list { background-image: url("images/new_icons.png");width:37px;height:28px;display:inline-block; background-position: -133px -175px; }
.icon-list:before {
    content: "";
}
.btn-primary { background-color:#25396e; border-color: #25396e; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #5C74B7;
  border-color: #5C74B7;
}
.btn-success { background-color:#22ce8b; border-color: #22ce8b; }
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #56E7B0;
  border-color: #56E7B0;
}
.btn-danger { background-color:#f83c7b; border-color: #f83c7b; }
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #FC6D9D;
  border-color: #FC6D9D;
}
.btn-default { background-color:#5584ff; border-color: #5584ff; color:#fff; }
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #fff;
  background-color: #80A2FF;
  border-color: #80A2FF;
}

.btn-default2 {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default2:hover,
.btn-default2:focus,
.btn-default2.focus,
.btn-default2:active,
.btn-default2.active,
.open > .dropdown-toggle.btn-default2 {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.datetimepicker_remove { background-color:#fff; border-color: #fff; }

.new-style .table-header { background-color:#dae5ff; padding:10px; display:block; height:50px; }
.new-style .p-s { padding:0px!important; }
.label-danger { background-color:#f83c7b;  }

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px dotted #88a6f6;
}
.table > thead > tr > th { color:#5584ff; border: 1px solid #88a6f6 !important; }
.table-bordered { border:1px solid #f6f7fa; border-collapse:collapse; box-shadow:0px 10px 10px -10px #88a6f6; border-radius:10px; }
#page-content { border:none; background-color:#f6f7fa; }

.new-style .label-info { background-color:#5584ff; }
.new-style .label-info { background-color:#5584ff; }
.new-style .label-success { background-color:#22ce8b; }
.new-style .label-warning { background-color:#f83c7b; }
.new-style .label-danger { background-color:#f83c7b; }

.nav-tabs { background-color:#507cf0; color:#fff; border-radius: 10px 10px 0px 0px; border: 1px solid #507cf0; }
.nav-tabs > li a {
    color: #fff;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 2px solid transparent;
    border-radius: 0; 
}
.nav-tabs > li { margin: -3px 0px -3px -1px; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #1e90ff;
    border: 1px solid #e6e6e6;
    border-bottom-color: transparent;
    border-top: 2px solid #507cf0;
}

.nav-tabs .icon { background-image: url("images/new_icons.png");width: 28px; height: 22px; position:relative; top:4px;margin-right:5px; }
.nav-tabs .nav > li > a {
    padding: 12px 20px;
}

.nav-tabs > li > a:hover {
    color: #1e90ff;
    border: 1px solid #e6e6e6;
    border-bottom-color: transparent;
    border-top: 2px solid #507cf0;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #fff;
}

.nav-tabs .icon-order_ignore { background-position: -10px -103px; }
.nav-tabs > li > a:hover .icon-order_ignore, 
.nav-tabs .nav > li > a:focus .icon-order_ignore,
.nav-tabs > li.active .icon-order_ignore {
    background-position: -10px -136px;
}

.nav-tabs .icon-order_get_source { background-position: -43px -103px; }
.nav-tabs > li > a:hover .icon-order_get_source, 
.nav-tabs .nav > li > a:focus .icon-order_get_source,
.nav-tabs > li.active .icon-order_get_source {
    background-position: -43px -136px;
}

.nav-tabs .icon-order_source { background-position: -73px -103px; }
.nav-tabs > li > a:hover .icon-order_source, 
.nav-tabs .nav > li > a:focus .icon-order_source,
.nav-tabs > li.active .icon-order_source {
    background-position: -73px -136px;
}

.nav-tabs .icon-order_has_waybill { background-position: -105px -103px; }
.nav-tabs > li > a:hover .icon-order_has_waybill, 
.nav-tabs .nav > li > a:focus .icon-order_has_waybill,
.nav-tabs > li.active .icon-order_has_waybill {
    background-position: -105px -136px;
}

.nav-tabs .icon-order_finish { background-position: -139px -103px; }
.nav-tabs > li > a:hover .icon-order_finish, 
.nav-tabs .nav > li > a:focus .icon-order_finish,
.nav-tabs > li.active .icon-order_finish {
    background-position: -139px -136px;
}

.nav-tabs .icon-order_locked { background-position: -170px -103px; }
.nav-tabs > li > a:hover .icon-order_locked, 
.nav-tabs .nav > li > a:focus .icon-order_locked,
.nav-tabs > li.active .icon-order_locked {
    background-position: -170px -136px;
}

.nav-tabs .icon-order_cancel { background-position: -196px -103px; }
.nav-tabs > li > a:hover .icon-order_cancel, 
.nav-tabs .nav > li > a:focus .icon-order_cancel,
.nav-tabs > li.active .icon-order_cancel {
    background-position: -196px -136px;
}

.form-control { border:none; background-color:#f6f7fa; box-shadow:none; }
.input-group-addon { border:none; background-color:#f6f7fa; }
.icon-remove:before, .icon-close:before, .icon-times:before {
    content: "\f00d";
    color:#f83c7b;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #f6f7fa;
}

.select2-container--bootstrap .select2-selection { border:none; background-color:#f6f7fa; }
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    color: #507cf0;
    background: #f2f6ff;
    border: 1px solid #507cf0;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove { color:#507cf0; }

.j_time_range:hover,.j_time_range:hover *{color:#fff!important;background-color: #507cf0;}
.j_time_range.active { background-color: #507cf0; color: #fff; }

.new-p-s { padding: 10px 0px 10px 0px !important; }

.text-info { color: #25396e; }
.order-sort { border: 2px solid #25396e; color:#25396e; font-weight:bold; padding:0px; width: 100px !important; }
.order-info { background-color:#dae5ff; color: #25396e; }
.order-info .icon-copy { background-image: url("images/new_icons.png");width: 20px; height: 20px; background-position: -77px -182px; }
.order-info .icon-copy:before { content: "" }
.order-info .m-l-s { margin:0px !important; }
.order-info .m-l-m { margin:0px !important; }
.v-line { display: inline-block;width: 1px;height: 20px;background: #25396e;margin: 0px 3px;padding: 0px;position: relative;top: 6px;}
.order-info .label-info { background-color:#507cf0; }
.order-info .label-desc { background-color:#ff9900; }

.m-r-s { margin-right:2px; }
.text-muted { color: #25396e; }
.text-red { color: #f83c7b; }
.text-purple { color: #658cf2; }
.text-primary { color:#2b364e; }
.border1px { border: 1px solid #ddd;}
.j_orderList { border-collapse:collapse; }
.j_orderList > thead > tr > th, 
.j_orderList > tbody > tr > th, 
.j_orderList > tfoot > tr > th, 
.j_orderList > thead > tr > td, 
.j_orderList > tbody > tr > td, 
.j_orderList > tfoot > tr > td {
    border-top: 1px solid #dfdfdf;
}
.page-input input { border: 1px solid #ccc !important; }

.j_foot_btns {
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0px !important;
    z-index: 1030;
    padding: 8px;
}

.b_t_dashed {
    border-top: 1px dashed #88a6f6;
}
.b_r_dashed{border-right: 1px dashed #88a6f6;}
.b_l_dashed{border-left: 1px dashed #88a6f6;}
.bg-light-purple { background-color:#dae5ff !important; }
.bg-info { background-color:#f2f6ff; }
.j_order_table > thead > tr > th, .j_order_table tr th, .j_order_table tr td { border:none !important; border-bottom:1px solid #e7edfd !important; }
.btn-new-select button { background-color:#f6f7fa !important;border:1px solid #f6f7fa !important; color:#0e1a35; }
.btn-new-select button:hover, .btn-new-select button:focus, .btn-new-select .open > .dropdown-toggle.btn-default {
    color: #0e1a35;
    background-color: #f6f7fa;
    border-color: #f6f7fa;
}
.btn-new-select .caret {
    border-top: 4px dashed #555555;
}
.j_linkList { border:1px solid #f6f7fa; border-collapse:collapse; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #507cf0;
    border-color: #507cf0;
}
.bg-white { background-color:#fff !important;border:1px solid #fff !important; }

.j_search_item {padding-bottom:0px;}
.j_search_item .table { margin-bottom:0px; }

.j_search_item .table > thead > tr > th { background-color:#f2f6ff; border:none !important; height:50px;font-size:16px;font-weight:bold;color:#0e1a35;  }

.j_search_item .table > tbody > tr > td {
    border-top: 1px solid #e2e7f8 !important;
}

.input-group-btn {
    padding-right: 10px;
}