margin-right: 20/@px-unit;
    }

    .cd-content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;

        .cd-title {
            color: @--font-l;
            font-size: 16/@px-unit;
            font-weight: 700;
        }

        .cd-capacity {
            font-size: 16/@px-unit;
            color: @--font-r;
        }

        .cd-progress{
            .similarity-progress .picData-progress{
                height: 20/@px-unit;
            }
        }
    }

}
._ChannelTree_{
    height: 100%;
    .page-view{
        height: 100%;
    }
}
.startAndEndTimePicker {
    .time-select-wrapper {
        display: flex;
        width: 100%;
        &>div {
            width: 100%;
            padding-top: 0rem !important;
            &>div {
                width: 100%;
    
            }
        }    
    }
}

.GraphCanvas{    
    width: 100%;
    height: 100%;
    
    
    
    
    .leftOcx{
        width: 100%;
        height: 100%;
    }
}


.TargetSamplingContainer {
    width: 100%;
    
    height: @stepMainHeight_Exp;

    .canvasIcon  {
        display: none !important;
    }
    .canvasBox {
        position: relative;
        width: 100%;
        
        height: @stepMainHeight_Exp;
    }
}




._ImportResult_ {
    @oprationHeight: 50 / @px-unit;

    .statusContainer {
        height: @oprationHeight;
        line-height: @oprationHeight;
        padding: 0 10 / @px-unit;
        border-bottom: 1 / @px-unit solid @pageBorderN;
        .status {
            float: left;
            display: flex;
            justify-content: center;
            align-items: center;

            .successIcon {
                .svgOut(@successIcon);
            }
            .errorIcon {
                .svgOut(@errorIcon);
            }
        }
    }
    .resultContainer {
        width: 100%;
        height: calc(@stepMainHeight_Exp - @oprationHeight);
        overflow-y: auto;

        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: flex-start;

        .resultCard {
            position: relative;
            width: 220 / @px-unit;
            height: 180 / @px-unit;
            margin: 8 / @px-unit;
            background-color: @aiPanel_cardBg;

            .cardPic {
                width: 100%;
                height: 150 / @px-unit;

                img {
                    width: 100%;
                    height: 100%;
                }
            }
            .buildStatus {
                width: 100%;
                height: 30 / @px-unit;
                line-height: 30 / @px-unit;
                background-color: @aiPanel_box_bottom-color;
                cursor: pointer;

                .success {
                    color: @successColor;
                }
                .error {
                    color: @errorColor;
                }
            }
        }
    }
}




._MaterialSelection_ {
    @oprationHeight: 50 / @px-unit;

    .oprationContainer {
        height: @oprationHeight;
        padding: 0 10 / @px-unit;
        border-bottom: 1 / @px-unit solid @pageBorderN;
    }
    .materialContainer {
        width: 100%;
        height: calc(@stepMainHeight_Exp - @oprationHeight);
        overflow-y: auto;

        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: flex-start;
        
        .materialCard {
            position: relative;
            width: 220 / @px-unit;
            height: 180 / @px-unit;
            margin: 8 / @px-unit;
            background-color: @aiPanel_cardBg;

            .checkbox {
                position: absolute;
                top: 0;
                left: 10 / @px-unit;
            }
            .cardPic {
                width: 100%;
                height: 100%;

                img {
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
}



.QrCode {
    .qr-code-box {
        margin: 10 / @px-unit 20 / @px-unit;
    }

    .content-code {
        padding: 10 / @px-unit;
        background-color: @QRCodeBg;
    }

    .DescribeText {
        text-align: center;
    }

    .mask-handle {
        position: relative;

        &:hover {
            .mask {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                background-color: #fff;
                opacity: 0.6;
                cursor: pointer;
            }
        }
    }
}



._ImportBaseContainer_ {
    max-width: 450 / @px-unit;
    margin: 0 auto;
    text-align: center;

    .channelList {
        padding: 10 / @px-unit 0;
        border-bottom: 1 / @px-unit solid @pageBorderN;
    }
}






































































































































            






















































@ant-modal-height-height: 42/@px-unit;
@arrow-icon-bg: @modalTitleBg;
@content-header-bg: @--menu-bg;
@content-spilt: @--split;

.acupick_window {
    height: 100%;
    width: 100% !important;
    max-width: none;
    .ant-modal-content {
        height: 100%;
        min-width: 1280/@px-unit;
        min-height: 900/@px-unit;
        .ant-modal-body {
            padding: 0;
            height: calc(100% - @ant-modal-height-height);

            .operation-button {
                display: flex;
                position: absolute;
                top: 6/@px-unit;
                left: 6/@px-unit;
                .normal-icon {
                    cursor: pointer;
                }
                .collect-icon {
                    .svgOut(@buttonNormalBgN);
                    .svgHover(@iconHover)
                }
                .hide-icon {
                    svg {
                        path:first-child {
                            fill: none
                        }
                        g {
                            path {
                                fill: #707070 !important;
                            }
                        }
                    }
                    &:hover {
                        svg {
                            g {
                                path {
                                    fill: @current !important;
                                }
                            }
                        }
                    }
                }
                .hide-active-icon {
                    visibility: visible;
                    svg {
                        path:first-child {
                            fill: none
                        }
                        g {
                            path {
                                fill: @current !important;
                            }
                        }
                    }
                }
                .collect-active-icon {
                    visibility: visible;
                    .svgOut(#cfb400);
                }
            }

            .window-main-container {
                position: relative;
                display: flex;
                height: 100%;
            }
            .window-container-left {
                top: 0;
                left: 0;
                position: absolute;
                display: flex;
                width: 428/@px-unit;
                height: 100%;
                flex-shrink: 0;
                transition: left 0.3s linear;
                z-index: 1000;
                .hover-hidden-arrow {
                    position: absolute;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;
                    background-color: @modalTitleBg;
                    width: 24/@px-unit;
                    height: 64/@px-unit;
                    border-radius: 2/@px-unit;
                    top: 50%;
                    right: 0;
                    transform: translate(0, -50%);
                    .hover-icon {
                        .svgFont(24)
                    }
                }
                .condition-wrapper {
                    height: 100%;
                    width: 100%;
                    display: flex;
                    flex-flow: column;
                    border-right: 1/@px-unit solid @--split;
                    .condition-header {
                        line-height: 60/@px-unit;
                        box-sizing: border-box;
                        height: 61/@px-unit;
                        padding-left: 20/@px-unit;
                        border-bottom: 1/@px-unit solid @--split;
                        border-right: 1/@px-unit solid @--split;
                        background-color: @content-header-bg;
                    }
                    .img-wrapper {
                        display: flex;
                        padding: 20/@px-unit;
                        background-color: @pageBodyBg;
                        align-items: center;
                        justify-content: center;
                        height: 428/@px-unit;
                        .condition-image {
                            max-width: 100%;
                            height: 100%;
                            &.defaultIcon {
                                max-width: 50%;
                                height: 50%;
                            }
                        }
                    }
                    .condition-form-wrapper {
                        flex: 1;
                        padding-left: 20/@px-unit;
                        background-color: @content-header-bg;
                        .compact-picker-wrapper {
                            display: flex;
                            .label-div-Container {
                                width: 50%;
                            }
                        }        
                    }
                }
            }
            .hide-container-left {
                left: -428/@px-unit;
            }
            .window-left-blank, .window-right-blank {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-shrink: 0;
                width: 32/@px-unit;
                box-sizing: border-box;
                background-color: @content-header-bg;
                border-left: 1/@px-unit solid @--split;
                border-right: 1/@px-unit solid @--split;
                .arrow-icon {
                    .svgFont(20)
                }
            }
            .window-container-right {
                height: 100%;
                flex-shrink: 0;
                width: 400/@px-unit;
                min-width: 400/@px-unit;
                padding: 10/@px-unit;
                .record-preview-panel {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                }
                .record-preview-header {
                    height: 41/@px-unit;
                    width: 100%;
                    box-sizing: border-box;
                    background-color: @modalTitleBg;
                    line-height: 40/@px-unit;
                    border-bottom: 1/@px-unit solid @--split;
                    padding-left: 20/@px-unit;
                }
                
                
                
            }
            .window-container-middle {
                position: relative;
                display: flex;
                height: 100%;
                overflow: hidden;
                flex-grow: 1;
                .hover-show-arrow {
                    position: absolute;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background-color: @modalTitleBg;
                    cursor: pointer;
                    width: 24/@px-unit;
                    height: 64/@px-unit;
                    border-radius: 2/@px-unit;
                    top: 50%;
                    left: 0;
                    transform: translate(0, -50%);
                    .hover-icon {
                        .svgFont(24)
                    }
                }
                .result-wrapper {
                    display: flex;
                    width: 100%;
                    height: 100%;
                    flex-direction: column;
                    .result-header {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        line-height: 60/@px-unit;
                        box-sizing: border-box;
                        padding-right: 20/@px-unit;
                        height: 61/@px-unit;
                        border-bottom: 1/@px-unit solid @--split;
                        background-color: @content-header-bg;
                        .ant-tabs-nav {
                            .ant-tabs-tab-btn {
                                height: 60/@px-unit;
                                line-height: 60/@px-unit;
                            }
                        }
                        .return-button {
                            margin-left: 20/@px-unit;
                        }
                    }
                    ._SideView_ {
                        min-width: 0;
                    }
                    .result-up-bar {
                        display: flex;
                        box-sizing: border-box;
                        justify-content: space-between;
                        align-items: center;
                        padding-right: 20/@px-unit;
                        flex-wrap: wrap;
                        min-height: 61/@px-unit;
                        border-bottom: 1/@px-unit solid @--split;
                        background-color: @content-header-bg;
                        .left-bar-wrapper {
                            display: flex;
                            .label-div-Container {
                                margin-left: 20/@px-unit;
                            }
                        }
                        .right-bar-wrapper {
                            display: flex;
                            .label-div-Container {
                                margin-left: 20/@px-unit;
                            }
                        }
                    }
                    .result-down-bar {
                        line-height: 60/@px-unit;
                        box-sizing: border-box;
                        padding-left: 16/@px-unit;
                        padding-right: 16/@px-unit;
                        display: flex;
                        justify-content: space-between;
                        height: 61/@px-unit;
                        border-top: 1/@px-unit solid @--split;
                        background-color: @content-header-bg;
                        .down-bar-left {
                            display: flex;
                            align-items: center;
                        }
                        .down-bar-right {
                            .pageLine {
                                min-width: 0;
                                margin-top: 0;
                                .pageLineLeft {
                                    order: 2;
                                }
                                .pageLineRight {
                                    order: 1;
                                    margin-right: 20/@px-unit;
                                }
                            }
                        }
                    }
                    .img-card-group {
                        flex: 1;
                        overflow-y: auto;    
                        .card-group-wrapper {
                            display: flex;
                            flex-wrap: wrap;
                            padding: 8/@px-unit;
                            padding-right: 0/@px-unit;
                            padding-left: 0/@px-unit;
                        }
                        .searching-mask, .no-result-mask {
                            height: 100%;
                            width: 100%;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                        }
                        .card-item-wrapper {
                            width: 266/@px-unit;
                            border: 1/@px-unit solid @--split;
                            margin: 6/@px-unit;
                            .card-content {
                                position: relative;
                                padding: 6/@px-unit;
                                cursor: pointer;
                                background-color: @content-header-bg;
                                .operation-button {
                                    display: flex;
                                    position: absolute;
                                    top: 6/@px-unit;
                                    left: 6/@px-unit;
                                    .normal-icon {
                                        cursor: pointer;
                                        visibility: hidden;
                                    }
                                    .collect-icon {
                                        .svgOut(@buttonNormalBgN);
                                        .svgHover(@iconHover)
                                    }
                                    .hide-icon {
                                        svg {
                                            path:first-child {
                                                fill: none
                                            }
                                            g {
                                                path {
                                                    fill: @hideIconNormalColor !important;
                                                }
                                            }
                                        }
                                        &:hover {
                                            svg {
                                                g {
                                                    path {
                                                        fill: @current !important;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                    .hide-active-icon {
                                        visibility: visible;
                                        svg {
                                            path:first-child {
                                                fill: none
                                            }
                                            g {
                                                path {
                                                    fill: @current !important;
                                                }
                                            }
                                        }
                                    }
                                    .collect-active-icon {
                                        visibility: visible;
                                        .svgOut(#cfb400);
                                    }
                                }
                                &:hover {
                                    .operation-button {
                                        .normal-icon {
                                            visibility: visible;
                                        }
                                    }
                                }
                                .small-img-wrapper {
                                    height: 150/@px-unit;
                                    text-align: center;
                                    padding-bottom: 6/@px-unit;
                                    .card-image {
                                        height: 100%;
                                        max-width: 100%;
                                    }
                                }
                                .smallface-img-wrapper {
                                    height: 150/@px-unit;
                                    display: flex;
                                    padding-bottom: 6/@px-unit;
                                    .smallface-img {
                                        width: 50%;
                                    }
                                    .smallface-info {
                                        width: 50%;
                                        padding: 8/@px-unit;
                                    }
                                    .card-image {
                                        height: 100%;
                                        max-width: 100%;
                                    }
                                    .label-normal-container {
                                        padding: 0 !important;
                                    }
                                }
                                .similar-wrapper {
                                    margin: 0 8px 7px 5px;
                                    background: @ai_progress_default;
                                    height: 14/@px-unit;
                                    position: relative;
                                    color: @pageTextA;
                                    line-height: 1;
                                    .progress_item {
                                        display: inline-block;
                                        height: 100%;
                                    }
                        
                                    .progress_red {
                                        background: @ai_progress_red;
                                    }
                        
                                    .progress_orange {
                                        background: @ai_progress_orange;
                                    }
                        
                                    .progress_blue {
                                        background: @ai_progress_blue;
                                    }

                                    .percent-num {
                                        position: absolute;
                                        right: 0;
                                    }
                                }
                            }
                            .card-footer {
                                display: flex;
                                align-items: center;
                                padding-left: 8/@px-unit;
                                .label-div-Container {
                                    flex-grow: 1;
                                }
                                .channel-name {
                                    margin-right: 12/@px-unit;
                                }
                            }
                        }
    
                    }
                    .card-wrapper-selected {
                        border: 1/@px-unit solid @current !important;
                    }
                }
                .labelSlider-float-left, .labelSlider-float-right {
                    line-height: initial;
                }            
            }
        }
    }
    ._tabCard_ {
        flex: 1;
        display: flex;
        flex-direction: column;
        ._Table_ {
            flex: 1;
            margin-top: 0;
            .ant-table > .ant-table-container .ant-table-tbody .ZD-selected-row td  {
                .hide-icon.cus_icons:not(.noHover):not(:hover):not(.disabled_icons) svg path:first-child {
                    fill: none;
                }
                .cus_icons.active:not(.noHover):not(:hover):not(.disabled_icons) svg path:first-child {
                    fill: @current;
                }
                .collect-active-icon {
                    visibility: visible;
                    .svgOut(#cfb400);
                }
                
            }
            .ant-table .ant-table-body {
                min-height: 250/@px-unit !important;
            }
        }
    }
    .result-header-right {
        display: flex;
        .ant-tabs-nav {
            .ant-tabs-tab-btn {
                height: 30/@px-unit !important;
                line-height: 30/@px-unit !important;
                min-width: 150/@px-unit !important;
            }
        }
        .ant-tabs.ant-tabs-top {
            
            margin-right: 10/@px-unit;
            flex-direction: row;
        }
    }
}

.label-sort-btn-wrapper {
    height: 32/@px-unit;
}
.icon-sort-btn-wrapper{
    display: inline-block;
    div {
        line-height: 18/@px-unit;
    }
    .icosortActiveBtn{
        svg{
            &+{
                path:first-child{
                    fill: @current !important;
                }
            }
        }
    }
    .sort-icon-up, .sort-icon-down {
        .svgFont(16)
    }
}

.acuPick-search-backup {
    .check-group-wrapper {
        display: flex;
    }
    .fileType_blank {
        display: inline-block;
        width: 8/@px-unit;
        height: 8/@px-unit;
        margin-right: 10/@px-unit;
    }
    .fileType_general {
        background: @general;
    }
    .fileType_detect {
        background: @detect;
    }
    .fileType_alarm {
        background: @alarm;
    }
    .fileType_detectAlarm {
        background: @detectalarm;
    }
    .fileType_ivs {
        background: @ivs;
    }
    .fileType_pos {
        background: @pos;
    }
    .fileType_jpg {
        background: @jpg;
    }
    .fileType_card {
        background: @card;
    }
}
._rightBottom_ {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.draw {
    &-region, &-canvas{
        width: 100%;
        height: 100%;
        position: absolute;
        &-hide {
            top: -10000 / @px-unit;
            z-index: 0;
        }
        &-show {
            z-index: 1001;
            top: 0;
            left: 0;
        }
    }
}


._Eptz_ {
    position: relative;
    margin-bottom: 0 / @px-unit;
    .eptz_switch{
        padding: 10/@px-unit;
        .label-normal-container {
            display: flex;
        }
    }
    &title{
        padding: 0 10/@px-unit;
        line-height: 40/@px-unit;
        color: @pageTextN;
        font-size: 14/@px-unit;
        background-color: @fisheye_title;
        -webkit-touch-callout: none; 
        -webkit-user-select: none; 
        -khtml-user-select: none; 
        -moz-user-select: none; 
        -ms-user-select: none; 
        user-select: none;
    }
    &wrap{
        width: 100%;
        padding: 10/@px-unit;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        .label-div-Container{
            width: 100%;
            .label-normal-container {
                width: 100%;
                .select{
                    width: 100% !important;
                }
            }
        }
      
    }
    &item{
        height:40/@px-unit;
        width:40/@px-unit;
        margin:10/@px-unit;
        font-size:40/@px-unit!important;
    }
    .item-disabled{
        cursor:not-allowed;
    }
    &active{
        svg path:first-child{
            fill:@fisheye_actColor!important;
        }
    }  

    .range-content {
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 100%;

        .ant-input-number-handler-wrap{
            display: none;
        }

        input {
            padding: 0 5px;
        }
    }
}

._AlarmController_ {
    margin-top: 20 / @px-unit;
    .mode {
        display: flex;
        align-items: center;

        .label {
            width: 150 / @px-unit;
            height: 30 / @px-unit;
            line-height: 30 / @px-unit;
        }

        .textItem {
            width: 30 / @px-unit;
            height: 30 / @px-unit;
            margin: 0 6 / @px-unit;
            line-height: 30 / @px-unit;
        }

        .radioItem {
            width: 30 / @px-unit;
            height: 30 / @px-unit;
            line-height: 16 / @px-unit;
            margin: 0 7 / @px-unit 0 5 / @px-unit;
            padding: 0 !important;
        }
    }

    .status {
        display: flex;
        align-items: center;

        .label {
            width: 150 / @px-unit;
            height: 30 / @px-unit;
            line-height: 30 / @px-unit;
        }

        .checkboxItem {
            width: 30 / @px-unit;
            height: 30 / @px-unit;
            margin: 0 7 / @px-unit 0 5 / @px-unit;
            padding: 0 !important;
        }
    }
}



.Finder {
  width: 280 / @px-unit;

  .ant-select-selector {
    .ant-select-selection-search {
      left: 30/ @px-unit !important;
    }
  }

  .hightlight {
    color: @current
  }
}
  
.Finder_icon {
  cursor: pointer;

  svg {
    width: 22/ @px-unit;
    margin: 0 4/ @px-unit;
    height: 22/ @px-unit;
  }

  &.close-icon:hover svg g path {
    fill: @--primary-6;
  }

  &.close-icon {
    position: relative;
    left: 30/ @px-unit;
    z-index: 1;
  }
}

.finder-popup {
  width: 532 / @px-unit;
  height: 234 / @px-unit;
  right: 48/ @px-unit;
  left: unset !important;

  .dropdown-content {
    height: 192/ @px-unit;

    .finder-search-item {
      font-weight: normal;
      cursor: pointer;
      height: 32/ @px-unit;
      line-height: 32/ @px-unit;
      display: flex;
      padding: 0 2/ @px-unit;
      color: .color_N(@--component-bg)[];

      svg {
        width: 22/ @px-unit;
        margin: 4 / @px-unit 4/ @px-unit 0;
        height: 22/ @px-unit;

        &+ {
          path:first-child {
            fill: .color_N(@--component-bg)[];
          }
        }
      }

      &:hover {
        color: @formInputDropDownTextSelectN;
        background-color: @formInputDropDownBgSel;
      }
    }

    .ant-cascader-menus {
      height: 100%;

      .ant-cascader-menu {
        height: 100%;
        width: 133 / @px-unit;
        min-width: 133 / @px-unit;
      }
    }

    .ant-cascader-menu-empty {
      .ant-cascader-menu-item {
        height: 180 / @px-unit;
        color: .color_N(@--component-bg)[];
      }
    }
  }

  .inSearch .ant-cascader-menus .ant-cascader-menu {
    flex-grow: 1;
  }

  .footer {
    display: flex;
    align-items: center;
    height: 32/ @px-unit;
    padding: 0 4/ @px-unit;

    .hightlight {
      color: @current;
      cursor: pointer;
      display: flex;
      align-items: center;
      margin-top: 2/ @px-unit;
      line-height: 30/ @px-unit;

      .back-text {
        margin-left: 2/ @px-unit;
      }

      svg {
        width: 22/ @px-unit;
        height: 22/ @px-unit;
        margin: 0 2 / @px-unit;
        position: relative;
        top: -2 / @px-unit;

        &+ {
          path:first-child {
            fill: @current;
          }
        }
      }
    }

  }

  .footer-mid {
    justify-content: center;
  }

  .footer-left {
    justify-content: start;
  }
}

.LayoutOcxLeft{    
    .leftOcx{        
        width: 450/@px-unit;
        height: 337/@px-unit;
    }
}
.ocxRight{   
    padding-left: 15/@px-unit;
    flex: 1;
}
.ocxBottom{
    padding-top: 15/@px-unit;
    width: 450/@px-unit;
    height: 120px;
}




.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}

.leaflet-tile::selection {
	background: transparent;
}

.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}

.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}


.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}

.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}




.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; 
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}




.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}




.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}


.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; 
	pointer-events: auto;
	}



.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}



.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}




.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}



.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}




.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}




.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}




.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}




.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}




.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}



.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}



@media print {
	
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

._ElectMap_ {
    margin: auto;
}
.mapPointSvg {
    display: none !important;
}
.cus_icons:not(.disabled_icons) svg {
    [data-name=point_start] path:first-child {
        fill: @markerNomal;
    }
    [data-name=point_end] path:first-child {
        fill: @markerNomal;
    }
}
.cus_icons:not(.disabled_icons) svg path[data-name=point_default] {
    fill:@markerNomal;
}

.finish.cus_icons:not(.disabled_icons) svg {
    [data-name=point_start] path:first-child {
        fill: @markerFinishi;
    }
    [data-name=point_end] path:first-child {
        fill: @markerFinishi;
    }
    path[data-name=point_default] {
        fill: @markerFinishi;
    }
}
.cus_icons:not(.disabled_icons):not(.noHover):hover svg path[data-name=point_disable] {
    fill:@markerNoTraHover;
}
.map-popup {
    background-color: @modalBg;
    color: @modalContentText;
	.map-popup-trac {
		max-width: 300 / @px-unit;
		min-width: 150 / @px-unit;
		word-break: break-all;
		width: max-content;

		overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-wrap: normal;
	}
}
.leaflet-tooltip {
    background-color: @modalBg;
    border-color: @modalBg;
}
.leaflet-tooltip-right:before {
    border-right-color: @modalBg;
}
.leaflet-tooltip-left:before {
    border-left-color: @modalBg;
}
.leaflet-marker-icon.anticon.cus_icons.active.leaflet-zoom-animated.leaflet-interactive {
	z-index: 1001 !important; 
}
._RemoteAudio_ {
    
    padding-top: inherit; 
}


.add-content-box {
    padding-top: 8/@px-unit;
    .box {