/*General*/
body {
  background-color: #f4f3ef !important; }

.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 400 !important; }

.filters .dropdown-menu {
  width: 240px;
  right: 0;
  left: auto; }

.pointer {
  cursor: pointer; }

.btn.btn-primary.btn-fill {
  color: #FFFFFF;
  background-color: #7A9E9F;
  opacity: 1;
  filter: alpha(opacity=100);
  border: 1px solid #ccc9c9; }

.btn.btn-primary.btn-fill:hover {
  background-color: #5e8283;
  color: #FFFFFF;
  border-color: #5e8283;
  font-weight: bold; }

.form-control::-webkit-input-placeholder {
  color: #cccccc !important; }

.form-control:-moz-placeholder {
  color: #cccccc !important; }

.form-control::-moz-placeholder {
  color: #cccccc !important; }

.cdk-overlay-container {
  z-index: 1051; }

.table-bordered thead th {
  font-size: 15px; }

.cursor {
  cursor: pointer; }

actions .btn {
  font-weight: bold; }

actions .btn-group .btn {
  margin-right: 0px;
  font-weight: bold; }

.table > thead > tr > th {
  font-size: 0.875rem;
  font-family: "Roboto", sans-serif; }

.mat-datepicker-toggle-default-icon {
  width: 2em !important; }

.sidebar > .logo > .dropdown > h4, .sidebar > .logo .dropdown > .dropdown-menu {
  font-family: "Roboto", sans-serif !important; }

.nav > li > a {
  font-size: 0.75rem !important;
  line-height: 1.9375rem !important; }
  .nav > li > a > i {
    font-size: 20px !important; }

.navbar-brand > h1 {
  font-size: 1.375rem !important;
  line-height: 33px !important; }

.over-due{background: repeating-linear-gradient(-60deg,#eae220,#eae233 15px,#eae586 15px,#eae580 30px) !important;}
  
@media print {
  .sidebar, .navbar.page-nav, .d-lg-flex, a.text-dark {
    display: none !important; }
  .main-panel {
    float: none !important;
    width: 100% !important; } }