hhtml,body{background:#fefefe;}

a{color:#7b9617}
a:hover{color: #666;}

.text-main{color:#9ebc2e}
.text-alt{color:#7c9717}
.text-focused{color:#677f0e}
.text-sub{color:#57680e}
.text-medium{color:#ccc}

.bg-main{background-color:#9ebc2e}
.bg-alt{background-color:#7b9617}
.bg-focused{background-color:#677f0e}
.bg-sub{background-color:#57680e}
.bg-medium{background-color:#ccc}
.bg-light{background-color:#dee2e6}
.bg-dark{background-color:#555 !important}
.bg-interface{background-color: rgba(0,0,0,.03) !important}

.border-main{border-color:#9ebc2e !important}
.border-alt{border-color:#7b9617 !important}
.border-focused{border-color:#677f0e !important}
.border-sub{border-color:#57680e !important}
.border-medium{border-color:#ccc !important}
.border-dark{border-color:#555 !important}
.border-secondary{border-color:#999 !important}
.border-light{border-color:#dee2e6! important}

.bg-hover-main:hover{background-color:#9ebc2e}
.bg-hover-alt:hover{background-color:#7b9617}
.bg-hover-focused:hover{background-color:#677f0e}
.bg-hover-sub:hover{background-color:#57680e}
.bg-hover-medium:hover{background-color:#ccc}
.bg-hover-dark:hover{background-color:#555}

.hover-main:hover{color:#9ebc2e !important;}
.hover-alt:hover{color:#7c9717 !important;}
.hover-focused:hover{color:#677f0e !important;}
.hover-sub:hover{color:#57680e !important;}
.hover-medium:hover{color:#ccc !important;}
.hover-danger:hover{color:#dc3545 !important;}
.hover-white:hover{color:#fff !important;}
.hover-secondary:hover{color:#6c757d!important;}

.bg-alt.hovered:hover{background-color:#677f0e}
  
.shadowed{box-shadow:0 0 1rem rgba(0,0,0,.1);}
.shadowed-dark{box-shadow:0 0 1rem rgba(0,0,0,.25);}

input:invalid,select:invalid,.danger{
  border:1px solid #cc0000;
}
  
/* SCROLL */

::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #ccc; 
}
::-webkit-scrollbar-thumb {
  background: #888; 
}
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}  

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background-color: #7b9617;
}

#topnav{ 
  background:#fff;
}

  .img-profile{
    border-color:#fff;
  }
  .img-profile:hover{
    border:none !important;    
  }

  .taskbutton{
    border-bottom:1px solid #677f0e;
    border-top:1px solid #8aa621 !important;
    color:#fff !important;
  }
  .taskbutton.bg-sub{
    border-bottom:1px solid #9ebc2e;
    border-top:none !important;
  }

#sidebar{

}

  .area{
    border:1px solid #eee;
  }

#sidenav{
  background:#fff;
}

  #sidenav ul li a{
    color:#333;
  }

  #sidenav ul li a:hover{
    background:#f2f4e7;
  }
  
  #sidebar_mobile{background-color:#9ebc2e;box-shadow:0 0 20px rgba(0,0,0,.1);}
  
  #sidebar_mobile .taskbutton.bg-dark{
    border-bottom:1px solid #999 !important;
    border-top:none !important;
  }
  
#main{
  
}

  .heading{background:rgba(255,255,255,.9);}

  table .filter-by:hover{color:#fc0;text-shadow:0 1px 2px #000}
  
  table a{color:#333 !important}

  thead th{
    border-color:#7b9617 !important;
  }

  tbody tr:hover{
    background:#f2f4e7 !important;
  }

  .paging li .page-link{
    color:#ccc !important;
  }
  .paging li .fas{
    color:#ccc !important;
  }
  .paging li a.page-link{
    color:#7b9617 !important;
  }

  .paging li.active .page-link{
    color:#fff !important;
    background:#7b9617 !important;
  }

  .paging li a.page-link:hover,
  .paging li a.page-link:hover i,
  .paging li a:hover .fas,
  .paging li a .fas{
    color:#fff !important;
    background:#9ebc2e;
  }
  
  .nav-pills .nav-link {
    color: #555;
    border:1px solid #ccc;
    margin-right:.5rem;
  }