.text-error{color: #ed6572;}

#edit-modal .contact_type_1 .select2-container {width: 200px!important;}

.form-group .btn-reset{color: #333;background-color: #fff;border: 1px solid #ccc;}
.form-group .btn-reset:hover{background-color: #fafafa;}

.navbar{display: block;}
.nav-bar-fixed{padding: 0 25px;z-index: 10;}
.nav-bar-fixed .top-bar-menu{margin: 15px 0 0;padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.nav-bar-fixed .top-bar-menu:last-child{border: none;}
.nav-bar-fixed .top-bar-menu.top-search-menu{position: relative;}
.nav-bar-fixed .top-bar-menu.top-search-menu form {width: 100%;display: flex;flex-wrap: wrap;}
.nav-bar-fixed .top-bar-menu.top-search-menu .col-md-4.date-choose-col{flex: 0 0 28%;}
.nav-bar-fixed .top-bar-menu.top-search-menu .col-md-4:last-child{flex: 0 0 12%;}
.nav-bar-fixed .top-bar-menu.top-search-menu .col-md-4.date-choose-col select{width: 195px;display: inline-block;}
.nav-bar-fixed .top-bar-menu.top-search-menu .col-md-4.date-choose-col label{display: block;}
.nav-bar-fixed .top-bar-menu.top-search-menu .col-md-4.date-choose-col span{display: inline-block;text-align: center;}
.nav-bar-fixed .top-bar-menu.top-search-menu .alert{position: absolute;height: auto;bottom: -5px;width: 100%;font-size: 12px;padding:10px;}
.nav-bar-fixed .top-bar-menu.top-search-menu .alert i.fa-info-circle{margin-right: 5px;color: #1890FF;}


.nav-top-bar .navbar-nav li.nav-tips{width: 600px;}
.nav-top-bar .navbar-nav li.nav-tips .text-sm-left{font-size: 13px;}
.nav-top-bar .navbar-nav li.nav-tips .text-sm-left li{margin-right: 10px;}
.nav-top-bar .navbar-nav li.nav-tips .text-sm-left li:first-child{color: #999;}

.container{max-width: 1440px;}

.component-table .card-body{padding: 20px 15px 0;background: #fff;}
.component-table .card-body .table thead th{background-color:#f5f5f5;position:sticky;top:0;white-space:nowrap;}
.component-table .card-body .table thead th:last-child {width: 80px;}
.component-table .card-body .table thead th:first-child, .component-table .card-body .table tbody td:first-child{padding-left:10px;}
.component-table .card-body .table .price{width: 100px;}

.component-table .card-body .table .dataTables_wrapper .dataTables_paginate{margin-top: 10px;float: right}
.component-table .card-body .table .dataTables_wrapper .center-control{float: left;}

.form-check{padding: 0;}
.form-check label:before{width: 20px;height: 20px;}

.date-choose-col .form-control{display: inline-block;}

.table .btn{padding: 5px 12px;}

.modal-header{border-bottom: none;padding: 0;}

.container{max-width: 1750px;position:relative;z-index:6;}
.component-table .card-body{font-size: 13px;overflow: hidden;}
.component-table .card-body .table-scroll{overflow-x: auto;height:calc(100vh - 290px);}
.component-table .card-body .table-scroll .table{max-width: none;}
.component-table .card-body .table-scroll .data-table{max-height: 500px;}
/*.table:first-child{margin-bottom: 0;}*/
.table th,.table td{box-sizing: border-box;}
.table tr:first-child td{border-top: none;}
.table td div{white-space: nowrap;}
.table td div.dataTables_paginate{width: auto;}
.table .tdnumber {text-align: center;}
.table .tdmore {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 300px;}
.table .account{width: 80px}
.table .week-no{width: 100px}
.table .sort{width: 30px;}
.table .pol{width: 100px;overflow: hidden;}
.table .pod{width: 250px;overflow: hidden;}
.table .carrier{width: 150px;}
.table .vessel{width: 200px;}
.table .voyage{width: 150px;}
.table .time-show{width: 150px;}
.table .bl-container{width: 200px;}
.table .status{width: 100px;}
.table .result{width: 300px;}
.table .execute{width: auto;max-width: 600px;}
.table .execute .btn{margin: 2px 0;}
.component-table .card-body .table tr.error-tr td{color: #cc0000;}
.component-table .card-body .table tr.together td{border-top: none;}
.component-table .card-body .table tr td.execute button{margin: 2px 0;}
.component-table .card-body .table th{padding: 0.75rem 0.25rem;}
.component-table .card-body .table td{padding: 0.25rem;vertical-align: middle;}
.basic-info-modal .modal-dialog{min-width: 760px;}
.flatpickr-date.form-control{max-width: 140px;}
.count-tips {display: none; position: absolute;z-index: 999;background: #fff;margin-top: 10px;right: 0;box-shadow: 0 5px 18px 0 rgba(0, 0, 0, 0.05);}
.count-tips1 {display: none; position: absolute;z-index: 1001;background: #fff;margin-top: 5px;left: 50%;transform: translateX(-50%); box-shadow: 0 5px 18px 0 rgba(0, 0, 0, 0.05);}
.count-tips::before {content: "";width: 100%;height: 30px;position: absolute;top: -30px;}
.count-tips1::before {content: "";width: 200px;height: 30px;position: absolute;top: -30px;left: 50%;}

.mrdb_count,.mrdb_count1 {width: 100%;margin: 0;color: #1b2e4b;font-size: 12px;font-weight: normal;}
.mrdb_count {margin-bottom: 8px;}
.mrdb_count b {font-size: 32px;color: #1890FF;}
.mrdb_count1 b {color: #ff9913;}
.mrdb_title {font-size: 18px;padding-left: 6px;border-left: 4px solid #1890ff;line-height: 18px;}

/*  任务看板   */
.task_list {
    width: 100%;
    margin: 0 0 16px;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.task_list li {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 5px 18px 0 rgba(0, 0, 0, 0.05);
    margin-right: 16px;
    flex-grow: 1;
    padding: 16px;
    background-repeat: no-repeat!important;
    background-position-x: right!important;
}

.task_list li:last-child {
    margin: 0;
}

.task_list li h1 {
    font-size: 16px;
    position: relative;
}

.task_list li h2 {
    font-size: 36px;
    font-weight: bold;
    color: #0088ff;
}

.task_list li h2 b {
    font-size: 16px;
    color: #333;
    font-weight: normal;
    margin-left: 6px;
}

.task_list li h3 {
    font-size: 14px;
    margin: 0;
}

.task_list li h3 b {
    font-size: 14px;
    margin: 0 4px;
    color: #ff9913;
}

.task_list li h3 a {
    color: #0088ff!important;
}

.task_list li h3 a:hover {
    color: #ff9913!important;
}

.task_chart {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 5px 18px 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 16px;
    padding-top: 10px;
}

.task_chart h3 {
    font-size: 16px;
    padding-left: 10px;
    margin-bottom: 20px;
    margin-left: 16px;
    border-left: 4px solid #0088ff;
}

.charts {
    width: 100%;
    height: 240px;
}

.charts1 {
    width: 160px;
    height: 160px;
}

.task_count {
    width: 100%;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
}

.task_count_item {
    background: #fff;
    border-radius: 5px;    
    box-shadow: 0 5px 18px 0 rgba(0, 0, 0, 0.05);
    padding: 16px 16px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: 16px;
    flex-grow: 1;
    background-repeat: no-repeat!important;
    background-position-x: right!important;
}

.task_count_item:last-child {
    margin: 0;
}

.task_count_item h1 {
    font-size: 16px;
    padding-left: 10px;
    margin-bottom: 20px;
    border-left: 4px solid #0088ff;
    width: 100%;
}

.task_count_item ul {
    padding-top: 12px;
}

.task_count_item ul li {
    font-size: 18px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}

.task_count_item ul li span {
    border: 1px solid #ccc;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    border-radius: 4px;
    position: relative;
}

.task_count_item_on {
    border: 1px solid #0088ff!important;
}

.task_count_item_on::after {
    content: '\2714';
    font-size: 15px;
    color: #0088ff;
    position: absolute;
    top: -3px;
    left: 2px;
}

.task_count_item ul li b {
    color: #0088ff;
}

.task_count_item ul li s {
    text-decoration: none;
    color: #ff9913;
    font-weight: bold;
}

.task_count_item ul li a {
    font-size: 14px;
}

.task_count_item h2 {
    font-size: 16px;
    width: 100%;
}

.task_count_item h2 b {
    color: #0088ff;
}

.task_count_item h3 {
    font-size: 36px;
    font-weight: bold;
    color: #0088ff;
    width: 100%;
}

.task_count_item h3 b {
    font-size: 16px;
    color: #333;
    font-weight: normal;
    margin-left: 6px;
}

.task_count_item h4 {
    font-size: 14px;
    margin: 0;
    width: 100%;
}

.task_count_item h4 b {
    font-size: 14px;
    margin: 0 4px;
    color: #ff9913;
}

.task_count_item h4 a, .task_count_item ul li a {
    color: #fff !important;
    background: #006ce4;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 13px
}

.task_count_item h4 a:hover, .task_count_item ul li a:hover {
    background: #ff9913;
}

.tab-footer{margin-top: 50px !important;}