@import url(../libs/node_modules/font-awesome/css/font-awesome.min.css);
@import url(./geoas-webfont.css);

.invisible {
    visibility: hidden;
}

a.link:hover {
    cursor: pointer;
}

#tooltipSubItems {
    margin-top: 10px;
}

.tooltip-column {
    vertical-align: top;
    /*white-space: nowrap;*/
    /*width: 20%;*/
    font-size: 10px;
    padding: 3px;
    border-bottom: grey 1px dotted;
}

.tooltip-column-key {
    padding-right: 50px;
    /*text-align: right;*/
    /*font-weight: bold;*/
}

.tooltip-column-value {
    padding-left: 2px;
    font-weight: bold;
}

.tooltip-appendbottom {
    margin: 40px 5px 5px 5px;
}

.searchresult-right,
.searchresult-left,
.searchresult-top,
.searchresult-bottom {
    margin: 15px 5px;
}

/* SearchresultTabCtrl Abstand Tab zu Grid */
#searchResultTabCtrl .searchResultDiv {
    margin-top: -10px;
    border-left-width: 0;
    border: none;
}

#tooltipMainItem {
    padding: .5em .1em;
}

/* Tab */
.e-tab .e-header li a {
    padding: .3em;
    font-size: 11px;
}

/*.e-tab .e-active-content {
    padding: 1px;
}*/

.e-tab.e-js.e-widget {
    font-family: Verdana, Lucida, Helvetica, Arial, sans-serif;
}

/*dialog-fontsize*/
.e-dialog.e-widget-content,
.e-ddl,
.e-ddltxt,
.e-input,
.e-ddl .e-input,
.e-ddl .e-input[readonly],
.e-treeview .e-text {
    font-family: Verdana, Lucida, Helvetica, Arial, sans-serif;
    font-size: 12px;
}

/*input heights */
.e-ddl,
.e-input {
    height: 27px;
}

input.e-input, input[type="text"].e-input, .e-input.e-placeholder {
    padding-left: .557em;
}

.e-treeview ul {
    padding: 2px 0 0 2px;
}

.e-ribbon.e-js .e-content {
    border-width: 0;
}

.e-gridheader .e-textover {
    /*xborder: none;*/
}

/* TableHeader */
.e-dialog > .e-header .e-title {
    vertical-align: middle;
}

.e-dialog.e-dialog-wrap {
    font-family: Verdana, Lucida, Helvetica, Arial, sans-serif;
}

/*
.e-dialog > .e-header {
    font-size: 11px;
	font-weight: bold;
	color: white;
	background-color: #0084D7;
}*/

.e-dialog > .e-titlebar {
    padding: .3em;
}

.e-dialog input,
.e-dialog select {
    border-radius: 0 0 0 0;
}

.e-table, .e-grid table {
    font-family: Verdana, Lucida, Helvetica, Arial, sans-serif;
    font-size: 10px;
}

/*keine Border für grid in Tab*/
.e-tab .e-grid {
    border: none;
}

/*keine Border für grid in Tab*/
.e-grid .e-toolbar.e-toolbarspan {
    border-top-width: 0;
}

.e-grid .e-gridheader {
    border-top: none;
}

/*ColumnHeaderCell*/
.e-grid .e-headercell,
.e-grid .e-headercell-hover {
    height: 22px;
    padding: 0 0 0 0.4em;
}

/* TableCell */
.e-grid .e-rowcell {
    padding: .4em;
}

.e-grid .e-headercelldiv {
    font-size: 10px;
    line-height: 30px;
}

/* Pager */
.e-pager .e-pagercontainer {
    border: none;
    background-color: transparent;
    border-radius: 0;
    overflow: unset;
}

.e-pager {
    padding: 0;
    background-color: transparent !important;
    font-size: 10px;
}

/*pager arow hover*/
.e-pager .e-nextpage:hover,
.e-pager .e-lastpage:hover,
.e-pager .e-firstpage:hover,
.e-pager .e-prevpage:hover,
.e-pager .e-numericitem.e-hover {
    background: lightgrey;
}

.e-pager .e-currentitem,
.e-pager .e-currentitem:hover {
    background-color: transparent;
    color: black;
    font-weight: bold;
}

.e-pager .e-currentitem.e-active {
    background-color: lightgrey;
}

.e-pager .e-prevpagedisabled,
.e-pager .e-prevpage,
.e-pager .e-nextpage,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled,
.e-pager .e-lastpage,
.e-pager .e-firstpage,
.e-pager .e-firstpagedisabled {
    background-color: transparent;
    padding: 0;
}

.e-pager .e-prevpagedisabled,
.e-pager .e-prevpage,
.e-pager .e-nextpage,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled,
.e-pager .e-lastpage,
.e-pager .e-firstpage,
.e-pager .e-firstpagedisabled {
    border: none;
}

.e-pager .e-numericitem {
    background-color: transparent;
    color: #A0A0A0;
    border: none;
}

.e-pager .e-firstpage:hover,
.e-pager .e-lastpage:hover {
    border-radius: 0 !important;
}

.e-pager .e-firstpage,
.e-pager .e-prevpage,
.e-pager .e-firstpagedisabled,
.e-pager .e-prevpagedisabled,
.e-pager .e-nextpage,
.e-pager .e-lastpage,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled {
    border-radius: 0 !important;
}

.e-pager div.e-parentmsgbar {
    padding-top: 6px;
}

.e-icon {
    width: 12px;
    height: 12px;
}

/*Colors ej*/

/*grid selected*/
.e-grid td.e-active,
.e-grid .e-form-titlebar {
    background: #A0A0A0;
}

/*grid hover*/
.e-grid tr.e-hover {
    background: lightgrey;
}

.e-grid .e-groupdroparea {
    background: #A0A0A0 !important;
}

.e-acrdn-header-content {
    width: 100%;
}

/*Tab*/
.e-tab .e-header.e-addborderbottom .e-active {
    border-top-color: #A0A0A0;
    border-top-width: 2px;
}

.e-tab .e-header > .e-active a,
.e-tab .e-left > .e-active a,
.e-tab .e-right > .e-active a {
    color: #A0A0A0;
}

/*tab selected hover*/
.e-tab.e-js .e-header > .e-active:hover,
.e-tab.e-js .e-left > .e-active:hover,
.e-tab.e-js .e-right > .e-active:hover,
.e-tab.e-js .e-header.e-item:hover,
.e-tab.e-js .e-left.e-item:hover,
.e-tab.e-js .e-right.e-item:hover {
    background: lightgrey;
    color: #282827;
}

/*tab unselected hover*/
.e-tab.e-js .e-header > .e-item:hover,
.e-tab.e-js .e-left > .e-item:hover,
.e-tab.e-js .e-right > .e-item:hover {
    background-color: lightgrey;
    color: #282827;
}

/*tab paging icon*/
.e-tab.e-js .e-header .e-icon.e-chevron-circle-left, .e-icon.e-chevron-circle-right {
    color: #A0A0A0;
}

/*dialog*/
.e-dialog > .e-header {
    background: lightgrey;
    border-bottom: none !important;
    font-size: 12px;
    /*height: 1%;*/
}

.e-dialog .e-dialog-icon:hover {
    background: lightgrey;
}

/*login*/
login {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #d2d6de;
}

login .btn {
    border-radius: 0;
}

/* toast-message default customize */

/* additional position */

.toast-top-left {
    top: 60px;
    left: 12px;
}

.toast-top-right {
    top: 60px;
    right: 12px;
}

.toast-center-center {
    top: calc(100vh * 0.4);
    right: 0;
    width: 100%;
}

#toast-container.toast-center-center > div {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

/* theme colors */
.toast-info-theme {
    color: white; /* will not effect icon and close button */
    background-color: darkgrey !important; /* keep !important */
}

/* icon like toast-info */
#toast-container > .toast-info-theme {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

/* full corners */
#toast-container > .toast-info-theme {
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    -moz-box-shadow: 0 0 12px 0 #999999;
    -webkit-box-shadow: 0 0 12px 0 #999999;
    box-shadow: 0 0 12px 0 #999999;
}

#toast-container > .toast-info-theme:hover {
    -moz-box-shadow: 0 0 12px 0 #000000;
    -webkit-box-shadow: 0 0 12px 0 #000000;
    box-shadow: 0 0 12px 0 #000000;
}

/* full color */
#toast-container > .toast-info-theme,
#toast-container > .toast-info-theme:hover {
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
}

/* title and text content */
.toast-title a,
.toast-message a,
.toast-title a:focus,
.toast-message a:focus,
.toast-title a:visited,
.toast-message a:visited,
.toast-title a:hover,
.toast-message a:hover {
    border: 1px dotted transparent !important;
    color: inherit;
    background-color: inherit;
    text-decoration: underline !important;
}

.toast-title a:focus,
.toast-message a:focus,
.toast-title a:hover,
.toast-message a:hover {
    border-color: inherit !important;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, 0.075);
}

.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
    padding: 0;
}

.e-acrdn,
.e-acrdn .e-select {
    font-family: Verdana, Lucida, Helvetica, Arial, sans-serif;
}

.e-accordion,
.accordion {
    text-align: left;
}

.e-accordion div.e-content,
.accordion div.e-content {
    border: none;
    padding: 0;
    overflow: auto;
    font-size: 11px;
    line-height: 16px;
}

.e-accordion span.e-icon,
.accordion span.e-icon {
    display: none !important;
}

.e-accordion h3,
.accordion h3 {
    background-color: transparent !important;
    font-size: 15px !important;
    /*font-weight: bold !important;*/
    color: #0078D7 !important;
    border: none !important;
    cursor: pointer;
}

.e-accordion h4,
.accordion h4 {
    margin: 0;
    font-size: 15px;
    font-weight: normal;
    color: #0078D7;
    text-align: left;
}

.e-accordion h3.e-active,
.e-accordion h3.e-select,
.accordion h3.e-active,
.accordion h3.e-select {
    padding: 0 10px;
    background-color: transparent;
}

.e-accordion h3.e-select a,
.accordion h3.e-select a {
    color: #0078D7 !important;
}

.e-accordion td.searchResult,
.accordion td.searchResult {
    border-bottom: #ececec 1px solid;
}

.e-accordion td.searchResult.last,
.accordion td.searchResult.last {
    border-bottom: none;
}

.e-accordion div.searchItem,
.accordion div.searchItem {
    margin: 0;
    padding: 4px 10px;
    cursor: pointer;
    color: #333; /*#8c8c8c;*/
    text-align: left;
}

.e-accordion div.searchResultProperty,
.accordion div.searchResultProperty {
}

.e-accordion div.searchResultPropertyHeader,
.accordion div.searchResultPropertyHeader {
    font-size: 13px;
    color: #0078D7;
}

.e-accordion div.searchAlias,
.accordion div.searchAlias {
    float: left;
    display: flex;
}

.e-accordion div.searchAlias:before,
.accordion div.searchAlias:before {
    padding: 1px;
}

/*Doppelpunkt nach Suchlabel*/
/*.accordion div.searchAlias::after {
    content: ":";
}*/

.e-accordion div.searchValue,
.accordion div.searchValue {
    width: 100%;
    overflow-wrap: anywhere;
}

/* Background-image as alias in search result list (accordion) and Karteikarte (tooltip) */
.e-accordion div.searchAlias,
.accordion div.searchAlias,
td.tooltip-column-key > span {
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: center;
}

/*Hide alias in search result list (accordion) and Karteikarte (tooltip)*/
.hide_alias > span {
    display: none;
}

.e-accordion div.e-content .table td,
.e-accordion div.e-content .table th,
.accordion div.e-content .table td,
.accordion div.e-content .table th {
    padding: 0;
}


/* Routing */

div.routingSteps .table {
    padding: 5px 20px 10px 15px;
    border-collapse: separate;
}

tr.turn {
    cursor: pointer;
}

td.instruction,
td.distance {
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #CCC;
}

td.distance {
    color: #888;
    text-align: right;
    font-size: x-small;
}

div.direction {
    background-image: url(../img/routing.png);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

div.direction.i1 {
    background-position: -20px 0;
}

div.direction.i2 {
    background-position: -40px 0;
}

div.direction.i3 {
    background-position: -60px 0;
}

div.direction.i4 {
    background-position: -80px 0;
}

div.direction.i4 {
    background-position: -100px 0;
}

div.direction.i6 {
    background-position: -120px 0;
}

div.direction.i7 {
    background-position: -140px 0;
}

div.direction.i8 {
    background-position: -160px 0;
}

div.direction.i9 {
    background-position: -180px 0;
}

div.direction.i10 {
    background-position: -200px 0;
}

div.direction.i11 {
    background-position: -220px 0;
}

div.direction.i12 {
    background-position: -240px 0;
}

div.direction.i13 {
    background-position: -260px 0;
}

div.direction.i14 {
    background-position: -280px 0;
}

div.direction.i15 {
    background-position: -300px 0;
}

div.direction.i16 {
    background-position: -320px 0;
}

div.direction.i17 {
    background-position: -340px 0;
}

div.direction.i18 {
    background-position: -360px 0;
}

div.direction.i19 {
    background-position: -380px 0;
}

div.direction.i20 {
    background-position: -400px 0;
}

div.direction.i21 {
    background-position: -420px 0;
}

div.direction.i22 {
    background-position: -440px 0;
}

div.direction.i23 {
    background-position: -460px 0;
}

div.direction.i24 {
    background-position: -480px 0;
}

div.direction.i25 {
    background-position: -500px 0;
}

.editbox-container {
    /* margin-left: 6px !important;*/
}

.editbox-container .typeahead__container {
    font-family: Verdana, Lucida, Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
}

.editbox-container .typeahead__query .typeahead__hint {
    color: transparent !important;
}

.editbox-container .typeahead__cancel-button {
    padding-right: 5px;
}

.editbox-container .typeahead__result .typeahead__list {
    padding: 0;
}

.editbox-container .typeahead__result .typeahead__list .typeahead__item {
    padding: 2px;
}

.editbox-container .typeahead__result .typeahead__list .typeahead__item > a {
    padding: 3px !important;
}

.editbox-container .typeahead__field input {
    min-height: 0;
}

.editbox-container .typeahead__cancel-button {
    padding: .4rem .75rem;
}

.rangedate-container-link .e-daterangewidget {
    height: 28px !important;
    width: 100% !important;
    /*border: 1px solid #696969;*/
    margin-left: 0;
    margin-top: 0;
}

.rangedate-container-link .e-datewidget {
    height: 28px !important;
    width: 181px !important;
    /*border: 1px solid #696969;*/
    margin-left: 0;
    margin-top: 0;
}

.rangedate-container .e-daterangewidget {
    height: 28px !important;
    width: 100% !important;
    /*border: 1px solid #696969;*/
    margin-left: 0;
    margin-top: 0;
}

@supports (-moz-appearance:none) {
    .rangedate-container .e-daterangewidget .e-in-wrap {
        width: 212px !important;
    }
}

.rangedate-container .e-datewidget {
    height: 28px !important;
    width: 181px !important;
    /*border: 1px solid #696969;*/
    margin-left: 0;
    margin-top: 1px;
    min-width: 0;
}

.detail-search-date .e-datewidget {
    margin-top: 0 !important;
}

.rangedate-container .datepickerspan {
    display: flex;
    /*justify-content: space-between;*/
}

.rangedate-container-link .datepickerspan {
    display: flex;
    /*justify-content: space-between;*/
}

.e-daterangewidget .e-select {
    background: #ececec;
}

.optionvalue {
    /*width: 49px !important;*/
    /* margin-top: 2px;
     font-size: 12px;*/
}

.w-100 {
    width: 100%;
}

.themaOptionIcon {
    background-image: url("/geoas-lib/img/thema_option.png") !important;
    height: 25px;
    width: 25px;
}

.themaIcon {
    background-image: url("/geoas-lib/img/thema.png") !important;
    height: 30px;
    width: 30px;
    display: block !important;
    margin-left: 13px;
}

.themaDropDown {
    display: block !important;
}

.thematicmap-dropdown-item-text {
    padding-left: 5px !important;
}

.horizontal-separator {
    margin-bottom: 2px;
    margin-top: 2px;
}

.e-bold {
    font-weight: bold;
}

.e-text-disabled {
    color: grey !important;
}

.assistant-dropdown-item-text {
    padding-left: 5px !important;
}

.statistic-dropdown-item-text {
    padding-left: 5px !important;
}

.search-row {
    display: flex;
}

.search-link-padding {
    padding: 0 12px;
}

.search-link-heading {
    font-size: 14px;
    text-align: unset;
}

#showStatistic {
    padding: 0 !important;
}

.inputLabel {
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: block;
}

.inputBox {
    height: 28px !important;
    width: 100%;
    border: 1px solid #ccc !important;
}

.dialogButton {
    cursor: pointer !important;
    border: 0 !important;
    display: inline-block !important;
    min-height: 27px !important;
    color: white !important;
    background: dimgrey !important;
    text-align: center !important;
    padding: 0 10px 0 10px;
}

.showStatisticDialog {
    overflow: hidden !important;
}

.e-accordion div.searchResultPropertyUndefined,
.accordion div.searchResultPropertyUndefined {
    font-style: italic;
}