@font-face {
   font-family: "supermap-icon";
   src: url("./fonts/supermap-icon.eot?ttrekr");
   src: url("./fonts/supermap-icon.eot?ttrekr#iefix") format("embedded-opentype"),
   url("./fonts/supermap-icon.ttf?ttrekr") format("truetype"),
   url("./fonts/supermap-icon.woff?ttrekr") format("woff"),
   url("./fonts/supermap-icon.svg?ttrekr#supermap-icon") format("svg");
   font-weight: normal;
   font-style: normal;
}

[class^="supermapol-icons-"], [class*=" supermapol-icons-"] {
   /* use !important to prevent issues with browser extensions that change fonts */
   font-family: "supermap-icon", "sans-serif" !important;
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;

   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.supermapol-icons-material_design_beenhere:before {
   content: "\e958";
}

.supermapol-icons-material_design_directions:before {
   content: "\e959";
}

.supermapol-icons-material_design_directions_bike:before {
   content: "\e95a";
}

.supermapol-icons-material_design_directions_bus:before {
   content: "\e95b";
}

.supermapol-icons-material_design_directions_car:before {
   content: "\e95c";
}

.supermapol-icons-material_design_directions_ferry:before {
   content: "\e95d";
}

.supermapol-icons-material_design_directions_train:before {
   content: "\e95e";
}

.supermapol-icons-material_design_directions_transit:before {
   content: "\e95f";
}

.supermapol-icons-material_design_directions_walk:before {
   content: "\e960";
}

.supermapol-icons-material_design_flight:before {
   content: "\e961";
}

.supermapol-icons-material_design_hotel:before {
   content: "\e962";
}

.supermapol-icons-material_design_local_airport:before {
   content: "\e963";
}

.supermapol-icons-material_design_local_atm:before {
   content: "\e964";
}

.supermapol-icons-material_design_local_attraction:before {
   content: "\e965";
}

.supermapol-icons-material_design_local_bar:before {
   content: "\e966";
}

.supermapol-icons-material_design_local_cafe:before {
   content: "\e967";
}

.supermapol-icons-material_design_local_car_wash:before {
   content: "\e968";
}

.supermapol-icons-material_design_local_convenience_store:before {
   content: "\e969";
}

.supermapol-icons-material_design_local_drink:before {
   content: "\e96a";
}

.supermapol-icons-material_design_local_florist:before {
   content: "\e96b";
}

.supermapol-icons-material_design_local_gas_station:before {
   content: "\e96c";
}

.supermapol-icons-material_design_local_grocery_store:before {
   content: "\e96d";
}

.supermapol-icons-material_design_local_hospital:before {
   content: "\e96e";
}

.supermapol-icons-material_design_local_laundry_service:before {
   content: "\e96f";
}

.supermapol-icons-material_design_local_library:before {
   content: "\e970";
}

.supermapol-icons-material_design_local_mall:before {
   content: "\e971";
}

.supermapol-icons-material_design_local_movies:before {
   content: "\e972";
}

.supermapol-icons-material_design_local_offer:before {
   content: "\e973";
}

.supermapol-icons-material_design_local_parking:before {
   content: "\e974";
}

.supermapol-icons-material_design_local_pharmacy:before {
   content: "\e975";
}

.supermapol-icons-material_design_local_phone:before {
   content: "\e976";
}

.supermapol-icons-material_design_local_pizza:before {
   content: "\e977";
}

.supermapol-icons-material_design_local_play:before {
   content: "\e978";
}

.supermapol-icons-material_design_local_post_office:before {
   content: "\e979";
}

.supermapol-icons-material_design_local_print_shop:before {
   content: "\e97a";
}

.supermapol-icons-material_design_local_restaurant:before {
   content: "\e97b";
}

.supermapol-icons-material_design_local_see:before {
   content: "\e97c";
}

.supermapol-icons-material_design_local_shipping:before {
   content: "\e97d";
}

.supermapol-icons-material_design_local_taxi:before {
   content: "\e97e";
}

.supermapol-icons-material_design_location_history:before {
   content: "\e97f";
}

.supermapol-icons-material_design_my_location:before {
   content: "\e980";
}

.supermapol-icons-material_design_navigation:before {
   content: "\e981";
}

.supermapol-icons-material_design_pin_drop:before {
   content: "\e982";
}

.supermapol-icons-material_design_place:before {
   content: "\e983";
}

.supermapol-icons-material_design_rate_review:before {
   content: "\e984";
}

.supermapol-icons-material_design_restaurant_menu:before {
   content: "\e985";
}

.supermapol-icons-material_design_satellite:before {
   content: "\e986";
}

.supermapol-icons-material_design_store_mall_directory:before {
   content: "\e987";
}

.supermapol-icons-material_design_terrain:before {
   content: "\e988";
}

.supermapol-icons-material_design_traffic:before {
   content: "\e989";
}

.supermapol-icons-server:before {
   content: "\e98b";
}

.supermapol-icons-others:before {
   content: "\e98a";
}

.supermapol-icons-maps:before {
   content: "\e954";
}

.supermapol-icons-new:before {
   content: "\e955";
}

.supermapol-icons-feedback:before {
   content: "\e956";
}

.supermapol-icons-homepage:before {
   content: "\e957";
}

.supermapol-icons-ruler:before {
   content: "\e950";
}

.supermapol-icons-menu:before {
   content: "\e952";
}

.supermapol-icons-rename:before {
   content: "\e953";
}

.supermapol-icons-field:before {
   content: "\e951";
}

.supermapol-icons-export:before {
   content: "\e94d";
}

.supermapol-icons-zone:before {
   content: "\e94c";
}

.supermapol-icons-copy:before {
   content: "\e94b";
}

.supermapol-icons-qqblog:before {
   content: "\e94e";
}

.supermapol-icons-sina:before {
   content: "\e94f";
}

.supermapol-icons-play:before {
   content: "\e949";
}

.supermapol-icons-pause:before {
   content: "\e94a";
}

.supermapol-icons-search-thin:before {
   content: "\e948";
}

.supermapol-icons-layerStyle:before {
   content: "\e947";
}

.supermapol-icons-cad:before {
   content: "\e944";
}

.supermapol-icons-grid:before {
   content: "\e945";
}

.supermapol-icons-image:before {
   content: "\e946";
}

.supermapol-icons-eye-closed:before {
   content: "\e915";
}

.supermapol-icons-dropdown:before {
   content: "\e943";
}

.supermapol-icons-solid-triangle:before {
   content: "\e941";
}

.supermapol-icons-eye:before {
   content: "\e942";
}

.supermapol-icons-opacity:before {
   content: "\e940";
}

.supermapol-icons-table:before {
   content: "\e93f";
}

.supermapol-icons-upload:before {
   content: "\e93d";
}

.supermapol-icons-solid-point:before {
   content: "\e93a";
}

.supermapol-icons-flag:before {
   content: "\e93b";
}

.supermapol-icons-target:before {
   content: "\e93c";
}

.supermapol-icons-legend:before {
   content: "\e93e";
}

.supermapol-icons-select:before {
   content: "\e939";
}

.supermapol-icons-logo:before {
   content: "\e938";
}

.supermapol-icons-tag:before {
   content: "\e934";
}

.supermapol-icons-new_home:before {
   content: "\e935";
}

.supermapol-icons-update:before {
   content: "\e936";
}

.supermapol-icons-info:before {
   content: "\e937";
}

.supermapol-icons-unfold:before {
   content: "\e930";
}

.supermapol-icons-fold:before {
   content: "\e931";
}

.supermapol-icons-right:before {
   content: "\e932";
}

.supermapol-icons-left:before {
   content: "\e933";
}

.supermapol-icons-edit:before {
   content: "\e92c";
}

.supermapol-icons-home:before {
   content: "\e92d";
}

.supermapol-icons-share:before {
   content: "\e92e";
}

.supermapol-icons-back:before {
   content: "\e92f";
}

.supermapol-icons-rest-api:before {
   content: "\e929";
}

.supermapol-icons-javascript-api:before {
   content: "\e92a";
}

.supermapol-icons-desktop-dev:before {
   content: "\e92b";
}

.supermapol-icons-open:before {
   content: "\e91f";
}

.supermapol-icons-overlay:before {
   content: "\e920";
}

.supermapol-icons-point-layer:before {
   content: "\e921";
}

.supermapol-icons-hamburg:before {
   content: "\e922";
}

.supermapol-icons-triangle:before {
   content: "\e923";
}

.supermapol-icons-polygon-layer:before {
   content: "\e924";
}

.supermapol-icons-close:before {
   content: "\e925";
}

.supermapol-icons-add:before {
   content: "\e926";
}

.supermapol-icons-more:before {
   content: "\e927";
}

.supermapol-icons-line-layer:before {
   content: "\e928";
}

.supermapol-icons-polygon:before {
   content: "\e91e";
}

.supermapol-icons-triangle-old:before {
   content: "\e910";
   color: #474747;
}

.supermapol-icons-save:before {
   content: "\e900";
}

.supermapol-icons-baselayer:before {
   content: "\e901";
}

.supermapol-icons-marker:before {
   content: "\e902";
}

.supermapol-icons-uncheck:before {
   content: "\e903";
}

.supermapol-icons-checked:before {
   content: "\e904";
}

.supermapol-icons-zoom-in:before {
   content: "\e905";
}

.supermapol-icons-clear:before {
   content: "\e906";
}

.supermapol-icons-setting:before {
   content: "\e907";
}

.supermapol-icons-zoom-to:before {
   content: "\e908";
}

.supermapol-icons-default-layer:before {
   content: "\e909";
}

.supermapol-icons-group:before {
   content: "\e90a";
}

.supermapol-icons-delete:before {
   content: "\e90b";
}

.supermapol-icons-up:before {
   content: "\e90c";
}

.supermapol-icons-warning:before {
   content: "\e90d";
}

.supermapol-icons-retract:before {
   content: "\e90e";
}

.supermapol-icons-search:before {
   content: "\e90f";
}

.supermapol-icons-zoom-out:before {
   content: "\e911";
}

.supermapol-icons-layers:before {
   content: "\e912";
}

.supermapol-icons-add-old:before {
   content: "\e913";
}

.supermapol-icons-brush:before {
   content: "\e914";
}

.supermapol-icons-down:before {
   content: "\e916";
}

.supermapol-icons-line:before {
   content: "\e917";
}

.supermapol-icons-pen:before {
   content: "\e918";
}

.supermapol-icons-user:before {
   content: "\e919";
}

.supermapol-icons-down-end:before {
   content: "\e91a";
}

.supermapol-icons-up-end:before {
   content: "\e91b";
}

.supermapol-icons-text:before {
   content: "\e91c";
}

.supermapol-icons-customize:before {
   content: "\e91d";
}

div.smMap {
   z-index: 0;
   padding: 0px !important;
   margin: 0px !important;
   /* cursor: url("../images/cursors/Pan.cur"),default; */
   background-color: #f5f3f0;
}

div.smMapViewport {
   text-align: left;
}

div.smLayerDiv {
   -moz-user-select: none;
}

.smLayerGoogleCopyright {
   left: 2px;
   bottom: 2px;
}

.smLayerGooglePoweredBy {
   left: 2px;
   bottom: 15px;
}

.smControlAttribution {
   font-size: smaller;
   right: 3px;
   bottom: 0.5em;
   position: absolute;
   display: block;
}

.smControlScale {
   right: 3px;
   bottom: 3em;
   display: block;
   position: absolute;
   font-size: smaller;
}

.smControlScaleLine {
   display: block;
   position: absolute;
   left: 10px;
   bottom: 15px;
   font-size: xx-small;
}

.smControlScaleLineBottom {
   border: solid 2px black;
   border-bottom: none;
   margin-top: -2px;
   text-align: center;
}

.smControlScaleLineTop {
   border: solid 2px black;
   border-top: none;
   text-align: center;
}

.smControlPermalink {
   right: 3px;
   bottom: 1.5em;
   display: block;
   position: absolute;
   font-size: smaller;
}

div.smControlMousePosition {
   bottom: 0em;
   right: 3px;
   display: block;
   position: absolute;
   font-family: "Arial", "sans-serif";
   font-size: smaller;
}

.smControlOverviewMapContainer {
   position: absolute;
   bottom: 0px;
   right: 0px;
   background-color: #e5f3ff;
}

.smControlOverviewMapElement {
   border-left: 1px solid #3473b7;
   border-top: 1px solid #3473b7;
   padding-top: 4px;
   padding-left: 4px;
}

.smControlOverviewMapMinimizeButton {
   right: 0px;
   bottom: 1px;
   cursor: pointer;
}

.smControlOverviewMapMaximizeButton {
   right: 0px;
   bottom: 1px;
   cursor: pointer;
}

.smControlOverviewMapExtentRectangle {
   overflow: hidden;
   /*background-image:url(../../image/blank.gif);*/
   border: 1px solid red;
   background: #69F;
   filter: alpha(opacity=50); /* IE */
   -moz-opacity: 0.5; /* Moz + FF */
   opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/
}

.smControlOverviewMapRectReplacement {
   overflow: hidden;
   cursor: url("../images/cursors/PanDown.cur"), move;
   background-image: url(../images/overview_replacement.gif);
   background-repeat: no-repeat;
   background-position: center;
}

.smLayerGeoRSSDescription {
   float: left;
   width: 100%;
   overflow: auto;
   font-size: 1.0em;
}

.smLayerGeoRSSClose {
   float: right;
   color: gray;
   font-size: 1.2em;
   margin-right: 6px;
   font-family: sans-serif;
}

.smLayerGeoRSSTitle {
   float: left;
   font-size: 1.2em;
}

.smPopupContent {
   padding: 5px;
   overflow: auto;
}

.smHandlerBoxZoomBox {
   border: 2px solid red;
   position: absolute;
   background-color: white;
   opacity: 0.50;
   font-size: 1px;
   filter: alpha(opacity=50);
}

.smHandlerBoxSelectFeature {
   border: 2px solid blue;
   position: absolute;
   background-color: white;
   opacity: 0.50;
   font-size: 1px;
   filter: alpha(opacity=50);
}

.smPopupCloseBox {
   background: url("../images/close.gif") no-repeat;
   cursor: pointer;
}

.smFramedCloudPopupContent {
   padding: 5px;
   overflow: auto;
}

.smImageLoadError {
   background-color: pink;
   opacity: 0.5;
   filter: alpha(opacity=50); /* IE */
   display: none;
}

/**
 * Cursor styles
 */
.smDefault {
   cursor: default;
}

.smCursorWait {
   cursor: wait;
}

.smDragDown {
   cursor: url("../images/cursors/PanDown.cur"), move;
}

.smDragDownCanvas {
   cursor: move;
}

.smDragUp {
   cursor: url("../images/cursors/Pan.cur"), auto;
}

.smCursorPointer {
   cursor: pointer;
}

.smDrawBox {
   cursor: crosshair;
}

.smControlDragFeatureOver {
   /*cursor: move;*/
}

.smControlDragFeatureActive.smControlDragFeatureOver.smDragDown {
   /* cursor: -moz-grabbing;*/
}

/**
 * Layer switcher
 */
.smControlLayerSwitcher {
   position: absolute;
   top: 25px;
   right: 0px;
   width: 20em;
   font-family: sans-serif;
   font-weight: bold;
   margin-top: 3px;
   margin-left: 3px;
   margin-bottom: 3px;
   font-size: smaller;
   color: white;
   background-color: transparent;
   cursor: default;
}

.smControlLayerSwitcher .layersDiv {
   padding-top: 5px;
   padding-left: 10px;
   padding-bottom: 5px;
   background-color: darkblue;
   width: 100%;
   height: 100%;
}

/*白色样式下*/
.smControlLayerSwitcher .layersDivWhite {
   padding-top: 5px;
   padding-left: 10px;
   padding-bottom: 5px;
   background-color: darkblue;
   width: 100%;
   height: 100%;
}

.smControlLayerSwitcher .layersDiv .baseLbl,
.smControlLayerSwitcher .layersDiv .dataLbl {
   margin-top: 3px;
   margin-left: 3px;
   margin-bottom: 3px;
}

.smControlLayerSwitcher .layersDiv .baseLayersDiv,
.smControlLayerSwitcher .layersDiv .dataLayersDiv {
   padding-left: 3px;
}

.smControlLayerSwitcher .maximizeDiv,
.smControlLayerSwitcher .minimizeDiv {
   top: 0px;
   right: 0px;
   text-align: left;
   cursor: pointer;
}

.smControlLayerSwitcher .maximizeDiv {
   border: 3px solid #a5c8ec;
}

.smControlLayerSwitcher .maximizeDivWhite {
   top: 0px;
   right: 0px;
   cursor: pointer;
}

div.smControlLayerSwitcher {
   position: absolute;
   top: 50px;
   right: 0px;
   width: 171px;
   font-family: sans-serif;
   font-weight: bold;
   margin: 0px 3px 3px;
   font-size: smaller;
   font-size: 13px;
   color: #4083c2;
   background-color: transparent;
   border: 3px solid #a5c8ec;
}

div.smControlLayerSwitcher div.layersDiv {
   padding-top: 25px;
   padding-left: 5px;
   padding-bottom: 5px;
   background-color: #FFFFFF;
   width: 166px;
   height: 100%;
}

div.smControlLayerSwitcher div.layersDivWhite {
   padding-top: 10px;
   padding-left: 5px;
   padding-bottom: 10px;
   background-color: #FFFFFF;
   width: 166px;
   height: 100%;
   color: #565656;
   box-shadow: 0px 0px 3px #ababab;
   border: 1px solid #d7d7d7;
   border-radius: 4px;
}

.layerSwitcherHR {
   width: 95%;
   margin: 7px auto 7px auto;
}

input.inputElem {
   width: 14px;
   height: 14px;
   margin-left: 3px;
   margin-right: 4px;
   margin-bottom: 4px;
   margin-top: 4px;
   vertical-align: middle;
   border: 0px;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: 0%, 0%;
   cursor: pointer;
}

span.labelSpan {
   margin-left: 5px;
   padding-bottom: 3px;
   padding-top: 3px;
   height: 20px;
   vertical-align: middle;
}

div.minimizeDiv .layerSwitcherContent {
   position: absolute;
   padding: 2px 40px;
}

/**
 * Animations
 */

.smLayerDiv .smTileImage {
   -webkit-transition: opacity 0.2s linear;
   -moz-transition: opacity 0.2s linear;
   -o-transition: opacity 0.2s linear;
   transition: opacity 0.2s linear;
}

#popwin img {
   max-width: none;
}

/**
*绘制矩形框
*/
.qByBoundsBoxDiv {
   background-color: #304DBE;
   border: 2px solid #060abe;
   opacity: 0.3;
}

/**
* TiledVectorLayerEditor
*/
.smControlTiledVectorLayerEditor {
   width: 850px;
   height: 0px;
   cursor: default;
   color: #34495e;
}

.smControlTiledVectorLayerEditor form {
   width: 92%;
   margin: auto;
}

.smControlTiledVectorLayerEditor li {
   margin: 3px 0 3px;
   padding: 2px;
   text-indent: 4px;
}

.smControlTiledVectorLayerEditor li[data-layertype="point"] {
   list-style-image: url("../images/point.png");
}

.smControlTiledVectorLayerEditor li[data-layertype="line"] {
   list-style-image: url("../images/line.png");
}

.smControlTiledVectorLayerEditor li[data-layertype="region"] {
   list-style-image: url("../images/region.png");
}

.smControlTiledVectorLayerEditor li[data-layertype="text"] {
   list-style-image: url("../images/text.png");
}

.smSubPanel-body > ul > li {
   margin-bottom: 7px;
}

.smSubPanel-body ul > li li {
   list-style: circle;
}

/*.smShowHideBtn-container{
    content: "";
    height: 32px;
    width: 32px;
    background-image: url("../images/radial.png");
    border-radius: 5px;
}
.smShowHideBtn-container.move{
    cursor: move;
    opacity: 0.8;
}
.smShowHideBtn-container.move:hover{
    opacity: 1;
}
.smShowHideBtn-container.hidebtn{
    content: "";
    height: 16px;
    width: 16px;
    //background-image: url("../images/hide.png");
    border-radius: 0px;
    top: 10px;
    right: 28px;
    opacity: 0.8;
    z-index: 999;

}
.smShowHideBtn-container.hidebtn:hover{
    background-image: url("../images/hide_hover.png");
    opacity: 0.9;
}
.smShowHideBtn-container .smShowHideBtn{
    content: "";
    width: 16px;
    height: 16px;
    cursor: pointer;
    float: left;
}*/
span.smCloseBtn-container {
   height: 15px;
   width: 15px;
   top: 13px;
   right: 25px;
   opacity: 0.6;
   z-index: 999;
   position: absolute;
}

.smMainPanel {
   width: 100%;
   height: 0;
   box-sizing: border-box;
   font-size: 14px;
   font-family: "Microsoft YaHei", "sans-serif";
}

.smMainPanel.hide {
   display: none;
}

.smPanel-header {
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
   background-color: #0083cb;
   height: 41px;
   padding: 10px 10px 10px 10px;
   border-bottom-color: rgb(229, 229, 229);
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-top: none;
   border-right: none;
   border-left: none;
   box-sizing: border-box;
   cursor: move;
}

.smMainPanel-title {
   margin: 0;
   font-size: 15px;
   color: white;
   height: 21px;
   line-height: 21px;
   padding: 0;
   font-weight: normal;
}

.smMainPanel-body {
   border: 1px solid #ddd;
   box-sizing: border-box;
   background-color: white;
   color: #7c7c7c;
   border-bottom-left-radius: 2px;
   border-bottom-right-radius: 2px;
}

.smPanelPointer {
   border: 2px solid rgba(0, 0, 0, 0);
}

.smPanelPointer:hover {
   background-color: #f2f2f2;
}

.smPanelPointer.select {
   cursor: pointer;
   border: 1px solid #56b781;
}

.smLayerInfoPanel {
   width: 40%;
   display: inline-block;
}

.smSubPanel {
   border: 2px solid #ddd;
   margin: 3px 5px 5px 5px;
   overflow-y: auto;
}

.smSubPanel ul {
   margin: 0px 3px 0 0;
   overflow: hidden;
}

.smPanel-title {
   padding-left: 14px;
   padding-top: 14px;
   color: #7c7c7c;
}

.smSubPanel-header {
   background-color: #fff;
   z-index: 99;
   padding-bottom: 8px;
}

.smSubPanel-body {
   height: 270px;
   margin-top: 11px;
}

.smLayerInfoLI {
   height: inherit;
}

.smLayerInfoLI ul {
   height: 0px;
   transition: 300ms height;
}

.smEditPanel {
   display: none;
   width: 56.6%;
   float: right;
   right: 0px
}

.smEditPanel table {
   color: #7c7c7c;
}

.smEditPanel.show {
   display: block;
}

.smEditPanelControl {

   vertical-align: middle !important;
}

.smPanelCheckbox {
   float: left;
   margin-right: 10px;
   width: 32px;
}

.smEditPanel .smEditPanelInputContainer {
   height: 24px;
   width: 51px;
   border: 1px solid #888;
   margin: 5px;
}

.smEditPanel .smEditPanelInputContainer .smEditPanelInput {
   width: 25px;
   height: 18px !important;
   position: relative;
   margin: 2px;
   float: left;
   border: 1px solid;
}

.smEditPanel .smEditPanelInputContainer .smEditPanelInput.activebtn:hover {
   border: 1px inset #aaa;
}

.smEditPanel .smEditPanelInputBtn {
   content: "";
   height: 16px;
   width: 16px;
   position: relative;
   background: url("../images/colorbtn.png") 3px 4px no-repeat;
   float: right;
   right: 2px;
   top: 1px;
   margin: 2px;
}

.smEditPanel .smEditPanelInputBtn.activebtn:hover {
   background-color: #ebeff2;
}

.smEditPanel .smEditPanelInput, .smEditPanel input {
   margin: 5px;
   padding: 0px;
   border-radius: 0px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   text-indent: 1px;
}

.smToolSlider.smEditPanelInput {
   top: 4px;
}

.smEditPanel input:not([type="checkbox"]) {
   height: 25px;
   border: 1px solid #aaa;
}

input.smPanelValueInput[type="text"] {
   width: 40px;
   margin-left: 7px;
   text-align: center;
   border: 1px solid #dddddd;
}

.smControlTiledVectorLayerEditor .smAdvanceTable {
   display: none;
}

.smControlTiledVectorLayerEditor .smAdvanceTable tr {
   overflow: hidden;
   transition: 20ms height;
}

.smControlTiledVectorLayerEditor .smSecondTd {
   text-align: right;
}

.smRegularTable .smSecondTd {
   width: 104px;
}

.smAdvanceTable .smSecondTd {
   width: 136px;
}

.smControlTiledVectorLayerEditor .smSplitLine {
   border-top: 1px solid #ececec;
   text-align: right;
   padding-top: 15px;
   margin-top: 15px;
   color: #eee;
}

.smSplitLineBottom {
   margin-bottom: 18px;
}

.smSplitLine a {
   color: white;
   text-decoration: blink;
   background-color: #0083cb;
   display: inline-block;
   padding: 0;
   width: 108px;
   height: 38px;
   line-height: 38px;
   text-align: center;
   border-radius: 2px;
}

.smSplitLine a:hover {
   background-color: #0075b7;
}

.smControlTiledVectorLayerEditor .smSplitLineTop.hide {
   display: none;
}

/**
* SuperMap.Tool.Slider
*/
.smToolSlider {
   height: 4px;
   position: relative;
   display: inline-block;
   background-color: rgb(178, 185, 191);
   border-bottom-left-radius: 4px !important;
   border-bottom-right-radius: 4px !important;
   border-top-left-radius: 4px !important;
   border-top-right-radius: 4px !important;
   box-sizing: border-box;
   cursor: pointer;

}

.smToolSlider .smToolSliderBar {
   content: " ";
   height: 14px;
   width: 14px !important;
   position: absolute;
   top: -6px;
   color: rgb(124, 124, 124);
   background-color: rgb(124, 124, 124);
   cursor: pointer;
   border-color: rgb(124, 124, 124);
   border-top-left-radius: 50%;
   border-top-right-radius: 50%;
   border-bottom-left-radius: 50%;
   border-bottom-right-radius: 50%;

}

.smToolSlider .smToolSliderBar.down {
   cursor: pointer;
   opacity: 1;
   background-color: rgb(77, 145, 189);
}

span.supermapol-icons-clear {
   opacity: 0.7;
   cursor: default;
}

span.supermapol-icons-clear:hover {
   opacity: 1.0;
}

.smLayerGoogleCopyright {
   right: 3px;
   bottom: 2px;
   left: auto;
}

.smLayerGoogleV3.smLayerGoogleCopyright {
   bottom: 0px;
   right: 0px !important;
}

.smLayerGooglePoweredBy {
   left: 2px;
   bottom: 2px;
}

.smLayerGoogleV3.smLayerGooglePoweredBy {
   bottom: 0px !important;
}