//********** file:global-var.less **********//
//-------背景色------//
@global-bg-primary-color: #139BF3;         //主题色
@global-bg-primary-hover-color: #3772CC;   //主题hover色
@global-bg-hover-color: #139BF3;           //悬浮色
@global-bg-auxiliary-color: #0B2035;       //辅助色
@global-bg-panel-color: #fff;           //面板色
@global-bg-panel-back-color: #f0f2f5;      //面板底色
@global-bg-modal-panel-color: #fff;     //弹窗面板色     
@global-sub-btn-bg-color: #EDEBEB;     //次功能按钮背景色
@global-sub-btn-bg-hover-color: #C4C4C4;   ///次功能按钮hover背景色

//-------文本色------//
@global-text-main-title-color: #139BF3;    //主标题色
@global-text-sub-title-color: rgba(0, 0, 0, .65);     //副标题色
@global-text-main-content-color: rgba(0, 0, 0, .65); //主文本色
@global-text-sub-content-color: rgba(0, 0, 0, .45);   //副文本色
@global-text-selected-color: #fff;      //文本选中色
@global-icon-color: #139BF3;   //功能图标颜色
@global-icon-hover-color: #3772CC; //功能图标hover颜色

//-------边框色------//
@global-border-active-color: #139bf3;      //边框激活色
@global-border-color: rgba(0, 0, 0, .15);         //边框常规色

//-------阴影色------//
@global-box-shadow-color: rgba(0, 0, 0, .25);
//*************************************************************************//



//********** file:modify-var.less **********//
////////顶栏////////////
@header-bg-color:  #0B2035;          //顶部header背景颜色
@header-logo-bg-color:  #0B2035;     //顶部header Logo背景颜色
@header-main-font-color: #234D02;   //顶部header主文本色
@header-sub-font-color:  #FD777F;   //顶部header副文本色
@header-task-upload-bg-color: #fff; //顶部任务上传框背景颜色
@header-task-upload-icon-color: #324057; //上传图标颜色
@header-box-shodow-color: rgba(0,20,52,0.31); //headershow颜色
@header-task-upload-progress-color: rgba(19, 155, 243, .25); //进度条颜色
@header-task-upload-list-item-title-color: rgba(0, 0, 0, .65);  //进度条文本颜色

///////////左侧导航///////////
@nav-bg-color:  #0B2035;            //左侧导航条背景颜色
@nav-item-active: #139BF3;    //导航菜单激活背景颜色
@nav-item-circle: rgba(0, 0, 0, .1);          //导航菜单圆形默认颜色
@nav-item-circle-active: #fff;   //导航菜单圆型激活色
@nav-item-hover: #139BF3;                //导航菜单悬浮色
@nav-item-title-color: rgba(255, 255, 255, .85);        //导航菜单标题颜色
@nav-item-title-active-color: #fff; //导航菜单激活标题颜色
@nav-icon-color: #fff;           //导航图标颜色
@nav-icon-color-active: #000;       //导航图标激活色
@nav-box-shadow-color: rgba(0,20,52,0.31); //阴影颜色

///////实时监控车辆树页面///////
@real-monitor-fleet-header-bg-color:  #133551; //实时监控界面组织架构头部背景颜色
@real-monitor-fleet-content-bg-color:  #133551; //实时监控界面组织架构内容背景颜色
@real-monitor-fleet-color:  #139BF3; //实时监控界面组织架构头部字体颜色
@real-monitor-border-color: rgba(255, 255, 255, .25); //实时监控界面组织架构border颜色
@real-monitor-fleet-font-color: #fff; //组织架构树字体颜色
@real-monitor-fleet-input-bg-color:  rgba(255, 255, 255, 0.15); //input输入框等背景颜色
@real-monitor-fleet-input-select-bg-color:  #1297EE; // select下拉选择颜色
@real-monitor-fleet-tree-item-bg-color: rgba(19, 155, 243, .25); //车组节点背景颜色
@real-monitor-fleet-tree-vehilce-item-bg-color: rgba(255, 255, 255, .05);//车节点背景颜色
@real-monitor-fleet-tree-down: rgba(255, 255, 255, .65);; //树展开图标颜色
@real-monitor-fleet-tree-active-color:  #139BF3; //车组树激活色
@real-monitor-fleet-driver-color:  #169CF3;; //司机姓名颜色
@real-monitor-fleet-channel-color: rgba(255, 255, 255, .65); //摄像头颜色
@real-monitor-box-shadow-color: rgba(0,0,0,0.15); //实时监控树阴影
@real-monitor-input-border-color: #139BF3; //搜索输入框border颜色
@real-monitor-input-placeholder-color: rgba(255, 255, 255, .45); //提示文字颜色
@real-monitor-details-info-value-color:  rgba(0, 0, 0, .65); //详情字体颜色
@real-monitor-details-title-color: rgba(0, 0, 0, .85); //详情框标题颜色
@real-monitor-sub-item-active-color: #fff; //下拉激活字体颜色

/////////////报警事件//////////////////////////
@real-monitor-alarm-events-header-bg-color: #133551; //报警面板头部背景颜色
@real-monitor-alarm-events-bg-color:  #133551;   //报警面板背景颜色
@real-monitor-alarm-events-title-font-color: #139BF3;   //报警面板标题字体颜色
@real-monitor-alarm-font-color: #fff; //报警面板时间报警类型栏字体颜色
@real-monitor-alarm-events-vehicle-location-font-color: #fff; //报警面板车辆地址字体颜色
@real-monitor-alarm-events-tab-font-color: #fff; //报警面板tab字体颜色
@real-monitor-alarm-events-line-color: rgba(255, 255, 255, .25); //报警面板线颜色
@real-monitor-alarm-input-border-color: #139BF3; //input边框颜色
@real-monitor-alarm-input-bg-color: rgba(255,255,255,0.15); //背景颜色input框
@real-monitor-alarm-input-placeholder-color: rgba(255, 255, 255, .45);  //input框提示文字颜色
@real-monitor-alarm-events-filter-search-btn-bg-color: #139BF3;     //报警面板标搜索条件搜索框按钮背景颜色
@real-monitor-alarm-events-tabs-card-bg-color: rgba(19, 155, 243, .25);  //报警面板选项卡卡片背景颜色
@real-monitor-alarnm-envents-tabs-card-active-color: #139BF3;  //激活色
@real-monitor-alarm-events-list-item-bg-color: rgba(19, 155, 243, .25);    //报警面板列表条目背景颜色 时间 报警类型条目
@real-monitor-alarm-events-list-item-vehicle-location-bg-color: rgba(255, 255, 255, .05);    //报警面板列表条目背景颜色 车辆 与地址
@real-monitor-alarm-events-list-item-icon-color: #139BF3;   //报警面板列表条图标颜色
@real-monitor-alarm-events-list-item-location-manual-analysis-color: #139BF3;   //报警面板列表条位置手动解析颜色
@real-monitor-alarm-events-list-item-active-bg-color: rgba(0, 0, 0, .25); //报警面板列表选中条目背景颜色
@real-monitor-alarm-events-entry-card-title-color: #139BF3;   // 报警面板入口卡片标题字体颜色(入口)
@real-monitor-alarm-events-entry-card-count-color: #fff;   // 报警面板入口卡片标题总数字体颜色(入口)
@real-monitor-alarm-select-bg-color: #3772CC;
@real-monitor-alarm-bg-shadow-color: rgba(0, 0, 0, .25);


//*************************************************************************//



//********** file:abnormal-face.less **********//
.abnormal-face {
    background: @global-bg-panel-back-color;
    &-header {
        background: @global-bg-panel-color;
        color: @global-text-main-title-color;
    }
    .abnormal-face-list {
        .prompt {
            &-value {
                color: @global-text-main-title-color;
            }
        }
        .current-page {
            color: @global-text-main-title-color;
        }
        .cards-box {
            .face-card {
                .abnormal-face-info {
                    &-content {
                        .vehicle-number {
                            color: @global-text-sub-title-color;
                        }
                        .face-count {
                            color: @global-text-main-title-color;
                        }
                        .field-item {
                            .field-icon {
                                color: @global-text-sub-title-color;
                            }
                            .field-value {
                                color: @global-text-main-content-color;
                            }
                        }
                    }
                    &-footer {
                        .operation-span {
                            &:hover {
                                color: @global-icon-color;
                            }
                        }
                        .split-line {
                            border-left: 1px solid @global-border-color;
                        }
                    }
                }
            }
        }
    }
    .pic-list-wrapper {
        .title-wrapper {
            .line {
                border-top: 1px dashed @global-border-color;
            }
            .title {
                color: @global-text-main-title-color;
            }
        }
        .pic-list {
            &-item {
                color: @global-text-sub-title-color;
            }
        }
    }
    .pic-viewer {
        .pic-viewer-item {
            &-time {
                color: @global-text-main-content-color;
            }
        }
    }
}
.face-operation-modal {
    .left {
        .title-wrapper {
            .title {
                color: @global-text-main-title-color;
            }
        }
    }
    &.bind-modal {
        .right {
            .confitm-footer {
                .jump-to-register {
                    .highlight {
                        color: @global-text-main-title-color;
                    }
                }
            }
        }
    }
}

//*************************************************************************//



//********** file:alarm-events.less **********//
.alarm-event-panel {
    box-shadow: 2px 0 6px 0 @real-monitor-alarm-bg-shadow-color  !important;
}
.real-alarm-events {
    background-color: @real-monitor-alarm-events-bg-color !important;
    #alarmEventSearch {
        .split-line {
            color: @global-border-color;
        }
        .ant-input {
            background-color: @real-monitor-alarm-input-bg-color !important;
            color: @real-monitor-alarm-font-color !important;
            border-color: @real-monitor-alarm-input-border-color !important;
        }
    }
    .alarm-title {
        background-color: @real-monitor-alarm-events-header-bg-color;
        border-bottom-color: @real-monitor-alarm-events-line-color !important;
        color: @real-monitor-alarm-events-title-font-color !important;
    }
    #realAlarmfilterSelect {
        border-bottom-color: @real-monitor-alarm-events-line-color !important;
        color: @real-monitor-alarm-font-color !important;
        .ant-select-selection {
            color: @real-monitor-alarm-font-color !important;
            border-color: @real-monitor-alarm-input-border-color !important;
            background-color: @real-monitor-alarm-input-bg-color !important;
            .ant-select-arrow {
                color: @real-monitor-alarm-font-color !important;
            }
        }
        .ant-select-dropdown {
            .ant-select-dropdown-menu-item-active, .ant-select-dropdown-menu-item-selected {
                background-color: @real-monitor-alarm-select-bg-color!important;
            }
        }
    }
    .alarm-tabs {
        border-color:  @real-monitor-alarm-events-line-color !important;
        .alarm-title {
            background-color: @real-monitor-alarm-events-tabs-card-bg-color !important;
        }
    }
}
.alarm-entry-card {
    .entry-card-title {
        color: @real-monitor-alarm-events-entry-card-title-color !important;
    }
    .entry-card-count {
        color: @real-monitor-alarm-events-entry-card-count-color !important;
    }
    
}
.alarm-event-handle-modal {
    .ant-modal-header {
        .ant-modal-title {
            color: @global-text-main-title-color !important;
        }
    }
    .ant-modal-body {
        color: @global-text-sub-title-color !important;
        .alarm-vehicle-info {
            border-color: @global-border-color !important;
        }
        .alarm-deal-content {
            .deal-record {
                border-right-color: @global-border-color !important;
                .record-title {
                    color: @global-text-sub-title-color !important;
                }
                .deal-table-head {
                    color: @global-text-sub-title-color !important;  
                }
                .deal-table-body {
                    .table-body-item-div {
                        ::before {
                            background-color: @global-text-main-title-color !important;
                        }
                    }
                    .operate-item-color {
                        color: @global-text-main-title-color !important;
                    }
                }
            }
            .deal-remark  {
                .ant-form-item-label {
                    label {
                        color: @global-text-main-title-color;
                    }
                }
            }
        }
    }
}
.virtual-list-area {
    .virtual-alarm {
        .virtual-alarm-item {
            color: @real-monitor-alarm-font-color !important;
            &:after {
                border-left-color: @real-monitor-alarm-events-line-color !important;
            }
            .alarm-item {
                background-color: @real-monitor-alarm-events-list-item-bg-color !important;
                .alarm-icon-com {
                    color: @real-monitor-alarm-events-list-item-icon-color !important;
                }
            }
            .alarm-item-driver {
                color: @real-monitor-alarm-events-vehicle-location-font-color !important;
                background-color: @real-monitor-alarm-events-list-item-vehicle-location-bg-color !important;
                &:before {
                    border-bottom-color: @real-monitor-alarm-events-line-color !important;
                }
                .alarm-item-car {
                    color: @real-monitor-alarm-font-color !important;
                }
            }
            .alarm-item-location {
                color: @real-monitor-alarm-events-vehicle-location-font-color !important;
                background-color: @real-monitor-alarm-events-list-item-vehicle-location-bg-color !important;
                &:before {
                    border-bottom-color: @real-monitor-alarm-events-line-color!important;
                }
                .icon-position_alarm {
                    color: @real-monitor-alarm-font-color !important;
                }
                .manual-analysis {
                    color: @real-monitor-alarm-events-list-item-location-manual-analysis-color !important;
                }
            }
        }
        .alarm-item-selected {
            background-color: @real-monitor-alarm-events-list-item-active-bg-color !important;
        }
    }
}
.alarm-item-popover {
    .ant-popover-inner-content {
        .alarm-popcontent-ul {
            .alarm-popcontent-li {
                color: @global-text-main-content-color !important;
                &:hover {
                    color: @global-text-selected-color !important;
                    background-color: @global-bg-hover-color !important;
                }
            }
        }
    }
}
// .alarm-item-popover-download {
//     .ant-popover-inner-content {
//         color: @real-monitor-alarm-events-popover-download-inner-content-font-color !important;
//         background-color:  @real-monitor-alarm-events-popover-download-inner-content-bg-color !important;
//     }
//     >.ant-popover-content>.ant-popover-arrow {
//         border-right-color:  @real-monitor-alarm-events-popover-download-inner-content-bg-color !important;
//         border-bottom-color:  @real-monitor-alarm-events-popover-download-inner-content-bg-color !important;
//     }
//     .download-content-body {
//         .ant-progress-inner {
//             border-color: @real-monitor-alarm-events-popover-download-content-progress-color !important;
//         }
//     }
// }
.tabs-area {
    .tab-ul {
        .tab-li {
            color: @real-monitor-alarm-events-tab-font-color !important;
        }
        .tab-li-acitve {
            background-color: @real-monitor-alarnm-envents-tabs-card-active-color;
        }
    }
}
.text-manage-container {
    .container-header {
        border-bottom: 1px solid @global-border-color !important;
        .text-issued-modal-title {
            color: @global-text-main-title-color !important;
        }
    }
    .container-body {
        .manage-operate-tool {
            .operate-split-line {
                border-left-color: @global-border-color !important;
            }
        }
        .manage-list {
            border-color: @global-border-color !important;
            .list-ul {
                border: 1px solid @global-border-color;
                .list-li {
                    color: @global-text-main-content-color !important;
                }
                .active {
                    color: @global-text-selected-color !important;
                    background-color:  @global-bg-hover-color !important;
                }
            }
        }
    }
    .container-footer {
        border-top-color: @global-border-color !important;
    }
}
.alarm-text-issued-modal {
    .ant-modal-content {
        background-color: transparent !important;
        .ant-modal-body {
            .text-issued-container {
                .com-container {
                    background-color: @global-bg-modal-panel-color !important;
                }
                .container-left {
                    background-color: @global-bg-modal-panel-color;
                    .container-header {
                        border-bottom-color: @global-border-color !important;
                        color: @global-text-main-title-color !important;
                    }
                    .container-body {
                        border-bottom-color: @global-border-color !important;
                        .text-issued-header {
                            color: @global-text-sub-title-color !important;
                        }
                        .issued-set-header {
                            color: @global-text-sub-title-color !important;
                        }
                        .issued-form {
                            .ant-form-item {
                                .ant-form-item-label {
                                    label {
                                        color: @global-text-sub-title-color !important;
                                    }
                                }
                                .ant-checkbox-wrapper {
                                    span {
                                        span {
                                            color: @global-text-main-content-color;
                                        }
                                    }
                                }
                                .ant-radio-wrapper {
                                    span {
                                        span {
                                            color: @global-text-main-content-color;
                                        }
                                    } 
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
.alarm-evidence-modal {
    .ant-modal-header {
        .ant-modal-title {
            color: @global-text-main-title-color !important;
        }
    }
    .ant-modal-body {
        color: @global-bg-modal-panel-color !important;
        .ant-form-item-label > label {
            color: @global-text-sub-title-color !important;
        }
        .evidence-modal-container {
            // .text-prefix {
            //     &:before {
            //         color: @real-monitor-alarm-events-evidence-modal-body-text-prefix-color !important;
            //     }
            // }
            .video-label-area {
                .video-label {
                    color: @global-text-main-content-color !important;
                }
            }
            .code-stream-area {
                .ant-radio-wrapper-checked {
                    color: @global-text-selected-color !important;
                }
            }
            .evidence-item-checkout {
                color: @global-text-main-content-color;
            }
            .ant-radio-wrapper {
                color: @global-text-main-content-color;
            }
            .ant-checkbox-wrapper {
                color: @global-text-main-content-color;
            }
            .alarm-time-before, .alarm-tiem-after {
                color: @global-text-main-content-color;
            }
        }
    }
}

//*************************************************************************//



//********** file:antd-custom.less **********//
.ant-btn {
    color: @global-text-main-content-color !important;
    border: 1px solid @global-border-color !important;
    &:hover {
        border-color: @global-bg-primary-color !important;
        color: @global-bg-primary-color !important;
    }
    &[disabled],
    &[disabled]:hover {
        background: #f3f3f3 !important;
        color: rgba(0, 0, 0, 0.25) !important;
        border-color: #ccc !important;
    }
    &-primary {
        background-color: @global-bg-primary-color !important;
        border-color: @global-bg-primary-color !important;
        color: @global-text-selected-color !important;
        &:hover {
            color: @global-text-selected-color !important;
            background-color: @global-bg-primary-hover-color !important;
            border-color: @global-bg-primary-hover-color !important;
        }
        &[disabled],
        &[disabled]:hover {
            background: #f3f3f3 !important;
            color: rgba(0, 0, 0, 0.25) !important;
            border-color: #ccc !important;
        }
    }
}
.sub-btn {
    color: @global-text-main-content-color !important;
    background: @global-sub-btn-bg-color !important;
    border: 1px solid @global-sub-btn-bg-color !important;
    &:hover {
        color: @global-text-main-content-color !important;
        background: @global-sub-btn-bg-hover-color !important;
        border: 1px solid @global-sub-btn-bg-hover-color !important;
    }
    &[disabled],
    &[disabled]:hover {
        background: #f3f3f3 !important;
        color: rgba(0, 0, 0, 0.25) !important;
        border-color: #ccc !important;
    }
}
.ant-checkbox-inner {
    border-color: @global-border-color !important;
}
.ant-checkbox-checked {
    .ant-checkbox-inner {
        border-color: @global-bg-primary-color !important;
        background-color: @global-bg-primary-color !important;
        &::after {
            border-color: @global-text-selected-color !important;
        }
    }
}
.ant-checkbox-indeterminate {
    border-color: @global-bg-primary-color !important;
    background-color: #fff !important;
    .ant-checkbox-inner {
        &::after {
            background-color: @global-bg-primary-color !important;
        }
    }
}
.ant-checkbox-disabled {
    .ant-checkbox-inner {
        background-color: #f5f5f5 !important;
        border-color: @global-border-color !important;
        &::after {
            border-color: @global-border-color !important;
        }
    }
}
.ant-radio-checked {
    .ant-radio-inner {
        border-color: @global-bg-primary-color !important;
        background-color: #fff !important;
        &::after {
            background-color: @global-bg-primary-color;
        }
    }
}
a {
    color: @global-bg-primary-color !important;
}

.ant-input-search {
    .ant-input {
        border-color: @global-border-active-color !important;
        background-color: @global-bg-panel-color !important;
    }
}
.ant-input {
    border-color: @global-border-active-color !important;
}
.ant-select:not(.ant-select-disabled, .has-error) {
    color: @global-text-main-content-color !important;
    .ant-select-selection {
        background: @global-bg-panel-color !important;
        border-color: @global-border-color !important;
        .ant-select-arrow {
            color: @global-text-main-content-color !important;
        }
        .ant-select-selection__clear {
            color: @global-text-main-content-color !important;
            background-color: @global-bg-modal-panel-color !important;
        }
    }
}
.ant-select-dropdown {
    color: @global-text-main-content-color !important;
    background-color: @global-bg-modal-panel-color !important;
    li {
        color: @global-text-main-content-color !important;
        background-color: @global-bg-modal-panel-color !important;
    }
    .ant-select-dropdown-menu-item-active,
    .ant-select-dropdown-menu-item-selected {
        color: @global-text-selected-color !important;
        background-color: @global-bg-primary-color !important;
    }
}
// .has-error .ant-select-selection {
//     border-color: #f5222d !important;
// }
.ant-select-dropdown-search {
    color: @global-text-main-content-color !important;
    background-color: @global-bg-modal-panel-color !important;
    input {
        background-color: @global-bg-modal-panel-color !important;
        border-color: @global-border-color !important;
    }
}
.ant-select-tree {
    .ant-select-tree-node-content-wrapper {
        color: @global-text-main-content-color !important;
    }
    .ant-select-tree-title {
        display: inline-block;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: top;
    }
}
.ant-input:not(.ant-input-disabled, .has-error) {
    color: @global-text-main-content-color !important;
    background: @global-bg-panel-color !important;
    border-color: @global-border-color !important;
    .ant-calendar-range-picker-separator,
    .ant-calendar-picker-icon {
        color: @global-text-main-content-color !important;
    }
}
// .has-error .ant-input-affix-wrapper .ant-input, .has-error .ant-input-affix-wrapper .ant-input:hover {
//     border-color: #f5222d !important;
// }
// .ant-calendar {
//     color: @global-text-main-content-color !important;
//     background-color: @global-bg-modal-panel-color !important;
//     border-color: @global-border-color !important;
//     .ant-calendar-input {
//         background-color: @global-bg-modal-panel-color !important;
//         border-color: @global-border-color !important;
//     }
// }
.ant-table {
    .ant-table-header,
    .ant-table-body {
        background-color: transparent !important;
    }
    table {
        border-color: @global-border-color !important;
        table-layout: fixed;
        th {
            color: @global-text-sub-title-color !important;
            border-color: @global-border-color !important;
            // background: @global-bg-modal-panel-color !important;
        }
        td {
            color: @global-text-main-content-color !important;
            border-color: @global-border-color !important;
            background: @global-bg-panel-color !important;
            word-break: break-word;
        }
    }
    .ant-table-tbody > tr > td {
        word-break: break-all !important;
        word-wrap: break-word !important;
    }
    .ant-table-placeholder {
        border-color: @global-border-color !important;
        background-color: @global-bg-panel-color !important;
    }
    .ant-empty-description {
        color: @global-text-main-content-color !important;
    }
}
.ant-pagination {
    &-total-text {
        color: @global-text-sub-content-color !important;
    }
    &-item-active {
        border-color: @global-border-active-color !important;
        background: @global-bg-panel-color !important;
    }
    &-options-quick-jumper {
        color: @global-text-main-content-color !important;
        input {
            color: @global-text-main-content-color !important;
            background: @global-bg-panel-color !important;
            border-color: @global-border-color !important;
        }
    }
}

.ant-modal-content {
    background-color: @global-bg-modal-panel-color !important;
    .ant-modal-close-icon {
        color: @global-text-main-content-color;
    }
    .ant-modal-header {
        .ant-modal-title {
            color: @global-text-main-title-color;
        }
        background-color: @global-bg-modal-panel-color !important;
        border-bottom-color: @global-border-color;
    }
    .ant-modal-footer {
        border-top-color: @global-border-color;
        .ant-btn {
            color: @global-text-main-content-color !important;
            background: @global-sub-btn-bg-color !important;
            border: 1px solid @global-sub-btn-bg-color !important;
            &:hover {
                color: @global-text-main-content-color !important;
                background: @global-sub-btn-bg-hover-color !important;
                border: 1px solid @global-sub-btn-bg-hover-color !important;
            }
            &[disabled],
            &[disabled]:hover {
                background: #f3f3f3 !important;
                color: rgba(0, 0, 0, 0.25) !important;
                border-color: #ccc !important;
            }
            &-primary {
                background-color: @global-bg-primary-color !important;
                border-color: @global-bg-primary-color !important;
                color: @global-text-selected-color !important;
                &:hover {
                    color: @global-text-selected-color !important;
                    background-color: @global-bg-primary-hover-color !important;
                    border-color: @global-bg-primary-hover-color !important;
                }
                &[disabled],
                &[disabled]:hover {
                    background: #f3f3f3 !important;
                    color: rgba(0, 0, 0, 0.25) !important;
                    border-color: #ccc !important;
                }
            }
        }
    }
}

.ant-popover {
    .ant-popover-content {
        .ant-popover-inner {
            background-color: @global-bg-modal-panel-color !important;
            box-shadow: 0 4px 12px 0 @global-box-shadow-color !important;
            .ant-popover-title {
                color: @global-text-main-title-color;
                border-color: @global-border-color;
            }
            .ant-popover-inner-content {
                color: @global-text-main-content-color !important;
            }
        }
        // .ant-popover-arrow {
        //     border-color: @global-bg-modal-panel-color;
        // }
    }
}

.ant-form-item-label {
    label {
        color: @global-text-sub-title-color !important;
    }
}

.ant-modal-confirm {
    .ant-modal-confirm-title {
        color: @global-text-main-title-color !important;
    }
    .ant-modal-confirm-content {
        color: @global-text-main-content-color !important;
    }
}
.ant-calendar .ant-calendar-ok-btn {
    color: @global-text-selected-color !important;
}
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn:focus {
    color: @global-text-selected-color !important;
}
.ant-calendar .ant-calendar-ok-btn-disabled {
    color: @global-bg-primary-hover-color !important;
}
.ant-calendar-picker {
    .ant-calendar-month-panel-cell {
        .ant-calendar-month-panel-month {
            color: @global-text-main-content-color !important;
            &:hover {
                background: @global-bg-primary-color !important;
                color: @global-text-selected-color !important;
            }
        }
    }
    .ant-calendar-month-panel-selected-cell {
        .ant-calendar-month-panel-month {
            background: @global-bg-primary-color !important;
            color: @global-text-selected-color !important;
        }
    }
    .ant-calendar-panel {
        .ant-calendar-date-panel {
            .ant-calendar-table {
                .ant-calendar-cell {
                    .ant-calendar-date:hover {
                        background: @global-bg-primary-hover-color;
                        color: @global-text-selected-color;
                    }
                    &.ant-calendar-selected-day {
                        .ant-calendar-date {
                            background: @global-bg-primary-color;
                        }
                    }
                    &.ant-calendar-today {
                        .ant-calendar-date {
                            border-color: @global-border-active-color;
                            color: @global-text-sub-title-color;
                        }
                        &.ant-calendar-selected-day {
                            .ant-calendar-date {
                                color: @global-text-selected-color !important;
                            }
                        }
                    }
                }
                .ant-calendar-selected-date {
                    .ant-calendar-date {
                        background: @global-bg-primary-color;
                    }
                }
            }
            .ant-calendar-time-picker {
                .ant-calendar-time-picker-select-option-selected {
                    color: @global-text-main-title-color;
                }
            }
            .ant-calendar-year-panel {
                &-selected-cell {
                    .ant-calendar-year-panel-year{
                        background-color: @global-bg-primary-color;
                        color: @global-text-selected-color !important;
                    }
                }
            }
        }
        .ant-calendar-footer {
            .ant-calendar-ok-btn {
                background-color: @global-bg-primary-color;
                border-color: @global-border-active-color;
                &.ant-calendar-ok-btn-disabled {
                    background-color: @global-bg-panel-color;
                }
            }
        }
    }
}
.ant-input-number {
    border-color: @global-border-active-color !important;
}
.ant-upload {
    &:hover {
        border-color: @global-border-active-color !important;
    }
}

//*************************************************************************//



//********** file:auto-add-vehicle.less **********//
.ceiba-base-info-layout {
    .title {
        background: @global-bg-panel-color;
        color: @global-text-main-title-color;
        .icon-page_name_list {
            color: @global-icon-color;
        }
    }
    .body {
        .ceiba-table {
            .operation-container {
                .icon {
                    color: @global-icon-color; 
                }
            }
        }
    }
}
//*************************************************************************//



//********** file:driver-management.less **********//
.pic-list-modal-wrapper {
    .show-picture {
        color: @global-text-main-title-color;
    }
}
.pic-list-modal {
    .pic-list {
        &-item {
            .pic-type {
                color: @global-text-sub-title-color;
            }
        }
    }
}

.driver-add-edit-modal {
    .ant-modal-body {
        .ant-form {
            .ant-row-flex {
                border-bottom: 1px dashed @global-border-color;
            }
        }
        .pictueres-wrapper {
            color: @global-text-sub-title-color;
            .pic-list {
                &-item {
                    .uploader {
                        .ant-upload.ant-upload-select-picture-card {
                            .ant-upload {
                                .close {
                                    color: #fff;
                                    background: #fe432d;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
.audit-modal {
    .ant-modal-body {
        .driver-base-info-list {
            border: 1px dashed @global-border-color;
            &-item {
                .label {
                    &:before {
                        background: @global-text-sub-title-color;
                    }
                }
                .value {
                    color: @global-text-main-title-color;
                }
            }
        }
        .right {
            .pic-list {
                border: 1px dashed @global-border-color;
                &-item {
                    color: @global-text-sub-title-color;
                }
            }
        }
    }
}

.number-card {
    color: @global-text-main-content-color;
    background-color: @global-bg-panel-back-color;
    .close {
        background-color: rgba(254,67,45,1);
        &:before {
            color: #fff;
        }
    }
}

.dirver-management-group-tool {
    .left {
        .separate-line {
            background-color: @global-border-active-color;
        }
    }
}
.turn-group-modal {
    .turn-driver {
        color: @global-text-sub-title-color;
    }
}



//*************************************************************************//



//********** file:role-management.less **********//
.role-management-layout {
    background-color: @global-bg-panel-back-color;
    .container {
        .layout-title {
            color: @global-text-main-title-color;
        }
        background-color: @global-bg-panel-color;

        .role-manage-table {
            .role-detail {
                color: @global-text-main-title-color;
            }
        }
    }
}

.role-detail-modal {
    .modal-content {
        &-right {
            .modal-content-right-body {
                .div-table {
                    border: 1px solid @global-border-color;
                    .div-table-header {
                        color: @global-text-sub-title-color !important;
                        border-bottom: 1px solid @global-border-color;
                        background-color: @global-bg-panel-back-color;
                    }
                    .div-table-border {
                        border-right: 1px solid @global-border-color;
                    }
                    .div-table-item {
                        color: #666;
                    }
                    .div-table-body {
                        .one-resource {
                            border-bottom: 1px solid @global-border-color;
                            &:last-child {
                                border-bottom: 0;
                            }
                            .two-resource {
                                border-left: 1px solid @global-border-color; 
                                border-bottom: 1px solid @global-border-color;
                                .three-resource {
                                    border-left: 1px solid @global-border-color;
                                }
                            }
                            > .two-resource:nth-child(2n) {
                                background-color: @global-bg-panel-back-color;
                            }
                        }
                    }
                }
            }

        }
    }
}

.role-operate-modal {
    .modal-content {
        &-left {
            .modal-form {
                &-label {
                    color: @global-text-sub-title-color;
                }
            }
        }
        &-right {
            &:before {
                border-left: 1px dashed @global-border-color;
            }
            .modal-content-right-body {
                .div-table {
                    border: 1px solid @global-border-color;
                    .div-table-header {
                        color: @global-text-sub-title-color;
                        border-bottom: 1px solid @global-border-color;
                        background-color: @global-bg-panel-color;
                    }
                    .div-table-border {
                        border-right: 1px solid @global-border-color;
                    }
                    .div-table-body {
                        .one-resource {
                            border-bottom: 1px solid @global-border-color;
                            .two-resource {
                                border-left: 1px solid @global-border-color; 
                                border-bottom: 1px solid @global-border-color;
                                .three-resource {
                                    border-left: 1px solid @global-border-color;
                                }
                            }
                            > .two-resource:nth-child(2n) {
                                background-color: @global-bg-modal-panel-color;
                            }
                        }
                    }
                }
            }

        }
    }
}


.split-line-style {
    .text {
        color: @global-text-main-title-color;
        background-color: @global-bg-panel-color;
    }
    .line {
        border-top: 1px dashed @global-border-color;
    }
}
//*************************************************************************//



//********** file:user-management.less **********//
.advanced-settings {
    &-left {
        border-right: 1px dashed @global-border-color;
        .as-tree-title {
            background: @global-bg-panel-back-color;
            border: 1px solid @global-border-color;
            color: @global-text-sub-title-color;
        }
        .as-tree-content {
            border: 1px solid @global-border-color;
        }
    }
}
//*************************************************************************//



//********** file:vehicle-management.less **********//
.form-input-hint-text {
    color: @global-text-sub-content-color;
}   

.turn-group-modal {
    .turn-vehicle {
        color: @global-text-sub-title-color;
    }
    .vehicle-number-card {
        color: @global-text-main-content-color;
        background-color: @global-bg-panel-back-color;
        .close {
            background-color: rgba(254,67,45,1);
            &:before {
                color: #fff;
            }
        }
    }
}
//*************************************************************************//



//********** file:alarm-type-tree.less **********//
.alarm-type-tree-style {
    .ant-tree-custom {
        .ant-tree-treenode-switcher-open {
            &:after {
                border-left: 1px dashed @global-border-color;
            }
        }
        .ant-tree-treenode-switcher-close,
        .ant-tree-treenode-switcher-open {
            .ant-tree-switcher {
                color: @global-text-main-title-color;
            }
            .ant-tree-switcher_open {
                color: @global-text-main-title-color;
            }
            .ant-tree-node-content-wrapper {
                background-color: @global-bg-panel-back-color;
            }
        }
        .ant-tree-treenode-selected .ant-tree-switcher {
            color: @global-text-selected-color !important;
        }
        // .title-svg {
        //     color: rgba(14, 138, 193, 1);
        // }
        // .ant-tree-treenode-selected {
        //     .ant-tree-switcher {
        //         color: #fff !important;
        //     }
        // }
        li .ant-tree-node-content-wrapper.ant-tree-node-selected {
            background-color: @global-bg-hover-color;
            .title-svg,
            .ant-tree-title {
                color: @global-text-selected-color;
            }
        }
        .ant-tree-child-tree {
            // .ant-tree-treenode-switcher-open {
            //     &:before {
            //         border-bottom: 1px dashed red;
            //     }
            // }
            .ant-tree-treenode-switcher-open {
                &:before {
                    border-bottom: 1px dashed @global-border-color;
                }
            }
        }
    }
    // .tree-search-input {
    //     .search-clear-icon {
    //         color: #999;
    //     }
    // }
    // .split-line {
    //     border-top: 1px solid @global-border-color;
    // }
}

//*************************************************************************//



//********** file:ceiba-input-email.less **********//
.ceiba-input-email {
    color: @global-text-main-content-color;
    background-color: @global-bg-panel-color;
    border: 1px solid @global-border-color;
    .email-rect {
        border: 1px solid #ccc;
        background: #eee;
        .icon-clear_search {
            color: #bbb !important;
            &:hover {
                color: @global-icon-hover-color !important;
            }
        }
    }
    input {
        color: @global-text-main-content-color !important;
    }
}
.has-error {
    .ceiba-input-email {
        border-color: #f5222d;
    }
}
//*************************************************************************//



//********** file:ceiba-table.less **********//
.ceiba-table {
    .ant-table {
        border: 1px solid @global-border-color;
        .ant-table-column-sorter {
            .ant-table-column-sorter-inner {
                .on {
                    color: @global-text-main-title-color !important;
                }
            }
        }
    }
    .hidden-column {
        &-panel {
            background: @global-bg-modal-panel-color;
            -webkit-box-shadow: 0 2px 8px 0 @global-box-shadow-color;
            box-shadow: 0 2px 8px 0 @global-box-shadow-color;
            .triangle {
                background: @global-bg-modal-panel-color;
            }
            .panel-scroll {
                &-content {
                    .filed-row {
                        &:hover {
                            background: @global-bg-hover-color;
                        }
                    }
                }

            }
        }
    }
}
//*************************************************************************//



//********** file:company-tree.less **********//
.company-tree-checkable {
    .ant-tree-custom {
        .ant-tree-treenode-switcher-open {
            &:after {
                border-left: 1px dashed @global-border-color;
            }
        }
        .ant-tree-treenode-switcher-close,
        .ant-tree-treenode-switcher-open {
            .ant-tree-switcher {
                color: @global-text-main-title-color;
            }
            .ant-tree-switcher_open {
                color: @global-text-main-title-color;
            }
            .ant-tree-node-content-wrapper {
                background-color: @global-bg-panel-back-color;
            }
        }
        .title-svg {
            color: @global-text-main-content-color;
        }
        .icon-setted_alarm {
            color: rgb(0, 198, 88);
            &.active {
                color: @global-text-selected-color;
            }
        }
        .ant-tree-treenode-selected {
            & > .ant-tree-switcher {
                color: @global-text-selected-color !important;
            }
        }
        li .ant-tree-node-content-wrapper.ant-tree-node-selected {
            background-color: @global-bg-hover-color;
            .title-svg,
            .ant-tree-title {
                color: @global-text-selected-color;
            }
        }
        .ant-tree-child-tree {
            .ant-tree-treenode-switcher-open {
                &:before {
                    border-bottom: 1px dashed @global-border-color;
                }
            }
            .ant-tree-treenode-switcher-close {
                &:before {
                    border-bottom: 1px dashed @global-border-color;
                }
            }
        }
    }
}

//*************************************************************************//



//********** file:content-layout.less **********//
.content-layout {
    &-left {
        border-right: 1px @global-border-color solid;
        background-color: @global-bg-panel-back-color;
        &-title {
            color: @global-text-main-title-color;
        }
        &-body {
            background-color: @global-bg-panel-color;
        }
    }
    &-right {
        background-color: @global-bg-panel-back-color;
        .content-layout-top {
            background: @global-bg-panel-color;
            border-bottom: 1px solid @global-border-color;
        }
        .content-layout-center {
            background: @global-bg-panel-color;
        }
    }
}
//*************************************************************************//



//********** file:empty.less **********//
.ceiba-empty {
    .ant-empty-description {
        color: @global-text-main-content-color;
    }
}
//*************************************************************************//



//********** file:no-tree-layout.less **********//
.user-online-lay-out, .overspread-right-layout {
    background-color: @global-bg-panel-back-color;
    .container {
        background-color: @global-bg-panel-color;
        .header-area {
            .title {
                color: @global-text-main-title-color;
            }
        }
    }
}
//*************************************************************************//



//********** file:range-picker.less **********//
.ceiba-rangePicker-container {
    .range-list {
        &-item {
            border: 1px solid @global-border-color;
            cursor: pointer;
            &.active {
                background: @global-bg-primary-color;
                color: @global-text-selected-color;
            }
        }
    }
    .label {
        border: 1px solid @global-border-color;
    }
}

//*************************************************************************//



//********** file:tabs.less **********//
.ceiba-tabs {
    background: @global-bg-panel-color !important;
    .ant-tabs-nav-wrap {
        .ant-tabs-nav {
            .ant-tabs-tab {
                color: @global-text-sub-title-color;
                background: @global-bg-panel-back-color !important;
                &-active {
                    border-top: 2px solid @global-border-active-color !important;
                    color: @global-text-main-title-color !important;
                    background: @global-bg-panel-color !important;
                }
            }
        }
    }
}
//*************************************************************************//



//********** file:tree-checkable.less **********//
.tree-checkable {
    .ant-tree-custom {
        .ant-tree-treenode-switcher-open {
            &:after {
                border-left: 1px dashed @global-border-color;
            }
        }
        .ant-tree-treenode-switcher-close,
        .ant-tree-treenode-switcher-open {
            .ant-tree-switcher {
                color: @global-text-main-title-color;
            }
            .ant-tree-switcher_open {
                color: @global-text-main-title-color;
            }
            .ant-tree-node-content-wrapper {
                background-color: @global-bg-panel-back-color;
            }
        }
        .title-svg {
            color: @global-text-main-content-color;
        }
        .icon-setted_alarm {
            color: rgb(0, 198, 88);
            &.active {
                color: @global-text-selected-color;
            }
        }
        .ant-tree-treenode-selected {
            & > .ant-tree-switcher {
                color: @global-text-selected-color !important;
            }
        }
        li .ant-tree-node-content-wrapper.ant-tree-node-selected {
            background-color: @global-bg-hover-color;
            .title-svg,
            .ant-tree-title {
                color: @global-text-selected-color;
            }
        }
        .ant-tree-child-tree {
            .ant-tree-treenode-switcher-open {
                &:before {
                    border-bottom: 1px dashed @global-border-color;
                }
            }
            .ant-tree-treenode-switcher-close {
                &:before {
                    border-bottom: 1px dashed @global-border-color;
                }
            }
        }
    }
}

//*************************************************************************//



//********** file:tree-table.less **********//
.tree-content-layout {
    &-left {
        border-right: 1px solid @global-border-color;
        &-title {
            background: @global-bg-panel-back-color;
            .title-content {
                color: @global-text-main-title-color;
            }
            .icon-page_name_list {
                color: @global-text-main-title-color;
            }
        }
    }
    &-right {
        background: @global-bg-panel-back-color;
    }
}
//*************************************************************************//



//********** file:tree.less **********//
.company-tree-style {
    .ant-tree-custom {
        .ant-tree-treenode-switcher-open {
            &:after {
                border-left: 1px dashed @global-border-color !important;
            }
        }
        .ant-tree-treenode-switcher-close,
        .ant-tree-treenode-switcher-open {
            .ant-tree-switcher {
                color: @global-text-main-title-color !important;
            }
            .ant-tree-switcher_open {
                color: @global-text-main-title-color !important;
            }
            .ant-tree-node-content-wrapper {
                background-color: @global-bg-panel-back-color !important;
            }
        }
        .ant-tree-treenode-selected > .ant-tree-switcher {
            color: @global-text-selected-color !important;
        }
        .title-svg {
            color: @global-text-main-content-color !important;
        }
        li .ant-tree-node-content-wrapper.ant-tree-node-selected {
            background-color: @global-bg-hover-color !important;
            .title-svg,
            .ant-tree-title {
                color: @global-text-selected-color !important;
            }
        }
        .ant-tree-child-tree {
            .ant-tree-treenode-switcher-open {
                &:before {
                    border-bottom: 1px dashed @global-border-color !important;
                }
            }
            .ant-tree-treenode-switcher-close {
                position: relative;
                &:before {
                    border-bottom: 1px dashed @global-border-color !important;
                }
            }
        }
    }
    .tree-search-input {
        .search-clear-icon {
            color: @global-text-sub-content-color !important;
        }
    }
    .split-line {
        border-top: 1px solid @global-border-color !important;
    }
}

//*************************************************************************//



//********** file:vehicle-tree.less **********//
.cb-vehicle-tree {
    &-content {
        .ant-tree.ant-tree-block-node li span.ant-tree-checkbox + .ant-tree-node-content-wrapper {
            background-color: @global-bg-panel-back-color !important;
        }
        .cb-tree-custom {
            .icon-car_group, .icon-car_online {
                color: @global-text-main-content-color;
            }
        }
        .ant-tree-treenode-switcher-open {
            &:after {
                border-left: 1px dashed @global-border-color;
            }
        }
        .ant-tree-child-tree {
            li {
                &:before {
                    border-bottom: 1px dashed @global-border-color;
                }
            }
            .ant-tree-treenode-switcher-close {
                &:before {
                    border-bottom: 1px dashed @global-border-color;
                }
            }
        }
    }
}
//*************************************************************************//



//********** file:evidence-center-common.less **********//
// <CodeShare />
.code-share {
    .code-container {
        .left {
            .code-container {
                border: 3px solid white;
            }
        }
        .right {
            .code-time-span {
                color: @global-text-sub-title-color;
            }
            .code-tips {
                color: @global-text-main-content-color;
            }
        }
    }
}

// <EmailShare />
.email-share {
    &-body {
        &-footer {
            border-top: 1px solid @global-border-color;
        }
    }
}

// <PicsView />
.pics-view-container {
    .small-pic {
        background-color: #000;
        .small-pic-scroll {
            .pics-dom {
                .select {
                    border: 1px solid #fff;
                }
            }
        }
    }
    .max-pic {
        .now-pic {
            border-style: none;
        }
        .pre-one {
            background-color: rgba(0, 0, 0, .4);
            .pre-dom {
                border-top: 14px solid transparent;
                border-right: 18px solid rgba(204, 204, 204, .4);
                border-bottom: 14px solid transparent;
            }
            &:hover {
                background-color: rgba(0, 0, 0, .6)
            }
        }
        .next-one {
            background-color: rgba(0, 0, 0, .4);
            .next-dom {
                border-top: 14px solid transparent;
                border-left: 18px solid rgba(204, 204, 204, .4);
                border-bottom: 14px solid transparent;
            }
            &:hover {
                background-color: rgba(0, 0, 0, .6)
            }
        }
    }
}
//*************************************************************************//



//********** file:evidence-center-detail.less **********//
.evidence-detail-container {
    background-color: @global-bg-panel-back-color;
    .content {
        .header {
            border-bottom: 1px solid @global-border-color;
            color: @global-text-main-title-color;
            background-color: @global-bg-panel-color;
        }
        .body {
            .top-div {
                // background-color: @global-bg-panel-back-color;
                .detail-card {
                    .alarm-detail {
                        // border: 1px solid @global-border-color;
                        .alarm-detail-container {
                            background: @global-bg-panel-color;
                            .title {
                                .title-icon {
                                    background-color: @global-text-main-title-color;
                                }
                                .title-span {
                                    color: @global-text-main-title-color;
                                }
                            }
                            .car-license {
                                .arlarm-icon {
                                    color: @global-text-main-content-color; 
                                }
                                .license-info {
                                    border: 2px solid #000;
                                    background-color: #ece7e0;
                                    color: #000;
                                }
                            }
                            .info-item {
                                .arlarm-icon {
                                    color: @global-text-main-content-color; 
                                }
                                .info-content {
                                    color: @global-text-main-content-color;
                                }
                            }
                        }
                    }
                    .driver-detail {
                        // border: 1px solid @evidence-center-detail-sm-panel-border-color;
                        .driver-detail-container {
                            background: @global-bg-panel-color;
                            .title {
                                .title-icon {
                                    background-color: @global-text-main-title-color;
                                }
                                .title-span {
                                    color: @global-text-main-title-color;
                                }
                            }
                            .info-item {
                                .driver-icon {
                                    color: @global-text-main-content-color; 
                                }
                                .info-content {
                                    color: @global-text-main-content-color;
                                }
                            }
                        }
                    }
                }
                .evidence-video-box {
                    .video-dom {
                        border: 1px solid @global-border-color;
                        .evidence-video-container {
                            .evidence-videos {
                                background: rgb(10, 10, 10);
                                .is-select {
                                    box-shadow: 0 4px 12px 0 @global-box-shadow-color;
                                }
                                .vertical-line {
                                    background: #999;
                                }
                                .horizontal-line {
                                    background: #999;
                                }
                                .loading-error-container {
                                    background: rgb(10, 10, 10);
                                    .loading-status {
                                        .anticon-spin {
                                            color: #fff;
                                        }
                                        .ant-spin-text {
                                            color: #fff;
                                        }
                                    }
                                    .load-error {
                                        color: #fff;
                                    }
                                    .error-icon {
                                        color: #fff;
                                    }
                                }
                            }
                            .evidence-video-tool-bar {
                                [class^="icon-"] {
                                    color: #444;
                                }                                
                                background: #E8E8E8;
                                .play-page {
                                    background: #444;
                                    [class^="icon-"], .page-pagination {
                                        color: #fff;
                                    }
                                }
                                .play-time-div {
                                    .play-time {
                                        color: @global-text-main-content-color;
                                        .current-time {
                                            color: @global-text-main-title-color;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
                .map-info {
                    border: 1px solid @global-border-color;
                    .map-box {
                        background: #fbfbfb;
                    }
                }
            }
            .middle-div {
                // background-color: @evidence-center-detail-panel-bg-color;
                .visit-record {
                    // border: 1px solid @evidence-center-detail-sm-panel-border-color;
                    .visit-record-container {
                        background-color: @global-bg-panel-color;
                        .title {
                            .title-icon {
                                background-color: @global-text-main-title-color;
                            }
                            .title-span {
                                color: @global-text-main-title-color;
                            }
                        }
                        .record {
                            .record-content-tr {
                                border-bottom: 1px dashed @global-border-color;
                            }
                            th {
                                color: @global-text-sub-title-color;
                            }
                            td {
                                color: @global-text-main-content-color;
                            }
                        }
                    }
                }
                .acc-info {
                   .acc-dom {
                        // border: 1px solid @evidence-center-detail-sm-panel-border-color;
                        .line-box {
                            background: @global-bg-panel-color;
                        }
                   }
                }
                .snapshot-info {
                    border: 1px solid @global-border-color;
                }
            }
            .bottom-div {
                // background-color: @evidence-center-detail-panel-bg-color;
                .handle-record {
                    // border: 1px solid @evidence-center-detail-sm-panel-border-color;
                    .handle-record-container {
                        background: @global-bg-panel-color;
                        .title {
                            .title-icon {
                                background-color: @global-text-main-title-color;
                            }
                            .title-span {
                                color: @global-text-main-title-color;
                            }
                        }
                        .record {
                            .record-content-tr {
                                border-bottom: 1px dashed @global-border-color;
                            }
                            th {
                                color: @global-text-sub-title-color;
                            }
                            td {
                                color: @global-text-main-content-color;
                            }
                        }
                    }
                }
                .handle-remarks {
                    .text-area-dom {
                        // border: 1px solid @evidence-center-detail-sm-panel-border-color;
                        .handel-text-area {
                            background: @global-bg-panel-color;
                            .title {
                                .title-icon {
                                    background-color: @global-text-main-title-color;
                                }
                                .title-span {
                                    color: @global-text-main-title-color;
                                }
                            }
                        }
                    }
                    .evidence-operate {
                        .evidence-split {
                            background-color:  @global-border-color;
                        }
                    }
                }
            }
        }
    }
    .play-bar {
        background-color: #999;
        .play-bar-progress {
            background-color: @global-bg-primary-color;
        }
        .play-bar-position {
            border: 8px solid @global-bg-primary-color;
        }
    }
    .volume-bar-container {
        &-bg {
            // background: @evidence-cente-detail-volume-bar-bg-color;
            &-strip {
                background: @global-bg-primary-color;
            }
            &-top {
                background: @global-bg-primary-color;
                .volume-bar-number {
                    color: #fff;
                }
            }
        }
    }
}
//*************************************************************************//



//********** file:evidence-center-list.less **********//
// @import '../color-var.less';

.evidence-list {
    background: @global-bg-panel-back-color;
    &-header {
        border-bottom: 1px solid @global-border-color;
        background: @global-bg-panel-color;
        color: @global-text-main-title-color;
    }
    .evidence-spin {
        .evidence-list-body {
            background: @global-bg-panel-color;
            .ctrl-tool {
                border-bottom: 1px solid @global-border-color;
                label {
                    color: @global-text-sub-title-color;
                }
                .tool-container {
                    .common-search-container {
                        .icon-ico_filter_default {
                            color: @global-text-sub-title-color;
                        }
                        .icon-ico_filter_active {
                            color: @global-icon-color;
                        }
                    }
                    .exact-search-container {
                        border: 1px solid @global-border-color;
                        .title {
                            color: @global-bg-primary-color;
                        }
                        .evidence-list-search-box {
                            background: @global-bg-modal-panel-color;
                            .search-button {
                                border: 1px solid @global-border-color;
                                color: @global-text-main-content-color;
                                .search-box-icon {
                                    .caret-status {
                                        color: @global-text-main-title-color;
                                    }
                                }
                            }
                            .is-expand {
                                border-top-color: @global-border-active-color !important;
                                border-left-color: @global-border-active-color !important;
                                border-right-color: @global-border-active-color !important;
                                border-bottom-color: #fff !important;
                                background: @global-bg-panel-color;
                            }
                            .expand-panel {
                                border: 1px solid @global-border-active-color;
                                background: @global-bg-modal-panel-color;
                                .car-group-select-container {
                                    .tree-footer {
                                        border-top: 1px solid @global-border-color;
                                    }
                                }
                                .vehicle-select-container {
                                    .vehicle-select-footer {
                                        border-top: 1px solid @global-border-color;
                                    }
                                }
                                .driver-select-container {
                                    .driver-select-footer {
                                        border-top: 1px solid @global-border-color;
                                    }
                                }
                                .alarm-select-container {
                                    .alarm-select-body {
                                        .alarm-data-scorll {
                                            .alarm-data-container {
                                                .alarm-data-item {
                                                    border-bottom: 1px dashed @global-border-color;
                                                    .alarm-level {
                                                        color: @global-text-main-content-color;
                                                    }
                                                    .alarm-types {
                                                        .alarm-item {
                                                            color: @global-text-main-content-color;
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                    .alarm-select-footer {
                                        border-top: 1px solid @global-border-color;
                                    }
                                }
                                .invalid-filter-select-container {
                                    .is-select {
                                        background-color: @global-bg-primary-color;
                                        color: @global-bg-panel-color;
                                    }
                                    .invaild-select:hover,.effective-select:hover {
                                        background-color: @global-bg-primary-hover-color;
                                        color: @global-bg-panel-color;
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .top-tool {
                color: @global-text-main-content-color;
                .current-page {
                    color: @global-text-main-title-color;
                }
                .btn-page:disabled {
                    &:hover {
                        background: @global-sub-btn-bg-hover-color !important;
                        border: 1px solid @global-sub-btn-bg-hover-color !important;
                    }
                }
            }
        }
        .evidence-list-footer {
            background: @global-bg-panel-color;
        }
    }
    .ctrl-tool-container {
        .btn-reset {
            color: @global-text-main-content-color !important;
            background: @global-sub-btn-bg-color !important;
            border: 1px solid @global-sub-btn-bg-color !important;
            &:hover {
                color: @global-text-main-content-color !important;
                background: @global-sub-btn-bg-hover-color !important;
                border: 1px solid @global-sub-btn-bg-hover-color !important;
            }
        }
    }
}

.evidence-card {
    border: 1px solid @global-border-color;
    &:hover {
        // border: 1px solid @global-border-color;
        box-shadow: 0 4px 12px 0 @global-box-shadow-color;
    }
    &-img {
        background: #000;
        &:hover {
            .play-icon {
                color: @global-bg-primary-color;
            }
        }
        .video-info {
            background: rgba(0, 0, 0, .5);
            span {
                color: #fff;
            }
        }
        .play-icon {
            color: rgba(255, 255, 255, .65);
        }
        .error-prompt {
            color: rgba(255, 255, 255, .65);
        }
    }
    &-info {
        background: @global-bg-panel-color;
        .evidence-name {
            color: @global-text-main-title-color;
        }
        .vehicle-driver {
            color: @global-text-sub-title-color;
        }
        .time {
            color: @global-text-main-content-color;
            .icon-time_produce, .icon-time_updown {
                color: @global-text-main-content-color;
            }
        }
    }
    &-operate {
        // background: @evidence-center-list-card-operate-bg-color;
        color: @global-icon-color;
        span[class^="icon-"] {
            border-left: 1px solid @global-border-color;
            &:hover {
                color: @global-icon-hover-color;
            }
        }
    }
}

.tree-select-icon-custom {
    color: @global-text-main-content-color;
}
//*************************************************************************//



//********** file:evidence-center-report-form.less **********//
.evidence-overview {
    .evidence-center-layout-title-container {
        color: @global-text-main-title-color;
    }
    .row {
        .evidence-report-form-chart-layout {
            border-color: @global-border-color;
            .title-contanier {
                .icon {
                    color: @global-text-main-title-color;
                }
                .title {
                    color: @global-text-main-title-color;
                }
            }
            .content-container {
                .numbers-container {
                    .label {
                        color: @global-text-main-title-color;
                        &::before {
                            background: @global-text-main-title-color;
                        }
                    }
                    .ceiba-numbers {
                        &-item {
                            color: @global-text-selected-color;
                            background: @global-bg-primary-color;
                        }
                    }
                }
            }
            // &.total-analyze {
            //     .numbers-container {
            //         .label {
            //             color: @global-text-main-title-color;
            //             &::before {
            //                 background: @global-text-main-title-color;
            //             }
            //         }
            //         .ceiba-numbers {
            //             &-item {
            //                 color: @global-text-selected-color;
            //                 background: @global-bg-primary-color;
            //             }
            //         }
            //     }
            // }
            &.type-statistics {
                .type-list {
                    &-item {
                        .left {
                            .order {
                                color: @global-text-selected-color;
                                background: @global-bg-panel-color;
                            }
                        }
                        .right {
                            .name {
                                color: @global-text-main-content-color;
                            }
                            .num {
                                color: @global-text-selected-color;
                                background: @global-bg-primary-color;
                            }
                        }
                    }
                }
            }
        }
    }
}

//*************************************************************************//



//********** file:grade-rule.less **********//
.grade-rule {
    &-explain {
        .title {
            color: @global-text-main-title-color;
        }
        .text-list {
            &-item {
                color: @global-text-sub-title-color;
            }
        }
    }
    &-table-wrapper {
        .grade-rule-input-number-wrapper {
            .value {
                color: @global-text-main-title-color;
           }
        }
    }
}
//*************************************************************************//



//********** file:intelligent-search.less **********//
.intelligent-search-layout {
    background-color: @global-bg-panel-back-color;
    .layout-container {
        background-color: @global-bg-panel-color;
        .split-line {
            border-top: 1px solid @global-border-color;
        }
        .intelligent-cases-list {
            height: 100%;
            .cases-list-title {
                color: @global-text-main-title-color;
            }
            .cases-list-table {
                .intelligent-cases-list-table {
                    .limit-area {
                        color: @global-text-main-content-color;
                    }
                    .intelligent-detail {
                        color: @global-text-main-title-color;
                    }
                    .intelligent-no-detail{
                        color: @global-text-sub-content-color;
                    }
                    .ant-progress-inner {
                        background-color: #ddd;
                        .ant-progress-bg {
                            background-color: @global-bg-primary-color !important;
                        }
                    }
                    .sync-vehicle-tree {
                        .icon-car_group, .icon-car_online {
                            color: @global-text-main-content-color;
                        }
                        .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
                            background-color: @global-bg-hover-color !important;
                        }
                        .ant-tree li .ant-tree-node-content-wrapper:hover {
                            background-color: @global-bg-hover-color !important;
                        }
                    }
                }
            }
        }
        .eligible-vehicle {
            .eligible-vehicle-title {
                .title-text {
                    color: @global-text-main-title-color;
                }
            }
            .eligible-vehicle-table {
                .intelligent-eligible-table {
                    .limit-area {
                        color: @global-text-main-content-color;
                    }
                    .result-status {
                        .visited {
                            background-color: @global-text-main-title-color;
                        }
                        .alink {
                            background-color: @global-text-sub-content-color;
                        }
                    }
                }
            }
        }
    }
}
.position-detail-modal {
    #intelligent-map-detail {
        border: 1px solid @global-border-color;
    }
    .title-areatype {
        color: @global-text-main-title-color;
    }
    .position-detail-title {
        color: @global-text-main-title-color;
    }
}
.cases-operate-modal {
    .ant-modal-body {
        .modal-container {
            border: 1px solid @global-border-color;
            .container-left {
                border-right: 1px solid @global-border-color;
                .select-placeholder {
                    color: @global-text-sub-content-color;
                }
            }
            .container-right {
                &-head {
                    border-bottom: 1px solid @global-border-color;
                    .ant-radio-wrapper {
                        color: @global-text-main-content-color;
                    }
                    .position-title {
                        color: @global-text-sub-title-color;
                    }
                }
            }
        }
        .vehicle-select-form-item {
            .select-vehicle-tree {
                background-color: @global-bg-modal-panel-color;
                box-shadow: 0 2px 8px @global-box-shadow-color;
            }
            .arrow {
                border-color: @global-text-sub-content-color transparent transparent transparent;
            }
        }
    }
}
//*************************************************************************//



//********** file:layout.less **********//
.ceiba3-layout {
    &-header {
        background-color: @header-bg-color;
        box-shadow: 2px 0 6px 0 @header-box-shodow-color;
        .img-box {  
            background-color: @header-logo-bg-color;
        }
        .title-cb3 {
            color: @header-sub-font-color;
        }
        .title-sub {
            color: @header-main-font-color
        }
        .header-container {
            .header-user {
                .header-user-icon {
                    color: @header-main-font-color
                }
                .header-user-down {
                    color: @header-main-font-color
                }
                .header-name {
                    color: @header-main-font-color
                }
            }
            .header-divider {
                background-color: @header-main-font-color;
            }
            .header-set,.header-playback {
                color: @header-main-font-color
            }
            .task-upload {
                border: 1px solid @header-main-font-color;
                background-color: @header-task-upload-bg-color;
                .task-upload-icon {
                    background-color: @header-main-font-color;
                    .upload-icon {
                        color: @header-task-upload-icon-color;
                    }
                }
                .task-upload-progress {
                    color: @header-task-upload-bg-color;
                }
                .download-progress {
                    border-left: 1px solid @header-task-upload-progress-color;
                    background-color: @header-task-upload-progress-color;
                }
                .task-upload-list-area {
                    background-color: @global-bg-modal-panel-color;
                    box-shadow: 0 4px 12px 0 @global-box-shadow-color;
                    .task-upload-list {
                        .task-panel-bottom {
                            .task-more {
                                color: @header-main-font-color;
                            }
                        }
                    }
                    &:before {
                        border-color: @global-bg-modal-panel-color;
                        background-color: @global-bg-modal-panel-color;
                    }
                }
                .upload-list-item {
                    .item-title {
                        color: @header-task-upload-list-item-title-color;
                    }
                    .item-speed {
                        color: @header-main-font-color;
                    }
                }
            }
        }   
    }
    &-content {
        .nav {
            background-color: @nav-bg-color;
            box-shadow: 2px 0 6px 0 @nav-box-shadow-color;
        }
    }
}
.nav {
    .nav-item {
        background-color: @nav-bg-color;
        .nav-circle {
            background-color: @nav-item-circle;
            .nav-icon {
               color: @nav-icon-color;
            }
            .nav-icon-color-active {
                color: @nav-icon-color-active !important;
            }
        }
        .nav-item-circle-active {
            background-color: @nav-item-circle-active;
        }
        .nav-title {
            color: @nav-item-title-color;
        }
        &:hover {
            background-color: @nav-item-hover;
            .nav-circle {
                background-color: @nav-item-circle-active;
                .nav-icon {
                   color: @nav-icon-color-active !important;
                }
            }
            .nav-title {
                color: @nav-item-title-active-color;
            }
        }
        &-active {
            background-color: @nav-item-active;
            .nav-title {
                color: @nav-item-title-active-color;
            }
        }
    }
}
.nav-sub-left {
    // .ant-popover-arrow {
    //     border-top-color: @global-bg-hover-color !important;
    //     border-right-color: @global-bg-hover-color !important;
    // }
}
.sub-item {
    color: @global-text-main-content-color;
    &:hover {
        color: @global-text-selected-color;
        background-color: @global-bg-hover-color;
    }
    &-active {
        color: @global-text-selected-color;
        background-color: @global-bg-hover-color;
    }
}
.user-popover {
    .user-down {
        .user-down-item {
            color: @global-text-main-content-color;
            &:hover {
                color: @global-text-selected-color;
                background-color: @global-bg-hover-color;
            }
        }
    }
}
.tools-popover {
    .tools {
        .tools-item {
            color: @global-text-main-content-color;
            &:hover {
                color: @global-text-selected-color;
                background-color: @global-bg-hover-color;
            }
        }
    }
}
.header-container {
    .header-user {
        .header-user-icon {
            color: @nav-icon-color;
        }
        .header-user-down {
            color: @nav-icon-color;
        }
        .header-name {
            color: @nav-item-circle-active;
        }
    }
    .header-divider {
        background-color: @nav-item-circle-active;
    }
    .header-set,.header-playback {
        color: @nav-icon-color;
    }
}
.themes-popover {
    .ant-popover-inner-content {
        .theme-list {
            &-item {
                .icon-wrapper {
                    background: gray;
                }
                .theme-name {
                    color: @global-text-sub-title-color;
                }
                &.blue {
                    .icon-wrapper {
                        background: #0e8ac1;
                    }
                }
                &.light {
                    .icon-wrapper {
                        background: #efefef;
                    }
                }
                &.dark {
                    .icon-wrapper {
                        background: #1f1f1f;
                    }
                }
                &.custom {
                    .icon-wrapper {
                        background-image: linear-gradient(163deg, #FFFFFF 0%, #585858 100%);
                    }
                }
            }
        }
    }
    &.dark {
        .ant-popover-inner {
            background: #333333;
        }
    }
    &.blue {
        .ant-popover-inner {
            background: #0B2030;
        }
    }
    &.light {
        .ant-popover-inner {
            background: #FFFFFF;
        }
    }
    &.custom {
        .ant-popover-inner {
            background: #FFFFFF;
        }
    }
}
//*************************************************************************//



//********** file:local-task-manage.less **********//
.task-list {
    .local-task-content {
        .local-task-tool {
            .right {
                .ant-select-selection {
                    border-color: @global-border-active-color;
                }
            }
        }
        .local-tash-table-wrapper {
            .ant-table-thead {
                .icon-icon_screen.filtered {
                    color: @global-text-main-title-color;
                }
            }
            .operation-btns {
                .btn {
                    color: @global-text-main-title-color;
                }
            }
            .ant-table-filter-dropdown {
                .ant-dropdown-menu-item-selected {
                    & > span {
                        color: @global-text-main-title-color;
                    }
                }
            }
            .ant-table-content {
                .ant-table-row {
                    .progress-text {
                        .reason {
                            color: @global-text-main-title-color;
                        }
                    }
                }
            }
            .local-task-state-filter {
                &-item {
                    &:hover {
                        background: @global-bg-primary-hover-color;
                        color: @global-text-selected-color;
                    }
                }
            }
        }
    }
}

//*************************************************************************//



//********** file:real-monitoring-page.less **********//

.real-monitoring-container {
    .fleet-container {
        color: @real-monitor-fleet-font-color;
        box-shadow: 2px 0 6px 0 @real-monitor-box-shadow-color;
        .fleet-header {
            background-color: @real-monitor-fleet-header-bg-color;
            color: @real-monitor-fleet-color;
            border-bottom: 1px dashed @real-monitor-border-color;
            .fleet-divider {
                background-color: @real-monitor-fleet-color;
            }
        }
        .high-search {
            background-color: @real-monitor-fleet-content-bg-color;
            border-bottom: 1px solid @real-monitor-border-color;
            .top-search {
                .ant-select-selection {
                    border: 1px solid @real-monitor-border-color !important;
                    background-color: @real-monitor-fleet-input-bg-color !important;
                    .ant-select-selection-selected-value {
                        font-size: 12px;
                        color: @real-monitor-fleet-font-color;
                    }
                }
                .ant-select-arrow {
                    color: @real-monitor-border-color !important;
                }
            }
            .bottom-search {
                .ant-select-selection {
                    border: 1px solid @real-monitor-border-color !important;
                    background-color: @real-monitor-fleet-input-bg-color !important;
                    .ant-select-selection-selected-value {
                        font-size: 12px;
                        color: @real-monitor-fleet-font-color;
                    }
                }
                .ant-select-arrow {
                    color: @real-monitor-border-color !important;
                }
            }
        }
        .fleet-content {
            background-color: @real-monitor-fleet-content-bg-color;
            .search-input-div {
                border-bottom: 1px solid @real-monitor-border-color;
                .ant-select-selection {
                    border: 1px solid @real-monitor-input-border-color !important;
                    background-color: @real-monitor-fleet-input-bg-color !important;
                    .ant-select-selection-selected-value {
                        font-size: 12px;
                        color: @real-monitor-fleet-font-color;
                    }
                }
                .search-icon-div {
                    background-color: @real-monitor-fleet-tree-active-color;
                }
                .ant-select {
                    font-size: 12px;
                    color: @real-monitor-fleet-font-color;
                }
                .ant-select-arrow {
                    color: @real-monitor-border-color !important;
                }
                .ant-select-selection__placeholder {
                    color:  @real-monitor-input-placeholder-color;
                }
                .ant-select-selection__clear {
                    background: none !important;
                }
            }
            .fleet-tree {
                .ant-tree-treenode-switcher-open, .ant-tree-treenode-switcher-close {
                    &:after {
                        border-left: 1px dashed  @real-monitor-border-color;
                    }
                }
                .ant-tree-child-tree {
                    .ant-tree-treenode-switcher-close {
                        &:before {
                            border-bottom: 1px dashed @real-monitor-border-color;
                        }
                    }
                }   
                .fleet-item {
                    color: @real-monitor-fleet-font-color !important;
                    &-dom {
                        background-color: @real-monitor-fleet-tree-item-bg-color;
                        .icon-car_group {
                            color: @real-monitor-fleet-tree-down;
                        }
                    }
                    &-dom:hover {
                        opacity: 1;
                        background-color: @real-monitor-fleet-tree-active-color;
                        .icon-car_group {
                            color: @real-monitor-sub-item-active-color;
                        }
                        .fleet-item-label {
                            color: @real-monitor-sub-item-active-color;
                        }
                    }
                    .fleet-item-dom-active {
                        background-color: @real-monitor-fleet-tree-active-color;
                        .icon-car_group {
                            color: @real-monitor-sub-item-active-color;
                        }
                        .fleet-item-label {
                            color: @real-monitor-sub-item-active-color;
                        }
                    }   
                    .virtual-container {
                        background-color: @real-monitor-fleet-content-bg-color;
                        .virtual-vehicle-item {
                            background-color: @real-monitor-fleet-tree-vehilce-item-bg-color;
                            .driver-name {
                                color: @real-monitor-fleet-driver-color;
                            }
                        }
                        .virtual-vehicle-item-before:before {
                            border-bottom: 1px dashed @real-monitor-border-color;
                        }
                        .virtual-vehicle-item-active {
                            background-color: @real-monitor-fleet-tree-active-color;
                            color: @real-monitor-sub-item-active-color;
                            .driver-name {
                                color: @global-text-selected-color;
                            }
                        }
                        .virtual-vehicle-item:hover {
                            opacity: 1;
                            background-color: @real-monitor-fleet-tree-active-color;
                            box-shadow: inset 0 0 9px 0 rgba(255,255,255,0.20);
                            color: @real-monitor-sub-item-active-color;
                            .driver-name {
                                color: @global-text-selected-color;
                            }
                        }
                        .vehicle-channels {
                            .channel-item {
                                background-color: @real-monitor-fleet-tree-vehilce-item-bg-color;
                                .icon-channel {
                                    color: @real-monitor-fleet-channel-color;
                                }
                                .icon-monitor {
                                    color: @global-icon-color;
                                }
                            }
                            .channel-item:before {
                                border-bottom: 1px dashed @real-monitor-border-color;
                            }
                            // .channel-item:hover {
                            //     opacity: 1;
                            //     background-color: @real-monitor-fleet-tree-active-color;
                            //     box-shadow: inset 0 0 9px 0 rgba(255,255,255,0.20);
                            //     color: @real-monitor-sub-item-active-color;
                            // }
                        }
                        .vehicle-channels:after {
                            border-left: 1px dashed  @real-monitor-border-color;
                        }
                    }
                }
                .ant-tree-node-selected {
                    background-color:  transparent;
                }
                .ant-tree-switcher {
                    .ant-tree-switcher-icon {
                        color: @real-monitor-fleet-tree-down;
                    }
                }
                .ant-tree-node-content-wrapper:hover {
                   background-color: transparent;
                }
            }
        }
        .fleet-shrink-bg {
            background-color:  @real-monitor-fleet-content-bg-color;
            .shrink-arrow {
                border-color: transparent @real-monitor-fleet-font-color transparent transparent;
            }
            .shrink-transform {
                border-color: transparent transparent transparent @real-monitor-fleet-font-color;
            }
        }
    }
    .monitoring-map-vehicle-detail {
        background-color: @global-bg-modal-panel-color;
        .header {
            .title {
                color: @real-monitor-fleet-color !important;
            }
            .close {
                color: @global-border-color !important;
            }
            border-bottom: 1px solid @global-border-color !important;
        }
        .body {
            .basic-info {
                border-bottom: 1px dashed @global-border-color;
            }
            .item-content {
                color: @real-monitor-details-info-value-color;
                .info-item {
                    .item-label {
                        color: @real-monitor-details-title-color;
                    }
                    &:before {
                        color: @real-monitor-details-title-color;
                    }
                }
                .info-item-inline {
                    &:before {
                        color: @real-monitor-details-title-color;
                    }
                    .item-label {
                        color:  @real-monitor-details-title-color;
                    }
                }
            }
            .info-title {
                span {
                    color: @real-monitor-details-title-color;
                }
            }
        }
        .triangle-border-left {
            border-color: transparent @global-bg-modal-panel-color transparent transparent;
        }
    }
}
.state-drop {
    background-color:  @global-bg-modal-panel-color !important;
    font-size: 12px !important;
    .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
        color: @global-text-main-content-color;
    }
    .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
        background-color: @global-bg-hover-color !important;
    }
    .ant-select-dropdown-menu-item {
        color: @global-text-main-content-color !important;
    }
    .ant-select-dropdown-menu-item[aria-selected=true] {
        background-color: @global-bg-hover-color;
    }
    div {
        .ant-empty {
            background-color: @real-monitor-fleet-input-bg-color;
        }
    }
}
.fleet-info {
    .fleet-info-container {
        .fleet-info-div {
            .title {
                color: @real-monitor-details-title-color;
            }
            .fleet-info-item {
                .point {
                    background-color: @real-monitor-details-info-value-color;
                }
                .fleet-info-name {
                    color: @real-monitor-details-info-value-color;
                }
                .fllet-info-value {
                    color: @real-monitor-details-info-value-color;
                }
            }
            .fleet-info-border {
                border-bottom: 1px dashed @real-monitor-details-info-value-color !important;
            }
        }
        .vehicle-info {
            .title {
                color: @real-monitor-details-title-color;
            }
            .vehicle-info-item {
                .point {
                    background-color: @real-monitor-details-info-value-color;
                }
                .vehicle-info-name {
                    color: @real-monitor-details-info-value-color;
                }
                .vehicle-info-value {
                    color: @real-monitor-details-info-value-color;
                }
            }
            .fleet-info-border {
                border-bottom: 1px dashed @real-monitor-details-info-value-color !important;
            }
        }
        .driver-info {
            .title {
                color: @real-monitor-details-title-color;
            }
            .driver-info-item {
                .point {
                    background-color: @real-monitor-details-info-value-color;
                }
                .driver-info-name {
                    color: @real-monitor-details-info-value-color;
                }
                .driver-info-value {
                    color: @real-monitor-details-info-value-color;
                }
            }
        }
    }
}
.dirver-info {
    .base-info {
        .title {
            color: @real-monitor-details-title-color;
        }
        .base-info-item {
            .point {
                background-color: @real-monitor-details-info-value-color;
            }
            .base-info-item-name {
                color: @real-monitor-details-info-value-color;
            }
            .base-info-item-value {
                color: @real-monitor-details-info-value-color;
            }
        }
        .base-info-picture {
            color: @real-monitor-details-info-value-color;
        }
        .driver-info-border {
            border-top: 1px dashed @real-monitor-details-info-value-color;
        }
    }
    .running-info {
        .title {
            color: @real-monitor-details-title-color;
        }
        .running-info-item {
            .point {
                background-color: @real-monitor-details-info-value-color;
            }
            .running-info-item-name {
                color: @real-monitor-details-info-value-color;
            }
            .running-info-item-value {
                color: @real-monitor-details-info-value-color;
            }
        }
    }
}
.monitoring-map-vehicle-detail {
    background-color: @global-bg-modal-panel-color;
    .body {
        .basic-info {
            border-bottom: 1px dashed @real-monitor-details-info-value-color;
        }
        .item-content {
            color: @real-monitor-details-info-value-color;
            .info-item {
                .item-label {
                    color: @real-monitor-details-title-color;
                }
                &:before {
                    color: @real-monitor-details-title-color;
                }
            }
            .info-item-inline {
                &:before {
                    color: @real-monitor-details-title-color;
                }
                .item-label {
                    color:  @real-monitor-details-title-color;
                }
            }
        }
        .info-title {
            span {
                color: @real-monitor-details-title-color;
            }
        }
    }
}
.more-function {
    .more-function-item:hover {
        background-color:  @real-monitor-fleet-input-select-bg-color;
        color: @real-monitor-sub-item-active-color;
    }
    .more-function-item {
        color:  @real-monitor-details-info-value-color;
    }
}
//*************************************************************************//



//********** file:remote-play-back.less **********//
.playback-content-layout {
    &-left {
        box-shadow: 1px 0 1px 0 @global-box-shadow-color;
        &-title {
            color: @global-text-main-title-color;
            background-color: @global-bg-panel-back-color;
        }
        &-body {
            .remote-playback-left {
                .tree-area {
                    .play-back-tree-container {
                        .search-container {
                            .plack-back-search-posion-container {
                                border-bottom: 1px solid @global-border-color;
                                .ant-select-selection {
                                    border: 1px solid @global-border-active-color !important;
                                    background-color: rgba(255, 255, 255, 0.15) !important;
                                }
                                .ant-select-arrow {
                                    color: rgba(255, 255, 255, .25) !important;
                                }
                                .ant-select-selection__placeholder {
                                    color:  @global-text-sub-content-color;
                                }
                                .drop-down-render-container {
                                    .row-render-item:hover {
                                        background-color: @global-bg-primary-hover-color;
                                        color: @global-text-selected-color;
                                    }
                                    .null-data {
                                        .null-data-text {
                                            color: @global-text-sub-content-color;
                                        }
                                    }
                                }
                            }
                            
                        }
                        .play-back-tree-content {
                            .virtualized-tree-container {
                                .virtualized-tree-item {
                                    width: 100%;
                                    height: 40px;
                                    .company-item-container {
                                        background: rgba(0, 0, 0, .05);
                                        .icon-caret {
                                            color: @global-text-main-content-color;
                                        }
                                        .icon-car_group {
                                            color: @global-text-main-content-color;
                                        }
                                        .fleet-item-label {
                                            .fleet-item-title {
                                                color: @global-text-main-content-color;
                                            }
                                        }
                                        .v-line {
                                            border-left: 1px dashed @global-border-color;
                                        }
                                    }
                                    .company-item-container-close {
                                        &:before {
                                            border-bottom: 1px dashed @global-border-color;
                                        }
                                    }
                                    
                                    .company-item-container:hover {
                                        background-color: @global-bg-primary-hover-color;
                                        .icon-caret {
                                            color: @global-text-selected-color;
                                        }
                                        .icon-car_group {
                                            color: @global-text-selected-color;
                                        }
                                        .fleet-item-label {
                                            .fleet-item-title {
                                                color: @global-text-selected-color;
                                            }
                                        }
                                    }
                                    .company-item-container-avtive {
                                        background-color: @global-bg-primary-hover-color;
                                        .icon-caret {
                                            color: @global-text-selected-color;
                                        }
                                        .icon-car_group {
                                            color: @global-text-selected-color;
                                        }
                                        .fleet-item-label {
                                            .fleet-item-title {
                                                color: @global-text-selected-color;
                                            }
                                        }
                                    }
                                    .vehicle-item-container {
                                        background-color: rgba(0, 0, 0, 0.05);
                                       .vehicle-info-area {
                                            .vehicle-number {
                                                color: @global-text-main-content-color;
                                            }
                                            .v-line {
                                                border-left: 1px dashed @global-border-color;
                                            }
                                       }
                                    }
                                    .vehicle-item-container-close {
                                        &:before {
                                            border-bottom: 1px dashed @global-border-color;
                                        }
                                    }
                                    .vehicle-item-container:hover {
                                        background-color: @global-bg-primary-hover-color;
                                        .vehicle-number {
                                            color: @global-text-selected-color;
                                        }
                                    }
                                    .vehicle-item-container-active {
                                        background-color: @global-bg-primary-hover-color;
                                        .vehicle-info-area {
                                            .vehicle-number {
                                                color: @global-text-selected-color;
                                            }
                                        }
                                    }                                    
                                }
                            }
                        }
                    }
                }
                .tool-area {
                    border-top: 1px  solid @global-border-color;
                    .remote-playback-left-tool {
                        position: relative;
                        height: 100%;
                        .left-range {
                            .ant-fullcalendar-selected-day .ant-fullcalendar-value, 
                            .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value {
                                color: @global-text-main-content-color !important;
                                box-shadow: 0 0 0 1px @global-bg-primary-color inset !important;
                            }
                            .ant-fullcalendar-disabled-cell .ant-fullcalendar-date .ant-fullcalendar-value {
                                color: @global-text-main-content-color !important;
                            }
                        }
                        .cal-custom-header {
                            .cal-icon {
                                color: @global-text-main-title-color;
                            }
                            .cal-title {
                                color: @global-text-selected-color;
                                background-color: @global-bg-primary-color;
                            }
                        }
                    }
                }
            }
        }
    }
    &-right {
        .remote-playback-container-right {
            background-color: @global-bg-panel-color;
            .right-top {
                border-bottom: 1px solid @global-border-color;
                .operation-tool {
                    border-left: 1px solid @global-border-color;
                    border-right: 1px solid @global-border-color;
                    background: @global-bg-panel-color;
                }
                .video-container-clip {
                    background: #141414;
                }
                .video-container {
                    background: #141414;
                }
                .map-container {
                    border: 1px solid @global-border-color;
                }
            }
        }
    }
}
//*************************************************************************//



//********** file:alarm-form.less **********//
.alarm-form-car-table {
    .alarm-clumn-blue {
        color:  @global-text-main-title-color;
    }
}
.alarm-evidence-detail {
    color: @global-text-main-title-color;
} 


.alarm-driver-detail {
    background-color: @global-bg-panel-color;
    &-content {
        background: @global-bg-panel-color;
        .title {
            color: @global-text-main-title-color;
        }
        .tool {
            background: @global-bg-panel-color;
            border-bottom: 1px solid @global-border-color;
        }
        .table-wrapper {
            .alarm-driver-detail-table {
                background: @global-bg-panel-color;
            }
        }
    }
}

//*************************************************************************//



//********** file:alarm-process-traces.less **********//
.alarm-process-traces {
    background-color: @global-bg-panel-back-color;
    .layout-header {
        background: @global-bg-panel-color;

    }
    .layout-body {
        background: @global-bg-panel-color;
        .alarm-process-traces-timeline {
            .timeline-row {
                .row-item {
                    &:hover {
                        // background-color: @real-monitor-alarm-events-tabs-card-bg-color;
                    }
                }
                .row-item-active {
                    // background-color: @real-monitor-alarm-events-tabs-card-bg-color;
                }
            }
        }
    }
}
//*************************************************************************//



//********** file:alarm-statistics.less **********//
.alarm-statistics {
    &-header {
        color: @global-bg-primary-color;
        background: #fff;

        .gray-btn {
            color: @global-text-main-content-color;
            background: #F3F3F3;
        }

        .bold-tit {
            color: #000;
        }

    }

    &-content {
        border-top: 16px solid #f0f2f5;

        .left {
            border-right: 16px solid #f0f2f5;
        }

        .right {
            .top {
                border-bottom: 16px solid #f0f2f5;
            }
        }
    }

    &-result {
        .result-tit {
            color: @global-text-main-content-color;
            border-bottom: 1px solid @global-border-color;
        }

        .bm {
            border-bottom: 1px solid @global-border-color;
        }

        .list-item {
            color: @global-text-main-content-color;
            
            &:hover {
                color: #fff;
                background: @global-text-main-title-color;
            }

            &.light {
                color: #fff;
                background: @global-text-main-title-color;
            }
        }

        .ant-radio-group {
            .ant-radio-button-wrapper-checked {
                border-color: @global-text-main-title-color !important;
                color: @global-text-main-title-color;
                box-shadow: -1px 0 0 0 @global-text-main-title-color !important;

                &:hover {
                    border-color: @global-text-main-title-color !important;
                    color: @global-text-main-title-color !important;
                }
            }

            .ant-radio-button-wrapper {
                &:hover {
                    border-color: @global-text-main-title-color !important;
                    color: @global-text-main-title-color !important;
                }
            }
        }
    }

    &-search-box {
        .time-picker {
            .range-list-item {
                &.active {
                    background: @global-bg-primary-color;
                }
            }
        }
    }
}
//*************************************************************************//



//********** file:car-online.less **********//
.chart-box {
    background-color: @global-bg-panel-color;
}
//*************************************************************************//



//********** file:company-portrait.less **********//
.company-portrait {
    background-color: @global-bg-panel-back-color;
    .portrait-header {
        background-color: @global-bg-panel-color;
        &-title {
            color: @global-text-main-title-color;
        }
        &-filed {
            color: @global-text-sub-title-color;
        }
    }
    .basic-statistics {
        .statistics-item {
            background-color: @global-bg-panel-color;
            .content {
                .filed-name {
                    color: @global-text-sub-content-color;
                }
                .filed-value {
                    color: @global-text-main-title-color;
                    &-suffix {
                        color: @global-text-main-content-color;
                    }
                }
            }
        }
    }
    .cp-layout {
        &-header {
            color: @global-text-main-title-color;
        }
        &-body {
            &-footer {
                color: @global-text-sub-content-color;
            }
        }
    }
    .rank-tree-select {
        &-header {
            border: 1px solid @global-border-color;
            background-color: @global-bg-panel-color;
            &-placeholder {
                color: @global-text-sub-content-color;
            }
            .dropdown-icon {
                color: @global-text-sub-content-color;
            }
        }
        &-dropdown {
            background: @global-bg-panel-color;
            box-shadow: @global-box-shadow-color 0px 2px 8px;
        }
    }
}
//*************************************************************************//



//********** file:continuous-drive-statistics.less **********//
.continuous-drive-statistics {
    &-table-wrapper {
        background-color: @global-bg-panel-color;
    }
}

.continuous-drive-statistics-tool {
    background: @global-bg-panel-color;
    border-bottom: 1px solid @global-border-color !important;
    .right {
        .label {
            color: @global-text-sub-title-color;
        }
    }
}



//*************************************************************************//



//********** file:driver-attendance.less **********//
.driver-attendance {
    background: @global-bg-panel-back-color;
    .da-content {
        background: @global-bg-panel-color;
        &-header {
            border-bottom: 1px solid @global-border-color;
        }
    }
}
//*************************************************************************//



//********** file:driver-portrait.less **********//
.driver-portrait-container {
    background-color: @global-bg-panel-back-color;
    .driver-portrait-content {
        .driver-portrait-header {
            background-color: @global-bg-panel-color;
            .icon-page_name_list {
                color: @global-text-main-title-color;
            }
            .header-title {
                color: @global-text-main-title-color;
            }
            .select-driver-title {
                color: @global-text-sub-title-color;
            }
        }
        .driver-portrait-box-1 {
            .portrait-data {
                background-color: @global-bg-panel-color;
                .portrait-data-container {
                    .title {
                        color: @global-text-sub-title-color;
                    }
                    .content {
                        .driver-photo {
                            .no-img-tip {
                                color: @global-text-main-content-color;
                            }
                        }
                        .driver-data {
                            .top-info {
                                .driver-name {
                                    color: @global-text-main-content-color;
                                }
                                .company-name {
                                    color: @global-text-main-content-color;
                                }
                                .driver-no {
                                    color: @global-text-main-content-color;
                                }
                                .phone-numer {
                                    color: @global-text-main-content-color;
                                }
                            }
                            .bottom-info {
                                height: 50%;
                                .driver-score-title {
                                    color: rgba(0,0,0,0.45);
                                }
                                .driver-score-value {
                                    color: @global-text-sub-title-color;
                                }
                                .calculation-cycle-title {
                                    color: @global-text-sub-title-color;
                                }
                                .calculation-cycle-value {
                                    color: @global-text-main-content-color;
                                }
                            }
                        }
                    }
                }
            }
            .driving-ability {
                background-color: @global-bg-panel-color;
                .driving-ability-container {
                    .title {
                        color: @global-text-sub-title-color;
                    }
                    .content {
                        .left-dom {
                            border-right: 1px solid @global-border-color;
                        }
                        .right-dom {
                            .distogram-detail-container {
                                .ant-carousel .slick-dots li button {
                                    background-color: @global-text-main-title-color;
                                }
                                .ant-carousel .slick-dots .slick-active button {
                                    background-color: @global-bg-primary-hover-color !important;
                                }
                                .ant-carousel .slick-slide {
                                    .carousel-item {
                                        .total-info {
                                            span {
                                                color: @global-text-sub-title-color;
                                            }
                                            .ant-progress-status-success .ant-progress-bg {
                                                background-color: @global-bg-primary-color !important
                                            }
                                            .ant-progress-status-success .ant-progress-text {
                                                color: rgba(0,0,0,.85) !important;
                                            }
                                        }
                                        .detail-info {
                                            .detail-item-info {
                                                .alarm-title {
                                                    color: @global-text-sub-title-color;
                                                }
                                                .alarm-score {
                                                    .ant-progress-status-success .ant-progress-bg {
                                                        background-color: @global-bg-primary-color !important
                                                    }
                                                    .ant-progress-status-success .ant-progress-text {
                                                        color: rgba(0,0,0,.45) !important;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        .driver-portrait-box-2 {
            .driver-table-data {
                background-color: @global-bg-panel-color;
                .driver-data-table {
                    .title {
                        color: @global-text-sub-title-color;
                    }
                }
            }
            .alarm-proportion {
                background-color: @global-bg-panel-color;
                .alarm-ratio-container {
                    .title {
                        color: @global-text-sub-title-color;
                    }
                }
            }
        }
        .driver-portrait-box-3 {
            background-color: @global-bg-panel-color;
            .driver-evidence-list {
                .title {
                    border-bottom: 1px solid @global-border-color;
                    background-color: @global-bg-panel-color;
                    .title-span {
                        color: @global-text-sub-title-color;
                    }
                    .driver-evidence-tool-bar {
                        .alarm-select-span {
                            .alarm-title {
                                color: @global-text-sub-title-color;
                            }
                        }
                    }
                }
                .evidence-list {
                    background-color: @global-bg-panel-color;
                }
            }
        }
    }
}
//*************************************************************************//



//********** file:last-state-statistics.less **********//
.last-state-statistics {
    .tree-content-layout-right {
        .ant-tabs {
            &-content {
                .ant-table-body {
                    .parse-location {
                        color: @global-text-main-title-color;
                    }
                }
            }
        }
    }
}
//*************************************************************************//



//********** file:location-statistics.less **********//
.location-tool {
    .search-box {
        .tip {
            color: @global-text-sub-title-color;
        }
        .date-title {
            color: @global-text-sub-title-color;
        }
    }
}
.chart-box {
    background-color: @global-bg-panel-color;
}
.parse-location {
    color: @global-text-main-title-color;
}
//*************************************************************************//



//********** file:mileage-form.less **********//
.mileage-tool {
    .search-box {
        .date-title {
            color: @global-text-sub-title-color !important;
        }
    }
}
.chart-box {
    background-color: @global-bg-panel-color;
}

//*************************************************************************//



//********** file:user-online.less **********//
.user-online-tool {
    .search-box {
        .task-font-com-style {
            color: @global-text-sub-title-color !important;
        }
    }
}


//*************************************************************************//



//********** file:user-operation-log.less **********//
.user-operation-log {
    background-color: @global-bg-panel-back-color;
    &-content {
        background: @global-bg-panel-color;
        .user-operation-log-tool {
            .right {
                .range-picker-label {
                    color: @global-text-sub-title-color;
                }
            }
        }      
        .title {
            color: @global-text-main-title-color;
        }
        .table-wrapper {
            .user-operation-log-table {
                background: @global-bg-panel-color;
            }
        }
    }
}
.ant-table-filter-dropdown {
    .role-list {
        &-item {
            &:hover {
                background-color: @global-bg-hover-color;
            }
        }
    }
}   


//*************************************************************************//



//********** file:server-playback.less **********//
.sp-tool {
    &-param {
        border-top: 1px solid @global-border-color;
        .sp-row-item {
            .sp-filed-name {
                color: @global-text-main-content-color;
            }
        }
    }
    &-multiple {
        .multiple-header {
            border-bottom: 1px solid @global-border-color;
            &-title {
                color: @global-text-sub-title-color;
            }
        }
        .multiple-section {
            .vehicle-item {
                color: @global-text-main-content-color;
                font-size: 12px;
                background: rgba(0, 0, 0, .05);
                &:hover {
                    background: @global-bg-primary-color;
                    color: @global-text-selected-color;
                }
            }
        }
        .multiple-footer {
            color: @global-text-main-content-color;
        }
    }
    &-calendar {
        border: 1px solid @global-border-color;
    }
}
//*************************************************************************//



//********** file:alarm.less **********//
.alarm-event-setting {
    .left {
        border-right: 1px solid @global-border-color;
    }
    .right {
        &-content {
            .setting-item {
                .title-wrapper {
                    .title {
                        color: @global-text-sub-title-color;
                    }
                    .add {
                        color: @global-text-main-title-color;
                    }
                }
                .alarm-levels {
                    .level {
                        .text {
                            color: @global-text-main-content-color;
                        }
                    }
                }
            }
            .classification {
                border-top: 1px dashed @global-border-color;
            }
            .fence-event {
                .dividing-line {
                    border-bottom: 1px dashed @global-border-color;
                }
                &-container {
                    &-header {
                        color: @global-text-sub-title-color;
                    }
                }
            }
        }
        &-footer {
            border-top: 1px solid @global-border-color;
        }
    }
}
.ceiba-setting-popover {
    .ant-popover-content {
        .ant-popover-arrow {
            border-bottom-color: rgba(12, 20, 25, .8) !important;
            border-right-color: rgba(12, 20, 25, .8) !important;
        }
        .ant-popover-inner {
            background: rgba(12, 20, 25, .8) !important;
            .operation-wrapper {
                i {
                    color: #fff;
                }
            }
        }
    }
}
.relevance-vehicle-setting-modal {
    &-icon {
        color: @global-text-main-title-color;
    }
    .left {
        border-right: 1px solid @global-border-color;
    }
    .right {
        .title {
            color: @global-text-sub-title-color;
            .vehicle-num {
                color: @global-text-main-title-color;
            }
        }
        .operation-buttons-wrapper {
            button {
                background: @global-sub-btn-bg-color;
                border: 1px solid @global-border-color;
                color: @global-text-main-content-color;
                &.disabled {
                    background: #f3f3f3;
                    color: rgba(0, 0, 0, 0.25);
                }
            }
        }
    }
}

.vehicle-list-wrapper {
    border: 1px solid @global-border-color;
    .vehicle-list {
        &-item {
            cursor: pointer;
            .content {
                background: @global-bg-panel-back-color;
                &.selected {
                    color: @global-text-selected-color;
                    background: @global-bg-hover-color;
                }
            }
        }
    }
}

.add-fence-event {
    background: @global-bg-panel-color;
    &-header {
        color: @global-text-main-title-color;
        border-bottom: 1px solid @global-border-color;
    }
    &-body {
        &-left {
            border-right: 1px solid @global-border-color;
        }
        &-right {
            .fence-tool {
                &-btn-group {
                    .split-line {
                       // border-left: 1px solid #0E8AC1;
                    }
                }
            }
            .fence-map {
                border: 1px solid @global-border-color;
            }
        }
    }
    &-footer {
        box-shadow: 0 -1px 4px 0 @global-box-shadow-color;
    }
    &-item-title {
        color: @global-text-main-title-color;
        &-icon {
            background: @global-bg-primary-color;
        }
    }
}

.cars-response-strategy {
    .left {
        border: 1px solid @global-border-color;
    }
    .right {
        .alarm-type-table {
            .buttons {
                .button {
                    color: @global-bg-primary-color;
                }
            }
        }
    }
}
.batch-setting-modal-wrapper {
    background: @global-bg-primary-color;
    color: @global-text-selected-color;
}
.batch-setting-modal {
    .ant-modal-content {
        .ant-modal-body {
            .left {
                border-right: 1px solid @global-border-color;
            }
        }
    }
}
.clear-modal {
    .ant-modal-body {
        .tip {
            color: @global-text-main-content-color;
        }
    }
}
.ceiba-label-requreid {
    color: @global-text-main-content-color;
    &::before {
        color: #ff0000;
    }
}

.footer {
    display: flex;
    justify-content: space-between;
    .left {
        .recover {
            color: @global-text-main-content-color;
            background: @global-sub-btn-bg-color;
            &.active {
                color: @global-text-selected-color !important;
                background: #e57067 !important;
                cursor: pointer;
                &:hover {
                    color: @global-text-selected-color !important;
                }
            }
        }
    }
}
.setting-form {
    & > .setting-form-items-wrapper + .setting-form-items-wrapper {
        border-top: 1px dashed @global-border-color;
    }
    &-items-wrapper {
        .title {
            color: @global-text-main-title-color;
        }
        .tip {
            color: #ff0000;
        }
        .label {
            color: @global-text-sub-title-color;
        }
        .setting-form-item {
            .channel-checkbox {
                span:nth-child(2) {
                    color: @global-text-sub-title-color;
                }
            }
        }
        .mail-send-type-wrapper {
            .time-pickers {
                &-item {
                    .time-icon {
                        color: @global-text-main-content-color;
                    }
                }
            }
        }
    }
}
.tips {
    .text {
        color: @global-text-main-content-color;
    }
}








//*************************************************************************//



//********** file:colour-scheme.less **********//
.colour-scheme-container {
    border: 1px solid @global-border-color;
    .colour-scheme-content {
        .colour-scheme-left {
            background-color: @global-bg-panel-color;
            .component-library-container {
                .components-list {
                    border-right: 1px solid @global-border-color;
                    .components-list-scroll {
                        .common-less, .component-less {
                            background: @global-bg-panel-back-color;
                            color: @global-text-sub-title-color;
                        }
                        .common-less-item {
                            border-bottom: 1px solid @global-border-color;
                            background-color: @global-bg-panel-color;
                            color: @global-text-main-content-color;
                        }
                        .is-select {
                            background-color: @global-bg-hover-color;
                            color: @global-text-selected-color;
                        }
                    }
                }   
                .components-image {
                    .components-image-box {
                        .box-top {
                            border-bottom: 1px dashed @global-border-color;
                        }
                        .box-left {
                            border-right: 1px dashed @global-border-color;
                        }
                    }
                }
            }
        }
        .colour-scheme-right {
            border-left: 1px solid @global-border-color;
            .header {
                color: @global-text-sub-title-color;
            }
            .form-container {
                height: 100%;
                width: 100%;
                .color-item {
                    position: relative;
                    .ant-form-item-label {
                        label {
                            color: @global-text-sub-title-color !important;
                            .number {
                                border: 1px solid @global-border-active-color;
                                color: #fd777f; 
                            }
                        }
                    }
                    .color-div {
                        border: 1px solid @global-box-shadow-color;
                    }
                }
            }
        }
    }
    .colour-scheme-footer {
        border-top: 1px solid @global-border-color;
    }
}
//*************************************************************************//



//********** file:language-logo.less **********//
.language-manage-des {
    .split-line {
        border-bottom: 1px dashed @global-border-color;
    }
}

.language-manage {
    &-body {
        .language-item-span {
            color: @global-text-main-title-color;
        }
    }
    a[disabled] {
        color: rgba(0, 0, 0, 0.25) !important;
    }
}


//*************************************************************************//



//********** file:layout.less **********//
.user-setting-layout {
    background: @global-bg-panel-back-color;
    &-header {
        border-bottom: 1px solid @global-border-color;
        color: @global-text-main-title-color;
        background: @global-bg-panel-color;
    }
    &-body {
        background: @global-bg-panel-color;
        &-content {
            border: 1px solid @global-border-color;
            .tab-list-wrapper {
                .tab-list {
                    background: @global-bg-panel-back-color;
                    &-item {
                        border-bottom: 1px solid @global-border-color;
                        border-right: 1px solid @global-border-color;
                        color: @global-text-main-content-color;
                        &.active {
                            border-left: 2px solid @global-border-active-color;
                            color: @global-text-main-title-color;
                            background: @global-bg-panel-color;;
                        }
                        &.title {
                            color: @global-text-sub-title-color;
                        }
                    }
                }
                .empty {
                    border-right: 1px solid @global-border-color;
                }
            }
        }
    }
}
//*************************************************************************//



//********** file:preference.less **********//
.perference-setting {
    padding: 24px;
    &-form {
        & > .form-items-wrapper + .form-items-wrapper {
            border-top: 1px dashed @global-border-color;
        }
        .form-items-wrapper {
            .title {
                color: @global-text-main-title-color;
                &::before {
                    background: @global-text-main-title-color;
                }
            }
        }
    }
}

//*************************************************************************//



//********** file:server.less **********//
.sender {
    .setting-form {
        &.sender-form {
            border-bottom: 1px dashed @global-border-color;
        }
        .ant-form-item {
            &-label {
                color: @global-text-sub-title-color;
            }
        }
    }
}

.alarm-push-content {
    &-form {
        .title {
            color: @global-text-main-title-color;
            &::before {
                background: @global-text-main-title-color;
            }
        }
    }
    .alarm-email-config {
        border-bottom: 1px dashed @global-border-color;
    }
    &-config {
        &-content {
            .describe {
                color: @global-text-main-content-color;
                .tip {
                    color: @global-text-main-content-color;
                }
            }
            .tags {
                &-item {
                    color: @global-text-main-content-color;
                    background: @global-bg-panel-back-color;
                    &.active {
                        background: @global-bg-hover-color;
                        color: @global-text-selected-color;
                    }
                }
            }
            .template-wrapper {
                .templates {
                    &-item {
                        color: @global-text-main-content-color;
                        background: @global-bg-panel-back-color;
                    }
                }
            }
        }
    }
}

.video-close-time {
    .tips {
        color: @global-text-sub-content-color;
    }
}

.server-setting-map {
    .title {
        color: @global-text-sub-title-color;
    }
    .os-map {
        color: @global-text-sub-title-color;
    }
}





//*************************************************************************//



//********** file:setting-language.less **********//
// @import '../color-var.less';
.setting-language {
    &-center {
        background-color: @global-bg-panel-color;
    }
}
.language-manage {
    &-header {
        .page-name-icon {
            color: @global-bg-primary-color;
        }
        .page-name-content {
            color: @global-bg-primary-color;
        }
    }
}
.language-manage-des {
    .des-title {
        color: @global-bg-primary-color;
    }
    .des-content {
        color: @global-text-main-content-color;
        .img-box {
            .img-name {
                color: @global-text-sub-content-color;
            }
        }
    }
}
//*************************************************************************//



//********** file:setting-logo.less **********//
// @import '../color-var.less';
.setting-logo {
    background-color: @global-bg-panel-back-color;
    &-content {
        background-color: @global-bg-panel-color;
        &-title {
            .page-name-icon {
                color: @global-bg-primary-color;
            }
            .page-name-content {
                color: @global-bg-primary-color;
            }
        }
        .upload-box {
            .upload-description {
                .upload-description-flex {
                    color: @global-text-sub-content-color;
                }
            }
        }
        .form-box {
            .ant-input-group-addon {
                border-color: @global-bg-primary-color !important;
            }
        }
    }
}
//*************************************************************************//



//********** file:upload-manage.less **********//
.upload-task-layout {
    background-color: @global-bg-panel-back-color;
    &-container {
        background-color: @global-bg-panel-color;
        .upload-task-head {
            color: @global-text-main-title-color;
        }
        .upload-task-body {
            .upload-tabs {
                .task-tabs {
                    border-bottom: 1px solid @global-border-color;
                    > :first-child {
                        border-left: 1px solid @global-border-color;
                    }
                    .task-tab-item {
                        border-top: 1px solid @global-border-color;
                        border-right: 1px solid @global-border-color;
                        color: @global-text-sub-title-color;
                        background-color: @global-bg-panel-back-color;
                        &:hover {
                            color: @global-text-main-title-color;
                        } 
                    }
                    .active-tab {
                        border-top: 2px solid @global-border-active-color;
                        border-bottom: 1px solid @global-border-color;
                        color: @global-text-main-title-color;
                        background: @global-bg-panel-color;
                    }
                }
            }
            .upload-content {
                .strategy {
                    &-header {
                        border-bottom: 1px solid @global-border-color;
                        .strategy-tool {
                            .search-strategy {
                                .item-name {
                                    color: @global-text-sub-title-color;
                                }
                            }
                        }
                    }
                }
                .task-list {
                    height: 100%;
                    border-top: 1px solid @global-border-color;
                    .task-navigation {
                        border: 1px solid @global-border-color;
                        background-color: @global-bg-panel-color;
                        .task-nav-item {
                            color: @global-text-main-content-color;
                            background-color: @global-bg-panel-back-color;
                            border-bottom: 1px solid @global-border-color;
                        }
                        .active-item {
                            border-left: 2px solid @global-border-active-color;
                            color:  @global-text-main-title-color;
                            background-color: @global-bg-panel-color;
                            font-weight: 700;
                        }
                    }
                    .task-table {
                        .task-layout {
                            .task-layout-tool {
                                .task-table-search-bar {
                                    .task-font-com-style {
                                        color: @global-text-sub-title-color;
                                    }
                                }
                            }
                            .task-upload-table {
                                .ant-progress-inner {
                                    background-color: #eee;
                                }
                                .select-arrow {
                                    border-color: rgb(153, 153, 153) transparent transparent transparent;
                                }
                                .filter-item {
                                    &:hover {
                                        background: @global-bg-hover-color;
                                        color: @global-text-selected-color;
                                    }
                                }
                                .status-selected {
                                    background: @global-bg-hover-color;
                                    color: @global-text-selected-color;
                                }
                                .limit-area {
                                    color: @global-text-main-content-color;
                                }
                                .icon-icon_finished {
                                    color: @global-text-main-title-color;
                                }
                                .task-upload-fail {
                                    color: #F5222D;
                                }
                                .fail-reason, .wait-reason {
                                    color: @global-text-main-title-color;
                                }
                            }
                        }
                    }
                }
            } 
        }
    }
}

.strategy-layout {
    &-left {
        border-right: 1px dashed @global-border-color;
        .strategy-tree-panel {
            border: 1px solid @global-border-color;
            &-header {
                color: @global-text-sub-title-color;
                border-bottom: 1px solid @global-border-color;
            }
        }
        .sync-vehicle-tree {
            .icon-car_group, .icon-car_online {
                color: @global-text-main-content-color;
            }
        }
    }
    &-header {
        border-top: 1px dashed @global-border-color;
        &-title {
            color: @global-text-main-title-color;
            background: @global-bg-panel-color;
        }
    }
    &-body {
        .strategy-detail {
            &-title {
                color: @global-text-sub-title-color;
            }
            &-content {
                color: @global-text-sub-content-color;
            }
            .variety-row {
                border: 1px dashed @global-border-color;
                background: @global-bg-panel-back-color;
            }
        }
        .strategy-form {
            .variety-row {
                border: 1px dashed @global-border-color;
                background: @global-bg-panel-back-color;
            }
        }
    } 
}

.export-task {
    &-section {
        .export-task-state-filter {
            &-item {
                &:hover {
                    background: @global-bg-hover-color;
                    color: @global-text-selected-color;
                }
            }
        }
    }
}

.face-issue {
    &-header {
        .face-issue-select-company {
            &-label {
                color: @global-text-sub-title-color;
            }
        }
    }

    .pic-viewer {
        .pic-viewer-item {
            &-time {
                color: @global-text-main-content-color;
            }
        }
    }
}

.param-task-table {
    .icon-icon_detail {
        color: @global-text-main-title-color;
    }
}

.detail-head-tool {
    .tool-title {
        color: @global-text-main-title-color;
    }
    .tool-right {
        .tool-btn-back {
            background: @global-sub-btn-bg-color;
            color: @global-text-main-content-color !important;
        }
    }
}


.face-down-table {
    .filter-item {
        &:hover {
            background: @global-bg-hover-color;
            color: @global-text-selected-color;
        }
    }
    .select-arrow {
        border-color: @global-text-sub-content-color transparent transparent transparent;
    }
}
//*************************************************************************//



//********** file:user-config.less **********//
// @import '../color-var.less';
.user-config {
    background-color: @global-bg-panel-back-color;
    &-content {
        background-color: @global-bg-panel-color;
        &-title {
            .page-name-icon {
                color: @global-bg-primary-color;
            }
            .page-name-content {
                color: @global-bg-primary-color;
            }
        }
    }
}
//*************************************************************************//



//********** file:v-tree.less **********//
.v-tree-container {
    .v-tree-header {
        background-color: @real-monitor-fleet-header-bg-color;
        color: @real-monitor-fleet-color;
        border-bottom: 1px dashed @real-monitor-border-color;
        .fleet-divider {
            background-color: @real-monitor-fleet-color;
        }
    }
    .high-search {
        background-color: @real-monitor-fleet-header-bg-color;
        border-bottom: 1px solid @real-monitor-border-color;
    }
    .search-position {
        background-color: @real-monitor-fleet-content-bg-color;
        .search-posion-container {
            border-bottom: 1px solid @real-monitor-border-color;
            .ant-select-selection {
                border: 1px solid @real-monitor-input-border-color !important;
                background-color: @real-monitor-fleet-input-bg-color !important;
                .ant-select-selection-selected-value {
                    font-size: 12px;
                    color: @real-monitor-fleet-font-color;
                }
            }
            .ant-select {
                color: @real-monitor-fleet-font-color;
            }
            .ant-select-arrow {
                color: @real-monitor-border-color !important;
            }
            .ant-select-selection__placeholder {
                color:  @real-monitor-input-placeholder-color;
            }
        }
        .drop-down-render-container {
            .row-render-item:hover {
                background-color: @real-monitor-fleet-tree-active-color;
            }
            .null-data {
                .null-data-text {
                    color: gray;
                }
            }
        }
    }
    .v-tree-content {
        background-color: @real-monitor-fleet-content-bg-color;
        .virtualized-tree-container {
            .company-item-container {
                background: @real-monitor-fleet-tree-item-bg-color;
                .icon-caret {
                    color: @real-monitor-fleet-tree-down;
                }
                .icon-car_group {
                    color: @real-monitor-fleet-tree-down;
                }
                .fleet-item-label {
                    .car-number {
                        color: @real-monitor-fleet-font-color;
                    }
                    .fleet-item-title {
                        color: @real-monitor-fleet-font-color;
                    }
                }
                .v-line {
                    border-left: 1px dashed @real-monitor-border-color;
                }
            }
            .company-item-container-close {
                &:before {
                    border-bottom: 1px dashed @real-monitor-border-color;
                }
            }
            .company-item-container:hover {
                background-color: @real-monitor-fleet-tree-active-color;
            }
            .company-item-container-avtive {
                background-color: @real-monitor-fleet-tree-active-color;
            }
            .vehicle-item-container {
                background-color: @real-monitor-fleet-tree-vehilce-item-bg-color;
                .icon-caret {
                    color: @real-monitor-fleet-tree-down;
                }
               .vehicle-info-area {
                    .vehicle-number {
                        color: @real-monitor-fleet-font-color;
                    }
                    .driver-name {
                        color: #169CF3;
                    }
                    .v-line {
                        border-left: 1px dashed @real-monitor-border-color;
                    }
               }
            }
            .vehicle-item-container-close {
                &:before {
                    border-bottom: 1px dashed @real-monitor-border-color;
                }
            }
            .vehicle-item-container:hover {
                background-color: @real-monitor-fleet-tree-active-color;
                .driver-name {
                    color: @real-monitor-sub-item-active-color;
                }
            }
            .vehicle-item-container-active {
                background-color: @real-monitor-fleet-tree-active-color;
                .vehicle-info-area {
                    .driver-name {
                        color: @real-monitor-sub-item-active-color;
                    }
                }
            }
            .channel-item-container {
                background-color: @real-monitor-fleet-tree-vehilce-item-bg-color;
                color: @real-monitor-fleet-font-color;
                .icon-channel {
                    color: @real-monitor-fleet-channel-color;
                }
                .channel-active {
                    color:#139bf3 !important
                }
                .icon-monitor {
                    color: #139BF3;
                }
                &:before {
                    border-bottom: 1px dashed @real-monitor-border-color;
                }
                .v-line {
                    border-left: 1px dashed @real-monitor-border-color;
                }
            }
            .channel-item-container:hover {
                background-color: @real-monitor-fleet-tree-active-color;
                .icon-monitor {
                    color: @real-monitor-sub-item-active-color;
                }
                .channel-active {
                    color:#fff !important;
                }
            }
        }
    }
    .v-tree-shrink-bg {
        background-color:  @real-monitor-fleet-content-bg-color;
            .shrink-arrow {
                border-color: transparent @real-monitor-fleet-font-color transparent transparent;
            }
            .shrink-transform {
                border-color: transparent transparent transparent @real-monitor-fleet-font-color;
            }
    }
}
//*************************************************************************//



//********** file:vehicle-escort.less **********//
.vehicle-escort-layout {
    background-color: @global-bg-panel-back-color;
    .layout-header {
        background: @global-bg-panel-color;
        .escort-body {
            .driver-info-item {
                .item-title {
                    &:before {
                        border: 2px solid @real-monitor-alarm-input-border-color;
                    }
                }
            }
        }
    }
    .layout-body {
        .body-left {
            border: 1px solid @global-border-color;
            .vehicle-escort-video {
                .tool {
                    background-color: @global-bg-panel-color;
                }   
            }
        }
        .body-right {
            border: 1px solid @global-border-color;
            #vehicle-escort-map {
                .alarm-pop-text {
                    box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.30);
                    background-color: rgba(13, 39, 61, 1);
                }
            }
            .escort-record-stop-modal {
                .slide-tab {
                    .tab-container {
                        .tab-ul {
                            .tab-li {
                                border: 1px solid @real-monitor-alarm-bg-shadow-color;
                            }
                            .active {
                                border-color: @real-monitor-input-border-color;
                                background-color: @real-monitor-input-border-color;
                            }
                        }
                    }
                }
            }
        }
    }
    .layout-footer {
        background: @global-bg-panel-color;
        .vehicle-escort-alarmlist {
            .container {
                .virtual-alarm {
                    &-item {
                        background-color: @real-monitor-box-shadow-color;
                    }
                    .item-active {
                        background-color: @real-monitor-input-border-color;
                    }
                }
            }
        }
    }
}
//*************************************************************************//



//********** file:vehicle-manage.less **********//
.turn-group-modal {
    .turn-vehicle {
        color: #333333;
    }
}
.vehicle-number-card {
    color: rgba(51,51,51,1);
    background-color: rgba(243,243,243,1);
    .close {
        background-color: rgba(254,67,45,1);
        &:before {
            color: #fff;
        }
    }
}
//*************************************************************************//



//********** file:virtual-treeSelect.less **********//
// 基础树
.ceiba-tree {
    color: @global-text-main-content-color !important;
    background-color: @global-bg-modal-panel-color !important;
    .cb-virtual-list .virtual-list-row {
        color: @global-text-main-content-color !important;
        background-color: @global-bg-modal-panel-color !important;
        .item-title:hover, .item-selected  {
            color: @global-text-selected-color !important;
            background-color: @global-bg-hover-color !important;
        }
    } 
}

// 基础树搜索
.virtual-search {
    .virtual-list {
        .virtual-list-row {
            color: @global-text-main-content-color !important;
            background-color: @global-bg-modal-panel-color !important;
            &:hover {
                color: @global-text-selected-color !important;
                background-color: @global-bg-hover-color !important;
            }
        }
    }
}

// 下拉树
.virtual-tree-select {
    .tree-select-dropdown {
        color: @global-text-main-content-color !important;
        background-color: @global-bg-modal-panel-color !important;
    } 
}
//*************************************************************************//