.On-Q { color: #F89938; }
.On-Q-bg{ background-color: #F89938; } //f6d8db
.Mandatory{ background-color: #e1eef6; } //f6d8db
.QREBC { background-color: #C1C8F9; }
/* Define the hover highlight color for the table row */
td.highlight { background-color: whitesmoke !important; }
.hoverTable tr:hover { background-color: #e1eef6; }
.hoverLI :hover { background-color: #e1eef6; !important; color: #000 !important; }
.row.highlight:hover > * { background-color: #e1eef6; }
.strikethrough { text-decoration: line-through; }
/*select { padding-right: 32px; }  Reserves space so text cannot slide under the arrow */


.DOW_days label{display:inline-block;width:50px;}
	
/* Hides the default dropdown arrow icon in Select2 */
/*.select2-container--default .select2-selection--single .select2-selection__arrow {
  //  display: none;
}*/
#SB_ID + .select2-container { width: 300px !important; }
.datepicker {
    z-index: 9999 !important; /* Higher than Bootstrap's default modal z-index (1050) */
}

.rowcolor1 {background-color: #E5E5E5;}.rowcolor1:hover { background-color: #B3D1E8;color:#0000FF;}
.rowcolor2 {background-color: #EEEEEE;}.rowcolor2:hover { background-color: #B3D1E8;color:#0000FF;}

.table-alt.dataTable tr.odd {
    background-color: #E5E5E5;
}
.table-alt.dataTable tr.even {
    background-color: #EEEEEE;
}
.table-alt.dataTable tr:hover { background-color: #B3D1E8;color:#0000FF;}

.table-alt.dataTable tbody td {
    border: .5px solid #BEBEBE; 
	height: 28px;
}
.disabled-btn {
    pointer-events: none; /* Disables the click action */
    cursor: default;       /* Removes the pointer finger cursor */
    opacity: 0.6;          /* Visually fades out the button */
}

.ui-menu {
width: 600px;
margin-bottom: 2em;
}
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
outline: none;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.ui-corner-all {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.ui-widget-content {
border: 1px solid #aaaaaa;
background: #ddfff9;
color: #404040;
}
.ui-widget {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
}
.ui-front {
z-index: 100;
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
width: 100%;
list-style: none;
/*support: IE10, see #8844;*/
}
.ui-menu .ui-menu-item a.ui-corner-all {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 2px .4em;
line-height: 1.5;
min-height: 0;
support: IE7;
font-weight: normal;
}
.ui-corner-all {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #bba !important;
    font-weight: bold !important;
    color: #ffffff !important;
}

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

.write-rotated {
  writing-mode: vertical-rl;
  text-orientation: upright;
}

code,pre{padding:0 3px 2px;font-family:Monaco,Menlo,Consolas,"Courier New",monospace;font-size:12px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
code{padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;white-space:nowrap;}
pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}pre.prettyprint{margin-bottom:20px;}
pre code{padding:0;color:inherit;white-space:pre;white-space:pre-wrap;background-color:transparent;border:0;}


table.dt-rowReorder-float{opacity:.8}div.dt-rowReorder-float-parent{table-layout:fixed;outline:2px solid #888;outline-offset:-2px;z-index:2001;position:absolute !important;overflow:hidden}tr.dt-rowReorder-moving{outline:2px solid #555;outline-offset:-2px}body.dt-rowReorder-noOverflow{overflow-x:hidden}table.dataTable td.reorder{text-align:center;cursor:move}table.dt-rowReorder-float{opacity:.8}div.dt-rowReorder-float-parent{table-layout:fixed;outline:2px solid #0275d8;outline-offset:-2px;z-index:2001;position:absolute !important;overflow:hidden}tr.dt-rowReorder-moving{outline:2px solid #888;outline-offset:-2px}body.dt-rowReorder-noOverflow{overflow-x:hidden}table.dataTable td.reorder{text-align:center;cursor:move}


.password-display{
	font-family:'Fira Code',monospace;
	font-size:1.5rem;
	letter-spacing: 2px;
	white-space:pre-wrap;
	word-break:break-all;
}
/* colours */
.char-letter  {color:#0d6efd;}   /* bootstrap primary  */
.char-digit   {color:#198754;}   /* bootstrap success  */
.char-special {color:#dc3545;}   /* bootstrap danger   */

.result-container {
            display: flex;
            background-color: #f0f0f0;
            padding: 12px;
            border-radius: 4px;
            margin-bottom: 20px;
            align-items: center;
            justify-content: space-between;
        }
        .result {
            font-family: monospace;
            font-size: 20px;
            word-break: break-all;
        }
        .btn-copy {
            background-color: #007bff;
            color: white;
            border: none;
            padding: 6px 12px;
            border-radius: 4px;
            cursor: pointer;
        }
        .btn-copy:hover {
            background-color: #0056b3;
        }
        .setting {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
        }
        input[type="range"] {
            flex: 1;
            margin-left: 10px;
        }
        .btn-generate {
            display: block;
            width: 100%;
            background-color: #28a745;
            color: white;
            border: none;
            padding: 12px;
            border-radius: 4px;
            font-size: 16px;
            cursor: pointer;
        }
        .btn-generate:hover {
            background-color: #218838;
        }

/* Bootstrap 5.3 CSS Modal
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}


.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

.btn-close-white {
  filter: var(--bs-btn-close-white-filter);
}

[data-bs-theme=dark] .btn-close {
  filter: var(--bs-btn-close-white-filter);
}
 */