@media screen and (min-width: 576px) {

  .bg-image-login {
    background-image: url("/app/assets/media/misc/bg_login.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

}

.menu-badge {
  margin-top: -1.5rem;
  margin-left:-1.5rem;
}

html, body {
  font-size: 14px !important;
}

/* fonts */
@font-face {
  font-family:'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto'),
       local('Roboto-Light'),
       url(/app/assets/fonts/Roboto-Light.ttf) format('truetype');
}

@font-face {
  font-family:'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'),
       local('Roboto-Regular'),
       url(/app/assets/fonts/Roboto-Regular.ttf) format('truetype');
}

@font-face {
  font-family:'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto'),
       local('Roboto-Medium'),
       url(/app/assets/fonts/Roboto-Medium.ttf) format('truetype');
}

@font-face {
  font-family:'Roboto';
  font-style: bold;
  font-weight: 700;
  src: local('Roboto'),
       local('Roboto-Bold'),
       url(/app/assets/fonts/Roboto-Bold.ttf) format('truetype');
}

/** forms */
.k-mandatory {
  background-color: #FBFBD6;
}

/* .form-control-sm {
  padding-top: 0.1rem;
  padding-right: 0.5rem;
  padding-bottom: 0.1rem;
  padding-left: 0.5rem;
} */

/** toastr */
#toast-container > div {
  opacity: 1 !important;
}

/** to remove!! */
.bg-light-primary {
  background-color: #ECECEC !important;
}

.form-label {
  font-size: 1rem !important;
  /* font-weight: 400 !important; */
}

thead, tbody, tfoot, tr, td, th {
  border-color: inherit;
  border-style: solid;
  border-width: 1px;
}

/** 06.01.2022 */

.status-1 { /** erstellt */
  color: var(--bs-black);
  border-color: var(--bs-black);
  border-style: solid;
  border-width: 1px;
  background-color: var(--bs-white);
}

.status-2 { /** zu prüfen */
  color: var(--bs-white);
  background-color: var(--bs-blue);
}
.status-3 { /** angenommen */
  color: var(--bs-white);
  background-color: var(--bs-green);
}
.status-4 { /** inkorrekt */
  color: var(--bs-white);
  background-color: var(--bs-orange);
}
.status-5 { /** abgelehnt */
  color: var(--bs-white);
  background-color: var(--bs-red);
}
.status-6 { /** gebucht */
  color: var(--bs-white);
  background-color: var(--bs-primary);
}
.status-7 { /** gebucht */
  color: var(--bs-white);
  background-color: var(--bs-teal);
}

/** 23.03.2022 */
.tooltip-inner {
    text-align: left;
}

/** 28.04.2022 */
.sys_status-1 { /** offen */
  color: var(--bs-white);
  background-color: var(--bs-danger);
}

.sys_status-2 { /** unklar */
  color: var(--bs-white);
  background-color: var(--bs-orange);
}

.sys_status-3 { /** bestätigt */
  color: var(--bs-white);
  background-color: var(--bs-blue);
}

.sys_status-4 { /** abgelehnt */
  color: var(--bs-white);
  background-color: var(--bs-dark);
}

.sys_status-5 { /**  */
  color: var(--bs-white);
  background-color: var(--bs-success);
}

.sys_prio-1 { /** niedrig */
  color: var(--bs-black);
  border-color: var(--bs-black);
  border-style: solid;
  border-width: 1px;
  background-color: var(--bs-white);
}

.sys_prio-2 { /** mittel */
  color: var(--bs-white);
  background-color: var(--bs-warning);
}

.sys_prio-3 { /** hoch */
  color: var(--bs-white);
  background-color: var(--bs-danger);
}

.bs-orange {
  color: var(--bs-orange);
}

/**  13.12.2022 */
.an_status-1 { /** offen */
  color: var(--bs-black);
  border-color: var(--bs-black);
  border-style: solid;
  border-width: 1px;
  background-color: var(--bs-white);
}

.an_status-2 { /** unklar */
  color: var(--bs-white);
  background-color: var(--bs-orange);
}

.an_status-4 { /** abgelehnt */
  color: var(--bs-white);
  background-color: var(--bs-danger);
}

.an_status-5 { /**  */
  color: var(--bs-white);
  background-color: var(--bs-success);
}

select.inline_select {
  height: 25px !important;
  padding: 0;
  margin: 0;
  font-size: 13px !important;
  font-weight: 500;
  border-color: #fff;
}

/** Anmeldungen */
.an_bg-1 {
  color: var(--bs-black);
  border-color: var(--bs-black);
  border-style: solid;
  border-width: 1px;
  background-color: var(--bs-white);
}

.an_bg-2 {
  color: var(--bs-white);
  background-color: var(--bs-orange);
}

.an_bg-4 {
  color: var(--bs-white);
  background-color: var(--bs-danger);
}

.an_bg-5 {
  color: var(--bs-white);
  background-color: var(--bs-success);
}

/** Mitgliedsstatus */
.m_bg-0 {
  color: var(--bs-black);
  border-color: var(--bs-black);
  border-style: solid;
  border-width: 1px;
  background-color: var(--bs-white);
}

.m_bg-1 {
  color: var(--bs-white);
  background-color: var(--bs-success);
}

.m_bg-2 {
  color: var(--bs-white);
  background-color: var(--bs-info);
}

.m_bg-3 {
  color: var(--bs-white);
  background-color: var(--bs-danger);
}

/** Upload Icons */
.c_pointer {
  cursor: pointer;
}

/** Table Width */
.tw-30 { width: 2.1rem; } /** 30px bei 14px Standard */
.tw-40 { width: 2.9rem; }
.tw-50 { width: 3.6rem; }
.tw-70 { width: 5rem; }
.tw-80 { width: 5.7rem; }
.tw-90 { width: 6.5rem; }
.tw-100 { width: 7.1rem; }
.tw-150 { width: 10.7rem; }
.tw-200 { width: 14.3rem; }
.tw-250 { width: 17.9rem; }
.tw-300 { width: 21.4rem; }

.tw-5p  { width: 5%; }
.tw-10p  { width: 10%; }
.tw-15p  { width: 15%; }
.tw-20p  { width: 20%; }
.tw-25p  { width: 25%; }
.tw-30p  { width: 30%; }
.tw-35p  { width: 35%; }
.tw-40p  { width: 40%; }
.tw-50p  { width: 50%; }

/** Buttons */
.btn-outline-warning:hover,
.btn-outline-success:hover
 {
  color: white;
}

.btn-outline:hover i {
  color:white;
}

/** nur vorübergehend!!!  */
.form-label,
.form-check-label {
  color: black !important;
}

/** Inline Select Anmeldungen */
.fs-09rem {
  font-size: 0.9rem;
}

/** Toastr */
.toastr {
  opacity: 1 !important;
}