body{
  background-color: rgba(168,180,87,1);
}
.bootstrap-table .fixed-table-container .table thead th .th-inner {
    padding-right: 23px;
}
.navbar-sidenav , .modal-footer{
  background-color: rgba(168,180,87,1);
}
.nav-link{
  color: #419639;
}
.nav-item a:hover{
  color: #419639;
}
.option a{
  background-color: #414042;
  color: white;
}
.option a:hover {
  color: #c6cd28;
}
.option.active a{
  /* background-color:rgba(65, 64, 66, 0.5); */
  color:#c6cd28;
}
.logout a:hover{
  color: #c6cd28 !important;
}
.logout{
  color: white;
  background-color: #414042;
  border-radius: 10px;
  border: 10px;
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(250,250,250, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: white;
}
.navbar{
  background-color: rgba(168,180,87,1);
}
.card-login,.modal-footer{
  background-color: white;
  color: #414042;
}
.modal-body,.modal-header{
  background-color: rgba(168,180,87,1);
  color: white;
}
.login{
  color: white;
  background-color: #414042;
}
.navbar-nav .nav-link{
  padding:5px;
}
@media (max-width: 992px){
  .logout{
    border-radius: 0px;
  }
}

#overlay{
    position: fixed; /* Sit on top of the page content */
    display: block; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(168,180,87,0.5); /* color background with opacity */
    z-index: -1; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
  }