html,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:#eee}
.bg-dark{background-color:#555 !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:#f8f9fa! 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}

.bold{font-weight:bold}

.shadowed{box-shadow:0 0 20px rgba(0,0,0,.1);}
.shadowed-dark{box-shadow:0 0 20px rgba(0,0,0,.25);}

.chosen{color:#7b9617 !important}

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; 
}  

/* FORMS */

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #7b9617;
    background-color: #7b9617;
}
  
/* NAV */

.page-profile .nav li{border-color:#eee;}

.page-profile .nav{border:none}

.page-profile .nav .nav-link{color:#777;border:none;background:none}
.page-profile .nav .nav-link:hover{color:#777;border:none;background:none}
.page-profile .nav .nav-link.active{font-weight:bold}
.page-profile .nav-pills .nav-link.active{color:#9ebc2e;border:none;background:none}

#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;
  }

#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;
  }

.area{border:1px solid #eee;}
.heading{background:rgba(255,255,255,.9);}
  
/* TABLE */

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

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

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

.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;
}

/* PROFILE */

.page-profile .content > .row-group{
  border-color:#eee !important;
}

/* MATCH */

.match-layout .col:not(.col-group){
  border-color:#eee;
}

.match-layout h5{
  border-bottom:2px solid #7b9617;
  padding-bottom:.25rem;
}

/* SPECIAL STYLES */

.btn-text-wrap {
  white-space:normal !important; 
  word-wrap:break-word;
}