.analysis-gis {
    height: 100%;
    width: 100%;
    overflow: hidden;

    .ol-map-Modal-analysisModal,
    .ol-analysis-water-quality-search-modal {
        left: 10px;
        top: 58px;
    }
    .ol-analysis-water-quality-tooltip {
        top: 58px;
    }

    .ol-map-CustomModal-wrap {
        top: 58px;
        bottom: 10px;
    }

    .modal {
        right: 100%;
        top: 50px;
        transform: translateX(calc(~'100% + 2px'));
    }
}

.analysis-gis-layer-control {
    position: absolute;
    bottom: 12px;
    left: 10px;
    z-index: 9;

    .analysis-gis-layer-control-small {
        height: 56px;
        width: 56px;
        cursor: pointer;
    }

    .analysis-gis-layer-control-open {
        background: #fff;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
        border-radius: 8px;
        width: 250px;

        .analysis-gis-layer-control-header {
            height: 52px;
            display: flex;
            padding: 0 10px;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid #eaeaea;

            .analysis-gis-layer-control-header-title {
                font-weight: normal;
                font-size: 16px;
                color: #222222;
                font-weight: bold;
            }
        }

        .analysis-gis-layer-control-content {
            max-height: 400px;
            overflow-y: auto;
        }
    }
}

.analysis-gis-tools {
    width: calc(~'100% - 20px');
    height: 38px;
    position: absolute;
    top: 12px;
    left: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 2px;
}

.analysis-gis-tools-search {
    margin-right: 10px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    display: flex;
    align-items: center;
    width: 280px;

    .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
    .ant-select-selection-search-input {
        height: 38px !important;
    }

    .ant-select-selection-placeholder {
        line-height: 38px !important;
    }

    .analysis-gis-tools-search-btn {
        width: 50px;
        height: 38px;
        background: #1890ff;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
        border-radius: 0px 4px 4px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        img {
            width: 16px;
        }
    }
}

.analysis-gis-tools-list {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;

    .analysis-gis-tools-list-left {
        display: flex;
        align-items: center;

        .analysis-gis-tools-list-left-group {
            border-right: 1px solid #d7d7d7;
            display: flex;
            align-items: center;

            .analysis-gis-tools-list-left-group-item {
                width: 120px;
                height: 38px;
                background: #1890ff;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 4px 0px 0px 4px;
                font-size: 14px;
                color: #ffffff;
                cursor: pointer;

                .analysis-gis-tools-list-left-group-item-text {
                    margin: 0 10px;
                    white-space: nowrap;
                }
            }
        }

        .analysis-gis-tools-list-left-item {
            font-size: 14px;
            color: #55565b;
            padding: 0 12px;
            border-right: 1px dashed #a0a6ae;
            cursor: pointer;
        }

        .analysis-gis-tools-list-left-more {
            padding-left: 10px;

            span {
                margin-right: 8px;
            }
        }

        .analysis-gis-tools-list-left-item-active {
            color: #1890ff;
        }
    }

    .analysis-gis-tools-list-right {
        font-size: 14px;
        padding: 0 12px;
        display: flex;
        align-items: center;

        .analysis-gis-tools-list-right-text {
            margin: 0 4px;
        }
    }
}
.analysis-gis-content {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.analysis-gis-toolItem-icon {
    display: flex;
    align-items: center;
    padding-left: 5px;
}

.analysis-gis-toolItem {
    color: #636f92;
}

.analysis-gis-toolIcon {
    display: inline-block;
    margin-right: 6px;
}

.analysis-gis-menu {
    .ant-menu-vertical .ant-menu-item {
        height: 30px;
        line-height: 30px;
        border-top: 1px dashed #cbcbcb;
    }
}

.analysis-gis-content {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.analysis-gis-toolItem-icon {
    display: flex;
    align-items: center;
    padding-left: 5px;
}

.analysis-gis-toolItem {
    color: #636f92;
}

.analysis-gis-toolIcon {
    display: inline-block;
    margin-right: 6px;
}

.analysis-gis-menu {
    .ant-menu-vertical .ant-menu-item {
        display: flex;
        align-items: center;
        border-top: 1px dashed #cbcbcb;
    }
}
