/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../lib/poppins/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../lib/poppins/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../lib/poppins/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body {
  font-size: 14px;
  font-weight: 300;
  color: #646c9a;
  background-color: #f0f1f7;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-family: "Poppins", "Open Sans", Arial, Helvetica, sans-serif;
  min-height: 15rem;
  padding-top: 4.5rem;
  letter-spacing: -0.1px;
}

.footer {
  /*
    position: fixed;
    bottom: 0;
    width: 100%;
    */
    font-size: 0.8rem;
    padding-top: 3px;
    padding-bottom: 3px;
}

body.bodyWithoutNavbar {
 padding-top: 0px;
 background-color: #fff;
}

body.bodyWithoutNavbar #navbar{
 display: none;
}

.bg-blue {
  background-color: #3b69ad !important;
}

a, a:hover {
    color: #1f53a1;
}

.container {
	padding-right: 5px;
    padding-left: 5px;
}

.contentContainer {
    max-width: 1140px;
    width: 100%;
}
  
.smallContainer {
    max-width: 702px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.smallerContainer {
  max-width: 519px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

.verySmallerContainer {
  max-width: 350px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

.row {
	margin-right: -5px;
	margin-left: -5px;
}

.navbar-toggler {
  padding-left: 8px;
  padding-right: 8px;
}

.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link {
  font-weight: bold;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link {
  font-weight: bold;
}

.navbar {
	padding-left: 5px;
	padding-right: 5px;
}

.form-btn-spacing {
  margin-bottom: 1rem !important;
}

.form-check-input {
  margin-top: 0.1rem;
}

.form-check-label {
  margin-left: 0.3rem;
}

.card {
  -webkit-box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
  box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
  margin-bottom: 1rem;
}

.card-header {
  padding: 4px 10px;
  font-size: 1.05rem;
  font-weight: 500;
  color: #3d4465;
  line-height: 1.9;
  margin: 0;
}

.card-body {
	padding-top: 10px;
	padding-bottom: 10px;
}

hr {
	margin-top: 5px;
	margin-bottom: 5px;
}

p {
    margin-bottom: 5px;
}

.card-footer {
  padding: 5px 1.25rem;
  background: white;
}

.modal-footer {
  padding: 8px 0 0 0;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background: rgb(59, 105, 173);
}

ul.wizard {
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -10px;
}

ul.wizard a.nav-link {
  border-radius: 0px;
  background: rgba(0, 0, 0, 0.25);
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
}

.wizard-card h3 {
  padding-top: 15px;
  margin-bottom: 15px;
  text-align: center;
 
}

.wizard-card .card-header h3 {
 font-size: 1.3rem;
}

.wizard-body {
  padding-top: 30px;
}

div.is-invalid {
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

input.short-control,
select.short-control {
  max-width: 200px;
}

legend {
  font-size: 1.1rem;
}

.important-word {
  font-weight: 600;
}

.kp-shadow {
  border-bottom: 0;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.3);
  box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.3) !important;
}

.mitteilungFooter {
  color: #818182;
  font-size: 80%;
  font-weight: 400;
}

.scrollList {
  overflow-x: hidden;
  max-height: 250px;
  overflow-y: auto;
}

#abwesenheitTable {
   max-height: 218px;  
}

#einbestellungTable {
  max-height: 299px;
}

#kundenNrDisplay {
  padding-bottom: 3px;
}

/*
#mitteilungTable {
  overflow-x: scroll;
  max-height: 300px;
  min-height: 200px;
}

#abwesenheitTable {
  overflow-x: scroll;
  max-height: 300px;
  min-height: 200px;
}

#einbestellungTable {
  overflow-x: scroll;
  max-height: 300px;
  min-height: 200px;
}

#dokumentTable {
  overflow-x: scroll;
  max-height: 300px;
  min-height: 200px;
}
*/
#dokDeleteText {
  padding: 15px 0px;
}

#zustimmenModal {
  margin-top: 80px;
}

.alert-secondary {
  color: #75757c;
  background-color: #f9f9fc;
  border-color: #f7f7fb;
}

.alert .alert-icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1.25rem 0 0;
  width: 64px;
  display: table-cell;
}

.alert .alert-text {
  -ms-flex-item-align: center;
  align-self: center;
  display: table-cell;
}

thead.no-table-header {
  display: none !important;
}

div.form-check div.invalid-feedback {
  margin-left: -1.25rem;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */   
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
  cursor: default;
}

b, strong {
    font-weight: bold;
}

.tooltip.show {
  opacity: 1;
}

.tooltip-inner {
      background-color: #fff; 
      font-size: 14px;
      font-weight: 300;
      color: #646c9a;
      border: 1px solid #ced4da;
      max-width: 350px;
      width: inherit; 
      text-align: left;
     /* color: #dc3545;*/
  }

.btn-primary {
  color: #fff;
  background-color: #3b69ad;
  border-color: #3b69ad;
}

.btn-primary:hover {
  color: #fff;
  background-color: #1f53a1;
  border-color: #1f53a1;
}

.btn-primary:focus,
.btn-primary.focus {
  -webkit-box-shadow: 0 0 0 0 rgba(16, 61, 127, 0.5);
  box-shadow: 0 0 0 0 rgba(16, 61, 127, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #5867dd;
  border-color: #5867dd;
  /*#5B85C2*/
}

.btn-primary:not (:disabled ):not (.disabled ):active,
.btn-primary:not (:disabled ):not (.disabled ).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #103d7f;
  border-color: #103d7f;
}

.btn-primary:not (:disabled ):not (.disabled ):active:focus,
.btn-primary:not (:disabled ):not (.disabled ).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(113, 126, 226, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(113, 126, 226, 0.5);
}

.navbar-brand {
	margin-right: 0px;
}


.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 5px;
    padding-left: 5px;
}