.webgis-button {
    background-repeat:no-repeat;
    background-position:center;
    background-color: #62B851;
    color:white;
    font-size:16px;
    padding:8px;
    border:none;
    border-radius:3px;
    cursor:pointer;
}
.webgis-button:hover {
    background: #b5dbad;
    color:#777;
}

.leaflet-overlay-pane svg {
    z-index:99999 !important;
}

.leaflet-container a.leaflet-popup-close-button {
    height: 28px !important;
    width: 28px !important;
    font: bold 28px/26px Tahoma,Verdana,sans-serif !important;
}


.uibutton {
    background-color: #b5dbad;
    color:#777;
    border:1px solid #333;
    padding:6px;
    cursor:pointer;
    margin:1px;
}

.uibutton.uibutton-default {
    background-color: #62B851;
    color:white;
}
.uibutton.uibutton-default:hover {
    /*background: #b5dbad;*/
    color:#777;
}
.uibutton.uibutton-cancel {
    background-color: #fff;
    color:#333;
}
.uibutton.uibutton-option {
    width: 100%;
    max-width: 320px;
}
.uibutton:hover
{
    background-color: #62B851;
    color:white;
}

img.tile
{
    position:absolute;
    border:none;
    margin:0px;
    padding:0px;
    -moz-user-select: none;
}

.webgis-right {
    text-align:right;
}
.webgis-left {
    text-align:left;
}
.webgis-center {
    text-align:center;
}

/******  Table *********************/
.webgis-result-table {
    background-color:#bcbbbb;
    width:100%;
    border-spacing:1px;
    border-collapse:separate;
}

.webgis-result-table-header {
    background-color:#b5dbad;
    font-weight:bold;
}

.webgis-result-table tr:nth-child(even) {
    background-color: #fff;
}

.webgis-result-table tr:nth-child(odd) {
    background-color: #ffffcc;
}

/************ GeoJuhu Results ****************/
.webgis-geojuhu-results {
    padding:2px;
    list-style:none;
}
.webgis-geojuhu-results .webgis-geojuhu-result {
    cursor:pointer;
    margin:0px;
    padding:8px 8px 8px 22px;
    /*border-radius:4px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);*/
}
.webgis-geojuhu-results .webgis-geojuhu-result:hover {
    background-color:#b5dbad;
}

.webgis-geojuhu-results .webgis-geojuhu-result .webgis-geojuhu-reslut-category {
    color:blue;
}

.webgis-geojuhu-result {
    background-image:url(../api/img/zoom-16-g.png);
    background-position:3px 8px;
    background-repeat:no-repeat;
}

.webgis-geojuhu-result:nth-child(odd) {
    background-color: #fff;
}
.webgis-geojuhu-result:nth-child(even) {
    background-color:#ecf0f1;
}
.webgis-geojuhu-result-selected {
    background-color:#ffff66 !important;
}

.webgis-geojuhu-switch {
    background: none repeat scroll 0 0 #b5dbad;
    border-radius: 4px;
    font-size: 1.2em;
    margin: 2px;
    padding: 4px;
    white-space:nowrap;
    display:inline-table;
}
.webgis-geojuhu-switch input {
    width:20px;
}
.webgis-geojuhu-switch-counter{
    font-size:0.8em;
    background:white;
    border:1px solid #ccc;
    border-radius:4px;
    margin-left: 4px;
    padding: 0 3px;
}

/*************Basemap ***********************/
.webgis-basemap-holder {
    overflow:visible;
    border-radius: 3px 3px 3px 3px;
    border:3px solid white;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    cursor:pointer;
    text-shadow: 0 1px 0 #000000, 0 -1px 0 #000000, 1px 0 0 #000000, -1px 0 0 #000000;
    color: white;
    font-size: 10pt;
    font-weight:bold;
}

.webgis-basemap-holder ul {
    margin:0px;
    padding:0px;
    list-style:none;
    text-align:right;
    background:rgba(255, 255, 255, 0.25);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
}

.webgis-basemap-holder ul li {
    display:inline-block;
    border:3px solid white;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    margin:5px;
    overflow:hidden;
    vertical-align:top;
}

.webgis-basemap-holder ul li:hover {
    border:3px solid #ffff55;
}

.webgis-basemap-holder ul .webgis-basemap-column {
    border:none;
    box-shadow:none;
    margin:0px;
}
.webgis-basemap-holder ul .webgis-basemap-column:hover {
    border:none;
    box-shadow:none;
    margin:0px;
}

.webgis-basemap-holder ul .webgis-basemap-selected {
    border:3px solid red;
}

.webgis-basemap-holder ul li ul {
    box-shadow:none;
    background:none;
}

.webgis-basemap-holder ul li ul .webgis-basemap-selected {
    border:3px solid red;
}
.webgis-basemap-preview {
    background:white;
}

.webgis-presentation_toc-holder {
}

.webgis-presentation_toc-holder ul {
    margin:0px;
    padding:0px;
    list-style:none;
}

.webgis-presentation_toc-holder ul li {
}
.webgis-presentation_toc-holder ul li:hover {
    /* background:#62B851;*/
}

.webgis-presentation_toc-holder .webgis-expanded,
.webgis-app-menu-holder .webgis-expanded,
.webgis-presentation_toc-holder .webgis-expanded:hover
{
    background:#ffffff;
    color:#000;
    font-size:16px;
    font-weight:bold;
}

.webgis-presentation_toc-title {
    font-size:16px;
    background:#b5dbad;
    cursor:pointer;
    white-space:nowrap;
    padding:5px;
    border-bottom:1px solid #aaa;
    color:#777;
    position:relative;
}

.webgis-presentation_toc-title-text {
    margin:-5px -5px -5px 20px;
    padding:5px;
}

.webgis-presentation_toc-title-legend-icon {
    position:absolute;
    right:0px;
    top:0px;
    width:30px;
    height:30px;
    background-image:url(../api/img/toc/legend-24.png);
    background-position:center;
    background-repeat:no-repeat;
    opacity:.5;
}

.webgis-expanded .webgis-presentation_toc-title-text {
    background:#62B851;
    margin:-5px -5px -5px -5px;
    padding:5px 5px 5px 30px;
    border-radius:0px 0px 0px 16px;
    border-left:1px solid #aaa;
    border-bottom:1px solid #aaa;
}

.webgis-presentation_toc-basemap-opacity {
    border:1px solid #aaa;
    border-radius:5px;
    display:block;
    padding:0px;
    margin:4px 8px;
    font-size:14px;
    font-weight:normal;
}

.webgis-presentation_toc-basemap-opacity-item {
    display:inline-block;
    margin:0px;
    box-sizing:border-box;
    text-align:center;
    cursor:pointer;
}
.webgis-presentation_toc-basemap-opacity-item:not(:last-child) {
    border-right:1px solid #aaa;
}

.webgis-presentation_toc-basemap-opacity-item:hover {
    background: #b5dbad;
}
.webgis-presentation_toc-basemap-opacity-item.selected {
    background: #62B851;
}

.webgis-presentation_toc-item,
.webgis-presentation_toc-legend,
.webgis-presentation_toc-item-group {
    font-size:14px;
    font-weight:normal;
    cursor:pointer;
    white-space:nowrap;
    margin:3px;
    padding:8px;
}
.webgis-presentation_toc-item-group ul {
    background:white;
}

.webgis-presentation_toc-item-group div {
    padding:5px 0 5px 0;
    font-weight:bold;
}

.webgis-presentation_toc-basemap-item {
    display:inline-block;
    width:85px;
    height:85px;
    padding:4px !important;
}
.webgis-presentation_toc-basemap-item:hover {
    background-color:white !important;
}
.webgis-presentation_toc-basemap-item-img {
    overflow:hidden;
    border:1px solid #aaa;
    border-radius:8px;
    position:absolute;
    width:85px;
    height:85px;
}

.webgis-presentation_toc-basemap-item-img.selected {
    border:2px solid red !important;
    margin:-1px;
}

.webgis-presentation_toc-basemap-item-label {
    background-color:rgba(0, 0, 0, 0.6);
    color:white;
    font-size:8.5px;
    padding:2px;
    position:absolute;
    height:15px;
    bottom:0px;
    left:0px;
    right:0px;
    white-space:normal;
    text-align:center;
    transition-delay: 0s, 0s;
    transition-duration: 0.5s;
    transition-property: height;
}
.webgis-presentation_toc-basemap-item-label:hover{
    height:81px;
}

.webgis-presentation_toc-legend-title {
    padding:5px 0 5px 0;
    font-weight:bold;
}

.webgis-presentation_toc-legend-title:hover,
.webgis-presentation_toc-item-group div:hover,
.webgis-presentation_toc-item:hover {
    background:#62B851;
}

.webgis-presentation_toc-legend-collapsed {
    max-height:90px;
    cursor:pointer;
    overflow:hidden;
}

/* Add Service TOC *********************/
.webgis-addservices_toc-holder {
}

.webgis-addservices_toc-holder ul {
    margin:0px;
    padding:0px;
    list-style:none;
}

.webgis-addservices_toc-holder ul li {
}
.webgis-addservices_toc-holder ul li:hover {
    /* background:#62B851;*/
}

.webgis-addservices_toc-holder .webgis-expanded,
.webgis-addservices_toc-holder .webgis-expanded:hover
{
    background:#ffffff;
    color:#000;
    font-size:16px;
    font-weight:bold;
}

.webgis-addservices_toc-title {
    font-size:16px;
    background:#b5dbad;
    cursor:pointer;
    white-space:nowrap;
    padding:5px;
    border-bottom:1px solid #aaa;
    color:#777;
}

.webgis-addservices_toc-title-text {
    margin:-5px -5px -5px 20px;
    padding:5px;
}

.webgis-expanded .webgis-addservices_toc-title-text {
    background:#62B851;
    margin:-5px -5px -5px -5px;
    padding:5px 5px 5px 30px;
    border-radius:0px 0px 0px 16px;
    border-left:1px solid #aaa;
    border-bottom:1px solid #aaa;
}

.webgis-addservices_toc-item,
.webgis-addservices_toc-item-group {
    font-size:14px;
    font-weight:normal;
    cursor:pointer;
    white-space:nowrap;
    margin:3px;
    padding:8px;
}
.webgis-addservices_toc-item-group ul {
    background:white;
}

.webgis-addservices_toc-item-group div {
    padding:5px 0 5px 0;
    font-weight:bold;
}

.webgis-addservices_toc-legend-title {
    padding:5px 0 5px 0;
    font-weight:bold;
}

/* Service TOC **********************************/
.webgis-services_toc-holder button,
.webgis-presentation_toc-holder button {
    width:100%;
    font-size:16px;
    font-weight:bold;
    height:40px;
    border-radius:0px 0px 4px 4px;
}

.webgis-services_toc-holder {
}

.webgis-services_toc-holder ul {
    margin:0px;
    padding:0px;
    list-style:none;
}

.webgis-services_toc-holder ul li {
}
.webgis-services_toc-holder ul li:hover {
    /* background:#62B851;*/
}

.webgis-services_toc-holder .webgis-expanded,
.webgis-services_toc-holder .webgis-expanded:hover
{
    background:#ffffff;
    color:#000;
    font-size:16px;
    font-weight:bold;
}

.webgis-services_toc-title {
    font-size:16px;
    background:#b5dbad;
    cursor:pointer;
    white-space:nowrap;
    padding:5px;
    border-bottom:1px solid #aaa;
    color:#777;
}

.webgis-services_toc-title-text {
    margin:-5px -5px -5px 20px;
    padding:5px;
}

.webgis-expanded .webgis-services_toc-title-text {
    background:#62B851;
    margin:-5px -5px -5px -5px;
    padding:5px 5px 5px 30px;
    border-radius:0px 0px 0px 16px;
    border-left:1px solid #aaa;
    border-bottom:1px solid #aaa;
}

.webgis-services_toc-item,
.webgis-services_toc-item-group {
    font-size:14px;
    font-weight:normal;
    cursor:pointer;
    white-space:nowrap;
    margin:3px;
    padding:8px;
}
.webgis-services_toc-item-group ul {
    background:white;
}

.webgis-services_toc-item-group div {
    padding:5px 0 5px 0;
    font-weight:bold;
}

.webgis-services_toc-legend-title {
    padding:5px 0 5px 0;
    font-weight:bold;
}
/*************************************************************/

.webgis-icon-down {
    padding-left:28px;
    cursor:pointer;
    background-image:url("../../Content/api/img/down.png");
    background-repeat:no-repeat;
    background-position:center left;
}

.webgis-ui-trans {
    opacity:.5;
    transition: opacity .3s ease-in-out;
}
.webgis-ui-trans:hover,
.webgis-ui-trans-hover {
    opacity:1;
    transition: opacity .3s ease-in-out;
}

/* tabs ************************************/
.webgis-tabs-holder {
    z-index:9998;
    background-color:white;
    border-bottom:1px solid #62B851;
    border-top:1px solid #62B851;
    width:100%;
    max-width:400px;
}

.webgis-tabs-tab {
    width:40%;
    height:40px;
    cursor:pointer;
    display:inline-block;
    text-align:center;
}
.webgis-tabs-tab:hover {
    background:#e2e2e2;
}
.webgis-tabs-tab-selected {
    background:#e2e2e2;
}
.webgis-tabs-tab img {
    margin:2px
}
.webgis-tabs-tab-text {
    position:absolute;
    top:32px;
    left:0px;
    font-size:8.5px;
    text-align:left;
    display:inline;
    background-color:white;
    border:2px solid red;
    border-radius:4px;
    padding:0 2px;
    white-space:nowrap;
}

.webgis-tabs-tab-content-holder {
    background:white;
    max-height:80%;
    overflow:auto;
    max-width:400px;
    width:100%;
    z-index:9997;
}

.webgis-tabs-tab-header {
    font-size:20px;
    font-weight:bold;
    background-color:#e2e2e2;
    padding:4px;
    border-top:1px solid #62B851;
    height:28px;
}
.webgis-tabs-tab-header .webgis-tabs-close {
    float:right;
    margin:-2px;
    cursor:pointer;
    width:32px;
    height:32px;
    background-image:url("../../Content/api/img/down.png");
    background-repeat:no-repeat;
    background-position:center;
}

.webgis-tabs-tab-content-holder.under .webgis-tabs-tab-header .webgis-tabs-close {
    background-image:url("../../Content/api/img/up.png");
}

.webgis-bottom-bar {
    width:100%;
    max-width:400px;
}


/* Toolbar *********************************/
.webgis-toolbar-tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.webgis-toolbar-tabs .webgis-toolbar-tab {
    display:inline-block;
    padding:4px 12px;
    font-size:1.37em;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ececec;
    cursor:pointer;
    background-color:#b5dbad;
}
.webgis-toolbar-tabs .webgis-toolbar-tab:last-child {
    border-right:none;
}

.webgis-toolbar-tabs .webgis-toolbar-tab.selected {
    background-color:#62B851;
    color:white;
}
.webgis-toolbar-tabcontent {
    padding:0px;
    margin:0px;
}

/* Toolbox *********************************/
.webgis-toolbox-holder {
}

.webgis-toolbox-holder ul {
    margin:0px;
    padding:0px;
    list-style:none;
}

.webgis-toolbox-tool-item-group-details .webgis-toolbox-tool-item {
    display:block;
}
.webgis-toolbox-tool-item-group-details .webgis-toolbox-tool-item .webgis-toolbox-tool-item-label {
    display:inline-block !important;
}
.webgis-toolbox-tool-item {
    display:inline-block;
    border:1px solid #eee;
}
.webgis-toolbox-tool-item:hover {
    background-color: #efefef;
}

/* -selected -> for Map&AppBuilder */
.webgis-toolbox-tool-item-selected {
    /*border-left:10px solid #62B851;
    border-bottom:1px solid #62B851;*/
    border:1px solid #b5dbad;
    border-radius:4px;
    background-image:url('../../api/img/check-32.png');
    background-position:right center;
    background-repeat:no-repeat;
    background-color:#eaf6dd;
}
.webgis-toolbox-tool-item-selected:hover {
    background-color: #b5dbad;
}

/* For MapViewer toolbar */
.webgis-toolbox-tool-item.selected{
    background-color:#b5dbad;
}

.webgis-toolbox-tool-item,
.webgis-toolbox-tool-item-group {
    font-size:14px;
    font-weight:normal;
    cursor:pointer;
    white-space:nowrap;
    margin:3px;
    padding:8px;
    overflow:hidden;
}
.webgis-toolbox-tool-item-span {
    position:relative;
    top:-3px;
}
.webgis-toolbox-tool-item .subtext {
    padding-left:30px;
    color:#888;
    font-size:0.7em;
    white-space:normal
}
.webgis-toolbox-tool-item-group ul {
    background:white;
    white-space:normal;
}

.webgis-toolbox-tool-item-group div {
    background-color:#e2e2e2;
    padding:5px 0 5px 0;
    font-weight:bold;
}

.webgis-toolbox-tool-item span img {
    position: relative;
    top: 7px;
}

.webgis-toolbox-tool-item .webgis-toolbox-tool-item-label {
    display:none;
}

/*********** Tool Button **************/

.webgis-tool-button-bar {
    border:1px solid #ccc;
    border-radius:4px;
    background-color:white;
    cursor:pointer;
    overflow:hidden;
    z-index:1000;
}
.webgis-tool-button-bar div {
    width:26px;
    height:30px;
    border-bottom:1px solid #ccc;
    display:inline-block;
}
.webgis-tool-button-bar.horizontal div {
    width:30px;
    height:26px;
    border-bottom:none;
    border-right:1px solid #ccc;
}
.webgis-tool-button-bar div img {
    width:24px;
    margin:2px 1px;
}
.webgis-tool-button-bar.horizontal div img {
    margin:1px 2px;
}

.webgis-tool-button-bar.shadow {
    box-shadow:0 1px 5px rgba(0, 0, 0, 0.65);
    border:none;
    margin:1px;
}

/*************************************************************/

/* UI Builder */
.webgis-ui-holder {
    padding:5px;
}
.webgis-ui-holder h2 img {
    position:relative;
    top:7px;
    left:2px;
}

.webgis-ui-holder h2 img {
    position:relative;
    top:7px;
    left:2px;
}
.webgis-ui-holder table {
    width:100%;
}

.webgis-ui-imagebutton {
    min-width: 38px;
    min-height: 38px;
    border: 1px solid #bcbbbb;
    display: inline-block;
    cursor: pointer;
    margin: 2px;
    background-color:white;
    background-position: center;
    background-repeat: no-repeat;
}
.webgis-ui-imagebutton:hover {
    background-color: #b5dbad;
}

.webgis-ui-option-selected {
    background-color:#62B851;
}

.webgis-ui-collapsable-title {
    cursor:pointer;
}
.webgis-ui-collapsable-title h2 img {
    position:relative;
    left:2px;
    top:7px;
}

.webgis-ui-droplist {
    border:1px solid #ccc;
    background-color:#e2e2e2;
    min-height:50px;
    width:100%;
}
.webgis-ui-droplist-item{
    border:1px solid #777;
    background-color:#fff;
    padding:2px;
    border-radius:2px;
}
.webgis-ui-droplist-item-x {
    float:right;
    font-weight:bold;
    cursor:pointer;
}
/**********************************************************************/

.webgis-search-input-holder {
    width:100%
}
.webgis-search-input {

}

.webgis-topbar-holder {
    background-color: #b5dbad;
    border-top:1px solid #62B851;
    border-bottom:1px solid #62B851;
    height:32px;
    padding:-1px 0px 0px 0px;
    width:320px;
    min-width:320px;
    max-width:100%;
    transition: width .3s ease;
}

.webgis-topbar-holder.webgis-topbar-large{
    width:640px;
    /*transition: width .3s ease;*/
}

.webgis-topbar-button {
    background-repeat:no-repeat;
    background-position:center;
    background-color: #b5dbad;
    border-top:1px solid #62B851;
    border-bottom:1px solid #62B851;
    /*box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);*/
    cursor: pointer;
    height: 32px;
    width: 35px;
    color:white;
    text-align:center;
    margin:-1px 0px;
}

.webgis-topbar-button-round {
    /*border-radius: 0 6px 6px 0;*/
    border-right:1px solid #62B851;
}

.webgis-search-result-holder {
    /*width:298px;
    border: 1px solid #62B851;*/
    background:white;
    padding:10px;
    text-align:left;
}

.webgis-search-result-header {
    background-color: #62B851;
    color:#fff;
    margin: -10px -10px 10px -10px;
    padding: 10px;
}

.webgis-search-result-list {
    max-height:400px;
    overflow:auto;
}

.webgis-detail-search-holder {
    width:300px;
    border-bottom: 1px solid #62B851;
    background:white;
    padding:10px;
}

.webgis-detail-search-combo-holder {
    margin:-10px;
    padding:10px;
    background-color:#b5dbad;
}

.webgis-detail-search-combo {
    border: 1px solid #62B851;
    border-radius: 2px;
    font-size: 18px;
    height: 28px;
    width:98%;
    padding:0px;
}

.webgis-detail-search-mask .webgis-input {
    width:285px;
}

.webgis-app-menu-holder {
    width:320px;
    border-bottom: 1px solid #62B851;
    background:white;
    padding:0px;
    text-align:left;
}

.webgis-app-menu-holder ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.webgis-select:focus {
    border: 1px solid #0094ff;
}
.webgis-select {
    border: 1px solid #b5dbad;
    font-size: 14px;
    width:300px;
    padding: 5px;
}
.webgis-input-label {
    font-size: 14px;
    font-weight:bold;
    margin:2px 0 2px 0;
    text-align:left;
}

.webgis-input[readonly='readonly'] {
    background-color:#ccc !important;
}

.webgis-detail-search-button {
}

.webgis-outofscale {
    opacity:.4;
}

/* Modal *****************************************/
.webgis-modal-title {
    background-color: #e2e2e2;
    font-size: 16px;
    font-weight: bold;
    padding: 4px;
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    height:20px;
}

.webgis-modal-content {
    z-index:1;
    position:absolute;
    overflow:auto;
    left:0px;
    top:38px;
    right:0px;
    bottom:0px;
    padding:0px 5px;
}

.webgis-modal-close {
    cursor:pointer;
    position:absolute;
    top:1px;
    right:2px;
    width:26px;
    height:26px;
    background:url('../api/img/close-26.png') no-repeat center center;
}

.webgis-modal-body {
    transition: opacity .3s ease-in;
}

/* Dock Panel ************************************/
.webgis-dockpanel {
    background-color:white;
    z-index:99999;
}

.webgis-dockpanel-title {
    background-color: #e2e2e2;
    border-top: 1px solid #62b851;
    font-size: 16px;
    font-weight: bold;
    padding: 4px;
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    height:20px;
}

.webgis-dockpanel-content {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    top: 28px;
    padding: 5px 2px;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.webgis-dockpanel-title .webgis-dockpanel-close {
    cursor: pointer;
    float: right;
    padding: 0 5px;
}

/***** Kartensammlung *****/

.webgis-mapcoll-category-list{
    background:#efefef;
}

.webgis-mapcoll-category-item {
    /*display:inline-block;*/
    cursor:pointer;
    padding:0px;
    min-width:100px;
    text-align:center;
    overflow:hidden;
    white-space:nowrap;
}
.webgis-mapcoll-category-item .webgis-mapcoll-category-item-title:hover {
    background-color:#62b851;
}

.webgis-mapcoll-category-item-title {
    /*display:inline-block;*/
    cursor:pointer;
    height:28px;
    padding:6px 30px;
    font-size:20px;
    min-width:100px;
    text-align:left;
    overflow:hidden;
    white-space:nowrap;
}

.webgis-mapcoll-category-item .webgis-mapcoll-category-item-title {
    background:url('../api/img/nav-down.png') no-repeat 2px center;
}
.webgis-mapcoll-category-item-selected .webgis-mapcoll-category-item-title {
    background:#b5dbad url('../api/img/nav-up.png') no-repeat 2px center;
}

.webgis-mapcoll-category-item-content{
    padding:0px 12px;
    margin:0px;
    background:white;
    font-size:9pt;
}

.webgis-mapcoll-map-item{
    /*display:inline-block;*/
    float:left;

    cursor:pointer;
    width:140px;
    height:140px;
    background-color:#62b851;
    color:white;
    margin:3px;

    overflow:hidden;
    border-radius:22px;
}
.webgis-mapcoll-map-item-image {
    height:138px;
    width:138px;
    margin:1px;
    background-image:url('../api/img/map-64-w.png');
    background-repeat:no-repeat;
    background-position:center;
}
.webgis-mapcoll-map-item-text {
    background-color: rgba(0, 0, 0, 0.6);
    height: 140px;
    position: relative;
    text-align: left;
    top: -50px;
    transition-delay: 0s, 0s;
    transition-duration: 0.5s;
    transition-property: top;
    width: 140px;
}
.webgis-mapcoll-map-item-text:hover {
    /*background-color:black;*/
    top:-140px;
}
.webgis-mapcoll-map-item-text div {
    padding:4px;
}

.webgis-mapcoll-map-new-item {
    display:inline-block;
    cursor:pointer;
    width:140px;
    height:140px;
    background-color:#E2E2E2;
    color:white;
    margin:3px;

    overflow:hidden;
}
.webgis-mapcoll-map-new-item-image {
    height:138px;
    width:138px;
    margin:1px;
    background-image: url('../api/img/plus-64-w.png');
    background-repeat: no-repeat;
    background-position: center;
}

.webgis-mapcoll-content-new-item{
    display:inline-table;
    cursor:pointer;
    width:140px;
    height:26px;
    background-color:#62b851;
    color:white;
    margin:5px;
    background-image:url('../api/img/plus-64-w.png');
    background-repeat:no-repeat;
    background-position:left;
    float:right;
    padding:22px 0px 10px 64px;
}

/* Input Clearable */

.clearable{
    background: #fff url(../api/img/x.gif) no-repeat right -10px center;
    /*padding: 0px 18px 0px 5px;*/     /* Use the same right padding (18) in jQ! */
    transition: background 0.4s;
}
.clearable.x  { background-position: right 8px center; } /* (jQ) Show icon */
.clearable.onX{ cursor: pointer; }              /* (jQ) hover cursor style */
.clearable::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */

.webgis-autocomplete-item {
    margin:0px;
    padding:0px;
    width:100%;
}

.webgis-autocomplete-item .webgis-autocomplete-item-details {
    margin:15px 0px;
}

.webgis-autocomplete-item .image-cell {
    padding:4px 0px;
    vertical-align:top;
}
.webgis-autocomplete-item .text-cell {
    padding:0px;
    vertical-align:top;
    width:100%;
    padding:0px 0px 0px 4px;
    border-bottom:1px solid #e2e2e2;
}
.ui-menu-item:last-child .webgis-autocomplete-item .text-cell {
    border-bottom:none;
}

.ui-menu-item .webgis-autocomplete-item .webgis-autocomplete-item-details {
    display:none;
}

.webgis-autocomplete-item .text-cell .subtext {
    color:#aaa;
    font-size:0.8em;
}
.ui-menu-item {
    padding:0px;
    margin:0px;
}

.ui-quickinfo {
    cursor:pointer;
    min-height:40px;
    min-width:100px;
    border:1px solid #aaa;
    background:white url(../api/img/enter.png) 4px center no-repeat;
    border-radius:8px;
    overflow:hidden;
    padding-left:22px;
    display:inline-block;
    z-index:1000;
}
.ui-quickinfo-content {
    margin: 0px 30px 0px 0px;
    padding: 8px 12px;
    font-size: 20px;
    font-weight:bold;
}
.ui-quickinfo-close {
    position:absolute;
    right:0px;
    top:0px;
    width:32px;
    height:32px;
    font-size:20px;
    color:#aaa;
    padding:8px 5px 8px 0;
    text-align:right;
}
.ui-quickinfo-close:hover {
    color:#000;
}

.webgis-tool-button.active{
    background-color:#62B851;
}

/********* MapLense ************/

.webgis-mapviewlense {
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    z-index:999
}

.webgis-mapviewlense div {
    background:#888;
    opacity:.7;
    box-sizing:border-box;
    position:absolute;
}
.webgis-mapviewlense div.border-l {
    border-left:2px solid #fff;
}
.webgis-mapviewlense div.border-r {
    border-right:2px solid #fff;
}
.webgis-mapviewlense div.border-t {
    border-top:2px solid #fff;
}
.webgis-mapviewlense div.border-b {
    border-bottom:2px solid #fff;
}

.webgis-mapviewlense .top .text {
    position:absolute;
    bottom:4px;
    left:0px;
    font-size:1.2em;
    font-weight:bold;
    color:#fff;
    padding:4px;
    opacity:1;
    background:#000;
}

/*********  Typeahead **************/
.tt-menu {
    background-color: #fff;
    border: 1px solid #80AFC7;
    width:100%;
    margin-top:5px;
    border-radius:3px;
}

.tt-suggestion {
    padding:5px;
    border-bottom:1px solid #e2e2e2;
}
.tt-suggestion .tt-img {
    /*border:2px solid #337ab7;
    border-radius:3px;*/
}
.tt-suggestion .tt-content {
    padding: 0px 5px;
    text-align:left;
    width:100%;
}
.tt-content span.subtext {
    font-weight: normal;
}

.tt-suggestion:hover {
    background-color: #ccc;
    cursor:pointer;
}

.tt-suggestion.tt-cursor {
    background-color: #ccc;
}

/*********** Query Result History ********/
.webgis-result-history-item {
    padding:6px;
    margin-bottom:4px;
    border:1px solid #bcbbbb;
    border-radius:6px;
    cursor:pointer;
}
.webgis-result-history-item:hover {
    background-color:#b5dbad;
}

/*********** Copyright *************/

.webgis-copyright-container {
    padding-top:10px;
}
.webgis-copyright-container .webgis-copyright-info {
    padding:2px;
    border-top:1px solid #ccc;
}
.webgis-copyright-container .webgis-copyright-info div,
.webgis-copyright-container .webgis-copyright-info a {
    display:inline-block;
    margin-right:4px;
}

.webgis-copyright-container .webgis-copyright-info img {
    float:left;
}

.webgis-copyright-container .webgis-copyright-info .webgis-copyright-services{
    display:block;
    margin-bottom:4px;
}
.webgis-copyright-container .webgis-copyright-info .webgis-copyright-services div {
    background-color: #e2e2e2;
    padding: 4px;
    border-radius: 4px;
    display: inline-block;
    font-weight: bold;
    margin: 0 4px 4px 0;
}