/*
  GLOBALE Anpassungen
  Diese Datei dient für globale CSS Anpassungen und wird nicht in den dojo2 css module builder integriert.
  Auf diese Datei wird in der mobile.jsp/index.html referenziert
 */

/*
LayerList-item are to small for mobile devices.
 */
.esri-layer-list .esri-layer-list__child-toggle {
  width: 35px;
  text-align: center;
}

/*
  Panels have a upper button and have to placed below. 
 */
.esri-component.esri-widget--panel,
.esri-component.esri-legend,
.esri-component.esri-time-slider {
    margin-top: -15px;
}

/*
Card shadow effect
 */
 /*
.card{
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    border:none;
    border-top: 1px solid rgba(0,0,0,.125)
}
*/

.utjsc-shadow{
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.empty-line:before{
    content:'\00a0';
}

body {
    overscroll-behavior: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.btn-light {
    color: #212529;
    background-color: #e2e6ea !important;
    border-color: #e2e6ea;
}

.btn-light:hover {
    color: #212529;
    background-color: #d3d7db;
    border-color: #c3c7cb;
}

.btn-light.focus, .btn-light:focus {
    box-shadow: 0 0 0 0.2rem rgba(206,207,208,.5);
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #cbcfd3;
    border-color: #bbbfc3;
}

.btn-icon {
    padding-top: 8px;
    padding-bottom: 8px;
}

.row:before{
    display: inline-block;
}

.row:after{
    display: inline-block;
}

/* TODO: Bootstrap-Panel anpassen, so dass dort keine Farben mehr gesetzt werden? */
:root, 
.btn-primary,
.bootstrap-panel .pagination,
.bootstrap-panel .btn-primary {
    --bs-primary-rgb: 63, 132, 192;
    --bs-primary: rgb(63, 132, 192);
    --bs-info: #17a2b8;
    --bs-link-color: rgb(63, 132, 192);
    --bs-pagination-active-bg: var(--bs-primary) !important;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-nav-tabs-link-hover-border-color: var(--bs-primary);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
}
.defaultStyle {
	fill:#636C72;
}

:disabled>.defaultStyle {
	fill: hsl(204 7% 70% / 1);
}

.primary {
	fill: var(--bs-primary);
}

.secondary {
	fill:#636C72;
}

.success {
	fill:#5CB85C;
}

.error {
	fill: #b84348;
}

.info {
	fill:#5BC0DE;
}

.warning {
	fill:#F0AD4E;
}

.danger {
	fill:#738483;
}

.inverse {
	fill:#FFFFFF;
}

.light {
	fill:#cccccc;
}
.none {
}

.svgIconContainer {
	height:100%;
    position: relative;
}

.svgIconCentered {
	vertical-align: inherit;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}

.svgIconPlaceholder {
	visibility: hidden;
    vertical-align: inherit;
}

svg.svgIcon {
	pointer-events: none;
}

svg.svgIcon path {
	all: inherit;
	fill:inherit;
	stroke:inherit;
}

svg.svgIcon polygon {
	all: inherit;
	fill:inherit;
	stroke:inherit;
}

svg.svgIcon line {
	all: inherit;
	fill:inherit;
	stroke:inherit;
}
svg.svgIcon rect {
	all: inherit;
	fill:inherit;
	stroke:inherit;
}

body > svg path {
    fill:inherit;
    stroke:inherit;
}
body > svg polygon {
    fill:inherit;
    stroke:inherit;
}
body > svg line {
    fill:inherit;
    stroke:inherit;
}
/*
body > svg rect {
    fill:inherit;
    stroke:inherit;
}
*/

.fullSizeContainer {
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
}
.container {
}


/*# sourceMappingURL=index.0656a9ef56eae5b808a3.css.map*/