:root {
  --tinyFontSize: 10px;
  --smFontSize: 11px;
  --headFontSize: 12px;
  --stdFontSize: 14px;
  --bigFontSize: 20px;
}

h1:focus {
    outline: none;
}

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

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: smaller;
}

/* unvisited link */
a:link {
  color: blue;
}

/* visited link */
a:visited {
  color: blue;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
a:active {
  color: red;
  text-decoration:underline;
}

table.BPTable {
  width:auto
}
table.BPEditTable {
  font-size: 13px;
  padding: 10px;
  background-color: gainsboro;
  margin-top: 20px;
  margin-bottom: 20px;
}
table.BPFacilityEditTable {
  font-size: 13px;
  padding: 10px;
  margin: 20px;
  margin-bottom: 20px;
  width: 100%;
  border: 2px solid #DDDDDD;
}
table.BPFacilitySectionTable {
  font-size: 12px;
  padding: 5px;
  margin: 50px;
  width: 90%;
}
td.BPFacilitySectionHead {
  font-size: 15px;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  background-color: aliceblue;
}
td.BPFacilityColHead {
  font-size: 13px;
  padding: 5px;
  font-weight: bold;
  text-align: center;
}
td.BPFacilityRight {
  font-size: 13px;
  padding: 5px;
  font-weight: bold;
  text-align: right;
  width: 40%;
  background-color: whitesmoke;
}
td.BPFacilityLeft {
  font-size: 13px;
  padding: 5px;
}
.FacilityOption {
  font-size: 13px;
}
td.BPEdit {
  width: 50%;
  font-size: 13px;
  padding: 10px;
  background-color: aliceblue;
}
td.BPClose {
  font-size: 13px;
  padding: 10px;
  background-color: gainsboro;
}
div.BPBigText {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
div.BPTopBanner {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
td.BPTblTitle {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
td.BPTblHead {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
td.BPText {
  font-size: var(--stdFontSize);
  vertical-align: top;
  padding: 8px;
}
td.BPTextGrey {
  font-size: var(--stdFontSize);
  vertical-align: top;
  padding: 8px;
  background-color: #DDDDDD;
}
td.BPTextCancelled {
  font-size: var(--stdFontSize);
  vertical-align: top;
  padding: 8px;
  color: #ffffff;
  background-color: #929292;
}
td.BPTextHidden {
  font-size: var(--stdFontSize);
  vertical-align: top;
  padding: 8px;
  background-color: lightsteelblue;
}
td.BPTextBold {
  font-size: var(--stdFontSize);
  font-weight: bold;
  vertical-align: top;
  padding: 8px;
}
td.BPTextBoldRight {
  font-size: var(--stdFontSize);
  font-weight: bold;
  vertical-align: top;
  text-align:right;
  padding: 5px;
}
td.BPTextAssigned {
  font-size: var(--stdFontSize);
  vertical-align: top;
  padding: 8px;
  background-color: lightsteelblue;
}
td.BPTextDoubleBook {
  font-size: var(--stdFontSize);
  padding: 3px;
  font-weight: bold;
  background-color: lightpink;
  border: 2px solid #ff1a1a;
}
td.BPTextAssignedToMe {
  font-size: var(--stdFontSize);
  vertical-align: top;
  padding: 8px;
  background-color: lightgreen;
}
td.BPHighlightText {
  font-size: var(--stdFontSize);
  vertical-align: top;
  padding: 8px;
  background-color: lightcyan;
}

td.BPTD1L {
  text-align: left;
  font-size: 12px;
  padding: 3px;
  height: 20px;
  background-color: honeydew;
}
td.BPTD2L {
  text-align: left;
  font-size: 12px;
  padding: 3px;
  height: 20px;
  background-color: whitesmoke;
}
td.BPTD1R {
  text-align: right;
  font-size: 12px;
  padding: 3px;
  height: 20px;
  background-color: honeydew;
}
td.BPTD2R {
  text-align: right;
  font-size: 12px;
  padding: 3px;
  height: 20px;
  background-color: whitesmoke;
}

td.BPTDLFT {
  width: 50%;
  font-size: 15px;
  padding: 5px;
}
td.BPTDCENTER {
  font-size: 20px;
  padding: 5px;
  text-align: center;
}
td.BPTDRGHT {
  width: 50%;
  text-align: right;
  font-size: 15px;
  padding: 5px;
  font-weight: bold;
  background-color: whitesmoke;
}
div.OTHERLOG {
  font-size: 11px;
  padding: 3px;
}
div.BPDIVCALBOX {
  font-size: 11px;
  padding: 3px;
  background-color: honeydew;
}
div.BPDIVAPPT {
  font-size: 11px;
  padding: 3px;
  border-radius: 25px;
  border: 2px solid #73AD21;
}
div.BPDIVTURN {
  font-size: 11px;
  padding: 3px;
  background-color: honeydew;
  border-radius: 25px;
  border: 1px solid whitesmoke;
}
.BPDIVLINK {
  text-decoration: none;
}
.CLOSELINK {
  font-size: 15px;
  font-weight: bold;
  text-align: right;
  padding: 3px;
}
.EXPANDLINK {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 3px;
  color: #0000FF;
  text-decoration: underline;
}
.COLLAPSELINK {
  text-decoration: underline;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 3px;
  color: #0000FF;
}
.SECTIONCAP {
  width: 33%;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background-color: gainsboro;
}
.BUFFER {
  background-color:lightsteelblue;
  min-width: 20px;
}
td.RPTTITLE {
  font-size: var(--stdFontSize);
  font-weight: bold;
  padding: 2px;
  text-align: center;
  background-color: gainsboro;
  border: 1px solid lightsteelblue;
}
td.RPTLRG {
  font-size: var(--bigFontSize);
  font-weight: bold;
  padding: 2px;
  text-align: center;
  background-color: gainsboro;
  border: 1px solid lightsteelblue;
}


td.RPTCONFIRMED {
  font-size: var(--tinyFontSize);
  font-weight: bold;
  padding: 2px;
  text-align: center;
  background-color: #7bff3d;
  border: 1px solid lightsteelblue;
}

td.RPTCANCELLED {
  font-size: var(--tinyFontSize);
  font-weight: bold;
  padding: 2px;
  text-align: center;
  background-color: #CCCCCC;
  border: 1px solid lightsteelblue;
}

td.RPTRESCHEDULED {
  font-size: var(--tinyFontSize);
  font-weight: bold;
  padding: 2px;
  text-align: center;
  background-color: lightcyan;
  border: 1px solid lightsteelblue;
}
td.RPTHIDDEN {
  font-size: var(--stdFontSize);
  padding: 2px;
  text-align: center;
  background-color: #DDDDDD;
  border: 1px solid lightsteelblue;
}
td.RPTHIGH {
  font-size: var(--stdFontSize);
  font-weight: bold;
  padding: 2px;
  text-align: center;
  background-color: #ff6459;
  border: 1px solid lightsteelblue;
}
td.RPTMEDIUM {
  font-size: var(--stdFontSize);
  font-weight: bold;
  padding: 2px;
  text-align: center;
  background-color: #fcb74e;
  border: 1px solid lightsteelblue;
}
td.RPTLOW {
  font-size: var(--stdFontSize);
  font-weight: bold;
  padding: 2px;
  text-align: center;
  background-color: #fcf644;
  border: 1px solid lightsteelblue;
}
td.RPTNOSHOW {
  font-size: var(--stdFontSize);
  padding: 5px;
  text-align: center;
  border: 1px solid lightsteelblue;
  background-color: gainsboro;
}
td.RPTNOSHOWPREDICTED {
  font-size: var(--stdFontSize);
  padding: 5px;
  text-align: center;
  border: 1px solid lightsteelblue;
  background-color: gainsboro;
}
td.RPTNOSHOWNOTPREDICTED {
  font-size: var(--stdFontSize);
  padding: 5px;
  text-align: center;
  border: 1px solid lightsteelblue;
  background-color: orchid;
}
td.RPTBIGLEFT {
  font-size: var(--bigFontSize);
  font-weight: bold;
  text-align: left;
  padding: 15px;
  border: 1px solid lightsteelblue;
}
td.RPTLARGE {
  font-size: var(--bigFontSize);
  font-weight: bold;
  text-align: left;
  padding: 15px;
}
td.RPTLARGERIGHT {
  font-size: var(--bigFontSize);
  font-weight: bold;
  text-align: right;
  padding: 15px;
}
td.RPTLARGECENTER {
  font-size: var(--bigFontSize);
  font-weight: bold;
  text-align: center;
  padding: 15px;
}
td.RPTSTDRIGHT {
  font-size: var(--stdFontSize);
  background-color: whitesmoke;
  font-weight: bold;
  text-align: right;
  padding: 15px;
  border: 1px solid lightsteelblue;
}
td.RPTTOP {
  font-size: var(--stdFontSize);
  font-weight: bold;
  text-align: center;
  padding: 5px;
}
td.RPTRIGHT {
  font-size: var(--smFontSize);
  font-weight: bold;
  text-align: right;
  padding: 5px;
}
td.RPTHEAD {
  font-size: var(--stdFontSize);
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 1px solid gainsboro;
  background-color: lightsteelblue;
}
td.RPTHEADLITE {
  font-size: var(--stdFontSize);
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 1px solid lightsteelblue;
  background-color: aliceblue;
}
td.RPTHEADGREEN {
  font-size: var(--stdFontSize);
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 1px solid lightsteelblue;
  background-color: lightgreen;
}
td.RPTTXTFUTURE {
  font-size: var(--stdFontSize);
  padding: 5px;
  text-align: center;
  background-color: lightgrey;
  border: 1px solid lightsteelblue;
}
td.RPTTXTTODAY {
  font-size: var(--stdFontSize);
  padding: 5px;
  text-align: center;
  background-color: lightgreen;
  border: 1px solid lightsteelblue;
}
td.RPTTXTPAST {
  font-size: var(--stdFontSize);
  padding: 5px;
  text-align: center;
  border: 1px solid lightsteelblue;
}
td.RPTTXT {
  font-size: var(--stdFontSize);
  padding: 5px;
  text-align: center;
  border: 1px solid lightsteelblue;
}
td.RPTTXTLEFT {
  font-size: var(--stdFontSize);
  padding: 5px;
  border: 1px solid lightsteelblue;
}
.CNCLRESN {
  font-size: var(--smFontSize);
  padding: 5px;
}
td.RPTTINY {
  font-size: var(--smFontSize);
  padding: 5px;
  text-align: left;
  border: 1px solid lightsteelblue;
}

td.RPTTINYHIDE {
  font-size: var(--smFontSize);
  padding: 5px;
  text-align: left;
  border: 1px solid lightsteelblue;
  background-color:lightgrey;
}
td.RPTTINYCNTR {
  font-size: var(--smFontSize);
  padding: 5px;
  text-align: center;
  border: 1px solid lightsteelblue;
}
td.RPTTINYRGT {
  font-size: var(--smFontSize);
  padding: 5px;
  text-align: right;
  border: 1px solid lightsteelblue;
}
td.TINYRGT {
  font-size: var(--smFontSize);
  padding: 5px;
  text-align: right;
}
td.RPTTINYRGTGREY {
  font-size: var(--smFontSize);
  font-weight: bold;
  padding: 5px;
  text-align: right;
  border: 1px solid lightsteelblue;
  background-color:gainsboro;
}
td.USRMSG {
  font-size: 13px;
  padding: 5px;
  text-align: center;
  background-color: aliceblue;
}
table.RPTTBL {
  margin: 20px;
  width: 90%;
}
.TinyDiv{
  font-size: 10px;
}
table.BubTbl {
  width: 98%;
  padding: 1px;
}
td.Bubble {
  font-size: 11px;
  padding: 2px;
}
div.BubbleText {
  font-size: 11px;
  margin-left: 15px;
}
div.BubbleTextPlus {
  font-size: 12px;
  margin-left: 3px;
  font-weight: bold;
  text-align: center;
}
td.BubbleBold {
  font-weight: bold;
  font-size: 11px;
  padding: 2px;
}
td.BubbleBoldSmall {
  font-weight: bold;
  font-size: 10px;
  padding: 2px;
}
td.BubbleRight {
  font-size: 11px;
  padding: 2px;
  text-align: right;
}
td.BubbleRightBold {
  font-size: 11px;
  padding: 2px;
  font-weight: bold;
  text-align: right;
}
td.BubbleCompact {
  font-size: 10px;
  padding: 2px;
}
td.BubbleBoldCompact {
  font-weight: bold;
  font-size: 10px;
  padding: 2px;
}
td.BubbleRightCompact {
  font-size: 10px;
  padding: 2px;
  text-align: right;
}
td.BubbleRightBoldCompact {
  font-size: 10px;
  padding: 2px;
  font-weight: bold;
  text-align: right;
}
td.BPMachineHead {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
td.BPMachineColumn {
  padding: 5px;
  border: 2px solid #DDDDDD;
}
td.FeedbackHead {
  font-size: 13px;
  padding: 5px;
  background-color: #ccd7e0;
}

td.FeedbackTitle {
  font-size: 15px;
  padding: 5px;
  font-weight: bold;
  background-color: #f5f5f5;
}

td.FeedbackText {
  font-size: 14px;
  padding: 5px;
  background-color: #FFFFFF;
}
td.Feedback {
  font-size: 14px;
  padding: 5px;
}
td.FeedbackBold {
  font-size: 14px;
  padding: 5px;
  font-weight: bold;
}
td.FeedbackRight {
  font-size: 14px;
  padding: 5px;
  text-align: right;
}
td.FeedbackRightBold {
  font-size: 14px;
  padding: 5px;
  font-weight: bold;
  text-align: right;
}
td.FeedbackCenter {
  font-size: 14px;
  padding: 5px;
  text-align: center;
}
td.FeedbackCenterBold {
  font-size: 14px;
  padding: 5px;
  font-weight: bold;
  text-align: center;
}
td.FeedbackBig {
  font-size: 20px;
  padding: 5px;
}
td.FeedbackBigBold {
  font-size: 20px;
  padding: 5px;
  font-weight: bold;
}
td.FeedbackBigBoldCenter {
  font-size: 20px;
  padding: 5px;
  font-weight: bold;
  text-align: center;
}
table.Threads {
  width: 95%;
  background-color: ivory;
  border: 2px solid #f5f5f5;
}
table.ThreadedFeedback {
  width: 95%;
  background-color: #ffffed;
  border: 2px solid #f5f5f5;
}
.checkbox-container {
  display: flex; /* Makes the container a flex container */
  justify-content: space-around; /* Distributes items evenly with space around them */
  /* Other options for justify-content: space-between, flex-start, flex-end, center */
  align-items: center; /* Vertically aligns items in the center (optional) */
  flex-wrap: wrap; /* Allows items to wrap to the next line if space is limited (optional) */
}
.checkbox-item {
  display: inline-block;
  margin-right: 15px; /* Adjust spacing as needed */
}
div.StatusReport {
  font-size: 13px;
  padding: 10px;
  text-align: center;
}
td.ModalityTitle {
  font-size: var(--tinyFontSize);
  background-color: #ffffed;
  padding: 5px;
  text-align: center;
  font-weight: bold;
}
td.ModalityText {
  font-size: var(--tinyFontSize);
  padding: 5px;
  text-align: center;
}
.DatePickerText {
  font-size: 12px;
  padding: 5px;
  text-align: center;
}
.CampaignHead {
  font-size: 11px;
  padding: 2px;
  text-align: center;
}
.CampaignText {
  font-size: 11px;
  padding: 2px;
}
td.DatePickerToday {
  font-size: var(--smFontSize);
  padding: 7px;
  background-color: lightgreen;
  text-align: center;
  border: 1px solid lightsteelblue;
}
td.DatePickerSelected {
  font-size: var(--smFontSize);
  padding: 7px;
  background-color: #ff6459;
  text-align: center;
  border: 1px solid lightsteelblue;
}
td.DatePickerUnselectable {
  font-size: var(--smFontSize);
  padding: 7px;
  text-align: center;
  min-width:40px;
  background-color: #ffffed;
  border: 1px solid lightsteelblue;
}
td.DatePickerSelectable {
  font-size: var(--smFontSize);
  margin: 1px;
  text-align: center;
  background-color: #ffffff;
  border:
    1px solid lightsteelblue;
}
.loader {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: block;
  margin: 15px auto;
  position: relative;
  color: #FFF;
  box-sizing: border-box;
  animation: animloader 1s linear infinite alternate;
}

@keyframes animloader {
  0% {
    box-shadow: -38px -12px, -14px 0, 14px 0, 38px 0;
  }

  33% {
    box-shadow: -38px 0px, -14px -12px, 14px 0, 38px 0;
  }

  66% {
    box-shadow: -38px 0px, -14px 0, 14px -12px, 38px 0;
  }

  100% {
    box-shadow: -38px 0, -14px 0, 14px 0, 38px -12px;
  }
}