/*General*/
$header-color: #3B3B3B; //pos variable //black color for all header , h1-h6, th panel header
$body-color: #333333; //black color for all content
$light:#cccccc;

$font-family-base: 'Roboto', sans-serif;
$headings-font-family: 'Roboto Slab', serif;

$text-muted: #9a9a9a;
$link-color: #68B3C8;

$h1-font-size: 1.375rem; //22px
$h2-font-size: 1.25rem; //20px
$h3-font-size: 1.125rem; //18px
$h4-font-size: 1rem; //16px
$h5-font-size: 0.875rem; //14px
$h6-font-size: 0.8125rem; //13px
$font-size-base: 0.75rem; //12px
$font-size-sm: 0.625rem; //10px
$small-font-size: 85% !default;


$headings-font-weight: 400;
$font-weight-normal: 400;
//primary:  all link
//success : main button
//secondary : secondary button
//nav-blue
$theme-colors: ();

$spacer: 0.125rem; //2px spacing for each level
$spacers: ( 1: $spacer, 2: $spacer*2, 3: $spacer*3, 4:$spacer*4,5:$spacer*5,6:$spacer*6,7:$spacer*7,8:$spacer*8,9:$spacer*9,10:$spacer*10,11:$spacer*11,12:$spacer*12 );

$table-cell-padding: 8px;

//Receipt Printing
$enable-print-styles: false;

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


.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: $font-family-base;
  font-weight: $font-weight-normal !important;
}

.filters .dropdown-menu {
  width: 240px;
}

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

.form-control:focus {
  border-left: 1px solid #ccc !important;
  border-top: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !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: $h5-font-size;
    font-family:$font-family-base;
  }
}


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

.sidebar > .logo {

    > .dropdown > h4, .dropdown > .dropdown-menu {
        font-family: $font-family-base !important;
    }
}

.nav > li > a {
    font-size: $font-size-base !important;
    line-height: 1.9375rem !important;

    > i {
        font-size: 20px !important;
    }
}

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

.mat-button-toggle-checked{
	background-color: #49e23b !important;
    color: white  !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;
    }
}


.main-panel {
  padding-top: 75px;

  .fixed-top {
    background-color: #f4f3ef !important;
    border-bottom: 1px solid #cfcfca;
    margin: 0px;
    min-height: 75px;

    .input-group-text {
      background-color: #fff !important;
    }

    .navbar-brand h1 {
      color: #777;
    }
  }
}

.logo {
  z-index: 5 !important;

  img {
    width: 42px;
  }
}

.sidebar .dropdown-menu {
  padding: 10px 0;
  border-radius: 0;
  min-width: 232px;
  top: 6px !important;
  cursor: pointer;

  .dropdown-item {
    border-radius: 0;
    padding: 5px 20px;

    i {
      margin-right: 4px;
    }
  }
}