.pdtable {
  height: auto;
  margin-top: 0em !important;
  width: auto;
}

.pdtablerow.selected, .pdtreenode_content.selected {
  background-color: var(--selected-background-color) !important;
  color: var(--selected-color) !important;
}

/* Ensure that the execution result (success, cancelled, etc.) is ALWAYS white when the row is selected */
.pdtablerow.selected *:not(input) {
  color: white !important;
}

.pd-table-sm .pdtable > table > :not(caption) > * > * {
  padding: 0.25rem 0.25rem !important;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  color: var(--color);
}

.sticky-toolbar-container {
  background-color: var(--background-color);
  position: sticky;
  top: 50px;
  z-index: 1;
}

/* Override the .h-100 in PDBlazor library which uses 100px, as that is NOT what we want! */
.h-100 {
  height: 100% !important;
}

.activity-blue {
  color: #0069d9 !important;
}

.macro-details-container {
  border-width: 5px !important;
}

.MacroBlockCancelled,
.MacroBlockSection,
.MacroBlockSuccess,
.MacroBlockStopped,
.MacroBlockSystemError,
.MacroBlockMacroError,
.MacroBlockWarning,
.MacroBlockRunning,
.MacroBlockDeferred,
.MacroBlockLicense,
.MacroBlockWorkerStopped {
  border-radius: 1px;
  cursor: pointer;
  display: inline-block;
  height: 1.3em;
  max-width: 100%;
  min-width: 1.5em;
  padding: 2px;
  margin: 0 2px 0 0;
}

.MacroBlockCancelled {
  color: white;
}

.MacroBlockSuccess {
  background-color: lightgreen !important;
  color: darkgreen;
}

.MacroBlockSection {
  background-color: #99f !important;
  font-size: larger;
  color: black;
  font-weight: bold;
}

.MacroBlockStopped {
  color: white;
}

.MacroBlockSystemError {
  color: white;
}

.MacroBlockMacroError {
  color: white;
}

.MacroBlockWarning {
  color: black;
}

.MacroBlockWorkerStopped {
  color: white;
}

.MacroBlockLicense {
  color: white;
}

.MacroBlockDeferred {
  color: white;
}

.MacroBlockRunning {
  animation: pulse_unknown 5s infinite, resize_unknown 25s linear forwards;
  animation-delay: 0;
  color: white;
}

@keyframes pulse_unknown {
  0%, 100% {
    background-color: blue;
  }
  50% {
    background-color: cornflowerblue;
  }
}
@keyframes resize_unknown {
  0% {
    width: 1.5em;
  }
  100% {
    width: 100%;
  }
}
.clickable {
  cursor: pointer;
}

.macro-count-box-description.total-all-colour {
  min-width: unset !important;
}

.macro-count-box-description {
  border: 2px solid #ddd;
  border-right: none;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  font-size: 12px;
  min-width: 80px;
  padding: 2px 5px;
  text-align: center;
  text-transform: uppercase;
  user-select: none;
  vertical-align: middle;
}

.macro-count-filter-label {
  border: 2px solid transparent;
  color: var(--black-or-white);
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  user-select: none;
}

.macro-count-box {
  border: 2px solid;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  color: var(--black-or-white);
  display: table-cell;
  font-size: 15px;
  font-weight: bold;
  min-width: 25px;
  padding: 0px 5px;
  text-align: center;
  user-select: none;
  vertical-align: middle;
}

/* -------------------------- THE TEXT COLOURS -------------------------- */
/*.progress-success-colour
{
	color: lightgreen;
}

.progress-warning-colour
{
	color: orange;
}

.progress-macro-error-colour
{
	color: orangered;
}

.progress-system-error-colour,
.progress-server-restarted-colour
{
	color: darkred;
}

.progress-other-colour
{
	color: gray;
}

.progress-progressing-colour
{
	color: blue;
}*/
/* ---------------- TOTALS SECTION: COLOURS WITH DIFFERENT BORDER AND BACKGROUND ----------------------*/
.total-all-colour {
  border-color: #ddd;
}

.total-success-colour {
  background-color: lightgreen; /* FALLBACK */
  background-color: rgba(144, 238, 144, 0.1);
  border-color: lightgreen;
}

.total-warning-colour {
  background-color: orange; /* FALLBACK */
  background-color: rgba(255, 165, 0, 0.1);
  border-color: orange;
}

.total-macro-error-colour {
  background-color: orangered; /* FALLBACK */
  background-color: rgba(255, 69, 0, 0.1);
  border-color: orangered;
}

.total-system-error-colour {
  background-color: darkred; /* FALLBACK */
  background-color: rgba(139, 0, 0, 0.1);
  border-color: darkred;
}

.total-other-colour {
  background-color: gray; /* FALLBACK */
  background-color: rgba(128, 128, 128, 0.1);
  border-color: gray;
}

.total-cancelled-colour {
  background-color: lightblue; /* FALLBACK */
  background-color: rgba(23, 162, 184, 0.1);
  border-color: #17a2b8;
}

.total-progressing-colour {
  background-color: blue; /* FALLBACK */
  background-color: rgba(0, 0, 255, 0.1);
  border-color: blue;
}

#Filter_Form {
  margin: 0.5em 0 0.5em 0;
}

#Filter_By_Macro_Text_Button,
#Filter_By_Macro_Text_Clear_Button {
  min-width: 40px;
}

/* Paging toggle button */
#Paging_Toggle_All_Button {
  cursor: pointer;
}

.filtered-macro-pages-container,
.unfiltered-macro-pages-container {
  padding: 0.25em 0 0.25em 0;
}

.macro-page-indicator-title {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  user-select: none;
}

.macro-page-indicator {
  border: 1px solid var(--border);
  border-radius: 3px;
  color: var(--border);
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin: 4px 4px 0 0;
  padding: 2px 5px;
  text-align: center;
  min-width: 25px;
}

.macro-page-not-loaded-indicator {
  background: #fff;
  border: 1px dashed #ddd;
  border-radius: 50%;
  color: #ccc;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin: 4px 4px 0 0;
  padding: 3px 5px;
  text-align: center;
  min-width: 25px;
}

.macro-page-loaded-indicator {
  background: white;
  border: 1px solid #ddd;
  border-radius: 50%;
  color: #aaa;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin: 4px 4px 0 0;
  padding: 2px 5px;
  text-align: center;
  min-width: 25px;
}

.macro-page-manual-fetch {
  border: 1px solid #666;
  color: #666;
  animation: pulse_page_indicator_loading 2s infinite;
  animation-delay: 0;
  background-color: yellow;
}

/* THE PROGRESS BAR */
.progress-bar {
  height: 16px;
}

/* THE PROGRESS BAR CONTAINER */
.progress {
  height: 16px;
  margin-top: 0.25em;
}

@keyframes pulse_page_indicator_loading {
  0%, 100% {
    background-color: yellow;
  }
  50% {
    background-color: white;
  }
}
.macro-block-highlighted {
  box-shadow: inset 0px 0px 0px 1px black;
}

.macro-block-legacy {
  box-shadow: inset 0px 0px 0px 1px darkorange;
}

.macro-page-selected {
  color: var(--black-or-white);
}

.paging-button-container {
  color: #666;
  font-size: 14px;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

.paging-button-text {
  margin-right: 0.5em;
  text-transform: uppercase;
  user-select: none;
}

.paging-button-toggle {
  color: #1751a2;
  cursor: pointer;
  font-size: 15px;
  margin-right: 0.5em;
}

.macro-page-row {
  padding-left: 0;
  margin-top: 0.5em;
}

#RunAgainButton,
#ShowFolderButton {
  visibility: visible;
}

.report-job-progress-bar {
  height: calc(100% - 110px);
  line-height: 16px;
  overflow-y: auto;
}

.report-job-segments-container {
  cursor: default;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.macro-times-row-element {
  border-radius: 3px;
  border: 1px solid lightgrey;
  font-size: 14px;
  margin-right: 5px;
  padding: 2px 5px;
  user-select: none;
}

.macro-times-digit {
  margin-left: 2px;
  margin-right: 1px;
}

.card {
  margin-bottom: 1em;
}

.card-header {
  padding: 0.25rem 0.75rem;
}

.card-body {
  padding: 0.5rem;
}

.card-footer {
  padding: 0.5rem;
}

.controls-unpinned {
  transform: rotate(90deg);
}

.progress-help-icon {
  color: #bbb;
  cursor: pointer;
  margin-left: 0.5em;
}

#Batch_UI_Controls_Panel {
  background-color: var(--background-color);
}

#SendFeedbackButton {
  cursor: pointer;
}

/* FONT SIZES */
.scale11 {
  font-size: 11px;
}

.scale20 {
  font-size: 20px;
}

.macro-result-link {
  color: #007bff;
  cursor: pointer;
  text-decoration: underline;
}

@media only screen and (max-width: 640px) {
  .scale11 {
    font-size: 10px;
  }
  .scale14 {
    font-size: 12px;
  }
  .scale20 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 480px) {
  .scale11 {
    font-size: 9px;
  }
  .scale14 {
    font-size: 10.5px;
  }
  .scale20 {
    font-size: 14px;
  }
  .panel {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media print {
  .MacroBlockSection {
    background-color: #99f !important;
  }
  .MacroBlockSuccess {
    background-color: lightgreen !important;
  }
  .MacroBlockCancelled {
    background-color: #17a2b8 !important;
  }
  .MacroBlockStopped {
    background-color: #8766FF !important;
  }
  .MacroBlockSystemError {
    background-color: darkred !important;
  }
  .MacroBlockMacroError {
    background-color: orangered !important;
  }
  .MacroBlockWarning {
    background-color: orange !important;
  }
  .MacroBlockRunning {
    background-color: blue !important;
  }
  .MacroBlockLicense {
    background-color: purple !important;
  }
  .MacroBlockDeferred {
    background-color: gray !important;
  }
  a[href]::after {
    content: "" !important;
  }
}