.custom-file-button input[type=file] {
  margin:auto ;
	padding: 1.2rem !important;
	height: unset;	
}

.custom-file-button input[type=file]::-webkit-file-upload-button {
  display: none;
}

.custom-file-button input[type=file]::file-selector-button {
  display: none;
}

.custom-file-button:hover label {
  background-color: #dde0e3;
  cursor: pointer;
}


* {
    border-radius: 0 !important;
    outline: none;
}

:focus-visible, :focus {
	border-width: 1px !important;
  outline: #d37a3e solid 2px !important;
}



span.einleitung {
      font:         100%/120% "HelveticaNeue", "Helvetica Neue", Helvetica,  Arial, sans-serif;
      display: 		inline-block;
      margin:		10px 20px 30px 0px;
}

/**** Resulttable ****/
span.result_title  {
      font:            bold 125%/150% "HelveticaNeue", "Helvetica Neue", Helvetica,  Arial, sans-serif;
      color:    #013473;
      border-top:      solid 1px #013473;
      padding:      5px 5px 0 5px;
}
span.result_subtitle  {
	  font:       100%/120% "HelveticaNeue", "Helvetica Neue", Helvetica,  Arial, sans-serif;
      padding:    3px 0 0 0;
	
}

.pull-right {
	float: right !important;
	margin-left: auto;
}
n
.pull-left {
	float: left !important
}
.resultTable {
	margin-bottom: 20px;
}

table.resultTable  {
caption-side: top;
}
table.resultTable tfoot p.footer {
font: 90%/100% Arial;
margin-bottom: 0px;
}
table.resultTable th {line-height: 1.8em}
table.resultTable span.result_subtitle {padding-left: 5px;}

#defineParamform input {accent-color: #003b7d}


td.title, th.title, caption span.title  {
      font:            bold 125%/150% "HelveticaNeue", "Helvetica Neue", Helvetica,  Arial, sans-serif;
      color:    #013473;
      border-top:      solid 1px #013473;
      padding:      5px 5px 0 5px;
      }


.sidebar-text {
	margin-right: 1rem;
}

div#sidenav-container nav#mySidenav li.list-group-item a:after {
    background-color: transparent;
    background-image: url("../img/sprites-1x.png");
    background-repeat: no-repeat;
    content: "";
	margin-left: -1rem;
}

div#sidenav-container nav#mySidenav li.list-group-item.has-children:after {
    background-position: -201px -60px;
    height: 15px;
    width: 10px;
    margin: .0714em -1em 0 0;
 }

div#sidenav-container {
    flex-wrap: nowrap;
    justify-content: flex-start;
    background-color: #f2f2f2;
    align-items: stretch;
    align-content: stretch;
    border-right: 1.5rem solid white;
    min-width: 281px;
}

div#sidenav-container  nav {
    border: 2px solid #5880b0;
    padding: 2rem 0 0 0;
}


.hideElement {visibility: hidden; display: none !important;}

.modal-content dt {
    float: left;
    font-weight: 700;
    width: 30%;
    clear: left;
}
.modal-content dd {
    display: block;
    margin-left: 30%;
}



div.query-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

div.fixdim-container {
    flex-direction: column;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}


div.fixdim-container label {
    flex-basis: 40%;
    margin-bottom: 20px;
    text-align: left;
}
div.fixdim-container input {
      	flex-basis: 60%;
      	width : 300px;

}
div.zeit-container {
	flex-direction: column;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

div.zeit-container > div {
    flex-direction: row;
    display: flex;
    justify-content: start;
    flex-wrap: nowrap;
    margin: .25rem;
    max-height: 2rem;
    }

div.zeit-container > div p.flex-title {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    margin-bottom: .25rem;
}

div.zeit-container input {
        margin-top: 2px;
      	border: none;
}
div.zeit-container select {
}
.accordion-button {
    padding-left: 0;
    padding-right: 0;
    color: #003b7d;
}

.accordion-button:not(.collapsed) {
    background-color: white;
    color: #003b7d;
    border-bottom: 0px solid #efefef;
}
.accordion-button.collapsed {
    border-bottom: 1px solid #efefef;
}

border-bottom {
    box-shadow: none;
}

.accordion-item{background-color:#fff;border:0px solid rgba(0,0,0,.125);}

div.filter-column {flex-grow: 1; max-width:45%}

div.arrow-column {
    display:flex;flex-direction: column; justify-content: flex-end; width: 40px;padding: 1.5rem 1rem 4.5rem .5rem;
}

div.arrow-column button {margin-top: 2px;}  
div.arrow-column .bi.icon-blue {position: relative; left: -.4rem;}


div.arrow-column button {
    border: 0px solid #efefef;
    border-top: .5rem solid white;
    background-color: white;
}

div.query-container select .form-control {margin: 0 0 0 2px}

div.query-container select {
    width: 100%;
    padding: 4px 0;
    margin: 0;
    border: 1px solid rgb(206, 212, 218);
    background-color: white;
}
div.query-container select:focus,
div.accordion button:focus{
    outline-width: none;
    box-shadow: none;

}

.table-label {font-weight: bolder; padding: 1rem 0 0 0}
div[class^="dataTables_scroll"] {border-bottom: 0px solid #ced4da !important;}
div.dataTables_scroll {border-bottom: 1px solid #ced4da !important;}

table.dataTable td, table.dataTable th {border-bottom: none; padding: 2px 0 0 0 !important;}

.dataTables_scrollBody {
    position: relative;
    overflow: auto;
    max-height: 200px;
    width: 100%;
    height: 200px;
}


/* Sidenav Toggle */
.sidebar-toggler
{ border: 0; position: relative; top: 1.6rem; margin-top: -1.3rem; float: right; margin-right: 0.2rem; z-index: 99; }


.sidebar-togglerXDel{
    position: relative;
    top: 1.8rem;
    right: .5rem;
    margin-top: -1.3rem;
    text-align: right;
    z-index: 99;
}
.sidebar-toggler.open {visibility: hidden; display: none; color:#003b7d}
.sidebar-toggler.close {visibility: visible; display: block; color:#003b7d}

#sidenav-container nav#mySidenav ul li.list-group-item a {color: white; font-weight: normal}
#sidenav-container nav#mySidenav ul li.list-group-item.is-expanded a {color: white; font-weight: bolder}
#sidenav-container nav#mySidenav ul.list-group-first-level li.list-group-item a {color: #000000; font-weight: normal !important;}
#sidenav-container nav#mySidenav ul.list-group-first-level li.list-group-item.active a {color: #000000; font-weight: bolder !important;}
#sidenav-container nav#mySidenav ul.list-group-first-level li.list-group-item a:hover {color: white}
#sidenav-container nav#mySidenav ul.list-group-second-level li.list-group-item a {color: #000000; font-weight: normal !important;}
#sidenav-container nav#mySidenav ul.list-group-second-level li.list-group-item.active a {color: #000000; font-weight: bolder !important;}
#sidenav-container nav#mySidenav ul.list-group-second-level li.list-group-item a:hover {color: #000000}
#sidenav-container nav#mySidenav ul.list-group-third-level li.list-group-item a {color: #000000; font-weight: normal !important;}
#sidenav-container nav#mySidenav ul.list-group-third-level li.list-group-item a.active {color: #000000; font-weight: bolder !important;}
#sidenav-container nav#mySidenav ul.list-group-third-level li.list-group-item a:hover {color: #000000}

#sidenav-container nav#mySidenav ul.list-group-first-level li.list-group-item:not(.active) a {color: #000000; font-weight: normal !important;}

    /* data-table */
.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #666666;
    --bs-table-striped-bg: rgba(18, 67, 128, 0.1);
    --bs-table-active-color: #666666;
    --bs-table-active-bg: rgba(18, 67, 128, 0.5);
    --bs-table-hover-color: #666666;
    --bs-table-hover-bg: rgba(18, 67, 128, 0.3);
    width: 100%;
    margin-bottom: 1rem;
    color: #666666;
    vertical-align: top;
    border-color: #dee2e6;
}



table.releaseNotes {
	width:100%;
}
table.releaseNotes td {
	border : 1px double black;
	padding: 3px;
}

tr.releaseNotesHeader td {
	background-color:#AAAAAA;
	font-weight: bold;
	padding:5px;
	
}
td.releaseNotesDateVersion {
	vertical-align: top;	
}