.webgis-container {
    border: 0;
	margin: 0;
	padding: 0;
	/*width: 100%;
	height: 100%;*/
	overflow: hidden;
    font-family:  Verdana, Calibri, Arial;
    font-size: .73em;
}

.webgis-container-styles {
    font-family: Verdana;
    font-size: .73em;
}

.webgis-container-styles .webgis-container {
    font-size:1em;
}

.webgis-modal,
.webgis-contextmenu
{
    font-family: Verdana, Calibri, Arial;
    font-size: .73em;
}

#edit-editmask-container span {
    font-size: 1.5em;
}

.webgis-container p, 
.webgis-container td, 
.webgis-container th,
.webgis-container-styles p, 
.webgis-container-styles td, 
.webgis-container-styles th,
.webgis-modal p,
.webgis-modal td,
.webgis-modal th
{
	font-family: Verdana, Calibri, Arial;
	font-size: 8.5pt;
}

.webgis-container,
.webgis-container-styles,
.webgis-modal
{
	background-color: #ffffff;
	margin: 0px;
	scrollbar-base-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #000000;
	scrollbar-face-color: #bcbbbb;
	scrollbar-highlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
}

    .webgis-container h1,
    .webgis-container h2,
    .webgis-container h3,
    .webgis-container h4,
    .webgis-container h5,
    .webgis-container h6,
    .webgis-container-styles h1,
    .webgis-container-styles h2,
    .webgis-container-styles h3,
    .webgis-container-styles h4,
    .webgis-container-styles h5,
    .webgis-container-styles h6,
    .webgis-modal h1,
    .webgis-modal h2,
    .webgis-modal h3,
    .webgis-modal h4,
    .webgis-modal h5,
    .webgis-modal h6 {
        font-family: Verdana, Arial, Calibri;
		font-size: 1.5em;
		font-weight: normal;
		margin-top: 5px;
		margin-bottom: 5px;
    }

.webgis-container table.tab,
.webgis-container-styles table.tab
{
	background-color: #ffffff;
}

.select2-results {
    font-family: Verdana;
	font-size: 13px;
}

.webgis-button {
    background-repeat:no-repeat;
    background-position:center;
    background-color: #ff0000;
    color:white;
    font-size:16px;
    padding:8px;
    border:none;
    border-radius:3px;
    cursor:pointer;
}
    .webgis-button:hover {
        background: #f4f4f4;
        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,Calibri,sans-serif !important;
}


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

    .uibutton.uibutton-default {
        background-color: #ff0000;
        color:white;
    }
        .uibutton.uibutton-default:hover {
            /*background: #f4f4f4;*/
            color:#777;
        }
    .uibutton.uibutton-cancel {
        background-color: #fff;
        color:#333;
    }
    .uibutton.uibutton-danger {
        background-color: #ff0000;
        color: white;
    }
        .uibutton.uibutton-danger:hover {
            background-color: #ffaaaa;
            color: #444;
        }
    .uibutton.uibutton-option {
        width: 100%;
        max-width: 320px;
    }
    .uibutton:hover
    {
        background-color: #ff0000;
        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:#f4f4f4;
    font-weight:bold;
}
.webgis-result-table-cell {
	width: 100%;
    white-space:normal;
}

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

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

tr.webgis-border-top td{
    border-top:1px solid #ccc;
}

tr.webgis-border-bottom td{
    border-bottom:1px solid #ccc;
}

/************ 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:#f4f4f4;
    }

.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 #f4f4f4;
    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:#f4f4f4;
    }

    .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:normal;
    }

.webgis-presentation_toc-title {
    font-size:16px;
    background:#f4f4f4;
    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:2px;
    top:2px;
    width:30px;
    height:30px;
    background-image:url ('../api/img/toc/legend-24.png');
    background-position:center;
    background-repeat:no-repeat;
    opacity:.5;
	background-color:white;
}

.webgis-expanded .webgis-presentation_toc-title-text {
    background:#ff0000;
    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;
    color:#fff;
}

.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: #f4f4f4;
    }
    .webgis-presentation_toc-basemap-opacity-item.selected {
        background: #ff0000;
    }

.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:#96c3a2 !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:#f4f4f4;
    }

.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:#ff0000;*/
    }

    .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:#f4f4f4;
    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:#ff0000;
    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:#ff0000;*/
    }

    .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:#f4f4f4;
    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:#ff0000;
    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 #ff0000;
    border-top:1px solid #ff0000;
    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:normal;
    background-color:#ff0000;
    padding:4px;
    border-top:1px solid #ff0000;
    height:28px;
    color:white;
}
.webgis-tabs-tab-header .webgis-tabs-close {
    float:right;
    margin:-2px;
    cursor:pointer;
    width:32px;
    height:32px;
    background-image:url("../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:#f4f4f4;
    }
    .webgis-toolbar-tabs .webgis-toolbar-tab:last-child {
        border-right:none;
    }

    .webgis-toolbar-tabs .webgis-toolbar-tab.selected {
        background-color:#ff0000;
        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: #f4f4f4;
    }

/* -selected -> for Map&AppBuilder */
.webgis-toolbox-tool-item-selected {
    /*border-left:10px solid #ff0000;
    border-bottom:1px solid #ff0000;*/
    border:1px solid #f4f4f4;
    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: #f4f4f4;
    }

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

.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:98;
}
    .webgis-tool-button-bar div {
        width: 32px;
        height: 32px;
        /*border-bottom:1px solid #ccc;
        border: 1px solid #000;*/
        border-radius: 50%;
        background-color: #fff;
        display: inline-block;
        box-sizing: border-box;
        cursor: pointer;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
        margin-top:3px;
        margin-left:3px;
    }
    .webgis-tool-button-bar.horizontal div {
        width: 32px;
        height: 32px;
        box-sizing:border-box;
        cursor:pointer;
    }

.webgis-tool-button-bar div img {
    width:20px;
    margin:6px 0px 0px;
}
.webgis-tool-button-bar.horizontal div img {
    margin:0px 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: #f4f4f4;
    }

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

.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 {
    border: 1px solid #ff0000;
    border-right:none;
    /*border-radius: 6px 0 0 6px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);*/
    font-size: 18px;
    height: 32px;
	padding:0px 0px 0px 5px;
    margin:0px;
    margin:-1px 0px;
}

.webgis-topbar-holder {
    background-color: #f4f4f4;
    border-top:1px solid #ff0000;
    border-bottom:1px solid #ff0000;
    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: #f4f4f4;
    border-top:1px solid #ff0000;
    border-bottom:1px solid #ff0000;
    /*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 #ff0000;
}

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

.webgis-search-result-header {
    background-color: #ff0000;
    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 #ff0000;
    background:white;
    padding:10px;
}

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

.webgis-detail-search-combo {
    border: 1px solid #ff0000;
    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 #ff0000;
    background:white;
    padding:0px;
    text-align:left;
}

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

.webgis-input:focus,
.webgis-textarea:focus,
.webgis-select:focus {
    border: 1px solid #0094ff;
}
.webgis-input,
.webgis-textarea,
.webgis-select {
    border: 1px solid #f4f4f4;
    font-size: 14px;
    width:301px;
    padding: 5px;
    max-width:100%;
}
.webgis-input{
	width:279px;
}
.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: #ff0000;
    font-size: 16px;
    font-weight: bold;
    padding: 12px;
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    height:20px;
    color:#fff;
}

.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:0px;
    right:0px;
    width:44px;
    height:44px;
/*    background:url('../api/img/close-26-w.png') no-repeat center center;*/
}

		.webgis-modal-close:hover {
        background-color:#ff0000;
    }

.webgis-modal-body.animate {
    transition: opacity .3s ease-in,
                height .3s ease-in,
                width .3s ease-in,
                left .3s ease-in,
                top .3s ease-in
}

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

.webgis-dockpanel-title {
    background-color: #e2e2e2;
    border-top: 1px solid #ff0000;
    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:#ff0000;
	}

.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:#f4f4f4 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:#ff0000;
	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:#ff0000;
    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:#ff0000;
}
/********* 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: #eee;
    cursor:pointer;
}

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

/*********** Contextmenu *****************/
.webgis-contextmenu {
    border:1px solid #777;
    box-shadow:10px 10px 5px rgba(0, 0, 0, 0.5);
}

/*********** 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:#f4f4f4;
    }

    .webgis-result-history-item-selection {
        background-color:aquamarine;
    }

.webgis-ui-hidden {
    display: none;
}

/**** Info *******/
div.webgis-info {
    padding:4px;
    border:1px solid #fbed80;
    border-radius:4px;
    background-color:#faffb8;
}

div.webgis-copy {
    background: url(../api/img/copy-24-g.png) no-repeat center center;
    cursor: pointer;
    width:26px;
    height:26px;
}

/*********** Hourglass *************/
.webgis-hourglass-scale {
    margin: 4px;
    text-align: right;
}
/*********** 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;
        }

/***** Leaflet buttons ***** */

.leaflet-left .leaflet-control {
    margin-left: 6px !important;
}

.leaflet-bar a {
    border-radius: 50% !important;
}

    .leaflet-bar a, .leaflet-bar a:hover {
        width: 32px !important;
        height: 32px !important;
        background-color: #fff !important;
        color: #fff !important;
        font-size: 0px !important;
        /*border:1px solid #000;*/
        box-sizing: border-box !important;
        line-height: 32px !important;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
        margin: 3px 3px 0px 0px;
    }

.leaflet-bar {
    border:none !important;
    box-shadow: none !important;
}

.leaflet-control-zoom-in {
/*    background-image:url('../api/img/tools/plus-26.png');*/
    background-position: center center;
    background-repeat: no-repeat;
}

.leaflet-control-zoom-out {
/*    background-image:url('../api/img/tools/minus-26.png');*/
    background-position: center center;
    background-repeat: no-repeat;
}

/************ Bubble ***************/

.webgis-bubble {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
    display:block;
    width:70px;
    height:70px;
    border-radius:50%;
    color:#fff;
    background-color: #f4f4f4;
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 26px 26px;
    z-index:999;
    position:absolute;
    cursor:pointer;
    
}
    .webgis-bubble.gps-inaccurate {
        background-color:#ff0000;
    }
    .webgis-bubble.disabled {
        background-color: #ccc;
        color: #aaa;
    }

    .webgis-bubble.parked {
        background-color: #fa7c03
    }

    .webgis-bubble.text {
        background-position: center 9px;
    }
    .webgis-bubble .text {
        position: absolute;
        bottom: 8px;
        text-align: center;
        width: 100%;
        font-size:.9em;
    }
    .webgis-bubble .text.small {
        position: absolute;
        bottom: 6px;
        text-align: center;
        width: auto;
        left:15px;
        right:15px;
        font-size:0.65em;
        overflow:hidden;
    }
    .webgis-bubble.is-longclick {
        background-color:#ffff00 !important;
        color:#777 !important;
    }

.webgis-bubble-trash {
/*    background: #777 url('../api/img/close-26-w.png') no-repeat center center;*/
    height: 80px;
    width: 80px;
    border-radius: 50% 0px 0px 50%;
    position: absolute;
    z-index: 998;
    opacity:.7;
}
.webgis-bubble-park {
/*    background: #fa7c03 url('../api/img/close-26-w.png') no-repeat center center;*/
    height: 80px;
    width: 80px;
    border-radius: 50% 0px 0px 50%;
    position: absolute;
    z-index: 998;
    opacity: .7;
}

.webgis-click-bubble,
.webgis-contextmenu-bubble {
    border-radius:0px 50% 50% 50%;
}

.webgis-contextmenu-bubble {
    background-color: #026894 !important;
}

.webgis-bubble.return-to-position.returning {
    transition: left .4s ease, top .4s ease;
}

/************* Animate *************/

.webgis-spin {
    -webkit-animation: spin .4s linear infinite;
    -moz-animation: spin .4s linear infinite;
    animation: spin .4s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/************ Usability ************/
.webgis-container .leaflet-container {
    z-index: 0;
}

.webgis-disable-blocker {
    content: 'Zum aktivieren der Karte hier klicken';
    z-index: 99;
    background: rgba(0, 0, 0, 0.35);
    padding-top: 20%;
    text-align: center;
    transition: width .5s ease, height .5s ease;
}

    .webgis-disable-blocker .button {
        background: #444;
        font-size: 1.5em;
        color: #fff;
        display: inline-block;
        padding: 8px 8px 8px 35px;
        cursor: pointer;
        border-radius:5px;
        background-image: url('../api/img/check-26-w.png');
        background-repeat: no-repeat;
        background-position: 6px 6px;
    }

    .webgis-disable-blocker.collapse {
        width: 40px;
        height: 40px;
        padding-top: 0px;
/*        background-image: url('../api/img/close-26-w.png');*/
        background-repeat: no-repeat;
        background-position: center center;
        margin: 0px 2px;
        border-radius: 20px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
        cursor:pointer;
    }

        .webgis-disable-blocker.collapse .button {
            display:none;
        }