.thumb-wrap {
    float: left;
    height: 40px;
    width: 40px;
    padding: 5px;
    cursor: pointer;
    border-radius: 4px 4px 4px 4px;
    margin: 0px;
}

.searchTextField .x-form-trigger-wrap-default {
    border-width: 0px !important;
}

.searchTextField .x-form-text-default {
    background-color: #fff !important;
}


.mapInfo {
    color: #2D356B !important;
    font-size: 26px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: unset;
    position: absolute;
    z-index: 800;
    background-color: #fff;
    right: 0;
    bottom: 0;
    padding: 5px;
}
}

/* Chú giải bản đồ*/
.node-legend .x-tree-icon-leaf {
    display: none;
}
.node-legend .x-grid-cell-inner-treecolumn {
    display: flex;
}
/*end*/

.map {
    width: 100%;
    height: 100%;
    border-top: 1px solid #ececec;
}

.tree-layer-point-icon {
    background: url("/img/icon_point.png") !important;
    height: 16px !important;
    width: 16px !important;
    cursor: pointer;
    margin-top: 1px !important;
}

.tree-layer-line-icon {
    background: url("/img/icon_line.png") !important;
    height: 16px !important;
    width: 16px !important;
    cursor: pointer;
    margin-top: 1px !important;
}

.tree-layer-polygon-icon {
    background: url("/img/icon_polygon.png") !important;
    height: 16px !important;
    width: 16px !important;
    cursor: pointer;
    margin-top: 1px !important;
}

.tree-layer-data-icon {
    background: url("/img/icon_thuoctinh.png") !important;
    height: 16px !important;
    width: 16px !important;
    cursor: pointer;
    margin-top: 1px !important;
}

.spatialDrawControl div.olButton {
    background-image: url("../../resources/images/editing_tool_bar_circle.png") !important;
    border: none;
    background-repeat: no-repeat;
    margin: 0 0 5px 5px;
    width: 24px;
    height: 22px;
    cursor: pointer;
    float: left;
    position: relative;
}

#spatialDrawControl div.olButton {
    background-image: url("../../resources/images/editing_tool_bar_circle.png") !important;
    border: none;
    background-repeat: no-repeat;
    margin: 0 0 5px 5px;
    width: 24px;
    height: 22px;
    cursor: pointer;
    float: left;
    position: relative;
}

.spatialDrawControl .olControlDrawFeaturePointItemInactive {
    background-color: transparent;
    background-position: -77px -1px !important;
}

.spatialDrawControl .olControlDrawFeaturePointItemActive {
    background-color: transparent;
    background-position: -77px -24px !important;
}

.olControlNavToolbar .olControlNavigationItemInactive, .spatialDrawControl .olControlNavigationItemInactive {
    background-color: transparent;
    background-position: -103px -1px !important;
}

.olControlNavToolbar .olControlNavigationItemActive, .spatialDrawControl .olControlNavigationItemActive {
    background-color: transparent;
    background-position: -103px -24px !important;
}

.spatialDrawControl .olControlDrawFeaturePathItemInactive {
    background-color: transparent;
    background-position: -51px -1px !important;
}

.spatialDrawControl .olControlDrawFeaturePathItemActive {
    background-color: transparent;
    background-position: -51px -24px !important;
}

.spatialDrawControl .olControlDrawFeaturePolygonItemInactive {
    background-color: transparent;
    background-position: -26px -1px !important;
}

.spatialDrawControl .olControlDrawFeaturePolygonItemActive {
    background-color: transparent;
    background-position: -26px -24px !important;
}

.spatialDrawControl .olControlDrawCircleItemInactive {
    background-color: transparent;
    background-position: -1px -1px !important;
}

.spatialDrawControl .olControlDrawCircleItemActive {
    background-color: transparent;
    background-position: -1px -24px !important;
}

.spatialDrawControl .olControlDrawRectangleItemInactive {
    background-color: transparent;
    background-position: -128px -1px !important;
}

.spatialDrawControl .olControlDrawRectangleItemActive {
    background-color: transparent;
    background-position: -128px -24px !important;
}

#spatialDrawControl .olControlDrawFeaturePointItemInactive {
    background-color: transparent;
    background-position: -77px -1px !important;
}

#spatialDrawControl .olControlDrawFeaturePointItemActive {
    background-color: transparent;
    background-position: -77px -24px !important;
}

.olControlNavToolbar .olControlNavigationItemInactive, #spatialDrawControl .olControlNavigationItemInactive {
    background-color: transparent;
    background-position: -103px -1px !important;
}

.olControlNavToolbar .olControlNavigationItemActive, #spatialDrawControl .olControlNavigationItemActive {
    background-color: transparent;
    background-position: -103px -24px !important;
}

#spatialDrawControl .olControlDrawFeaturePathItemInactive {
    background-color: transparent;
    background-position: -51px -1px !important;
}

#spatialDrawControl .olControlDrawFeaturePathItemActive {
    background-color: transparent;
    background-position: -51px -24px !important;
}

#spatialDrawControl .olControlDrawFeaturePolygonItemInactive {
    background-color: transparent;
    background-position: -26px -1px !important;
}

#spatialDrawControl .olControlDrawFeaturePolygonItemActive {
    background-color: transparent;
    background-position: -26px -24px !important;
}

#spatialDrawControl .olControlDrawCircleItemInactive {
    background-color: transparent;
    background-position: -1px -1px !important;
}

#spatialDrawControl .olControlDrawCircleItemActive {
    background-color: transparent;
    background-position: -1px -24px !important;
}

#spatialDrawControl .olControlDrawRectangleItemInactive {
    background-color: transparent;
    background-position: -128px -1px !important;
}

#spatialDrawControl .olControlDrawRectangleItemActive {
    background-color: transparent;
    background-position: -128px -24px !important;
}


#featuresClassPanel .x-tree-checkbox {
    margin: 5px 3px 0 0 !important;
}

.clsButton-removefile {
    background: url("/gClient/gManager/Resources/images/icon-s1e3ca44eec.png") !important;
    height: 16px;
    width: 16px;
    background-position: 0 -1180px !important;
    cursor: pointer;
}

divEditControl.olControlEditingToolbarEditor div {
    background-image: url("/gClient/gEditor/images/editing_tool_bar_circle.png") !important;
    float: left;
}

.olControlEditingToolbarEditor {
    margin: 5px 5px 0 0;
}

    .olControlEditingToolbarEditor div {
        background-repeat: no-repeat;
        cursor: pointer;
        height: 22px;
        margin: 0 0 5px 5px;
        width: 24px;
    }

.olControlEditingToolbarEditor {
    right: 0;
    top: 0;
}

    .olControlEditingToolbarEditor div {
        float: left;
    }

    .olControlEditingToolbarEditor .olControlNavigationItemInactiveEditor {
        background-position: -103px -1px;
    }

        .olControlEditingToolbarEditor .olControlNavigationItemInactiveEditor.selected {
            background-position: -103px -24px;
        }

    .olControlEditingToolbarEditor .olControlDrawFeaturePointItemInactiveEditor {
        background-position: -77px -1px;
    }

        .olControlEditingToolbarEditor .olControlDrawFeaturePointItemInactiveEditor.selected {
            background-position: -77px -24px;
        }

    .olControlEditingToolbarEditor .olControlDrawFeaturePathItemInactiveEditor {
        background-position: -51px -1px;
    }

        .olControlEditingToolbarEditor .olControlDrawFeaturePathItemInactiveEditor.selected {
            background-position: -51px -24px;
        }

    .olControlEditingToolbarEditor .olControlDrawFeaturePolygonItemInactiveEditor {
        background-position: -26px -1px;
    }

        .olControlEditingToolbarEditor .olControlDrawFeaturePolygonItemInactiveEditor.selected {
            background-position: -26px -24px;
        }

    .olControlEditingToolbarEditor .olControlDrawRectangleItemInactiveEditor {
        background-position: -128px -1px;
    }

        .olControlEditingToolbarEditor .olControlDrawRectangleItemInactiveEditor.selected {
            background-position: -128px -24px;
        }

    .olControlEditingToolbarEditor .olControlDrawCircleItemInactiveEditor {
        background-position: -1px -1px;
    }

        .olControlEditingToolbarEditor .olControlDrawCircleItemInactiveEditor.selected {
            background-position: -1px -24px;
        }

.id-panel-arrow {
    background-image: url("/gClient/gEditor/images/icon-pack-1-active.png") !important;
}

.x-browse-item {
    background: url("/gClient/gEditor/images/icon.png");
    height: 26px;
    width: 24px;
    cursor: pointer;
    margin-right: 5px;
}

.gx-tree-baselayer-icon {
    background: url("/gClient/gEditor/images/icon-s1e3ca44eec.png");
    height: 16px;
    width: 16px;
    background-position: 0 -1364px;
    cursor: pointer;
    margin: 6px 3px 0 0;
}

.gx-tree-layer-point-icon {
    background: url("/gClient/gEditor/images/icon_point.png") !important;
    height: 16px;
    width: 16px;
    cursor: pointer;
    margin: 6px 3px 0 0;
}

.gx-tree-layer-polygon-icon {
    background: url("/gClient/gEditor/images/icon_polygon.png") !important;
    height: 16px;
    width: 16px;
    cursor: pointer;
    margin: 6px 3px 0 0;
}

.gx-tree-layer-line-icon {
    background: url("/gClient/gEditor/images/icon_line.png") !important;
    height: 16px;
    width: 16px;
    background-position: -16px 0;
    cursor: pointer;
    margin: 6px 3px 0 0;
}

.gx-tree-layer-heatmap-icon {
    background: url("/gClient/gEditor/images/icon_heatmap.png") !important;
    height: 16px;
    width: 16px;
    background-position: -16px 0;
    cursor: pointer;
    margin: 6px 3px 0 0;
}


.gx-tree-layer-mapcache-icon {
    background: url("/gClient/API/js/extjs/themes/images/default/icon/note.png") !important;
    height: 16px;
    width: 16px;
    background-position: -16px 0;
    cursor: pointer;
    margin: 6px 3px 0 0;
}


.gx-tree-layer-data-icon {
    background: url("/gClient/gEditor/images/icon_attribute.png") !important;
    height: 16px;
    width: 16px;
    cursor: pointer;
    margin: 6px 3px 0 0;
}

.gx-tree-layer-none-icon {
    background: none !important;
    display: none !important;
    cursor: pointer;
    margin: 6px 3px 0 0;
}


.x-panel, .x-plain, .x-panel-body {
    overflow: visible;
}

.clsButton-eye {
    background: url("/editor/resources/images/eye_open.png");
    height: 16px !important;
    width: 16px !important;
    cursor: pointer;
    margin-right: 5px;
}

.clsButton-eye_close {
    background: url("/editor/resources/images/eye_close.png");
    height: 16px !important;
    width: 16px !important;
    cursor: pointer;
    margin-right: 5px;
}


.clsButton-add {
    background: url("/editor/resources/images/icon-s1e3ca44eec.png");
    height: 16px !important;
    width: 16px !important;
    background-position: 0 -1268px;
    cursor: pointer;
    margin-right: 5px;
}

.clsButton-save {
    background: url("/editor/resources/images/icon-s1e3ca44eec.png");
    height: 16px !important;
    width: 16px !important;
    background-position: 0 -2144px;
    cursor: pointer;
}

.clsButton-remove {
    background: url("/editor/resources/images/icon-s1e3ca44eec.png");
    height: 16px !important;
    width: 16px !important;
    background-position: 0 -1728px;
    cursor: pointer;
}

.clsButton-apply {
    background: url("/editor/resources/images/icon-s1e3ca44eec.png");
    height: 16px !important;
    width: 16px !important;
    background-position: 0 -1776px;
    cursor: pointer;
}

.clsButton-newfolder {
    background: url("/editor/resources/images/icon-s1e3ca44eec.png");
    height: 16px !important;
    width: 16px !important;
    background-position: 0 -2128px;
    cursor: pointer;
}

.clsButton-editfolder {
    background: url("/editor/resources/images/icon-s1e3ca44eec.png");
    height: 16px !important;
    width: 16px !important;
    background-position: 0 -1616px;
    cursor: pointer;
}

.clsButton-deletefolder {
    background: url("/editor/resources/images/icon-s1e3ca44eec.png");
    height: 16px !important;
    width: 16px !important;
    background-position: 0 -1180px;
    cursor: pointer;
}

.clsButton-edit {
    background: url("/editor/resources/images/icon-s1e3ca44eec.png");
    height: 16px !important;
    width: 16px !important;
    background-position: 0 -2384px;
    cursor: pointer;
    margin-right: 5px;
}

.clsButton-info {
    background: url("/editor/resources/images/icon-s1e3ca44eec.png");
    height: 16px !important;
    width: 16px !important;
    background-position: 0 -1956px;
    cursor: pointer;
    margin-right: 5px;
}

.clsButton-refresh {
    background: url("/editor/resources/images/icon-s1e3ca44eec.png");
    height: 16px !important;
    width: 16px !important;
    background-position: 0 -2176px;
    cursor: pointer;
    margin-right: 5px;
}

.clsButton-refreshdefault {
    background: url("/editor/resources/images/icon-s1e3ca44eec.png");
    height: 16px !important;
    width: 16px !important;
    background-position: 0 -2080px;
    cursor: pointer;
    margin-right: 5px;
}

.clsButton-showrule {
    background: url("/editor/resources/images/icon-s1e3ca44eec.png");
    height: 16px !important;
    width: 16px !important;
    background-position: 0 -1648px;
    cursor: pointer;
    margin-right: 5px;
    border: none;
    vertical-align: middle;
}

.clsButton-hiderule {
    background: url("/editor/resources/images/icon-s1e3ca44eec.png");
    height: 16px !important;
    width: 16px !important;
    background-position: 0 -1680px;
    cursor: pointer;
    margin-right: 5px;
    border: none;
    vertical-align: middle;
}

.panelHeaderMapInfo {
    /*background: url("/gClient/gEditor/images/bg-panel-header.gif") repeat-x scroll 0 0 #F1F1F1;
    border-bottom: 1px solid #D3D3D3;*/
    height: 30px;
    overflow: hidden;
}

.linkbuttonMapInfo {
    color: #21759B !important;
    cursor: pointer;
    /*font-family: Verdana,Helvetica,Arial,sans-serif;*/
    outline-style: none;
    outline-width: 0;
    padding: 1px;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: bold;
}

.divLinkButton a:hover {
    border-bottom: 1px solid #0000FF !important;
}

#mapname a:hover {
    border-bottom: 1px solid #21759B !important;
}

#search .search-bt {
    list-style: none outside none;
    margin: 2px 0 0;
}

#gMapButtonSearch .search-bt {
    transition: background 0.4s ease 0s;
}

.x-grid-cell-checkcolumn .x-grid-cell-inner {
    line-height: 14px;
    padding-bottom: 2px;
    padding-top: 4px;
}

.x-grid-with-row-lines .x-grid-cell-checkcolumn .x-grid-cell-inner {
    padding-top: 3px;
}

.x-grid-checkheader {
    background-color: transparent;
    background-image: url("/gClient/API/js/extjs/themes/images/default/menu/unchecked.gif");
    background-position: 50% -2px;
    background-repeat: no-repeat;
    height: 14px;
}

.x-grid-checkheader-checked {
    background-image: url("/gClient/API/js/extjs/themes/images/default/menu/checked.gif");
}

.x-grid-checkheader-editor .x-form-cb-wrap {
    text-align: center;
}

.largeButton a:hover .but-5, .largeButton .selected .but-5 {
    background-position: -128px -32px;
}

.largeButton .but-5 {
    background-position: -128px 0px;
}

.thumb {
    text-align: center;
}

.thumbs {
    text-align: center;
}

.thumb img {
    text-align: center;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 3px 0 #CCCCCC;
    cursor: pointer;
    margin: 0.3em;
    padding: 0.5em;
}

.thumb a {
    text-align: center;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 3px 0 #CCCCCC;
    cursor: pointer;
    margin: 0.3em;
    padding: 0.3em;
}

.thumbs img {
    text-align: center;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 3px 0 #CCCCCC;
    cursor: pointer;
    margin: 0.3em;
    padding: 0.5em;
    padding-bottom: 2em;
}

.thumb-wrap {
    width: 169px;
    height: 140px;
}

    .thumb-wrap img:hover, .thumb-wraps img:hover {
        border-color: #aaa;
        box-shadow: 0 3px 5px 0 #CCCCCC;
    }

    .thumb-wrap.x-item-selected {
        background: #eff5fb no-repeat right bottom;
        border: 1px solid #99bbe8;
        padding: 4px;
    }

.divEditControl.thumb-wrap.x-item-selected {
    background: #CCCCCC no-repeat right bottom;
    border: 0px solid #99BBE8;
    padding: 0px;
}

.legend {
    padding-left: 18px;
}
/*
.x-tree-elbow, .x-tree-elbow-end {
    width: 16px !important;
}*/

#divMap_View {
    width: auto;
    position: absolute;
    z-index: 7;
    top: 0px;
    left: 0;
    bottom: 0px;
    right: 0px;
    height: 100% !important;
    width: 100% !important;
}

.td-Dest {
    width: 150px;
    padding: 3px 3px 3px 3px;
}

.td-Source {
    width: 150px;
    padding: 3px 3px 3px 3px;
}

.control-select {
    width: 150px;
    padding: 3px 3px 3px 3px;
}

.toolbarCenterBorder {
    /*background: #f9f9f9;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;*/
}

.toolbarCenter {
    width: 100%;
}

    .toolbarCenter .items {
        list-style: none;
        display: inline-block;
        margin-top: 0px;
        float: left;
    }

        .toolbarCenter .items .item {
            display: inline-block;
            padding: 4px 4px 0 4px;
            float: left;
            height: 30px;
            padding-top: 3px;
        }

            .toolbarCenter .items .item .itemClick {
                padding: 3px 20px 10px 6px;
                border-radius: 5px;
                float: left;
            }

.polygonIconSmall {
    background: url(../../images/polygon-icon.png) no-repeat scroll 95% center;
}

.toolbarCenter .icon-16.dropDown {
    background-image: url(../../images/toolbar-center-icon-pack.png);
    float: left;
    margin-right: 6px;
}

.toolbarCenter a {
    cursor: pointer;
}

    .toolbarCenter a:hover .icon-16.dropDown {
        background-image: url(../../images/toolbar-center-icon-pack-active.png);
    }

.icon-16.mapMaticIcon16 {
    background-position: 0px 0px;
}

.icon-16.mapLayerMaticIcon16 {
    background-position: -16px 0px;
}

.icon-16.toolsIcon16 {
    background-position: -32px 0px;
}

.toolbarCenter .items .item .itemClick:hover {
    border: 1px solid #ccc;
    padding: 2px 19px 10px 5px;
}

.toolbarCenter .items .item .itemClick:active {
    border: 1px solid #ccc;
    box-shadow: 0px 0px 10px -4px #888 inset;
}

.toolbarCenter .items .item.first {
}

.item .subItems {
    min-width: 175px;
    display: none;
    list-style: none;
    position: absolute;
    background: #f9f9f9;
    top: 32px;
    border: 1px solid #ccc;
    border-top: none;
    box-shadow: 0px 4px 2px #999;
    z-index: 999;
}

    .item .subItems .subItem {
        padding: 6px 0;
        margin: 0 1px;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #FFF;
    }

        .item .subItems .subItem a {
            cursor: pointer;
            padding: 3px 24px 3px 23px;
            background: url(../../images/squareIconSmall.png) no-repeat scroll 11px;
            display: block;
        }

        .item .subItems .subItem:hover {
            background: #FFF;
            cursor: pointer;
        }

        .item .subItems .subItem.first {
            border-top: none;
        }

        .item .subItems .subItem.last {
            border-bottom: none;
        }

label {
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

.item:hover .subItems {
    display: block;
}

.toolbarCenter .icon-16.noDropDown {
    background-image: url(../images/cursor.png);
}

.toolbarCenter .selected .icon-16.noDropDown {
    background-image: url(../images/cursor.png);
}

.toolbarCenter .icon-16.i1 {
    background-position: 0px 0px;
}

.toolbarCenter .icon-16.i2 {
    background-position: -16px 0px;
}

.toolbarCenter .icon-16.i3 {
    background-position: -32px 0px;
}

.toolbarCenter .icon-16.i4 {
    background-position: -48px 0px;
}

.toolbarCenter .icon-16.i5 {
    background-image: url(../images/map.png);
}

.icon-16.iconPackPoint {
    background-position: 0px 0px;
}

.icon-16.iconPackLine {
    background-position: -16px 0px;
}

.icon-16.iconPackPolygon {
    background-position: -32px 0px;
}

.icon-16.iconPackBbox {
    background-position: -48px 0px;
}

.icon-16.iconPackCancel {
    background-position: -64px 0px;
}

.icon-16.iconPackArrow {
    background-position: -80px 0px;
}

.selected .icon-16.iconPackArrow {
    background-position: -96px 0px;
}

.icon-16.iconPackInfo {
    background-position: -112px 0px;
}

.icon-16.iconPackFull {
    background: url(../../images/iconPackFull.png) no-repeat 0 0;
}

.selected .icon-16.iconPackFull {
    background: url(../../images/iconPackFull.png) no-repeat 0 -16px;
}

.toolbarCenter .items .item .itemClick2 {
    padding: 3px 3px 3px 3px;
    border-radius: 5px;
    float: left;
}

.x-boundlist-item span.chkCombo {
    background: transparent url(/gClient/API/js/extjs/themes/images/default/menu/unchecked.gif) no-repeat;
    padding-left: 20px;
}

.x-boundlist-selected span.chkCombo {
    background: transparent url(/gClient/API/js/extjs/themes/images/default/menu/checked.gif) no-repeat;
    padding-left: 20px;
}

.x-grid-checkheader {
    background-color: transparent;
    background-image: url("/gClient/API/js/extjs/themes/images/default/menu/unchecked.gif");
    background-position: 50% -2px;
    background-repeat: no-repeat;
    height: 14px;
}

.x-grid-checkheader-checked {
    background-image: url("/gClient/API/js/extjs/themes/images/default/menu/checked.gif");
}

/*Style kết quả danh sách điểm POI*/
.divFormDetail .Items {
    list-style: none;
    display: block;
}

    .divFormDetail .Items .Item {
        border-bottom: 1px solid #FFf;
        display: block;
        clear: both;
        display: block;
        padding: 2px 0;
        overflow: hidden;
        background-image: url(../img/line-dot-gray.png);
        background-repeat: repeat-y;
        background-attachment: scroll;
        background-position: 112px 0;
    }

        .divFormDetail .Items .Item span {
            display: block;
        }

        .divFormDetail .Items .Item .nhanhienthi {
            width: 115px;
            float: left;
            height: 100%;
            overflow: hidden;
            padding-left: 4px;
        }

        .divFormDetail .Items .Item .title, .divFormDetail .Items .Item .content {
            margin-left: 120px;
        }

        .divFormDetail .Items .Item .title {
            font-weight: bold;
        }

        .divFormDetail .Items .Item.row2 {
            background-color: #f8f8f8;
        }

        .divFormDetail .Items .Item.row1 {
            background-color: #f3f3f3;
        }

#ActionExportExcelDetail {
    margin-top: 12px;
}


#result-poi .srItems {
    list-style: none;
    margin: 6px 0 0 0;
}

    #result-poi .srItems .divFormDetail {
        display: none;
    }

    #result-poi .srItems .srItem {
        overflow: hidden;
    }

        #result-poi .srItems .srItem .link {
            display: none;
            padding: 12px 12px 12px 0;
            background: url(/gClient/gViewer/Resources/img/line-space-1.png) repeat-x bottom;
        }

            #result-poi .srItems .srItem .link:hover {
                background: url(/gClient/gViewer/Resources/img/line-space-sr.png) repeat-x bottom;
            }

        #result-poi .srItems .srItem .list-marker {
            background: url(/gClient/gViewer/Resources/img/searchResult-marker.png) no-repeat;
            width: 22px;
            height: 34px;
        }

            #result-poi .srItems .srItem .list-marker .number-marker {
                text-align: center;
                margin: 4px 2px 0 0;
                padding: 0;
                font-weight: bold;
                display: block !important;
            }

        #result-poi .srItems .srItem h3 {
            font-weight: bold;
            margin: 4px 0 -1px 32px;
            font-size: 14px;
        }

    #result-poi .srItems a:hover h3 {
        color: #32b4e6 !important;
        margin-left: 36px;
    }

    #result-poi .srItems .srItem h5 {
        margin-left: 10px;
        display: inline-block;
    }

    #result-poi .srItems .srItem .address {
        background: url(/gClient/gViewer/Resources/img/add-icon.png) no-repeat top left;
        padding: 0 0 0 18px;
        margin: 8px 0 0 4px;
    }

    #result-poi .srItems .srItem .tel {
        clear: both;
        background: url(/gClient/gViewer/Resources/img/tel-icon.png) no-repeat top left;
        padding: 0 0 0 18px;
        margin: 8px 0 0 4px;
    }


.list-lv2 li h1 {
    margin-top: 0px;
}

#right-wap-tool li a.selected {
    border: 1px solid #ccc;
}

/*==style cho radio button basemap=*/
.gx-tree-radio {
    background-image: url("/gClient/gEditor/images/icon-s1e3ca44eec.png") !important;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-top: 6px;
}

    .gx-tree-radio.x-tree-checkbox {
        background-position: 0 -2668px;
    }

    .gx-tree-radio.x-tree-checkbox-checked {
        background-position: 0 -2240px !important;
    }
/* hết*/


/*==style cho dserver=*/
.items-prop {
    color: #333333;
    margin-left: 10px;
    font-weight: bolder;
    font-size: 13px;
    display: inline-block;
    width: 100px;
    font-family: Arial;
}

.items-info {
    color: #0F9CB9;
    font-family: Arial;
    font-size: 13px;
}

.table-items {
    height: 120px;
    margin-top: 10px;
}
/*hết*/

/* ===css cho custom chú giải*/
#pnlLegendInfo img.x-tree-icon.x-tree-icon-leaf, #pnlLegendInfo img.x-tree-elbow-line, #pnlLegendInfo img.x-tree-elbow-empty, #pnlLegendInfo img.x-tree-elbow-end {
    display: none !important;
}
/*==hết style chú giải==*/

/* ===css cho custom edit tool rule*/
#FormEditControl_AddFeature img.x-tree-icon.x-tree-icon-leaf, #FormEditControl_AddFeature img.x-tree-elbow-line, #FormEditControl_AddFeature img.x-tree-elbow-empty, #FormEditControl_AddFeature img.x-tree-elbow-end, #FormEditControl_AddFeature img.x-tree-elbow {
    display: none !important;
}

/* ===css cho custom edit EVN*/
#wnToolEditEVN img.x-tree-icon.x-tree-icon-leaf, #wnToolEditEVN img.x-tree-elbow-line, #wnToolEditEVN img.x-tree-elbow-empty, #wnToolEditEVN img.x-tree-elbow-end, #wnToolEditEVN img.x-tree-elbow {
    display: none !important;
}
/*==hết style chú giải==*/

/* ===css cho custom chú giải*/
#FormEditControl_AddFeature img.x-tree-icon.x-tree-icon-leaf, #FormEditControl_AddFeature img.x-tree-elbow-line, #FormEditControl_AddFeature img.x-tree-elbow-empty, #FormEditControl_AddFeature img.x-tree-elbow-end {
    display: none !important;
}
/*==hết style chú giải==*/

/*===style cho tab công cụ====*/
.backgroundImageTabTool {
    background-image: url('../../images/icongServerCongcu.png') !important;
    background-repeat: no-repeat;
}

#editorControl .largeButton .selectedFeature {
    background-position: 0px 0px;
}

#editorControl .largeButton .createBuffer {
    background-position: -24px 0px;
}

#editorControl .largeButton .createHeatMap {
    background-position: -48px 0px;
}

#editorControl .largeButton a:hover .selectedFeature {
    background-position: 0px -24px;
}

#editorControl .largeButton a:hover .createBuffer {
    background-position: -24px -24px;
}

#editorControl .largeButton a:hover .createHeatMap {
    background-position: -48px -24px;
}

#editorControl .largeButton .NetworkAnalyst {
    background: url("/gClient/gEditor/images/icon-s1e3ca44eec.png") !important;
    background-repeat: no-repeat;
    background-position: 0 -2568px !important;
    cursor: pointer;
}
/*==== hết style tab công cụ =====*/


.olControlDeleteItemInactive {
    background-attachment: scroll;
    -moz-box-sizing: border-box;
    background-position: -128px 0px;
    background-origin: padding-box;
    background-repeat: repeat;
    background-size: auto auto;
}

.olControlDeleteItemActive {
    background-attachment: scroll;
    -moz-box-sizing: border-box;
    background-clip: border-box;
    background-origin: padding-box;
    background-repeat: repeat;
    background-position: -128px -32px;
    background-size: auto auto;
}

.olControlModifyItemActive {
    background-attachment: scroll;
    -moz-box-sizing: border-box;
    background-clip: border-box;
    background-image: url("../../images/gEditor-icon-24x24.png") !important;
    background-origin: padding-box;
    background-repeat: repeat;
    background-position: -96px -32px;
    background-size: auto auto;
}

.olControlModifyItemInactive {
    background-attachment: scroll;
    -moz-box-sizing: border-box;
    background-clip: border-box;
    background-origin: padding-box;
    background-repeat: repeat;
    background-position: -96px 0px;
    background-size: auto auto;
}

.olControlDrawFeaturePointItemInactive {
    background-attachment: scroll;
    -moz-box-sizing: border-box;
    background-clip: border-box;
    background-origin: padding-box;
    background-repeat: repeat;
    background-position: 0px 0px;
    background-size: auto auto;
}

.olControlEditingToolbar div {
    border-radius: 2px;
    border: 1px solid #CCC;
    text-align: center;
    width: 32px;
    height: 32px;
    background-image: url("../../images/gEditor-icon-p2-32x32.png") !important;
    margin: -2px 6px 0 -2px;
}

.olControlDrawFeaturePointItemActive {
    -moz-box-sizing: border-box;
    background-clip: border-box background-origin: padding-box;
    background-repeat: repeat;
    background-position: 0px -32px;
    background-size: auto auto;
}

.olControlDrawFeaturePathItemInactive {
    background-attachment: scroll;
    -moz-box-sizing: border-box;
    background-clip: border-box;
    background-origin: padding-box;
    background-repeat: repeat;
    background-position: -32px 0px;
    background-size: auto auto;
}

.olControlDrawFeaturePathItemActive {
    background-attachment: scroll;
    -moz-box-sizing: border-box;
    background-clip: border-box;
    background-origin: padding-box;
    background-repeat: repeat;
    background-position: -32px -32px;
    background-size: auto auto;
}

.olControlDrawFeaturePolygonItemInactive {
    background-attachment: scroll;
    -moz-box-sizing: border-box;
    background-clip: border-box;
    background-origin: padding-box;
    background-repeat: repeat;
    background-position: -64px -0px;
    background-size: auto auto;
}

.olControlDrawFeaturePolygonItemActive {
    background-attachment: scroll;
    -moz-box-sizing: border-box;
    background-clip: border-box;
    background-origin: padding-box;
    background-repeat: repeat;
    background-position: -64px -32px;
    background-size: auto auto;
}

.iconAdd {
    background-image: url(/gClient/gEditor/images/sukien-color.png);
    float: left;
    margin-right: 6px;
    background-position: -144px 0px;
}

.iconEdit {
    background-image: url(/gClient/gEditor/images/sukien-color.png);
    float: left;
    margin-right: 6px;
    background-position: -160px 0px;
}

.iconSearchAdvance {
    background-image: url(/gClient/gEditor/images/sukien-color.png);
    float: left;
    margin-right: 6px;
    background-position: -224px 0px;
}

.iconInfo {
    background-image: url(/gClient/gEditor/images/sukien-color.png);
    float: left;
    margin-right: 6px;
    background-position: -320px 0px;
}

.iconDelete {
    background-image: url(/gClient/gEditor/images/sukien-color.png);
    float: left;
    margin-right: 6px;
    background-position: -176px 0px;
}

.iconSave {
    background-image: url(/gClient/gEditor/images/sukien-color.png);
    float: left;
    margin-right: 6px;
    background-position: -192px 0px;
}

.iconThietBi {
    background-image: url(/gClient/gEditor/images/sukien-color.png);
    float: left;
    margin-right: 6px;
    background-position: -272px 0px;
}

.iconExcel {
    background-image: url(/gClient/gEditor/images/icon_excel.png);
    float: left;
    margin-right: 6px;
}

.iconEVNLineNumber {
    background-image: url(/gClient/gEditor/images/icon_evn_update.png);
    float: left;
    margin-right: 6px;
}

.iconChart {
    background-image: url(/gClient/gEditor/images/chart-icon.png);
    float: left;
    margin-right: 6px;
}

.iconPrint {
    background-image: url(/gClient/gEditor/images/icon_print.png);
    float: left;
    margin-right: 6px;
}

.iconClose {
    background-image: url(/gClient/gEditor/images/sukien-color.png);
    float: left;
    margin-right: 6px;
    background-position: -208px 0px;
}

.iconLink {
    background-image: url(/gClient/gEditor/images/link.png);
    background-repeat: no-repeat;
    padding-right: 25px;
    cursor: pointer;
}

.icondObject {
    background-image: url(/gClient/gEditor/images/dobject.png);
    background-repeat: no-repeat;
    padding-right: 25px;
    cursor: pointer;
}


.x-form-cb-wrap {
    padding-top: 0px !important;
}


/*=============== CSS LinearReference ==================== */
.iconChonRoute {
    background-image: url(/gClient/gEditor/images/chooseRoute.png);
    float: left;
    margin-right: 6px;
}

.iconSearch {
    background-image: url(/gClient/gEditor/images/search.png);
    float: left;
    margin-right: 6px;
}

.iconChonXY {
    background-image: url(/gClient/gEditor/images/choosexy.png);
    float: left;
    margin-right: 6px;
}

.clsLabelCombo input {
    border: none !important;
    background: none !important;
}

.icon-dashboardviewer {
    background: url("/gClient/gEditor/images/icon-s1e3ca44eec.png");
    height: 16px;
    width: 16px;
    cursor: pointer;
    background-position: 0 -1568px;
}

.iconNetWorkBuilder {
    background-image: url(/gClient/gEditor/images/network_24.png) !important;
    height: 24px;
    width: 24px;
    cursor: pointer;
    float: left;
    margin-right: 6px;
}

.forSubjectClick a {
    display: inline-block;
    float: left;
}

    .forSubjectClick a span {
        display: inline-block;
        padding: 8px 0px 7px 15px;
    }


#TabSearch_features_control {
    border: 1px solid #ccc;
    position: absolute;
    left: 0;
    z-index: 12;
}

#TabSearch_features_control {
    width: 345px;
    height: 30px;
    background: #FFF;
}

#TabSearch_features_control {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

    #TabSearch_features_control #search-marker {
        background-image: url(../../images/gMic-search-tools.png);
        background-repeat: no-repeat;
        height: 24px;
        width: 24px;
        margin: 3px 0 0 6px;
    }

    #TabSearch_features_control .gmapMarker {
        background: url(../../images/arrow-searchresult-tools.png) no-repeat scroll 259px 50% #FFF;
    }

        #TabSearch_features_control .gmapMarker #search-marker {
            background-image: url(../../images/search-icon.png);
            background-repeat: no-repeat;
            height: 24px;
            width: 24px;
            margin: 3px 0 0 6px;
        }

    #TabSearch_features_control .gViewerMarker #search-marker {
        background-image: url(../../images/gEditor-search-tools.png);
        background-repeat: no-repeat;
        height: 24px;
        width: 24px;
        margin: 3px 0 0 6px;
    }

    #TabSearch_features_control #search-marker {
        background-position: 0px 0px;
    }

        #TabSearch_features_control #search-marker.selected {
            background-position: -24px 0px;
        }

    #TabSearch_features_control div {
        -webkit-transition: background 0.4s ease;
        -moz-transition: background 0.4s;
        -o-transition: color 0.4s ease;
        -ms-transition: background 0.4s ease;
        transition: background 0.4s ease;
    }

    #TabSearch_features_control .search-box {
        height: 20px;
        width: 220px;
        margin: 4px 0 0 12px;
        padding: 1px 6px;
        border: none;
        vertical-align: text-bottom;
    }

.TabSearch_Control_button .search-bt {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: url(../../images/search-arrow-icon.png) no-repeat center;
    border: 2px solid #FFF;
    top: 2px;
    left: 315px;
    position: absolute;
}

.TabSearch_Control_button a:hover .search-bt {
    height: 24px;
    width: 24px;
    -webkit-border-radius: 50%;
    background: #505050 url(../../images/search-arrow-icon.png) no-repeat center;
    border: 2px solid #ccc;
    left: 300px;
}

.TabSearch_Control_button .search-bt {
    -webkit-transition: all 0.4s ease;
    -moz-transition: background 0.4s;
    -moz-transition: margin 0.4s;
    -o-transition: color 0.4s ease;
    -ms-transition: background 0.4s ease;
    transition: background 0.4s ease;
}

#TabSearch_features_control .toolstipBox {
    position: absolute;
    top: 35px;
    background: #FFF;
    display: inline-block;
    z-index: -1;
    display: none;
    opacity: 0;
    left: 45px;
    border: 1px solid #ccc;
    border-top: none;
}

.TabSearch_spatial .toolstipBox {
    position: absolute;
    top: 35px;
    background: #FFF;
    display: inline-block;
    display: none;
    opacity: 0;
    left: 45px;
    border: 1px solid #ccc;
    border-top: none;
}

#TabSearch_geoname_control {
    border: 1px solid #ccc;
    position: absolute;
    left: 0;
    z-index: 12;
}

#TabSearch_geoname_control {
    width: 345px;
    height: 30px;
    background: #FFF;
}

#TabSearch_geoname_control {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

    #TabSearch_geoname_control .search-box {
        height: 20px;
        width: 240px;
        margin: 4px 0 0 12px;
        padding: 1px 6px;
        border: none;
        vertical-align: text-bottom;
    }

#TabSearch_features_control .trig-click, .TabSearch_spatial .trig-click {
    background: url(../../images/layer-icon.png) no-repeat 0 0;
    height: 24px;
    width: 24px;
    margin: 0px 0 0 0px;
    cursor: pointer;
    display: inline-block;
}

    #TabSearch_features_control .trig-click.selected, .TabSearch_spatial .trig-click.selected {
        background: url(../../images/layer-icon.png) no-repeat 0 0;
        height: 24px;
        width: 24px;
        margin: 0 0 0 0;
    }



.spatialDrawControl div.olButton {
    background-image: url("/editor/resources/images/editing_tool_bar_circle.png") !important;
    border: none;
    background-repeat: no-repeat;
    margin: 0 0 5px 5px;
    width: 24px;
    height: 22px;
    cursor: pointer;
    float: left;
    position: relative;
}

.spatialDrawControl .olControlDrawFeaturePointItemInactive {
    background-color: transparent;
    background-position: -77px -1px !important;
}

.spatialDrawControl .olControlDrawFeaturePointItemActive {
    background-color: transparent;
    background-position: -77px -24px !important;
}

.olControlNavToolbar .olControlNavigationItemInactive, .spatialDrawControl .olControlNavigationItemInactive {
    background-color: transparent;
    background-position: -103px -1px !important;
}

.olControlNavToolbar .olControlNavigationItemActive, .spatialDrawControl .olControlNavigationItemActive {
    background-color: transparent;
    background-position: -103px -24px !important;
}

.spatialDrawControl .olControlDrawFeaturePathItemInactive {
    background-color: transparent;
    background-position: -51px -1px !important;
}

.spatialDrawControl .olControlDrawFeaturePathItemActive {
    background-color: transparent;
    background-position: -51px -24px !important;
}

.spatialDrawControl .olControlDrawFeaturePolygonItemInactive {
    background-color: transparent;
    background-position: -26px -1px !important;
}

.spatialDrawControl .olControlDrawFeaturePolygonItemActive {
    background-color: transparent;
    background-position: -26px -24px !important;
}

.spatialDrawControl .olControlDrawCircleItemInactive {
    background-color: transparent;
    background-position: -1px -1px !important;
}

.spatialDrawControl .olControlDrawCircleItemActive {
    background-color: transparent;
    background-position: -1px -24px !important;
}

.spatialDrawControl .olControlDrawRectangleItemInactive {
    background-color: transparent;
    background-position: -128px -1px !important;
}

.spatialDrawControl .olControlDrawRectangleItemActive {
    background-color: transparent;
    background-position: -128px -24px !important;
}


#spatialDrawControl div.olButton {
    background-image: url("../../images/editing_tool_bar_circle.png") !important;
    border: none;
    background-repeat: no-repeat;
    margin: 0 0 5px 5px;
    width: 24px;
    height: 22px;
    cursor: pointer;
    float: left;
    position: relative;
}

#spatialDrawControl .olControlDrawFeaturePointItemInactive {
    background-color: transparent;
    background-position: -77px -1px !important;
}

#spatialDrawControl .olControlDrawFeaturePointItemActive {
    background-color: transparent;
    background-position: -77px -24px !important;
}

.olControlNavToolbar .olControlNavigationItemInactive, #spatialDrawControl .olControlNavigationItemInactive {
    background-color: transparent;
    background-position: -103px -1px !important;
}

.olControlNavToolbar .olControlNavigationItemActive, #spatialDrawControl .olControlNavigationItemActive {
    background-color: transparent;
    background-position: -103px -24px !important;
}

#spatialDrawControl .olControlDrawFeaturePathItemInactive {
    background-color: transparent;
    background-position: -51px -1px !important;
}

#spatialDrawControl .olControlDrawFeaturePathItemActive {
    background-color: transparent;
    background-position: -51px -24px !important;
}

#spatialDrawControl .olControlDrawFeaturePolygonItemInactive {
    background-color: transparent;
    background-position: -26px -1px !important;
}

#spatialDrawControl .olControlDrawFeaturePolygonItemActive {
    background-color: transparent;
    background-position: -26px -24px !important;
}

#spatialDrawControl .olControlDrawCircleItemInactive {
    background-color: transparent;
    background-position: -1px -1px !important;
}

#spatialDrawControl .olControlDrawCircleItemActive {
    background-color: transparent;
    background-position: -1px -24px !important;
}

#spatialDrawControl .olControlDrawRectangleItemInactive {
    background-color: transparent;
    background-position: -128px -1px !important;
}

#spatialDrawControl .olControlDrawRectangleItemActive {
    background-color: transparent;
    background-position: -128px -24px !important;
}


#divsearchTab {
    position: relative;
    display: block;
    height: 40px;
    z-index: 12;
}

#diveditorDataTab {
    position: relative;
    display: block;
    height: 40px;
    z-index: 12;
}

#searchBox {
    border: 1px solid #f1f1f1;
    position: absolute;
    top: 7px;
    left: 12px;
    z-index: 12;
}

#searchBox {
    width: 450px;
    height: 30px;
    background: #FFF;
}

#searchBox {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

    #searchBox div {
        -webkit-transition: background 0.4s ease;
        -moz-transition: background 0.4s;
        -o-transition: color 0.4s ease;
        -ms-transition: background 0.4s ease;
        transition: background 0.4s ease;
    }

    #searchBox #search-marker {
        background-image: url(../../images/gServer-search-tools.png);
        background-repeat: no-repeat;
        height: 24px;
        width: 24px;
        margin: 3px 0 0 6px;
    }

#forPlaceClick, #forSubjectClick, #forWhatWhere, #forPointName {
    display: none;
    z-index: 12;
    position: relative;
}

    #forSubjectClick a {
        display: inline-block;
        float: left;
    }

        #forSubjectClick a span {
            display: inline-block;
            padding: 8px 0px 7px 15px;
        }

    #forSubjectClick #trig-click {
        background: url(/gClient/API/js/gclientapi/img/search-marker.png) no-repeat scroll -17px -25px transparent;
        cursor: pointer;
        display: inline-block;
        height: 7px;
        margin: 11px 0 0;
        width: 11px;
    }

#searchBox #trig-click {
    background: url(/gClient/API/js/gclientapi/img/search-marker.png) no-repeat -17px -25px;
    height: 7px;
    width: 11px;
    margin: 11px 0 0 4px;
    cursor: pointer;
}

.toolstipBox {
    position: absolute;
    top: 35px;
    background: #FFF;
    display: inline-block;
    z-index: -1;
    display: none;
    opacity: 0;
    left: 45px;
    border: 1px solid #ccc;
    border-top: none;
}

.toolsTip-items, .toolsTip-items-ls {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.toolsTip-items, .toolsTip-items-ls {
    padding: 3px 3px 0px 3px;
    display: inline-block;
    z-index: 8;
}

.toolsTip-items {
    min-width: 250px;
}

    .toolsTip-items .toolsTip-lv2 {
        list-style: none;
        display: block;
    }

        .toolsTip-items .toolsTip-lv2 li {
            padding: 0 0px;
            display: block;
            overflow: hidden;
        }

            .toolsTip-items .toolsTip-lv2 li label {
                float: none !important;
                /*background: url(../../images/line-space-2.png) repeat-x bottom;*/
                padding: 3px 0;
                /*display: block !important;*/
                overflow: hidden;
            }

.gevnsearch-map {
    cursor: pointer;
}

.default-color {
    color: #6F6F6F;
    text-shadow: 1px 1px #FFFFFF;
}

.left {
    float: left;
}

.checkbox {
    margin: 0px 8px 0 0;
}

.clsSearchObject {
    background-position: -48px 0px;
}

.clsLopchuyenicon {
    background-image: url(../../images/gServer-search-tools.png);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    margin: 0px 8px 0 0px;
}

#searchBox .search-box {
    height: 20px;
    width: 430px;
    margin: 4px 0 0 12px;
    padding: 1px 6px;
    border: none;
    vertical-align: text-bottom;
}

#forWhatWhere .search-box, #forSubjectClick .search-box {
    width: 288px !important;
    border: 1px dashed #ccc !important;
}

#gMapButtonSearch .search-bt {
    transition: background 0.4s ease 0s;
}

#divsearchTab .search-bt {
    height: 24px;
    width: 24px;
    background: url(../../images/search-arrow-icon.png) no-repeat center;
    top: 10px;
    left: 433px;
    position: absolute;
    z-index: 13;
}

#divsearchTab .search-bt {
    -webkit-transition: all 0.4s ease;
    -moz-transition: background 0.4s;
    -moz-transition: margin 0.4s;
    -o-transition: color 0.4s ease;
    -ms-transition: background 0.4s ease;
    transition: background 0.4s ease;
}

#divsearchTab .advanceSearch {
    position: absolute;
    left: 497px;
    top: 16px;
    z-index: 99;
}

    #divsearchTab .advanceSearch a {
        cursor: pointer;
    }

.KGSearchLink {
    margin-left: 12px;
}

.toolstipBoxAdvance {
    position: absolute;
    top: 28px;
    background: #FFF;
    display: inline-block;
    display: none;
    opacity: 0;
    left: 0px;
    border: 1px solid #ccc;
    border-top: none;
}

/* -- phần này dùng cho việc xác định vị trí của item trên bản đồ --*/

.clsClearBboxSearchMap {
    display: inline-block;
    position: absolute;
    z-index: 99999;
    top: 5px;
    cursor: pointer;
    background-color: #629BAE;
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url("../images/icon-set-1.png");
    background-origin: padding-box;
    background-repeat: repeat;
    width: 24px;
    height: 24px;
    background-position: -125px -24px;
}

    .clsClearBboxSearchMap:hover {
        background-color: #396B7C;
    }

.clsPositionPoint:hover {
    background-color: #396B7C;
}

.clsPositionPoint {
    display: inline-block;
    position: absolute;
    z-index: 99999;
    top: 5px;
    cursor: pointer;
    background-color: #629BAE;
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url("../images/icon-set-1.png");
    background-origin: padding-box;
    background-repeat: repeat;
    width: 24px;
    height: 24px;
    background-position: -76px 0px;
}

/**/
#divDanhMucBanDo {
    display: none;
    width: 99%;
    height: 350px;
    background: url("/gClient/gEditor/images/noise.white.png") repeat scroll 0 0 transparent;
    opacity: 0.98;
    box-shadow: 2px 2px 5px #888;
}

    #divDanhMucBanDo .x-panel-default-framed {
        border: none !important;
    }
/*header tab*/
#headerTabControl .icon-24 {
    background-image: url(../images/HeaderTab.png);
    background-repeat: no-repeat;
}

#headerTabControl .opt-1 {
    background-position: 0px 0px;
}

#headerTabControl .opt-2 {
    background-position: -24px 0px;
}

#headerTabControl .opt-3 {
    background-position: -48px 0px;
}

#headerTabControl .opt-4 {
    background-position: -72px 0px;
}

#headerTabControl .opt-5 {
    background-position: -94px 0px;
}

#headerTabControl a:hover .icon-24, #headerTabControl .selected .icon-24 {
    background-image: url(../images/HeaderTabActive.png);
    background-repeat: no-repeat;
}

#headerTabControl .headerBottomControl {
    background: url(..//images/Toolbar-bt-down.png) no-repeat center;
    width: 24px;
    height: 15px;
}

#headerTabControl a:hover .headerBottomControl, #headerTabControl .selected .headerBottomControl {
    background: url(../images/Toolbar-bt-up.png) no-repeat center;
    width: 24px;
    height: 15px;
}

#headerTabControl .items .item #editorControlControlClick.selected, #headerTabControl .items .item #editorControlControlClick:hover {
    background: url(../images/square-trans.png);
}



/* grid overlay */
#imgViewFont {
    position: absolute !important;
}

#grid-overlay {
    position: relative;
    top: 40px;
}

    #grid-overlay .hover {
        background-color: rgba(0,0,0,0.3) !important;
    }

    #grid-overlay .unselected {
        background-color: none;
    }

    #grid-overlay .selected {
        background-color: rgba(0,0,0,0.5);
    }


.viewIcon {
    background-image: url('../../images/viewIcon.png');
}

.viewSummer {
    background-position: 0 0;
    height: 16px !important;
    width: 16px !important;
    margin-right: 5px;
}

.viewDetail {
    background-position: -16px 0;
    height: 16px !important;
    width: 16px !important;
    margin-right: 5px;
}



.gServerIconEditor {
    background-image: url(/gClient/gEditor/images/gServerIconEditor.png);
    width: 32px;
    height: 32px;
    display: inline-block;
    border: 1px solid #CCC;
    border-radius: 3px;
    margin: 8px;
}

    .gServerIconEditor.polygonsRegionItemInactive {
        background-position: 0px 0px;
    }

    .gServerIconEditor.polygonsCircleItemInactive {
        background-position: -32px 0px;
    }

    .gServerIconEditor.polygonsElipItemInactive {
        background-position: -64px 0px;
    }

    .gServerIconEditor.polygonsSquareItemInactive {
        background-position: -96px 0px;
    }

    .gServerIconEditor.polygonsRectangerItemInactive {
        background-position: -128px 0px;
    }

    .gServerIconEditor.polygonsMultiItemInactive {
        background-position: -160px 0px;
    }

    .gServerIconEditor.polygonsTextItemInactive {
        background-position: -192px 0px;
    }



    .gServerIconEditor.drawLineItemInactive {
        background-position: 0px -32px;
    }

    .gServerIconEditor.lrsLineItemInactive {
        background-position: -32px -32px;
    }

    .gServerIconEditor.lrsPointItemInactive {
        background-position: -64px -32px;
    }

    .gServerIconEditor.drawPointItemInactive {
        background-position: -96px -32px;
    }

    .gServerIconEditor.geoCodeItemInactive {
        background-position: -128px -32px;
    }

    .gServerIconEditor.spaceEditItemInactive {
        background-position: -160px -32px;
        margin: 0px !important;
    }

    .gServerIconEditor.spaceRotateItemInactive {
        background-position: -192px -32px;
        margin: 0px !important;
    }

    .gServerIconEditor.polygonsRegionItemActive {
        background-position: 0px 0px;
        background-color: #b2deef;
    }

    .gServerIconEditor.polygonsCircleItemActive {
        background-position: -32px 0px;
        background-color: #b2deef;
    }

    .gServerIconEditor.polygonsElipItemActive {
        background-position: -64px 0px;
        background-color: #b2deef;
    }

    .gServerIconEditor.polygonsSquareItemActive {
        background-position: -96px 0px;
        background-color: #b2deef;
    }

    .gServerIconEditor.polygonsRectangerItemActive {
        background-position: -128px 0px;
        background-color: #b2deef;
    }

    .gServerIconEditor.polygonsMultiItemActive {
        background-position: -160px 0px;
        background-color: #b2deef;
    }

    .gServerIconEditor.polygonsTextItemActive {
        background-position: -192px 0px;
        background-color: #b2deef;
    }



    .gServerIconEditor.drawLineItemActive {
        background-position: 0px -32px;
        background-color: #b2deef;
    }

    .gServerIconEditor.lrsLineItemActive {
        background-position: -32px -32px;
        background-color: #b2deef;
    }

    .gServerIconEditor.lrsPointItemActive {
        background-position: -64px -32px;
        background-color: #b2deef;
    }

    .gServerIconEditor.drawPointItemActive {
        background-position: -96px -32px;
        background-color: #b2deef;
    }

    .gServerIconEditor.geoCodeItemActive {
        background-position: -128px -32px;
        background-color: #b2deef;
    }

    .gServerIconEditor.spaceEditItemActive {
        margin: 0px !important;
        background-position: -160px -32px;
        background-color: #b2deef;
    }

    .gServerIconEditor.spaceRotateItemActive {
        background-position: -192px -32px;
        background-color: #b2deef;
        margin: 0px !important;
    }

    .gServerIconEditor.listPointEditorItemInactive {
        background-position: -96px -32px;
        margin: 0px !important;
    }

    .gServerIconEditor.listPointEditorItemActive {
        background-position: -96px -32px;
        background-color: #b2deef;
        margin: 0px !important;
    }

    .gServerIconEditor.listPointEditor.olControlNoSelect {
        display: none !important;
    }

    .gServerIconEditor.polygonsText.olControlNoSelect {
        display: none !important;
    }

    .gServerIconEditor.polygonsMulti.olControlNoSelect {
        display: none !important;
    }

    .gServerIconEditor.polygonsRegion.olControlNoSelect {
        display: none !important;
    }

    .gServerIconEditor.polygonsCircle.olControlNoSelect {
        display: none !important;
    }

    .gServerIconEditor.polygonsElip.olControlNoSelect {
        display: none !important;
    }

    .gServerIconEditor.polygonsSquare.olControlNoSelect {
        display: none !important;
    }

    .gServerIconEditor.drawLine.olControlNoSelect {
        display: none !important;
    }

    .gServerIconEditor.lrsLine.olControlNoSelect {
        display: none !important;
    }

    .gServerIconEditor.lrsPoint.olControlNoSelect {
        display: none !important;
    }

    .gServerIconEditor.drawPoint.olControlNoSelect {
        display: none !important;
    }

    .gServerIconEditor.geoCode.olControlNoSelect {
        display: none !important;
    }

    .gServerIconEditor.spaceEdit.olControlNoSelect {
        display: none !important;
    }

    .gServerIconEditor.spaceRotate.olControlNoSelect {
        display: none !important;
    }

    .gServerIconEditor.exit {
        background-position: 0px -64px;
    }


div.x-panel-body .x-tree-checkbox-checked-disabled input.x-tree-checkbox {
    background-image: url(/gclient/geditor/resources/images/check02.png);
    background-position: 0 0;
}


/* override any max-width image settings (e.g. bootstrap.css) */
img.olTileImage {
    max-width: none;
}

/*===CSS Chose dServer*/
.background_dServer {
    background-image: url(/gclient/api/resources/img/icons.png);
    width: 16px;
    height: 16px;
}

.background_dServer_chose {
    background-position: 927px 854px;
}

.background_dServer_unchose {
    background-position: 848px 933px;
}


.iconCloseDivHomeTab {
    background-image: url("/gClient/gEditor/images/icon-s1e3ca44eec.png");
    background-repeat: no-repeat;
    cursor: pointer;
    padding-right: 25px;
    background-position: 0 -1825px;
    height: 16px;
    width: 16px;
}

.icon-flow-on {
    background: url(/gClient/gNetwork/images/flow_on.png);
    height: 16px;
    width: 16px;
}

.icon-flow-off {
    background: url(/gClient/gNetwork/images/flow_off.png);
    height: 16px;
    width: 16px;
}

.icon-set-flow {
    background: url(/gClient/gEditor/images/setflow_on.png);
    height: 16px;
    width: 16px;
}

.icon-rebuild {
    background: url(/gClient/gEditor/images/rebuild.png);
    height: 16px;
    width: 16px;
}

.icon-geocode {
    background: url(/gClient/gEditor/images/dinhviIcon.png);
    height: 16px;
    width: 16px;
}



.olControlMovePanelItemInactive.olButton {
    background: url(/gClient/gEditor/images/move.png);
    height: 16px;
    width: 16px;
}


/*CSS Editor*/
.editingTools {
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
}

    .editingTools.startEditing {
        background-image: url(../images/startEditing.png);
    }

    .editingTools.selectFeature {
        background-image: url(../images/select.png);
    }

    .editingTools.addFeature {
        background-image: url(../images/addFeature.png);
    }

    .editingTools.createFeatures {
        background-image: url(../images/createFeatures.png);
    }

    .editingTools.editFeature {
        background-image: url(../images/editFeature.png);
    }

    .editingTools.deleteFeature {
        background-image: url(../images/deleteFeature.png);
    }

    .editingTools.undo {
        background-image: url(../images/undo.png);
    }

    .editingTools.redo {
        background-image: url(../images/redo.png);
    }

    .editingTools.snappingSettings {
        background-image: url(../images/snappingSettings.png);
    }

    .editingTools.advancedEditing {
        background-image: url(../images/editAdvanced.png);
    }

.ControlDraw {
    background-image: url("/gClient/gEditor/images/editing_tool_bar_circle.png") !important;
    width: 24px;
    height: 22px;
    cursor: pointer;
    float: left;
    position: relative;
}

.DrawFeaturePath {
    background-position: -51px -24px !important;
}

.olPopupContent {
    overflow: visible !important;
    padding: 0 !important;
}

.olPopup {
    z-index: 1005 !important;
}

.olwidgetPopupContent {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 1.2em 1.2em 1.2em 1.2em;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.35);
    overflow: auto;
    padding: 10px 8px 8px;
}

.olwidgetPopupCloseBox {
    background: url("/gClient/gEditor/images/popup_icons.png") no-repeat scroll 0 0 #FFFFFF;
    cursor: pointer;
    height: 0;
    overflow: hidden;
    padding-top: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 16px;
}

    .olwidgetPopupCloseBox:hover {
        background-position: 0 0;
    }

.olwidgetPopupStemTL, .olwidgetPopupStemTR {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: none repeat scroll 0 0 #FFFFFF;
    z-index: 1;
}

.olwidgetPopupStemBL, .olwidgetPopupStemBR {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: none repeat scroll 0 0 #FFFFFF;
    z-index: 1;
}

.leaflet-popup-content {
    margin: 5px;
    padding: 5px 5px 22px;
}

.MiniPopup {
    width: 330px;
    color: #333333;
    line-height: 18px;
}

    .MiniPopup .Title {
        float: left;
        font-size: 15px;
        font-weight: bold;
    }

    .MiniPopup a {
    }

    .MiniPopup p {
        border-bottom: 1px solid #efefef;
        font-size: 98% !important;
        line-height: 15px;
        margin: 7px 0 0;
        padding: 0 0 5px;
    }

    .MiniPopup .Content .address {
        display: block;
        line-height: 18px;
        margin-bottom: 8px;
        text-align: justify;
    }

    .MiniPopup .Content .phone {
        display: inline-block;
        margin-bottom: 10px;
    }

    .MiniPopup .CommonFunction {
        cursor: pointer;
        float: left;
        padding: 3px 0 5px;
        width: 100%;
    }

        .MiniPopup .CommonFunction li {
            display: inline;
            float: left;
        }

            .MiniPopup .CommonFunction li .fa {
                float: left;
                line-height: 18px;
            }

.daterangepicker {
    z-index: 999999 !important;
}

.viewable span {
    font-size: 12px;
}

.divPopup_Repeat .label {
    width: 80px !important;
}

.divPopup_Repeat .viewable {
    width: auto;
}

.fulcrum-editor .element .required {
    margin: -4px 0 0 0;
}

.upload-form {
    width: auto;
}

.upload-form {
    border-left: 6px solid #1abc9c;
    border-right: 6px solid #1abc9c;
}

.daterangepicker .ranges {
    width: 200px !important;
}

    .daterangepicker .ranges li {
        margin-bottom: 4px !important;
    }

    .daterangepicker .ranges .input-mini {
        display: inline-block !important;
        width: 80px !important;
    }

.gclient-tip {
    background-color: white;
    color: white;
    position: absolute;
    min-width: 100px;
    min-height: 30px;
    text-align: center;
    vertical-align: middle;
    opacity: 0.95 !important;
    border-radius: 8px !important;
}

.gclient-tip-content {
    color: black;
    font-weight: bold;
    width: 100%;
    margin-top: 5px;
    overflow: hidden !important;
    position: initial !important;
}


.page-head {
    border-bottom: 1px solid #e9ecf3 !important;
    box-shadow: none !important;
}

.notice {
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    z-index: 1007;
    text-align: center;
}

    .notice .content {
        margin: auto;
        width: 60%;
        height: 25px;
        border-radius: 8px;
        color: white;
    }

.noticecontent {
    float: right;
    padding: 4px;
    height:25px;
}

.fillD {
    background: rgba(0,0,0,0.5);
    color: white;
}

.notice-warning {
    background-color: #f93f3f;
}

.notice-info {
    background-color: #5cb85c;
}

.tooltip-snap {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 4px;
    font-weight: bold;
    font-size: 12px;
    position: absolute;
    z-index: 1004;
}

.buttonactivate {
    background: #c7bcbc;
}

.x-panel-header-vertical {
    padding: 0 !important;
}

.iconnetwork-addedgeflag {
    background: url(/gClient/gEditor/resources/images/UtilityNetworkEdgeAddTool.png);
}

.iconnetwork-addfunctionflag {
    background: url(/gClient/gEditor/resources/images/UtilityNetworkJunctionAddTool.png);
}

.iconnetwork-addedgebarrier {
    background: url(/gClient/gEditor/resources/images/UtilityNetworkBarrierEdgeAddTool.png);
}

.iconnetwork-functionbarrier {
    background: url(/gClient/gEditor/resources/images/UtilityNetworkBarrierJunctionAddTool.png);
}

.iconnetwork-solve {
    background: url(/gClient/gEditor/resources/images/UtilityNetworkSolve.png);
}

.iconnetwork-export {
    background: url(/gClient/gEditor/resources/images/export.png);
}

.iconnetwork-close {
    background-image: url("/gClient/gEditor/images/icon-s1e3ca44eec.png");
    background-repeat: no-repeat;
    cursor: pointer;
    padding-right: 25px;
    background-position: 0 -1825px;
    height: 16px;
    width: 16px;
}

.iconnetwork-enabled {
    background-image: url("/gClient/gEditor/images/icon-s1e3ca44eec.png");
    background-repeat: no-repeat;
    cursor: pointer;
    padding-right: 25px;
    background-position: 0 -1888px;
    height: 16px;
    width: 16px;
}

.labelDisabled {
    color: #d9d9d9 !important;
    pointer-events: none;
}

.backgroudActive {
    background-color: #d9d9d9 !important;
}

.backgroudInActive {
    opacity: 0.3;
    pointer-events: none;
}

.createHeatMap {
    background-image: url("/gClient/gEditor/images/icongServerCongcu.png") !important;
    background-position: -48px 0 !important;
}

.createBuffer {
    background-image: url("/gClient/gEditor/images/icongServerCongcu.png") !important;
    background-position: -24px 0 !important;
}

.createTopo {
    background-image: url("/gClient/gEditor/images/topology.png") !important;
}

.createNetwork {
    background-image: url("/gClient/gEditor/images/network.png") !important;
}

.createManagerForm {
    background-image: url("/gClient/gEditor/images/managerform.png") !important;
}

div.tooltip {
    min-width: 135px;
}

#idListSearchAdvance > li:hover {
    background-color: #F6F6F6;
}

.gm-iv-address {
    display: none !important;
}

.x-hide-display {
    display: none !important
}
.styleCursor {
    cursor: pointer;
}
.iconRight {
    margin-right: 5px;
}
/*Bổ xung style cho tooltip min-weight*/

.treeLayerRule .x-tree-icon-leaf,
.treeLayerRule .x-tree-elbow-line,
.treeLayerRule .x-tree-elbow-end,
.treeLayerRule .x-tree-elbow,
.treeLayerRule .x-tree-elbow-empty,
.treepanelRuleRegular .x-tree-expander {
    display: none;
}
.treeLayerRule .x-tree-node-text{
    padding-left:unset;
}


/**
 * Edit Panel
 */
.olEditorControlBasicPanel {
    display: none !important;
    -moz-border-radius: 3px 3px 3px 3px !important;
    background: none repeat scroll 0 0 white;
    border: 1px solid #aaa;
    position: absolute;
    right: 300px;
    top: 8px;
    cursor: default;
}

.olEditorControlGeneralPanel {
    display: none !important;
    -moz-border-radius: 3px 3px 3px 3px !important;
    background: none repeat scroll 0 0 white;
    border: 1px solid #aaa;
    position: absolute;
    right: 700px;
    top: 8px;
    cursor: default;
}

.olEditorControlAdvancedPanel {
    display: none;
    -moz-border-radius: 3px 3px 3px 3px !important;
    background: none repeat scroll 0 0 white;
    border: 1px solid #aaa;
    position: absolute;
    right: 300px;
    top: 0px;
    cursor: default;
}

    .olEditorControlAdvancedPanel > div,
    .olEditorControlBasicPanel > div:not(.olEditorControlComboLayerItemInactive):not(.olEditorControlComboLayerItemActive),
    .olEditorControlGeneralPanel > div {
        background-color: white;
        background-repeat: no-repeat;
        background-position: center;
        height: 24px;
        width: 28px;
        padding: 0 2px;
        margin-right: 2px;
        float: right;
    }

    .olEditorControlAdvancedPanel .olControlSeparatorItemInactive,
    .olEditorControlBasicPanel .olControlSeparatorItemInactive,
    .olEditorControlGeneralPanel .olControlSeparatorItemInactive {
        width: 3px !important;
        background-color: #aaa !important;
    }

.olEditor .olControlLayerSwitcher {
    top: 50px !important;
}

    .olEditor .olControlLayerSwitcher .layersDiv {
        color: #333;
        background-color: transparent !important;
        background-image: url(/img/bg-control.png);
    }

.oleFadeMap {
    width: 100%;
    height: 100%;
    background-image: url(/img/bg-map.png);
    z-index: 10000 !important;
    top: 0;
    left: 0;
    position: absolute;
}

.oleDialog {
    background-color: #eee;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    line-height: 20px;
    cursor: auto;
    background-color: white;
    margin: auto;
    position: relative;
    width: 300px;
    z-index: 20000;
    padding: 10px 20px;
    top: 8px;
    left: 8px;
    overflow: auto;
    border: 1px solid #999;
}

.oleEditorComboLayer {
    height: 22px;
    width: 145px;
    padding: 0 2px;
}

.oleDialog p:first-child {
    margin-top: 0;
}

.oleDialog p:last-child {
    margin-bottom: 0;
}

.oleDialog select, .oleDialog input {
    background-color: #eee;
    margin-bottom: 6px;
    margin-right: 6px;
    margin-top: 6px;
}

    .oleDialog input[type=button] {
        border: 1px solid white;
        cursor: pointer;
        height: 24px;
        margin-right: 6px;
        width: 56px;
    }

.oleDialog .oleDrawRegularIrregular {
    float: right;
}

.oleDialogFieldset {
    border: 1px solid white !important;
}

/*
    Basic control
*/
.olEditorControlBasicPanel .olEditorControlDrawPathItemActive,
.olEditorControlBasicPanel .olEditorControlDrawPointItemActive,
.olEditorControlBasicPanel .olEditorControlDrawPolygonItemActive,
.olEditorControlBasicPanel .olEditorControlDrawRegularItemActive,
.olEditorControlBasicPanel .olEditorControlCreateFeaturesItemActive,
.olEditorControlBasicPanel .olEditorControlAddFeatureItemActive,
.olEditorControlBasicPanel .olEditorControlModifyGeometryItemActive {
    background-color: #ccc !important;
}

/*
    Advanced control
*/
.olEditorControlAdvancedPanel .olEditorControlCADToolsItemActive,
.olEditorControlAdvancedPanel .olEditorControlDrawParallelActive,
.olEditorControlAdvancedPanel .olEditorControlDrawGuideLineActive,
.olEditorControlAdvancedPanel .olEditorControlCopyParallelFeatureItemActive,
.olEditorControlAdvancedPanel .olEditorControlDrawContinueItemActive,
.olEditorControlAdvancedPanel .olEditorControlExtendFeatureItemActive,
.olEditorControlAdvancedPanel .olEditorControlDrawHoleItemActive,
.olEditorControlAdvancedPanel .olEditorControlIntersectFeatureItemActive,
.olEditorControlAdvancedPanel .olEditorControlMergeFeatureItemActive,
.olEditorControlAdvancedPanel .olEditorControlMoveVertexItemActive,
.olEditorControlAdvancedPanel .olEditorControlMoveFeaturesItemActive,
.olEditorControlAdvancedPanel .olEditorControlReshapeFeatureItemActive,
.olEditorControlAdvancedPanel .olEditorControlSplitFeatureItemActive,
.olEditorControlAdvancedPanel .olEditorControlTrimFeatureItemActive {
    background-color: #ccc;
}

/*
    General control
 */
.olEditorControlGeneralPanel .olEditorControlNavigationItemActive {
    background-color: #ccc;
}

.olEditorControlGeneralPanel .olEditorControlSelectFeatureItemActive {
    background-color: #ccc;
}

/*
 * Draw Hole
 */
.olEditorControlAdvancedPanel .olEditorControlDrawHoleItemActive,
.olEditorControlAdvancedPanel .olEditorControlDrawHoleItemInactive {
    background-image: url("img/drawHole.png");
}

/*
 * Extend feature
 */
.olEditorControlAdvancedPanel .olEditorControlExtendFeatureItemActive,
.olEditorControlAdvancedPanel .olEditorControlExtendFeatureItemInactive {
    background-image: url("img/extend.png");
}
/*
 * Intersect feature
 */
.olEditorControlAdvancedPanel .olEditorControlIntersectFeatureItemActive,
.olEditorControlAdvancedPanel .olEditorControlIntersectFeatureItemInactive {
    background-image: url("img/intersect.png");
}
/*
 * Reshape feature
 */
.olEditorControlAdvancedPanel .olEditorControlReshapeFeatureItemActive,
.olEditorControlAdvancedPanel .olEditorControlReshapeFeatureItemInactive {
    background-image: url("img/reshape.png");
}
/*
 * Trim feature
 */
.olEditorControlAdvancedPanel .olEditorControlTrimFeatureItemActive,
.olEditorControlAdvancedPanel .olEditorControlTrimFeatureItemInactive {
    background-image: url("img/trim.png");
}

/*
 * Move Features
 */
.olEditorControlAdvancedPanel .olEditorControlMoveFeaturesItemActive,
.olEditorControlAdvancedPanel .olEditorControlMoveFeaturesItemInactive {
    background-image: url("img/dragFeature.png");
}

/*
 * Move Vertex
 */
.olEditorControlAdvancedPanel .olEditorControlMoveVertexItemActive,
.olEditorControlAdvancedPanel .olEditorControlMoveVertexItemInactive {
    background-image: url("img/moveVertex.png");
}


/*
 * Draw Continue
 */
.olEditorControlAdvancedPanel .olEditorControlDrawContinueItemActive,
.olEditorControlAdvancedPanel .olEditorControlDrawContinueItemInactive {
    background-image: url("img/drawContinue.png");
}


/*
 * CopyParallelFeature
 */
.olEditorControlAdvancedPanel .olEditorControlCopyParallelFeatureItemActive,
.olEditorControlAdvancedPanel .olEditorControlCopyParallelFeatureItemInactive {
    background-image: url("img/copy.png");
}

/*
 * CopyFeature
 */
.olEditorControlAdvancedPanel .olEditorControlCopyFeatureLinearItemActive,
.olEditorControlAdvancedPanel .olEditorControlCopyFeatureLinearItemInactive {
    background-image: url("img/copys.png");
}


/*
 * Select Feature
 */
.olEditorControlGeneralPanel .olEditorControlSelectFeatureItemActive,
.olEditorControlGeneralPanel .olEditorControlSelectFeatureItemInactive {
    background-image: url("img/selectFeature.png");
}

/*
    Pan
 */
.olEditorControlGeneralPanel .olEditorControlNavigationItemActive,
.olEditorControlGeneralPanel .olEditorControlNavigationItemInactive {
    background-image: url("img/navigation.png");
}


/*
   Full extent
 */
.olEditorControlGeneralPanel .olEditorControlMapExtentItemActive,
.olEditorControlGeneralPanel .olEditorControlMapExtentItemInactive {
    background-image: url("img/fullextent.png");
}


/**
 * Disabled control
 */
.oleControlDisabled {
    opacity: 0.5;
}


.olEditorControlBasicPanel > div:not(.olControlSeparatorItemInactive):not(.oleControlDisabled),
.olEditorControlAdvancedPanel > div:not(.olControlSeparatorItemInactive):not(.oleControlDisabled),
.olEditorControlGeneralPanel > div:not(.olControlSeparatorItemInactive):not(.oleControlDisabled) {
    cursor: pointer;
}


/**
 * Undo
 */
.olEditorControlBasicPanel .olEditorControlUndoItemActive,
.olEditorControlBasicPanel .olEditorControlUndoItemInactive {
    background-image: url("img/undo.png");
}
/**
 * Redo
 */
.olEditorControlBasicPanel .olEditorControlRedoItemActive,
.olEditorControlBasicPanel .olEditorControlRedoItemInactive {
    background-image: url("img/redo.png");
}


.olEditorControlBasicPanel .olEditorControlCreateFeaturesItemActive,
.olEditorControlBasicPanel .olEditorControlCreateFeaturesItemInactive {
    background-image: url("img/ruleeditor.png");
}


/**
 * Modify Feature
 */
.olEditorControlBasicPanel .olEditorControlModifyGeometryItemActive,
.olEditorControlBasicPanel .olEditorControlModifyGeometryItemInactive {
    background-image: url("img/modifyFeature.png");
}

/**
 * Drawing GuideLine CAD
 */
.olEditorControlAdvancedPanel .olEditorControlDrawGuideLineActive,
.olEditorControlAdvancedPanel .olEditorControlDrawGuideLineInactive {
    background-image: url("/gClient/gEditor/images/pencil_ruler.png");
}

/**
 * Snapping Settings
 */
.olEditorControlEditorPanel .olEditorSnappingSettingsItemActive,
.olEditorControlEditorPanel .olEditorSnappingSettingsItemInactive {
    background-image: url("img/snappingActive.png");
}


/**
 * Split Features
 */
.olEditorControlAdvancedPanel .olEditorControlSplitFeatureItemActive,
.olEditorControlAdvancedPanel .olEditorControlSplitFeatureItemInactive {
    background-image: url("img/splitFeature.png");
}

/**
 * Draw Polygon
 */
.olEditorControlBasicPanel .olEditorControlDrawPolygonItemActive,
.olEditorControlBasicPanel .olEditorControlDrawPolygonItemInactive {
    background-image: url("img/drawPolygon.png");
    display: none;
}

/**
 * Add Feature
 */
.olEditorControlBasicPanel .olEditorControlAddFeatureItemActive,
.olEditorControlBasicPanel .olEditorControlAddFeatureItemInactive {
    background-image: url("img/addFeature.png");
}

/**
 * Combo
 */
.olEditorControlBasicPanel .olEditorControlComboLayerItemActive,
.olEditorControlBasicPanel .olEditorControlComboLayerItemInactive {
    width: 150px;
    background-color: #ccc;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 2px;
    margin-right: 2px;
    float: right;
}

/**
 * Draw Polygon
 */
.olEditorControlBasicPanel .olEditorControlDrawRegularItemActive,
.olEditorControlBasicPanel .olEditorControlDrawRegularItemInactive {
    background-image: url("img/drawRegular.png");
    display: none;
}

.olEditorControlDrawPointActive,
.olEditorControlDrawPathActive,
.olEditorControlDrawRegularActive,
.olEditorControlDrawPolygonActive {
    cursor: crosshair;
}

/**
 * Draw Path
 */
.olEditorControlBasicPanel .olEditorControlDrawPathItemActive,
.olEditorControlBasicPanel .olEditorControlDrawPathItemInactive {
    background-image: url("img/drawPath.png");
    display: none;
}

/**
 * Draw Point
 */
.olEditorControlBasicPanel .olEditorControlDrawPointItemActive,
.olEditorControlBasicPanel .olEditorControlDrawPointItemInactive {
    background-image: url("img/drawPoint.png");
    display: none;
}

/**
 * Draw Text
 */
.olEditorControlBasicPanel .olEditorControlDrawTextItemActive,
.olEditorControlBasicPanel .olEditorControlDrawTextItemInactive {
    background-image: url("img/drawText.png");
    display: none;
}


/**
 * Draw Text Popup
 */
.oleDrawTextPopup {
    background-color: #eee;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    padding: 10px 10px;
    margin: 6px;
    line-height: 12px;
}

.olFramedCloudPopupContent {
    overflow: hidden;
}

.oleDrawTextPopup #olLabelInput {
    background-color: #dddddd;
    margin-top: 5px;
    margin-bottom: 8px;
    height: 20px;
    border: #888 2px dotted;
}


/**
 * Save Features
 */
.olEditorControlBasicPanel .olEditorControlSaveFeaturesItemActive,
.olEditorControlBasicPanel .olEditorControlSaveFeaturesItemInactive {
    background-image: url("img/saveFeature.png");
    cursor: pointer;
    opacity: 1;
}


/**
 * Delete Feature
 */
.olEditorControlBasicPanel .olEditorControlDeleteFeatureItemActive,
.olEditorControlBasicPanel .olEditorControlDeleteFeatureItemInactive {
    background-image: url("img/deleteFeature.png");
}

/**
 * Delete all Features
 */
.olEditorControlBasicPanel .olEditorControlDeleteAllFeaturesItemActive,
.olEditorControlBasicPanel .olEditorControlDeleteAllFeaturesItemInactive {
    background-image: url("img/deleteAllFeatures.png");
}

/**
 * Select Feature
 */
.olEditorControlGeneralPanel .olControlSelectFeatureItemActive,
.olEditorControlGeneralPanel .olControlSelectFeatureItemInactive {
    background-image: url("img/selectFeature.png");
}


/**
 *  Snapping Settings
 */
.olEditorControlBasicPanel .olEditorControlSnappingSettingsItemActive,
.olEditorControlBasicPanel .olEditorControlSnappingSettingsItemInactive {
    background-image: url("img/snapping.png");
}

/**
 *  Import Feature
 */
.olEditorControlAdvancedPanel .olEditorControlImportFeatureItemActive,
.olEditorControlAdvancedPanel .olEditorControlImportFeatureItemInactive {
    background-image: url("img/importFeature.png");
}


/**
 *  Merge Feature
 */
.olEditorControlAdvancedPanel .olEditorControlMergeFeatureItemActive,
.olEditorControlAdvancedPanel .olEditorControlMergeFeatureItemInactive {
    background-image: url("img/mergeFeature.png");
}

/**
 *  Clean Feature
 */
.olEditorControlEditorPanel .olEditorControlCleanFeatureItemActive,
.olEditorControlEditorPanel .olEditorControlCleanFeatureItemInactive {
    background-image: url("img/cleanFeature.png");
}

/**
 *  CAD Tools
 */
.olEditorControlAdvancedPanel.olEditorCADToolsToolbar {
    top: 10px;
    right: 10px;
    /** Use a fixed width to support IE7, IE9. Other browsers are correctly calculating the width anyway. */
    width: 60px;
    height: 22px;
}

.olEditorControlAdvancedPanel .olEditorControlCADToolsItemActive,
.olEditorControlAdvancedPanel .olEditorControlCADToolsItemInactive {
    background-image: url("img/cadTools.png");
}

.oleDialog.oleDialogToolbar {
    top: 5px;
    left: 310px;
}

/**
 *  Parallel Drawing
 */
.olEditorControlAdvancedPanel .olEditorControlDrawParallelActive,
.olEditorControlAdvancedPanel .olEditorControlDrawParallelInactive {
    background-image: url("/resources/images/parallelDrawing.png");
    height: 20px;
    width: 22px;
}

/**
 *  Guided Drawing
 */
.olEditorControlAdvancedPanel .olEditorControlDrawGuideLineActive,
.olEditorControlAdvancedPanel .olEditorControlDrawGuideLineInactive {
    background-image: url("/resources/images/guidedDrawing.png");
    height: 20px;
    width: 22px;
}

.olEditorWaiting {
    cursor: wait !important;
}

/**
* Table 
*/
.gridHeader td, .gridDataView .gridHeader th {
    border: 1px solid #ececec;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    height: 34px;
    text-align: center;
}

.gridHeader .metadata-cell {
    background-color: #f4f4f4 !important;
    min-width: 60px;
}

.rows.data-cell td {
    border: 1px solid #ECECEC;
    text-align: center;
    font-size: 12px;
    padding: 0px;
}

.tableData > table tbody.rows tr:nth-child(2n+2) {
    background-color: #f6f6f6;
}


.olEditorIconTextEditor {
    background-image: url(/img/textEdit.png) !important;
}

.olEditorIconCircle {
    background-image: url(/img/circle.png) !important;
}

.olEditorIconTriangle {
    background-image: url(/img/triangle.png) !important;
}

.olEditorIconElipse {
    background-image: url(/img/elipse.png) !important;
}

.olEditorIconRectangle {
    background-image: url(/img/rectangle.png) !important;
}

.olEditorIconDagiac {
    background-image: url(/img/dagiac.png) !important;
}

.olEditorIconPolygon {
    background-image: url(/img/polygon.png) !important;
}

.olEditorIconPoint {
    background-image: url(/img/point.png) !important;
}

.olEditorIconLine {
    background-image: url(/img/path.png) !important;
}

.olEditorIconGeocode {
    background-image: url(/img/geocode.png) !important;
}

.olEditorIconGeoroute {
    background-image: url(/img/georoute.png) !important;
}

.olEditorIconLRS {
    background-image: url(/img/lrs.png) !important;
}
.comboEditLayer .x-form-trigger-wrap-default{
    border:unset !important;
}
.imgOverViewIcon {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    border-radius:4px;
    box-shadow: 0px 1px 3px 1px #cccccc;
}
.overviewKieuHinhHoc svg {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
}