/* Modal */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

/* Menu */
.navbar {
  padding-bottom: 0;
  background-color: white;
}

.navbar-toggler {
  color: black;
  border: 2px solid black;
  border-radius: 70px;
  background-color: #D3D3D3;
}

.nav-item {
  background-color: #467B33;
  width: 100%;
  margin-left: 5px;
  margin-bottom: 2px;
  height: 75px;
  line-height: 75px;
}

.nav-link {
  color: white !important;
  padding: 0;
}

.nav-link:focus,
.nav-link:hover {
 color: black !important;
}

.navbar-toggler:focus,.navbar-toggler:hover{
  text-decoration:none;
}

/* Header Titel*/
.kxrap-head-title {
  margin-left: 10px;
  font-size: 16pt;
  font-weight: bold;
}

@media screen and (max-width: 450px) {
  .col-sm-4 {
    width: auto;
  }
}

/*Medien*/
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #e3e6f0;
  border-radius: 0.35rem;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.align-items-center {
  align-items: center !important;
}

.media-upload-image,
.media-detail-image {
  max-height: 100px;
  max-width: 100%;
}

/*Buttons*/
.btn-primary {
  color: white;
  background-color: #467B33;
  border-color: #52903d;
}

.btn-primary:hover,
.btn-primary:active
{
  color: white;
  background-color: #52903d !important;
  border-color: #52903d !important;
}

.btn-primary:focus
{
  color: white;
  background-color: #52903d !important;
  border-color: #52903d !important;
  box-shadow: 0 0 0 0.2rem rgb(82 144 61 / 50%) !important;
}

.btn-sec:hover {
  color: black;
  background-color: white;
}

/* Page */
.page-section {
  padding-top: 100px;
}

a.page-link,
a.page-link:hover {
  background-color: #52903d !important;
  border-color: #52903d !important;
  color: #467B33 !important;
}

.last-row {
  margin-bottom: 50px;
}

#kunden_previous a, 
#kunden_next a {
  background: transparent !important;
  border-color: white  !important;
}

.form-control:focus {
  border-color: #467B33;
  box-shadow: 0 0 0 0.2rem rgb(82 144 61 / 50%) !important;
}

p.textblock{
  color: #6c757d !important;
  margin-bottom: 0px;
}


/* Tabellen */
.title {
  padding-right: 10px;
}

tr.even {
  background-color: rgb(82 144 61 / 10%) !important;
}


table.dataTable,
table.dataTable thead th{
  border-bottom: 1px solid #467B33 !important;
}

/* Forms */
select.choosen,
textarea {
  width: 100%;
}

input.forminput {
  width: 100%;
  padding-right: 10px;
}

input.splitinput {
  width: 20%;
  padding-right: 10px;
}

select.splitchoosen {
  width: 79%;
  float: right;
  height: 30px;
  margin-left: 1%;
}

/* Datepicker */
.datepick-popup {
  z-index: 1500 !important;
}


.bbwm-head-logo img {
  max-height: 50px;
}

.aj-link {
  cursor: pointer;
}


ul {
  list-style-type: none;
}

#work-overview li.projekt-list {
  margin-top: 15px;
  margin-right: 0px;
  font-size: 1.1rem;
  max-width: 80%;
}

#work-overview li.abgerechnet {
  opacity: 0.35;
}

#work-overview li.provisorisch {
  font-style: italic;
}

#work-overview i.daystatus {
  margin-left: 5px;
  color: #6c757d;
}

#work-overview i.info {
  margin-left: 5px;
  color: #0c0070;
}

#work-overview ul.ma-list {
  font-size: 0.9rem;
}

#work-overview .today {
  background: rgb(70,123,51);
  background: linear-gradient(90deg, rgba(70,123,51,0.27494747899159666) 0%, rgba(70,123,51,0.13489145658263302) 20%, rgba(255,255,255,1) 65%);
  border-left: solid #0e722d 5px;
  padding-top: 10px;
  margin-bottom: 10px;
}

h3 {
  font-size: 1.5rem;
}

label {
  margin-bottom: 0px;
  font-size: 0.75rem;
}

#search-result li.result-list {
  margin-top: 5px;
  padding-left:10px;
}

.warning_messages {
  border: 2px solid #DDE66A;
  background-color: #FDFFE5;
  margin-bottom: 5px;
}