/************************************************************************************************************** Basis */
html
{
  position: relative;
  min-height: 100%;
}


body {
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 70px;
    padding-bottom: 70px;
}


@media print {
  .noprint {
    display: none !important;
  }
}


/***************************************************************************************** Headings */
.uppercase {
    text-transform: uppercase;
}

/***************************************************************************************** Checkbox und runder Button */
/*
input[type="checkbox"] {
  transform: scale(1.3);
}
*/

input[type=checkbox] {
  transform: scale(1.2);
  outline: solid 1px black;
  padding-right: 3px;
}



.btn-circle {
    width: 30px;
    height: 30px;
    padding: 0px 0px;
    border-radius: 50%;
    border: none;

    font-size: 12px;
    line-height: 1.42857;
    text-align: center;
}

.btn-space {
  margin-right: 10px;
}

.btn {
    padding: 5px 24px;
}



/************************************************************************************************************** Table */
.noselect {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

}

caption{
    caption-side: top;
    text-transform: uppercase;
}


table {
  border-style:none;
  border-width:0px;
  outline-style: none;
  outline-width: 0px;
  font-size:85%;
  page-break-inside:auto;
 }


table td input:not([type='checkbox']) {
  width: 100% !important;
  height: 100% !important;
  white-space:normal;
  word-wrap: break-word;
  word-break: break-all;
  background-color:transparent;
  padding:0;
  margin:0;
  border-style:none;
  border-width:0px;
  outline-style: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}


table td textarea {
  border: none;
  width: 100% !important;
  height: 100% !important;
  background-color:transparent;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

thead { display:table-header-group }

tr  { page-break-inside:avoid; page-break-after:auto }

tbody tr:nth-child(even) input,
tbody tr:nth-child(even) {
  background-color: #f4f4f4;
}

/*
table th {
  border-bottom: 1px solid black;
}


tbody tr td {
  border: 1px solid var(--main-color);
}
*/



.rightgrey {
  text-align: right;
  background-color: #E8E8E8;
}

/****************************************************************************************************************** Formularfehler */
input {
  border: none;
}

[err] {
  color:Red;
  border-color: Red;
}

.err {
  font-size: smaller;
  /*font-weight: bold;*/
  /*color:Red;*/
}


[err]::after {
  font-size: smaller;
  /*font-weight: bold;*/
  /*color:Red;*/
  content: attr(err);
}


/******************************************************************************************************* Scroll Affix */
.affix-top {
    top: 20px;
    z-index: 9999 !important;
    max-width: 280px;
}

.affix {
    top: 20px;
    z-index: 9999 !important;
    max-width: 280px;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 64px;
  max-width: 280px;
}

.stickyToolBar {
  position: -webkit-sticky;
  position: sticky;
  top: 64px;
  flex-direction:row;
  display:flex;
  z-index:2;
  background-color:White;
}


#scrollTopBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    font-size: 18px; /* Increase font size */
    width: 50px;
    height: 50px;
    padding: 0px 0px;
    border-radius: 25px;
}

#scrollTopBtn:hover {
    background-color: DarkRed; /* Add a dark-grey background on hover */
}