/*
 * paco style overwrites
 */

/*
 * US 5.0 UI - Login
 */
.bg-gradient-login { background:white; }
{} img {
 vertical-align: middle;
 border-style: none;
 border-radius: 5%;
}

.logo-bg {
 background-color:#B8C62C;
}

/* 
 * US 5.2 UI - Navigation Menüleiste 
 */
.sidebar-brand {
  /* show icon with green background */
 background-color:#B8C62C;
 padding-left: 0px !important;
 width: 12rem !important;
}

.sidebar {
 width: 12rem !important;
}


.nav-item .nav-link[data-bs-toggle=collapse]::after{float:none !important}.sidebar

{}.bg-gradient-primary {
/* dark grey navigation bar background */
 background-color: #868F98;
 background-image: linear-gradient(180deg,#868F98 10%,#868F98 100%);
 background-size: cover;
}

/* pagination */
{} .page-link {
 /* grey left&right arrow */
 color: #868F98;
}
.page-item.active .page-link {
 /* green highlighting active page */
 z-index: 1;
 color: #fff;
 background-color: #B8C62C;
 border-color: #B8C62C;
}

{} a {
 color: #B8C62C;
 text-decoration: none;
 background-color: transparent;
}
{} .page-link.hover {
 z-index: 2;
 color: #B8C62C;
 text-decoration: none;
 background-color: #DCDCDC;
 /*border-color: #dddfeb;*/
 border-color: #FFFFFF;
}
.page-link:focus {
 z-index: 2;
 outline: 0;
 /* box-shadow: 0 0 0 .2rem rgba(78,115,223,.25);*/
 box-shadow: 0 0 0 .2rem rgba(184,198,44,.25);
}

/* 
 * color substitution:
 * replace #bac8f3 with #868F98
 * replace #4E73DF (78,115,223) with #B8C62C (184,198,44)
 */
.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#868F98}
.custom-select:focus{border-color:#868F98;outline:0;box-shadow:0 0 0 .2rem rgba(184,198,44,.25)}
.custom-file-label{border-color:#868F98;box-shadow:0 0 0 .2rem rgba(184,198,44,.25)}

/* select box (e.g. number of lines to display) */
.custom-select {
 display: inline-block;
 width: 100%;
 height: calc(1.5em + .75rem + 2px);
 padding: .375rem 1.75rem .375rem .75rem;
 font-size: 1rem;
 font-weight: 400;
 line-height: 1.5;
 color: #6e707e;
 vertical-align: middle;
 background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23B8C62C' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
 background-color: #fff;
 border: 1px solid #d1d3e2;
 border-radius: .35rem;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}

.nav-link {
    color: #B8C62C;
}

a {
    color: #B8C62C;
}

a-hover {
    color: #0056b3;
}

{} .btn-primary {
color: #fff;
background-color: #B8C62C;
border-color: #B8C62C;
}
{} .btn-primary:hover {
color: #fff;
background-color: #889537;
border-color: #889537;
}

{} .form-check-input {
 position: absolute;
 margin-top: .3rem;
 margin-left: -1.25rem;
}
/*
 * US 5.9 UI - Header & Footer
 */
{} footer.sticky-footer {
/* no additional padding for footer */
 padding: 0 0;
 /* flex-shrink: 0; */
}

input.hidden {
    width: 0px;
    height: 0px;
    margin: 0px;
    padding: 0px;
    outline: none;
    border: 0px;
    display: None;
    visibility: hidden;
}

@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
    max-width: 1800px;
  }
}

/* nunito-regular - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/nunito-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v16-latin-regular.svg#Nunito') format('svg'); /* Legacy iOS */
}

.topbar .dropdown-list .dropdown-header {
  background-color: #B8C62C;
  border: #B8C62C;
}

.bg-primary {
  background-color: #B8C62C!important;
}

.invalid-feedback {
  display: block;
}