@charset "utf-8";
/* 色值使用规范
FFFFFF		框架基础背景色值

404040		一级灰——应用于header
CCCCCC		二级灰——应用于底色为灰色区域时的hover反馈、Input等控件边框线
EDEDED		三级灰——应用于页签区、表格单元格纵向分隔线
FAFAFA		四级灰——应用于表格表头区、菜单区、表格颜色间隔行、表格单元格横向分隔线

FFFEE7		淡黄色提醒区底色
FE8C14		提醒区hover色值

00A9E6		按钮及可输入控件hover色值
FE8C14		删除按钮hover色值

00A9E6		菜单、页签被选中后的色值

333333		陈述性文字（包括菜单、按钮）色值
CCCCCC		提示性文字色值
000000		内容文字色值
FE8C14		重点提醒性文字

FFFF00		清算表格黄色
D9EDF7		清算表格蓝色
*/


/* 标签基础类  start */
h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    list-style: none;
}

/* 标签基础类 end */
.headImg {
    width: 60px;
    height: 60px;
    border: medium none;
    border-radius: 50%;
}

/** 图片上传css 类  begin add by 20150808*/
.upload-group, .upload-file-group {
    margin: 5px;
    padding: 0 5px 0 0;
    float: left;
}

.upload-group div, .upload-file-group div {
    width: 120px;
    height: 100px;
    text-align: center;
    border: 1px solid #DDD;
    position: relative;
}

.upload-group input[type=file] {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 120px; /* 宽高和外围元素保持一致 */
    height: 100px;
    opacity: 0;
    -moz-opacity: 0; /* 兼容老式浏览器 */
    filter: alpha(opacity=0); /* 兼容IE */
}

.upload-file-group input[type="file"] {
    display: inline-block;
    height: 34px;
    opacity: 0;
    position: absolute;
    width: 120px;
    z-index: 151;
}

.upload-group img, .upload-file-group img {
    max-height: 64px;
    padding: 15px 0 0;
}

.upload-group button, .upload-file-group button {
    width: 121px;
    margin: 5px 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/** 图片上传css 类  end add by 20150808*/

.tag {
    background-color: red;
    padding: 3px 0;
    border-radius: 2px;
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
}

.user-tag {
    border-radius: 2px;
    display: inline-block;
    /* line-height: 1.4; */
    padding: 2px 20px 2px 20px;
    word-break: break-all;
    color: #FFFFFF;
    font-size: 12px;
    margin: 0 4px
}

.background-blue {
    background: #5CACEE;
}

.background-orange {
    background: #FF9900;
}

.background-green {
    background: #06A606;
}

.background-purple {
    background: #CC66FF;
}

.background-gray {
    background: gray;
}

.row {
    width: 35%;
}

.label-width {
    width: 60px;
    display: inline-block;
    color: #999999;
}

.card_info {
    min-height: 100px;
    max-height: 200px;
    border: 0;
    margin-top: 5px;
    padding: 2px;
    margin-left: 115px;
    border: 0;
}

.scroll_y {
    overflow-y: auto;
}

.scroll_x {
    overflow-x: auto;
}

.icon-goods {
    background-position: -24px -168px;
}

.icon-vehicle {
    background-position: -48px -168px;
}

.icon-my {
    background-position: -72px -168px;
}

.icon-order {
    background-position: -96px -168px;
}

.icon-dispatch {
    background-position: -120px -168px;
}

.icon-trace {
    background-position: -144px -168px;
}

.icon-vehicle-team {
    background-position: -168px -168px;
}

.icon-driver {
    background-position: -192px -168px;
}

.icon-finance {
    background-position: -216px -168px;
}

.icon-settle {
    background-position: -241px -168px;
}

.icon-settle-strategy {
    background-position: -265px -168px;
}

.icon-oil-card {
    background-position: -288px -168px;
}

.icon-download-alt-green {
    background-position: -311px -168px;
}

[class*=" marker-"] {
    display: inline-block;
    width: 20px;
    height: 32px;
    margin-top: 1px;
    line-height: 14px;
    background-image: url("../../image/manage/mark_bs.png");
    background-position: 20px 32px;
    background-repeat: no-repeat;
}

.marker-no-position {
    background-position: -20px 0px;
}

.address-width {
    width: 140px;
}

.date-width {
    width: 100px;
}

.select-max-width {
    width: 100px;
}

.image-sty {
    max-width: 86px;
}

/* add by yangsl start */
/*组织结构和权限管理相关的CSS START*/
.niu-tree {
    height: 100%;
}

.niu-tree .widget-content {
    padding: 0;
}

.niu-tree ul {
    margin: 0;
    list-style: none;
}

.niu-tree .widget-content {
    background-color: #FFF;
}

.niu-tree .niu-tree-item:hover {
    background-color: #efefef;
    cursor: pointer;
}

.niu-tree.nohover .niu-tree-item:hover {
    background-color: #FFF;
}

.niu-tree .niu-tree-item.selected {
    background-color: #ececec;
}

.niu-tree .niu-tree-item .buttons {
    float: right;
    display: none;
    margin-right: 10px;
}

.niu-tree div[level="1"] .buttons {
    display: block;
}

.niu-tree div[level="1"] .buttons .delCurrent {
    display: none;
}

.niu-tree .niu-tree-item {
    width: 100%;
    line-height: 40px;
    min-height: 40px;
    display: inline-block;
    vertical-align: middle;
    background-color: #FFF;
}

.niu-tree .niu-tree-item label {
    margin-top: 10px;
    margin-right: 20px;
    float: left;
    width: 120px;
    height: 20px;
    overflow: hidden;
}

.niu-tree .niu-tree-item input {
    margin: 0;
    width: 50%;
}

.niu-tree .niu-tree-item i {
    margin-right: 10px;
}

.niu-tree .niu-tree-item .buttons i {
    margin-right: 0;
}

.niu-tree .niu-tree-item .btn {
    margin-left: 5px;
}

.niu-tree .niu-btn-group {
    text-align: center;
    margin-top: 16px;
}

.niu-tree .niu-btn-group .btn {
    margin-bottom: 10px;
    min-width: 40px;
}

.niu-tree .resize-content {
    overflow-y: auto;
}

#orgTree_in_auth .niu-tree-item[orgType='1']:hover {
    background-color: #FFF;
}

#orgTree_in_auth .niu-tree-item[orgType='2']:hover {
    background-color: #FFF;
}

#tab_auth_div .alert-info {
    height: 20px;
    overflow: hidden;
}

/*组织结构和权限管理相关的CSS END*/

#sidebar span {
    font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.container-fluid .row-fluid:first-child {
    margin-top: 0px;
}

/*表单相关的公共控件样式定义 START*/
.niu-controls {
    line-height: 30px;
}

.niu-controls .radio-span {
    margin-right: 20px;
    width: auto;
}

.niu-controls input,
.niu-controls span,
.niu-controls a {
    margin-right: 10px;
}

.niu-controls .width-p10 {
    width: 10% !important;
}

.niu-controls .width-p15 {
    width: 15% !important;
}

.niu-controls .width-p20 {
    width: 20% !important;
}

.niu-controls .width-p30 {
    width: 30% !important;
}

.niu-controls .width-p38 {
    width: 38% !important;
}

.niu-controls .width-p40 {
    width: 40% !important;
}

.niu-controls .width-p50 {
    width: 50% !important;
}

.niu-controls .width-p60 {
    width: 60% !important;
}

.niu-controls .width-p70 {
    width: 70% !important;
}

.niu-controls .width-p80 {
    width: 80% !important;
}

.form-horizontal .control-label {
    width: 120px;
}

.form-horizontal .controls {
    margin-left: 140px;
}

.form-horizontal .controls input:first-child,
.form-horizontal .controls textarea:first-child {
    max-width: 930px;
}

.form-horizontal .controls .select2-container {
    min-width: 120px;
}

/*mwt-80为了覆盖上一个样式*/
.form-horizontal .controls .select2-container.mwt-80 {
    min-width: 80px;
    width: 80px;
}

.form-horizontal .controls .radio-span {
    min-width: 100px;
    margin-left: 0;
}

.form-horizontal .niu-controls .table {
    border-right: 1px solid #DDD;
    border-top: 1px solid #DDD;
    max-width: 700px;
    min-width: 400px;
}

.form-horizontal .control-group {
    border-top: none;
}

.form-horizontal .control-label {
    color: #999;
}

/*---- 全局性设置 START ----*/
.fa {
    color: #444;
}

.table th, .table td {
    border-top: none;
    border-bottom: 1px solid #DDD;
}

.required:before {
    content: '* ';
    color: #FF0000;
}

/*---- 表格设置溢出部分隐藏显示省略号 ----*/
.textOverflow td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*---- 全局性设置 END ----*/

/*表单相关的公共控件样式定义 END*/


/* add by yangsl end */

/* add by wangtao  */
.font-red {
    color: red;
    font-weight: bold;
}

.margin-left-8 {
    margin-left: 8px;
}

/* add by wangtao  */
.font-red-normal {
    font-weight: normal;
}

.print-contract-color {
    background-color: #F2F2F2;
}

/****************** 货物托运单 START **********************/
.document_view {
    margin: 20px;
    padding: 0;
    width: 900px;
    border: 1px solid #AAA;
    font-size: 12px;
    font-family: "宋体", "Microsoft YaHei", "Raleway", "Helvetica Neue", Roboto, sans-serif;
}

.document_view .document_header,
.document_view .document_body {
    width: 100%;
    display: inline-block;
}

.document_view [class*="span"] {
    display: block;
    float: left;
    box-sizing: border-box !important;
    margin: 0;
    padding: 0;
}

.document_view .span12 {
    width: 100%;
}

.document_view .span4 {
    width: 33.3%;
}

.document_view p {
    margin: 0;
    line-height: 25px;
}

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

.document_view .font-bold {
    font-weight: bold;
}

.document_view .money-text {
    text-align: right;
}

.document_view .title {
    font-size: 24px;
    line-height: 30px;
    font-family: "Microsoft YaHei", "宋体", "Raleway", "Helvetica Neue", Roboto, sans-serif;
}

.document_view #trs_mode {
    margin-right: 20px;
}

.document_view .document_header {
    border-bottom: 2px solid #000;
    padding: 20px 0 10px 0;
}

.document_body table {
    width: 880px;
    margin: 10px 0 10px 10px;
    border-collapse: collapse;
}

.document_body table th {
    background-color: #F2F2F2;
}

.document_body table th,
.document_body table td {
    width: 110px;
    border: 1px solid #000;
    height: 25px;
    padding: 0 4px;
}

.document_body table td div {
    height: auto;
    max-height: 75px;
    line-height: 25px;
    overflow: hidden;
}

.document_body table .bg-blue {
    background-color: #D9EDF7;
}

.document_body table .bg-yellow {
    background-color: #FCF8E3;
}

.document_body table .bg-green {
    background-color: #DFF0D8;
}

.document_body hr {
    border: 1px dashed #000;
}

/****************** 货物托运单 END **********************/

.recent-content {
    height: 295px;
}

.product-news p {
    line-height: 24px;
}

.widget-content {
    overflow-y: auto;
    overflow-x: hidden;
}

/****************** div分割线 **********************/
.hr {
    border-top: 1px solid #DDDDDD;
    margin: auto;
}

.td-right {
    text-align: right !important;
}

/****************** 颜色 **********************/
.settle_yellow {
    background-color: #FFFF00;
}

.settle_blue {
    background-color: #D9EDF7;
}

input[readonly] {
    background-color: #fff;
    cursor: default;
}

/* niux fa */
#sidebar li a i.fa {
    background-image: none;
    opacity: 0.5;
    filter: Alpha(opacity=50);
    color: #FFF;
    margin-top: 4px;
    /*font-size:9px;*/
}

/* niux fa */

/****************** modal大小 **********************/
/* 小 modal */
.modal-sm {
    width: 300px;
    margin: -150px 0 0 -150px;
}

/* 大 modal */
.modal-lg {
    width: 900px;
    margin: -250px 0 0 -450px;
}

/* 顶部变椭圆 */
.modal-header {
    border-radius: 6px 6px 0 0;
}

/* 上行一个input，本行两个input时，让本行与上行两端对齐 */
.niu-double-inputs {
    display: inline-block;
    padding: 0 6px;
    margin: 0px;
    width: 80%;
    max-width: 930px;
}

.niu-double-inputs input {
    width: 46% !important;
}

.niu-double-inputs input:first-child {
    float: left;
    margin-left: -6px;
}

.niu-double-inputs input:last-child {
    float: right;
    margin-right: -8px;
}

/* lz 模态框样式局部调整
.modal-body{
	max-height: 100% !important;
}
.form-actions{
	margin-bottom:  0 !important;
}
#car_length{
	margin-top: 14px;
}
*/

/* 提示用户选择极速模式浏览 */
.webkit {
    position: absolute;
    left: 216px;
    top: 1.5%;
    z-index: 999999999;
    min-width: 800px;
}

.webkit-text {
    font-size: 26px;
    color: red;
    vertical-align: middle;
    white-space: nowrap;
}

.webkit-img {
    height: 26px;
    width: 30px;
    vertical-align: middle;
    margin-right: 10px;
}

.modal-span {
    display: inline-block;
    padding-top: 5px !important;
    margin-left: 0px;
}

/* 多选下拉框样式重构 */
select[multiple] {
    height: 30px;
}

/* 多条件标签搜索样式（小） */
.minMultipleLabelSearchClass {
    width: 260px;
    overflow-y: auto;
    height: 30px !important;
}

/* 多条件标签搜索样式（大） */
.maxMultipleLabelSearchClass {
    width: 82.5%;
    overflow-y: auto;
}

/* btn  hover样式 */
.btn:hover {
    background-position: 0 -30px;
}

/*  bootstrap title提示框宽度重构 */
.tooltip-inner {
    max-width: 100% !important;
    white-space: nowrap;
}

/*  页面顶部和底部边距 */
.content-top {
    margin-top: 22px !important;
}

.content-bottom {
    margin-bottom: 22px !important;
}

.disabled {
    pointer-events: none;
}

.ui-widget-header {
    border-top: 1px solid #DDDDDD !important;
}

.td-disabled-text-nothing {
    pointer-events: none;
    color: #CCCCCC;
}

.tip-div {
    position: fixed;
    z-index: 999999;
    background-color: #000;
    opacity: .7;
    font-size: 18px;
    color: white;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    padding: 0 30px;
    top: 50%;
    left: 50%;
    transform: translate(-25%, -25%);
}

body .rating-setting-th {
    min-width: 100px;
}

.table .td-back {
    background-color: #D9EDF7 !important;
}

.operation-disabled {
    pointer-events: none;
    opacity: 0.5;
}

hr {
    border-bottom: 1px #DDD solid !important;
    border-top: 0;
    clear: both;
}

.btn .fa-search {
    color: #999 !important;
    margin-right: 5px;
}

.tipInfo-style {
    color: red;
}

.td-back-color {
    background-color: #D9EDF7 !important;
}

.largeTh th {
    padding: 8px 8px 8px 8px !important;
}

.label_radio {
    float: left;
    width: auto;
    margin-right: 40px;
}

.receive-icon {
    position: absolute;
    margin-left: -30px;
    font-style: normal;
    width: 20px;
    height: 20px;
    border: 2px solid #0D47A1;
    border-radius: 100%;
    text-align: center;
    color: #0D47A1;
}

.select2-drop {
    z-index: 9999999 !important;
}

.clear_both {
    clear: both;
}

.new_content .span6 {
    margin: 0 !important;
    min-height: 55px !important;
}

.width_25 {
    width: 25% !important;
}

.width_51 {
    width: 51% !important;
}

.width_30 {
    width: 30% !important;
}

.width_46 {
    width: 46% !important;
}

.width_38 {
    width: 38% !important;
}

.new_content .niu-controls input {
    margin-right: 1%;
}

.new_content .niu-controls a {
    margin: 0;
}

.add-margin-right {
    margin-right: 10px;
    color: #fff;
}

body .text_align_right {
    text-align: right !important;
}

.add_member_margin_left {
    margin-left: 10px !important;
}

.position_modal_body {
    max-height: none;
}

#content .padding_top_10 {
    padding-top: 10px;
}

#content .iconAddress {
    position: absolute;
    margin-left: -30px;
    margin-top: 4px;
    text-align: center;
    width: 24px !important;
    height: 24px !important;
}

.form-inline {
    padding-left: 20px;
}

a {
    cursor: pointer;
}

.senior_search_set {
    cursor: pointer;
    position: relative;
    top: 5px;
    float: right;
    padding-left: 10px;
}

.default_search {
    height: 40px;
    overflow: hidden;
}

.senior_search .form-group {
    display: none;
}

.list_operation {
    display: inline-block !important;
}

.form-group [fieldName] {
    margin-right: 6px;
}

td .formError{
    top: auto !important;
    left: auto !important;
}