/*!
 * 
 *             Name:    WebGIS API
 *             Version: 2.0.20240326.152226
 *             Branch:  PMS3.0
 *         
 */
 body {
    --webgis-primary-color: #0d867f;
    --webgis-second-color: rgba(13, 134, 127, 0.08);
    --webgis-control-bg-color: #f7f7f7;
    --webgis--text: #666666;
    --webgis-primary-text: #333333;
    --webgis-second-text: #999999;
    --webgis-border-radius-base: 8px;
    --webgis-border-radius-small: 6px;
    --webgis-split-bar-color: #e8e8e8;
    --webgis-font-size-small: 12px;
    --webgis-font-size-base: 14px;
    --webgis-font-size-big: 16px;
    --webgis-box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
    --theme-mode: 'light';
}

/* 地图控件样式 */
.mapboxgl-coordinate-control {
    background-color: var(--theme-bg, #fff);
    color: var(--theme-primary-title, #333);
    border-style: solid;
    border: 2px solid var(--theme-border, #21434b);
    opacity: 0.7;
    border-top: 0px;
    padding: 3px 6px;
    font-size: 13px;
    z-index: 10;
    min-width: 135px;
    margin: 10px;
}

.mapboxgl-auxiliary-control {
    height: 230px;
    width: 100px;
    position: fixed;
    bottom: 75px;
    right: 10px;
}

.mapboxgl-ctrl-toolbar {
    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    position: absolute;
    right: 20px;
    top: 100px;
    padding: 5px;
    background-color: #fff;
    z-index: 999;
    width: 20px;
    height: 20px;
}

.mapboxgl-ctrl-toolbar-mapLocation {
    top: unset;
    bottom: 110px;
}

.mapboxgl-ctrl-toolbar-comPass {
    top: unset;
    bottom: 155px;
    padding: 6px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    right: 14px;
}

.mapboxgl-ctrl-toolbar-comPass-dljxt {
    top: unset;
    bottom: 10px;
    padding: 6px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    right: 10px;
    background: rgba(11, 17, 45, 0.1);
}

.mapboxgl-ctrl-toolbar-amplification {
    top: unset;
    bottom: 60px;
    border-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.mapboxgl-ctrl-toolbar-amplification::after {
    content: '';
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 0;
    height: 1px;
    background-color: var(--webgis-second-text, #999);
}

.mapboxgl-ctrl-toolbar-narrow {
    top: unset;
    bottom: 30px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.mapboxgl-toolIcons {
    width: 100%;
    height: 100%;
    margin: 0;
}

.mapboxgl-toolIcons .mapLocation {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAArNJREFUWEftV81rE0EUf28nDUkwx14riLeAB3c2EEuhKCjKmnOvfiMVrP4BGv0D/ABL8Stee26DYkApFAzNznoQ60kFe+3NSBNSd5+8MANr3aQxVPegc9rZmffm9977zW9mEEZsjuMUiGiJzRGx7Hne+iiucBQjtrFt+x4AXNX2933fnxvF18gApJQPieiizsAjpdSlfw7AUyI6qzNQVUqd++MZKBaLpTAMLxDRMQCY2LHgBiK+sizrcbPZbAwLZigOlEqlg91udx4Ajg/puJ5Op2cbjcbH3ebvCkBKeQoAFokov5uz6DgitgBgRin1fJDdQAB68SUiEsYJIvJ+fyKEqGez2Q3+3263J4Ig4OycJ6JCZG4AAOVBIPoC4LRvb2+/jUTeRcTrrusuVCqVMC6qSqVi1Wq1y0R0BwDSmqCtsbGxw/3K0ReAbdsvIzXvCiFONpvN18OUoVgsHg2C4IUBAQB13/dPxNnGAmC2B0HwJpLKK0opJmGvTU1NjXc6HY5U6ihVJpNZWF1d3TRzpJSzRPTA9IUQR+J2RywAKWWViM5o5+uu6x4yadfRLQLA+I6INoUQMyZLuhzvDCcQ8ZlSqqcbP5E1Li22bX8x+xwRrymlWPd7kW9tbTEJdy5u3GzmcrmCyYSUco6I7urBDd/39/8CgE81FhdEzOrBlFE47qdSqcLa2toH/nYc50YYhrcG8cCyrJue593W89n3+0gpqwDwnftE1GbRQinlJyI60M9pPp/Pr6ysfONx27aXAcAdBAARl5VSZZ4zPT29r9VqsR7ENkT8/FsApJSsCaeHBTA5OZnvdDpfBwJIvASJkzAOQOLbcFghCsPQ4QAsy/L2VIg045OTYgaQ+GHEIBI9jg05E72QGBCJXsmi2zSxS2kfrfj71/IokP8vo8Qfp3v1PP8Bs9cDxRvExlQAAAAASUVORK5CYII=);
}

.mapboxgl-toolIcons .comPass {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAA2RJREFUWIWl101oXUUUB/Dfq5XGD9AQKIJuTNS6cGegpjZtIX62aIJK3SgJVZOFS5GnliJIlGbhLpsiQrHZRKSa+hFBxJBXEgpZuOhCqy+uFBGLCvGLGp+LmRdu77t37lP/q3vnnPM//zvnzpmZmohWqyWJWq1o9A78jmaHpYKvFvm2twfW19eTAf3Fw2NRwOt5QxVfG9urXSJhs1nDMA7hbtxy4+jozlZPj+/m55/H11jBB2igYkoDtnXpcwQXMItfcaxvevrgjvPn9ayttXpnZ+/FMWxEnwsxppJ/q7DNZmcZcTPm8QeO9g8MNDK2Z2MyeBpvtg3rzeYwpnEVHsc3eeKBgYGtryvDASxH4v255DCaeR7LGqLvgRi7jH1lScoE3Cd8+WGc0FnP62OCNu7BtTmfVow9jLdxf7cCduEUHsZqicBDuDLz3oMHSnxXhdl6K3InBVwRk7+McyWEXD79qbE2zgk/6amYo1TAuPDDnUiQ7cCDBeP5WcnjDaFnTJQJqOFFHJVewyM66w292J+Ia0XuF2RWX1bAPvwmNJEUxhK2VBngrNBHtlZFVsBBnK4g2IaHKsQVbhoZnI65OgTsEdZsCnfhhoT9JtxZwbGMoSIBt+KLsqipyUnS09/GWPQtw5e4rUhALy5WkFfVmGqRF2Mu/IvdEKYmJ//qwi21FDuQnYGf0Ffh/24XnAsV9r6Yq0PAV7j9f5JTLXKXsF13CFgVDhwprOHbhP176RZO6AFbe0xWwId4tCK4hfcS9vfxdwXHI/ioSMAyrsbeCoJUGVLiRO5rZLptVkALx4WTTKqbLeHngvENfJqIq0Xu4zKzlN8NT0aFUwmiS0K58ljEn4m4p4RN7GR2MC9gE0/iFexOkBVNdao0u/Eqnog5SgUQ2vF4TDJUYIePXf61l4TjeBGGIteEglZfdiZcFI7VZ4Ry5P+JDXySeV/CLzmfWow9E7kWixKlTsWLQl94Bkv1ej3fIxZKnkXfz2LscFnytkqU3gvaIifwknBgeQeNlZWVHxuNxueoDQ4ODo6MjFwXkz0mLOfXhB+usC+07wXdCMgK2SscSPZgYG5ubufm5qbx8fEfhAvqitCMzpYl/s8CZmZmioafE24/03lDvV5P8rUFbG3H/f0l9980FoRTcge65fsHNLbQEdpDGMoAAAAASUVORK5CYII=);
    margin: 0;
}

.mapboxgl-toolIcons .amplification {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAMBJREFUWEftl9ENwjAMRO+YA1iiXgIGKTPBIrBDnCnaOTDKBygIKqJQNRI4307u8ixdHKLxYmN9uIFqAiKyB3AEYCT7EMKlpp3fGBjMbJ1ESQ6qul3UQNd1lglajHHlBpyAE/gNAiKySwlnZpuaG03tSWEF4KCq57zmJQlF5JFwcxqYSsylDYyq+kT2nYHUgtM95+eiQHIE0H9sQYmgmVFErv4WOAEn8N8E8shuMpQ2H8tLErOkpvpfUHJ4SY0buAEOh5EhKwvQBwAAAABJRU5ErkJggg==);
}

.mapboxgl-toolIcons .narrow {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAGxJREFUWEft1cEJgEAMRNFJH9pFmrARi7IRm0gX2kfEgyDowUMgHv4WkBleWGJqftacLwoggAACCCDwEHD3SdKSmUPloTKzXdIcEet97luBrTr8CjxLRMT4+wK9K6jc+5dZfEMEEEAAAQTaBQ5Q/SIh0YYK9gAAAABJRU5ErkJggg==);
}

.mapboxgl-toolIcons i {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.mapboxgl-toggle-control {
    width: 86px;
    height: 60px;
    background-color: #fff;
}

.mapboxgl-toggle-control:hover {
    width: 86px;
    height: 120px;
    background-color: rgba(255, 255, 255, 0.8);
}

.mapboxgl-mapType .mapCard {
    background: url(data:image/png;base64,[encoded data, 66316 characters]);
}

/* 右键菜单基础样式 */
.webgis-contextmenu-container {
    background: #ffffff;
    position: absolute;
    top: -99999px;
    left: -99999px;
    font: 12px/1.5 \5fae\8f6f\96c5\9ed1;
    border: #bababa solid 1px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.29);
    z-index: 20005;
}

.webgis-contextmenu-container ul > li:hover {
    background-color: #eeeeee;
}

/* mapbox 缩放比例 */
.mapboxgl-coordinate-control, .mapboxgl-ctrl-scale {
    background-color: var(--theme-bg, #fff);
    color: var(--theme-primary-title, #333);
}

/* 亮白主题皮肤 */
:root {
    /* 主要字体颜色 */
    --theme-primary: #078b7e;
    /* 主要的背景色 */
    --theme-bg: #fff;
    /* 一级标题 */
    --theme-primary-title: #333;
    /* 二级标题 */
    --theme-sub: #333;
    /* 工具箱的hover背景  */
    --theme-active-bg: #c5d9e7;
    /* 工具箱的hover颜色 */
    --theme-active-color: #333;
    /* 盒子的变框颜色 */
    --theme-card-border: #ebeef5;
    /* 盒子的背景 */
    --theme-box-bg: #ffffffd2;
    /* 边框颜色 */
    --theme-primary-border: #ccc;
    /* 工具左侧的tabs颜色 */
    --theme-tabs-bg: #fff;
    /* hr 分隔符颜色 */
    --theme-divider-color: #e4e7ed;
    /* 搜索框内容item背景色 通用语item选项背景色 */
    --theme-item-bg: rgba(13, 134, 127, 0.3);
    /* 搜索框项选中背景颜色 */
    --theme-item-bg-active: #0d867f;
    /* 搜索框项选中字体颜色 */
    --theme-item-fc-active: #ffffff;
    /* 搜索框未选中时背景颜色 */
    --theme-item-bg-unactive: #f7f8fa;
    /* 列表的激活背景色 */
    --theme-list-bg-active: #f3faf9;
    /* 底部的border */
    --theme-border-bottom: #ddd;
    /* dialog头header颜色 */
    --theme-dialog-head-primary: #f7f7f7;
    /* 渐变的背景色 */
    --theme-box-gradient: linear-gradient(to bottom, #cae5e3, #c5d9e7);
    /* 边框白色 */
    --theme-border-transparent: rgb(255 255 255 / 0%);
    /* 毛玻璃效果 */
    --theme-backdrop-filter: blur(6px);
    /* 内部盒子 */
    --theme-box-inner-bg: rgba(255, 255, 255, 0.1);
    /* 内部盒子 */
    --theme-box-inner-bg: #f7fafd;
    /* 头部的背景 */
    --theme-box-top-bg: #f7fafd;
    /* FloatPanel背景色 */
    --theme-floatpanel-bg: #fff;
    /* FloatPanel header背景 */
    --theme-floatpanel-header-bg: #f7f7f7;
    /* FloatPanel content背景*/
    --theme-floatpanel-content-bg: rgba(255, 255, 255, 0);
    /* FloatPanel button按钮颜色 */
    --theme-floatpanel-btn-color: #3f3f3f;
    /* 专题图层模块tree背景色 */
    --theme-floatpanel-tree: rgba(255, 255, 255, 0);
    /* 下拉选择 背景 */
    --theme-select-bg: #fff;
    /* 下拉 颜色 */
    --theme-select-color: #666;
    /* 下拉框内容 */
    --theme-select-item: #666;
    /* 下拉内容 边框 */
    --theme-select-border: #e4e7ed;
    /* 下拉激活背景 */
    --theme-select-active-bg: #f5f7fa;
    /* 下拉激活颜色 */
    --theme-select-active-color: #0d867f;
    /* element 分页 总数颜色 */
    --theme-pagination-total: #798396ff;
    /* 分页 每一项的背景 */
    --theme-pagination-bg: #f4f4f5;
    /* 分页 颜色 */
    --theme-pagination-color: #666;
    /* 分页 选中激活背景 */
    --theme-pagination-active-bg: #0d867f;
    /* 分页 选中激活颜色 */
    --theme-pagination-active-color: #fff;
    /* 树状选择器 颜色 */
    --theme-treenode-color: rgba(13, 134, 127, 0.05);
    /* 按钮 */
    --btn-primary: #0d867f;
    --btn-tertiary: rgba(13, 14, 13, 0.05);
    --btn-tertiary-hover: #0d867f;
    --btn-border-tertiary: transparent;
    --btn-tertiary-border: rgba(13, 134, 127, 0.3);
    /* element switch 激活*/
    --theme-switch-active-bg: #0d867f;
    --theme-switch-active-color: #0d867f;
    /* element loading */
    --theme-el-loading-bg: #ffffffe6;
    --theme-el-loading-color: #0d867f;
    /* element radio单选 */
    --theme-el-radio-active: #0d867f;
    --theme-el-radio-color: #666;
    /* element table */
    --theme-table-head-bg: #e4e6ea;
    --theme-table-head-color: #000000;
    --theme-table-bg: #fff;
    --theme-table-tr-color: #666;
    --theme-table-border: #ebeef5;
    --theme-table-th-bg: #fff;
    --theme-table-th-color: #666;
    --theme-table-active-bg: #f5f7fa;
    --theme-table-active-color: #666;
    --theme-table-scroll-thumb: rgb(172, 171, 171);
    --theme-table-scroll-track: #ededed;
    /* element select */
    --theme-select-border-color: #dcdfe6;
    --theme-btn-bg: #fafafa;
}

/* #region Scrollbar */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 8px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    background-color: #f5f5f5;
}

/* #endregion */
/* #region el-date-picker*/
.gk-picker-panel {
    background: rgba(255, 255, 255, 1);
    border: 1px solid #e4e7ed;
}

.gk-date-range-picker__header > div {
    color: #666;
}

.gk-date-table th {
    color: #666;
    border-bottom: solid 1px #ebeef5;
}

.gk-date-range-picker__content.is-left {
    border-right: 1px solid #e4e4e4;
}

.gk-date-table td.in-range div {
    background-color: #f2f6fc;
    color: #666;
}

.gk-date-table td.in-range div:hover {
    background-color: #f2f6fc;
    color: #fff;
}

.gk-picker-panel__icon-btn {
    color: #666;
}

.available.in-range.start-date div, .available.in-range.end-date div {
    color: #fff;
}

/* #endregion */
