body {
  // #F3F2F0;
}  


/*
.card-header {
    height: 70px;
} 
*/

.card-placeholder {
    background-color: #fff;
  //background-color: transparent;
    border: 4px dashed #FFF;
    opacity: 0.7;
}
  
a:hover {
color: #3c4858 !important;

}

  
.application .sidenav-header .navbar-brand img {
    height: 2.5rem;
}  
  

.application .sidenav-header {
    padding: 1rem 1rem 1rem 0;
    margin-bottom: 1.5rem;
}  
  
/* on small devices, the hamburge menu default shows transparent. Almost impossible to read. Set it darker below: */
  .navbar-collapse {
  background-color: #A6BABC;
  }    



.application-offset .container-application:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    pointer-events: none;
    height: 430px;
    background-color: #A6BABC;
    border-bottom-left-radius: 2.5rem;
}

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


.nav-application>.btn.active {
    background-color: #e8231a;
    color: #fff;
    -webkit-box-shadow: 0 1rem 3rem rgba(31,45,61,.125)!important;
    box-shadow: 0 1rem 3rem rgba(31,45,61,.125)!important;
}



/* Button colors */
.btn-primary {
    color: #fff;
    background-color: #e8231a;
    border-color: #e8231a;
    -webkit-box-shadow: inset 0 1px 0 hsl(0deg 0% 100% / 15%);
    box-shadow: inset 0 1px 0 hsl(0deg 0% 100% / 15%);
}

.btn-primary:hover {
 background-color: #C41D17;
   border-color: #C41D17;  
}

.btn-primary:disabled {
 background-color: #92A5A9;
   border-color: #92A5A9;  
}



.nav-application>.btn {
    color: #fff;
}

/* Flatpickr */
.flatpickr-months {
    background-color: grey;
    border: grey;
}

/* QR Scanner */
#reader__camera_selection {
  width: 100%
}

#reader__dashboard_section_csr button { 
  position: relative;
  transition: all .2s ease;
  display: block;
  width: 100%;
  color: #273444;
  background-color: #eff2f7;
  border-color: #eff2f7;
  box-shadow: inset 0 1px 0 hsl(0deg 0% 100% / 15%);
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.75rem 1.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  text-decoration: none;
}



/* toast */

/* The toast - position it at the top and in the middle of the screen */
#toast {
  visibility: hidden; /* Hidden by default. Visible on click */
  //background-color:  #343A40; /* Black background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 10000; /* Add a z-index if needed */
  top: 30px; 
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 

  
}


/* Show the toast when clicking on a button (class added with JavaScript) */
#toast.show {
  visibility: visible; /* Show the toast */
  /* Add animation: Take 0.5 seconds to fade in and out the toast.
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the toast in and out */
@-webkit-keyframes fadein {
  from {top: 0; opacity: 0;}
  to {top: 30px; opacity: 1;}
}

@keyframes fadein {
  from {top: 0; opacity: 0;}
  to {top: 30px; opacity: 1;}
}

@-webkit-  keyframes fadeout {
  from {top: 30px; opacity: 1;}
  to {top: 0; opacity: 0;}
}

@keyframes fadeout {
  from {top: 30px; opacity: 1;}
  to {top: 0; opacity: 0;}
}

/* end toast */

/* Tags */
.tags-look .tagify__dropdown__item{
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
  padding: .3em .5em;
  border: 1px solid #CCC;
  background: #F3F3F3;
  margin: .2em;
  font-size: .85em;
  color: black;
  transition: 0s;
}

.tags-look .tagify__dropdown__item--active{
  color: black;
}

.tags-look .tagify__dropdown__item:hover{
  background: lightyellow;
  border-color: gold;
}

.tags-look .tagify__dropdown__item--hidden {
    max-width: 0;
    max-height: initial;
    padding: .3em 0;
    margin: .2em 0;
    white-space: nowrap;
    text-indent: -20px;
    border: 0;
}
/* End Tags */