@media print {

  @page {
    margin-left: 0.25in;
    margin-right: 0.25in;
    margin-top: 0.5in;
    margin-bottom: 0.5in;
  }

  /* do no print buttons when printing */
  button, md-toolbar, md-sidenav {
      display: none !important;
  }

  md-content {
    background-color: white !important;
  }

  md-card {
    box-shadow: none;
  }
}

@media only screen {
  .overflow-on-screen {
    overflow: auto;
  }
}

.invoice-total-row {
  font-size: 15px !important;
  font-weight: bold !important;
  background-color: #808080 !important;
  color: white !important;
}

.jd-row {
  font-size: 15 !important;
  font-weight: bold !important;
  background-color: #C0C0C0 !important;
}

.invoice-row {
  margin-bottom: 0;
}

/* make tab background white */

.tab-background {
  background-color: white;
}

/* fix vertical alignment of checkboxes */
.check {
  margin-bottom: 0;
}

/* fix vertical alignment of disabled md-selects */
.md-select-value {
  padding-bottom: 2px;
}

.bigger-text .md-datepicker-input {
  font-size: 100%;
}

td.with-button {
  padding-left: 10px !important;
}

.hidden {
  display:none;
}

md-toolbar.header {
  padding-left: 0 !important;
}

div.light-box {
  border:1px solid lightgray;
  margin-bottom:32px;
  background-color: white;
}

/*workaround for issue with long placeholder*/
.long-placeholder > .md-datepicker-input-container {
  width: 175px;
}

table.bordered {
  border-collapse: collapse;
}

.bordered > th {
  border-width: 1px;
  border-style: solid;
  border-color: lightgray;
  font-weight: normal;
  padding: 8px;
}

.bordered > td {
  border-width: 1px;
  border-style: solid;
  border-color: lightgray;
  font-weight: normal;
  padding: 8px;
}

.bordered > ol {
  margin-left: 8px;
  padding-left: 8px;
}

/*Fix down arrow in date inputs */
input[type="date"]:hover::-webkit-calendar-picker-indicator {
  color: grey;
}

body {
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
}

md-card {
  margin-bottom: 70px;
}

.alert {
  color: red;
}

.card-disabled {
  color: #d3d3d3 !important;
}

.card-logo {
  display: inline-block;
  padding-right: 10px;
}

/* .darkened {
  background-color: rgba(0,0,0,0.05);
} */

.grayed {
  color: rgba(0,0,0,0.54);
}

.grayed-sub-head {
  color: rgba(0,0,0,0.54);
  font-size: 14px;
  padding-bottom: 16px;
}

.indent-item {
  margin-left: 25px;
}

h3.tn-subhead {
  margin-bottom: 0;
}

button.green:hover, button.green:focus {
  background-color: rgba(3, 185, 3, 0.8) !important;
}

md-card-title {
  padding-bottom: 0 !important;
}

md-card-actions {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.md-actions .md-button {
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 6px;
  margin-bottom: 6px;
  color: green;
}

.md-sidenav-left .logo {
  padding-top: 16px;
  padding-bottom: 14px;
}

md-list-item:not(.nav-active) * .material-icons{
  color: rgb(117, 117, 117);
}

.nav-active {
  background-color: rgb(238, 238, 238); /* light gray */
  color: #1565C0 !important; /* banner color */
}

.card-media {
  background-color: #999999;
}

.md-toolbar-tools {
  min-height: 64px;
  padding-left: 0;
  padding-right:0
}

/* fix issue on iPhone screen */
@media screen and (max-width: 600px) {
  md-toolbar {
    padding-left: 0 !important;
  }
}

/* .md-sidenav-left {
  min-width: 266px;
} */

.md-sidenav-left .md-icon-button {
    margin-right: 0;
}

#content, #content-loading {
    background-color: rgb(238, 238, 238);
}

.header {
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12), 0px 3px 5px -1px rgba(0, 0, 0, 0.2);
  padding-left: 16px;
}

.profile-icon {
  padding-right: 26px;
}

.profile {
  color: rgba(255,255,255,0.54);
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  overflow: hidden;
  padding: 0 26px 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Roboto","Helvetica Neue",Helvetica,Arial;
  overflow: hidden !important;
}

/* fix for iOS on iPhone */
@media screen and (max-width: 600px) {
  .profile {
    margin-left: 8px !important;
    padding-right: 8px !important;
  }
}

.menu-hover {
  color: rgba(255,255,255,0.54);
}

.menu-hover:hover {
  color: rgb(255,255,255);
  cursor: pointer;
}

.search-box  {
  min-height: 0;
  background-color: rgba(255,255,255,0.34);
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 3px;
}

.search-box .md-errors-spacer {
  display: none;
}

.no-error-spacer .md-errors-spacer { /* hide spacer unless an error occurs */
  min-height: 0;
}

.search-box md-input-container {
  margin-top: 8px;
  margin-bottom: 8px;
  color: white;
}

.search-box:hover {
  background-color: rgba(255,255,255,0.54);
}

.search-box.focused {
  background-color: rgba(255,255,255,1);
  border-color: gray;
}

.search-box .material-icons {
  padding-left: 16px;
  padding-right: 16px;
  color: rgba(255,255,255,0.54);
  overflow: hidden !important;
}

.search-box.focused .material-icons {
  color: gray;
}

.search-box input {
  color: white;
  border-color: rgba(0,0,0,0); /* transparent */
  font-family: "Roboto","Helvetica Neue",Helvetica,Arial;
  font-weight: normal;
  font-size: 14px;
  /* moved width to @media query below */
}

.search-box.focused input {
  color: gray !important;
}

/* Fix for iOS on iPhone */
@media screen and (min-width: 601px) {
  .search-box input {
    width: 300px;
  }
}

.search-box md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: rgba(255,255,255,0) !important; /* transparent */
}

ul li {
  margin-bottom: 10px;
}

.ocr-warning-text {
  color: rgba(213, 0, 0, 1);
}

/*md-icon.ocr-invoice-tag {*/
.ocr-invoice-tag {
  border-radius: 100%;
  padding: 2px;
  background-color: rgba(255, 255, 255, 1);
}

.ocr-invoice-tag-warn {
  color: rgba(255, 210, 90, 1) !important;
}

.ocr-invoice-tag-critical {
  color: rgba(213, 0, 0, 1) !important;
}

.ocr-invoice-standard-court-row,
.ocr-invoice-date-day-row {
  font-size: 15 !important;
  font-weight: bold !important;
  background-color: #C0C0C0 !important;
}

.ocr-invoice-standard-case-type-row,
.invoice-date-user-row {
  font-size: 14 !important;
  background-color: #D0D0D0 !important;
  font-weight: bold !important;
}

.invoice-day-row,
.invoice-date-court-row {
  font-size: 14 !important;
  background-color: #DADADA !important;
  font-weight: bold !important;
}

.ocr-invoice-standard-case-row,
.invoice-date-case-type-row {
  font-size: 14 !important;
  background-color: #E4E0E0 !important;
  font-weight: bold !important;
}

.invoice-date-case-type-row {
  font-size: 13 !important;
  background-color: #EAEAEA !important;
  font-weight: bold !important;
}

.ocr-invoice-standard-activity-row,
.case-activity-row,
.invoice-date-case-row {
  font-size: 13 !important;
  background-color: #F0F0F0 !important;
}

.ocr-invoice-standard-activity-details-row,
.invoice-date-activity-details-row {
  background-color: #FFFFFF !important;
}

.ocr-instructions-text {
  font: 11;
}

.table-item-even {
  background-color: #F9F9F9
}

.table-item-odd {
  background-color: #FFFFFF
}

.md-button.md-warn.md-raised:disabled {
  color: rgba(0,0,0,0.38)
}

md-input-container:read-only, input:read-only, textarea:read-only {
  border-color: rgba(0,0,0,0.12);
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input:read-only, md-input-container:not(.md-input-invalid).md-input-focused .md-input:read-only, md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input:read-only, md-input-container:not(.md-input-invalid).md-input-resized .md-input:read-only {
  border-color: rgba(0,0,0,0.12);
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .largetooltiptext {
  visibility: hidden;
  width: 200px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */
  background: rgba(0, 0, 0, 0.66);

  /* Position the tooltip */
  position: absolute;
  z-index: 5;
  top: 100%;
  left: 50%;
  margin-left: -60px;
}

.tooltip:hover .largetooltiptext {
  visibility: visible;
}

.tooltip .lefttooltiptext {
  visibility: hidden;
  width: 150px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */
  background: rgba(0, 0, 0, 0.66);

  /* Position the tooltip */
  position: absolute;
  z-index: 5;
  top: -5px;
  right: 105%;
}

.tooltip:hover .lefttooltiptext {
  visibility: visible;
}

.tooltip .righttooltiptext {
  visibility: hidden;
  width: 150px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */
  background: rgba(0, 0, 0, 0.66);

  /* Position the tooltip */
  position: absolute;
  z-index: 5;
  top: -5px;
  left: 105%;
}

.tooltip:hover .righttooltiptext {
  visibility: visible;
}

.tooltip .bottomtooltiptext {
  visibility: hidden;
  width: 150px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */
  background: rgba(0, 0, 0, 0.66);

  /* Position the tooltip */
  position: absolute;
  z-index: 5;
  top: 100%;
  left: 50%;
  margin-left: -60px;
}

.tooltip:hover .bottomtooltiptext {
  visibility: visible;
}

.tooltip .toptooltiptext {
  visibility: hidden;
  width: 150px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */
  background: rgba(0, 0, 0, 0.66);

  /* Position the tooltip */
  position: absolute;
  z-index: 5;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
}

.tooltip:hover .toptooltiptext {
  visibility: visible;
}

.tooltip .helptexttooltiptextleft {
  visibility: hidden;
  width: 400px;
  color: rgb(117, 117, 135);
  font-size: 16px;
  text-align: justify;
  border: 1px solid rgb(117, 117, 135);
  border-radius: 6px;
  padding: 10px;
  background: white;

  /* Position the tooltip */
  position: absolute;
  z-index: 5;
  top: -5px;
  right: 105%;
}

.tooltip:hover .helptexttooltiptextleft {
  visibility: visible;
}

.tooltip .helptexttooltiptextright {
  visibility: hidden;
  width: 400px;
  color: rgb(117, 117, 135);
  font-size: 16px;
  text-align: justify;
  border: 1px solid rgb(117, 117, 135);
  border-radius: 6px;
  padding: 10px;
  background: white;

  /* Position the tooltip */
  position: absolute;
  z-index: 5;
  top: -5px;
  left: 105%;
}

.tooltip:hover .helptexttooltiptextright {
  visibility: visible;
}

.md-label {
  top: 35%
}