@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a, .btn-link {
  color: #d7d7d7;
}

.btn-link:hover {
  color: white;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.content {
  padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
  outline: 1px solid #26b050;
}

.invalid {
  outline: 1px solid red;
}

.validation-message {
  color: red;
}

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

  #blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
  }


#shiftCalendar {
  font-family: Calibri, sans-serif;
  font-size: small;
  /*empty-cells: hide;*/
  border-collapse: collapse;
}

  #shiftCalendar caption {
    caption-side: top;
    text-align: left;
    font-size: larger;
  }

  #shiftCalendar td {
    padding: 1px;
    margin: 0;
    border: 1px solid #dadada;
  }

  #shiftCalendar th {
    width: 25px;
    text-align: center;
    border: 1px solid #dadada;
  }

  #shiftCalendar td {
    text-align: center;
  }

    #shiftCalendar td span {
      color: #dadada;
    }

    #shiftCalendar td.month {
      background-color: #999999;
    }

    #shiftCalendar td.sunday {
      /*background-color: #D0D0D0;*/
      background-color: transparent;
      color: red;
    }

    #shiftCalendar td.holiday {
      /*background-color: #D0D0D0;*/
      background-color: transparent;
      color: red;
    }

    #shiftCalendar td.green {
      background-color: forestgreen;
      /*color: red;*/
    }

    #shiftCalendar td.bordertop {
      /*border-top: 2px solid #D0D0D0;*/
      border-top: 2px solid #000000;
    }

colgroup.colMonth {
  /*border: 2px solid #D0D0D0;*/
  border: 2px solid #000000;
}

@media print {
  #shiftCalendar {
    page-break-before: always;
  }
}