:root {
    --bs-border-radius: 0 !important;
    --bs-border-radius-sm: 0 !important;
    --bs-border-radius-lg: 0 !important;
    --bs-border-radius-xl: 0 !important;
    --bs-border-radius-2xl: 0 !important;
    --bs-border-radius-pill: 0 !important;
    --bs-border-color: darkgrey ! important;
}

.form-control:focus, .form-check-input:focus, .form-select:focus{
    outline: 2px solid var(--color-hell);
    outline-offset:1px;
    -webkit-box-shadow: none;
    box-shadow: none;       
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
    z-index: 9999 !important;
}

.btn-no-box-shadow:focus, .btn-no-box-shadow:active, .btn-no-box-shadow:active:focus{
    box-shadow:none;
}

.form-check-input[type=checkbox]{
    border-radius:0;
}

body {
}

.btn-primary {
    background-color: var(--color-dunkel) !important;
    border-color: var(--color-dunkel) !important;
}

.btn-primary:disabled {
    background-color: var(--color-dunkel) !important;
    border-color: var(--color-dunkel) !important;
    color: white !important;
    opacity:0.5 !important;
}

.btn-primary:hover {
    background-color: var(--color-primary-heller) !important;
    border-color: var(--color-primary-heller) !important;
    color: white;
}

.btn-outline-primary {
    color: var(--color-dunkel) !important;
    border-color: var(--color-dunkel) !important;   
    background-color:white;
}

.btn-outline-primary:hover, .btn-outline-primary:focus,.btn-outline-primary:active {
    background-color: var(--color-primary-heller) !important;
    border-color: var(--color-primary-heller) !important;
    color: white !important;
}

.btn-primary-hover-override:hover{
    background-color: var(--color-dunkel) !important;
    border-color: var(--color-primary-heller) !important;
}

.btn-check:checked + .btn{
    background-color:var(--color-dunkel) !important;
    color:white !important;
}

.btn-check-green:checked + .btn{
    background-color:#198754 !important;
    color:white !important;
}

.btn-check-yellow:checked + .btn{
    background-color:#ffc107 !important;
    color:white !important;
}

.btn-check-red:checked + .btn{
    background-color:#dc3545 !important;
    color:white !important;
}

.notizen-border-I{
   border-color:#198754 !important;
}

.notizen-border-W{
    border-color:#ffc107 !important;
}

.notizen-border-K{
    border-color:#dc3545 !important;
}

.notizen-color-I{
   color:#198754 !important;
}

.notizen-color-W{
    color:#ffc107 !important;
}

.notizen-color-K{
    color:#dc3545 !important;
}

.notizen-bg-color-I{
   background-color:#198754 !important;
}

.notizen-bg-color-W{
    background-color:#ffc107 !important;
}

.notizen-bg-color-K{
    background-color:#dc3545 !important;
}

.btn-maroon {
    background-color: maroon !important;
    border-color: maroon !important;
    color: white;
}

    .btn-maroon:disabled {
        background-color: maroon !important;
        border-color: maroon !important;
        color: white !important;
    }

    .btn-maroon:hover {
        background-color: #660000 !important;
        border-color: #660000 !important;
        color: white;
    }

.form-check-input:checked {
    background-color: var(--color-dunkel) !important;
    border-color: var(--color-dunkel) !important;
}

.modal-title {    
    color:var(--color-dunkel) !important;
}

.form-sm label {
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
}

.form-sm input[type=text] {

}

.form-label-sm {
    font-size:0.875rem;
    margin-bottom:0.25rem;
}
/*
.form-check-input-sm {
    font-size:0.875rem;
}*/

.btn-close-sm {
    height:14px;
    max-height:14px;
    width:14px;
    max-width:14px;
}

.form-select-xs {
    font-size:0.75rem;
    padding:2px 30px 2px 3px;
}

.form-control-xs {
    font-size: 0.75rem;
    padding: 2px 5px 2px 3px;
}

.text-sm{
    font-size:0.875rem;
}

.container {
    max-width:1600px;
}

.offcanvas{
    background-color:whitesmoke;
}

.offcanvas table, .offcanvas tr, .offcanvas th, .offcanvas td {
    background-color: whitesmoke;
    border-color: darkgray;
}

.offcanvas table.table-white, .offcanvas table.table-white tr, .offcanvas table.table-white th, .offcanvas table.table-white td {
    background-color: white;
    border:none;
}

.tooltip-inner {
    background-color: var(--color-hell) !important;
    color: #ffffff;
    max-width: 400px;
    border: 2px solid var(--color-dunkel) !important;
}

.tooltip.show {
    opacity: 1;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: var(--color-hell) !important;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: var(--color-hell) !important;
}


.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: var(--color-hell) !important;
}


.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: var(--color-hell) !important;
}

.card{
    border-color:var(--color-dunkel);
    padding-bottom: 0.5rem;
}

@media (max-width: 575px) {
  .login-card{
      margin-left:1rem;
      margin-right:1rem;
  }
  .register-card{
      margin-left:1rem;
      margin-right:1rem;
  }
  
  .border-md-end {
    border-right: none !important;
    }
  
}

@media (min-width: 576px) {
  .w-sm-50 {
    width:50% !important;
  }
    .w-sm-75 {
    width:75% !important;
  }
  .login-card{
      margin-left:1rem;
      margin-right:1rem;
  }
  .register-card{
      margin-left:1rem;
      margin-right:1rem;
  }
  
  .border-md-end {
    border-right: none !important;
    }
  
}
@media (min-width: 768px) {
  .w-md-50 {
    width:50% !important;
  }
   .w-md-75 {
    width:75% !important;
  } 
  
    .login-card{
      max-width:75%;
      margin-top:100px;
      margin-left:auto;
      margin-right:auto;
  }
  .register-card{
      max-width:90%;
      margin-top:100px;
      margin-left:auto;
      margin-right:auto;
  }  
  
  .border-md-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }
  
}
@media (min-width: 992px) {
  .w-lg-50 {
    width:50% !important;
  }
    .w-lg-75 {
    width:75% !important;
  }
  
    .login-card{
      max-width:75%;
      margin-top:100px;
      margin-left:auto;
      margin-right:auto;
  }
    .register-card{
      max-width:75%;
      margin-top:100px;
      margin-left:auto;
      margin-right:auto;
  } 
  
  .border-md-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }  
}
@media (min-width: 1200px) {
  .w-xl-50 {
    width:50% !important;
  }
    .w-xl-75 {
    width:75% !important;
  }
  
  .login-card{
      max-width:360px;
      margin-top:200px;
      margin-left:auto;
      margin-right:auto;
  }
  .register-card{
      max-width:860px;
      margin-top:200px;
      margin-left:auto;
      margin-right:auto;
  } 

  .border-md-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }  
}
@media (min-width: 1400px) {
  .w-xxl-50 {
    width:50% !important;
  }
    .w-xxl-75 {
    width:75% !important;
  }
  
    .login-card{
      max-width:360px;
      margin-top:200px;
      margin-left:auto;
      margin-right:auto;
  }
  .register-card{
      max-width:860px;
      margin-top:200px;
      margin-left:auto;
      margin-right:auto;
  } 
  
  .border-md-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }  
}