.employee_payrollView .view-container {
  padding: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start; }
  .employee_payrollView .view-container div.month-selector {
    flex: 1 1 100%;
    text-align: center;
    align-self: center;
    margin: 10px; }
    .employee_payrollView .view-container div.month-selector > md-datepicker {
      display: inline-flex; }
  .employee_payrollView .view-container div.md-card {
    margin: 5px;
    flex: 1 1 40%;
    min-width: 400px; }
    .employee_payrollView .view-container div.md-card.summary tbody > tr > td {
      width: 30%; }
      .employee_payrollView .view-container div.md-card.summary tbody > tr > td:nth-child(2n) {
        width: 20%;
        font-weight: bold; }
      .employee_payrollView .view-container div.md-card.summary tbody > tr > td:nth-child(2) {
        border-right-width: 3px; }
      .employee_payrollView .view-container div.md-card.summary tbody > tr > td p {
        margin: 2px;
        font-size: 1.1em; }
        .employee_payrollView .view-container div.md-card.summary tbody > tr > td p:last-child {
          font-size: 0.9em;
          color: #686868; }
    .employee_payrollView .view-container div.md-card.summary table:not(:first-of-type) tr {
      height: 40px !important; }
    .employee_payrollView .view-container div.md-card.documents tbody > tr > td {
      width: 17%; }
      .employee_payrollView .view-container div.md-card.documents tbody > tr > td:nth-child(2) {
        width: 30%; }
        .employee_payrollView .view-container div.md-card.documents tbody > tr > td:nth-child(2) p {
          margin: 2px;
          font-size: 1.1em; }
          .employee_payrollView .view-container div.md-card.documents tbody > tr > td:nth-child(2) p:last-child {
            font-size: 0.9em;
            color: #686868; }
      .employee_payrollView .view-container div.md-card.documents tbody > tr > td:nth-child(4) {
        width: 36%; }

/*# sourceMappingURL=PayrollView.css.map */