body {
  table-layout: fixed;
}

/*conditional Alignments*/

@media (min-width: 681px) {
  .conditionalAlignment {
    float: right;
  }
}

@media only screen and (max-width: 680px) {
  .conditionalAlignment {
    float:left;
  }
}

.zentriert {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* vh = 1% viewportheight */
  border: 0px solid blue;
}

.horizontalzentriert {
  display: flex;
  width:100%;
  justify-content: center;
  align-items: top;
  border: 0px solid blue;
}
.zentriertesTab {
  text-align: center;
  width: 90%;
  vertical-align: top;
}
.suche{
    width: 328px;
    text-align:center;
    font-size: 0.8em;
    margin-bottom:4px;
}

.table td {
  text-align:center;
}


.fastzentriert {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh; /* vh = 1% viewportheight */
  border: 0px solid blue;
}


.kleineSchrift {
	font-style: italic;
	font-size: 0.875em; 	/* 1 em = current font size */
	color: #444444;
}

.rechts {
  float: right;
  text-align: right;
  margin:10px;
  padding: 10px;
}

.weiss {
	color: #ffffff;
}

.page-item.active .page-link {
    background-color: lightgrey !important;
    border: 1px solid lightgrey;
}
.page-link {
    color: black !important;
}

.btn-extra-blau{
    font-size:0.8em;
    color: #000;
    background-color: rgb(13 110 253 / 10%);
    border-color: rgb(13 110 253 / 90%);
    margin: 0px;
    margin-bottom: 2px;
    width:110px;
}
.btn-extra-blau:hover
{
    color:white;
    background-color: rgb(13 110 253 / 60%);
    border-color: rgb(13 110 253 / 90%);
}
.btn-extra-blau:focus,.btn-extra.focus{box-shadow:0 0 0 .2rem #e8f1fa;}

.btn-extra-blau:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle{
  color:#000; background-color: rgba(40, 167, 69, 0.05);border-color:#000; box-shadow:0 0 0 .0rem rgba(40, 167, 69, 0.05)
  }
  .btn-extra-blau:not(:disabled):not(.disabled):active:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-secondary.dropdown-toggle:focus{
  box-shadow:0 0 0 .2rem rgb(13 110 253 / 10%);
  }
  .btn-outline-extra-blau:not(:disabled):not(.disabled):active:focus,.btn-outline-extra-blau:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-extra-blau.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #28a745}
  .btn-outline-extra-blau:focus,.btn-outline-extra-blau.focus{box-shadow:0 0 0 .2rem #6c757d}
  
  .btn-extra-blau.disabled,.btn-extra-blau:disabled{color:#fff;background-color: rgb(13 110 253 / 90%); border-color:#000}


.hilfe{
    font-size:0.8em;
    color: black;
    width: 110px;
    margin-bottom: 2px;
    background-color: rgb(220 53 69 / 40%);
    border-color: rgb(13 110 253 / 90%);
}

.primary-datatable{
background-color: rgb(13 110 253 / 90%);
 font-size:0.8em;
    width: 120px;
    margin-bottom: 2px;
     border-color: rgba(4, 38, 89, 0.9);
}

.breit {
    width: 239px;
}


.linksrund {
border-radius: 0.25rem 0px 0px 0.25rem !important;
}

.rund {
border-radius: 0.25rem 0.25rem 0.25rem 0.25rem !important;
}

.pufferLinks{
margin-left:3px;
}

.pufferRechts{
float: right !important;
margin-right:3px;
}

table.dataTable > tbody {
  padding: 3%;
}

table.dataTable > thead > tr > th{
text-align:center;
padding-left:25px;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {

    content: "\02C6" !important;

}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {

    content: "\02C7" !important;

}

table.dataTable > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px rgb(13 110 253 / 90%);
}
table.dataTable.table > tbody > tr.odd > * {
  box-shadow: inset 0 0 0 9999px #e8f1fa;
}
table.dataTable > tbody > tr.odd.selected > * {
  box-shadow: inset 0 0 0 9999px rgb(13 110 253 / 90%);
}
table.dataTable.table-hover > tbody > tr:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.142);
}
table.dataTable.table-hover > tbody > tr.selected:hover > * {
  box-shadow: inset 0 0 0 9999px rgb(13 110 253 / 90%);
}





ul.dt-button-collection{
	background-color: #e5e5e5;
	border: 1px solid #c0c0c0;
}
li.dt-button a:hover{
	background-color: transparent;
	color: #115094;
	font-weight: bold;
}
li.dt-button.active a,
li.dt-button.active a:hover,
li.dt-button.active a:focus{
	color: #337ab6;
	background-color: transparent;
	font-weight: bold;
}





.nav-link:hover   {
color: #FFF !important;
}
.nav-item{
width: 150px;
text-align: center;
padding-left: 2px;
padding-right: 2px;
}
.navbar-brand{
padding-left: 5px;
padding-right: 5px;
padding-bottom: 15px;
}
.navbar {

padding-bottom: 0px;
margin-bottom: 0px;
}
.nav-item-aktiviert{
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;

}
.navlink-aktiviert{
 -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
 -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
color: #28a745 !important;
background-color: #fff !important;
}
.navlink-aktiviert:hover{
color: #28a745 !important;
}

.buttonleiste, .buttonleiste2{
 display: inline-block;
}

.ui-button{
background-color: white;
}

.warnend .ui-widget-header {
  background:rgb(220 53 69 / 90%);
color: black
}

.entspannt .ui-widget-header {
  background: #28a745;
color: white;
}

.btn-warnend:hover, .btn-warnend:active{
background-color: white;
background-color: rgb(220 53 69 / 90%);
font-weight: bold;
}

#inputFile{
position: absolute;
top: -400;
left: -400;
}

.ui-dialog-buttonset{
width:100%;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: center;
 align-items: center;
 width:100%
}

/*Formatierung für gesetzliche Angaben*/
.gesetzliches{
    z-index: 200;
    position: fixed; 
    bottom: 0px; 
    width: 100%;
    font-size: 15px;
    height: auto;
    margin: 0;
    padding: 0;
    background-color:white;
}

.gesetzliches ul {
    position: relative;
    padding: 0;
    margin: 0;
    width: auto;
    text-align: right;
}

.gesetzliches ul a {
    padding: 2px;
    margin: 0;
    text-decoration: none;
}

.g-blau a {
font-color:#007bff;
color: #007bff;
}

.g-gruen a {
font-color:#28a745;
color:#28a745;
}

.g-info a {
font-color:#17a2b8;
color: #17a2b8;
}	

.g-blau  {
font-color:#007bff;
color: #007bff;
}

.g-gruen  {
font-color:#28a745;
color:#28a745;
}

.g-info  {
font-color:#17a2b8;
color: #17a2b8;
}