h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

th .select2-selection--multiple {
    max-height:30px;
    overflow-x: hidden;
    overflow-y:auto;
}
th .select2-container--open .select2-selection--multiple {
    max-height: fit-content;
}

.select2-container--default .select2-selection--single {
    border-radius: 2px!important;
}
.select2-search__field {
    outline-offset: 0px!important;
}
button.select2-selection__clear {
    width: auto!important;
}

div {

}
.select2-container {
    z-index: 3;
}
.select2-container--open {
    z-index: 99999999999;
}
.select2-results__options {
    max-height: 30em !important;
}
span.select2-dropdown {
    min-width: 20em !important;
}
.ss-main .ss-multi-selected .ss-values .ss-value {
    border-radius: 0;
    border: solid #d8d8d8 1px;
    background: transparent;
    color: black;
}
th .ss-main .ss-multi-selected .ss-values {
    max-height: 30px;
    overflow-x:hidden;
    overflow-y:auto;
}
th .ss-main {
    height:2.7em;
}
th .ss-main .ss-multi-selected.ss-open-below .ss-values {
    max-height: revert;
    overflow-x:auto;
    overflow-y:auto;
}
.ss-main .ss-multi-selected {
    border-radius: 0;
    border: solid #bbbbbb 1px;
}

.ss-content.form-select {
    background-image:none;
    padding: revert;
}
th .ss-main .ss-content {
    min-width: 25em;
}
th .ss-main .ss-list {
    max-height:30em;
}
th .ss-main.ss-autowidth .ss-content {
    min-width: revert;
}
.ss-optgroup-label, .ss-optgroup-actions, .ss-selectall {
    display: block!important;;
}
.ss-optgroup-label-text {
    display: none!important;
}
.ss-selectall svg {
    display: none!important;
}
.ss-max {
    white-space: nowrap!important;
    background: white!important;
    color: grey!important;
}
/*.ss-selectall {*/
/*    color: rgba(0,0,0,0)!important;*/
/*    height: 2em!important;*/
/*    margin-top: -1.5em!important;*/
/*    display:block!important;*/
/*}*/
.ss-selectall span {
    display: block!important;
    font-size: revert!important;
    text-align:left!important;
    font-weight: bold;
}
.ss-content {
    width: 25em!important;
    max-height:40em!important;
}
.vscomp-ele {
    /*max-width: revert;*/
    max-width: 270px;
}
.vscomp-option.selected {
    background-color: rgb(232,205,251);
    /*color: white;*/
}
.vscomp-wrapper.keep-always-open.focused, .vscomp-wrapper.keep-always-open:focus, .vscomp-wrapper.keep-always-open:hover {
    box-shadow: none;
}
.pop-comp-wrapper {
    box-shadow: none;
}
.vscomp-wrapper.focused .vscomp-toggle-button, .vscomp-wrapper:focus .vscomp-toggle-button {
    box-shadow: none;
}
.vscomp-wrapper {
    font-size: 1em;
}
.vscomp-wrapper .checkbox-icon {
    display:none;
}
.vscomp-toggle-button {
    height: 32px;
    padding-left: 5px;
    border: solid grey 1px;
}
.vscomp-wrapper.has-clear-button .vscomp-toggle-button {
    padding-right: 40px;
}
.vscomp-arrow {
    width: 23px;
}
.vscomp-clear-button {
    right: 23px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
}
.vscomp-search-container input {
    font-size: 1em;
    /*border: solid #aaa 1px;*/
}
.vscomp-value {
    /*white-space: revert;*/
}
.mobile_header {
    /*float: left;*/
    width:100%;
    /*padding: 0 10px;*/
    flex-direction: row;
    display: flex;
    align-items: center;
    background:white;
    margin-top: 1.5em;
    height: 2.5em;
}
.mobile_header_sticky {
    max-width: 1300px;
    /*padding: 0 2.7em;*/
    /*left: 0;*/
    top: 2em;
    position: fixed;
    z-index:9000;
}
label {
    font-weight: normal;
}
body {
    margin-top: 1.7em;
}
body > table:first-child, table.header {
    max-width: 100vw;
    position:fixed;
    overflow: auto;
    left:0;
    top:0;
    z-index:9000;
    background-color:#eeeeee;
}
input[disabled] {
    background-color: #dddddd;
}
html {
    font-size: 16px;
}
p {
    margin-bottom: 0.6rem;
}
a {
     color: #000033; text-decoration: underline;
}
a:visited {
    color: #000033;
    text-decoration: underline;
}
a:hover {
    color: #CC0000; /* #000033; */
    text-decoration: none;
}
a:active {
    color: #000033;
    text-decoration: underline;
}
.btn {
    border-radius: 0;
}
.btn-group-sm>.btn, .btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.button, .button:hover, .button:hover {
    border: revert;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #99CCFF;  /* blue*/
    color: #000033;
    border-radius: 0;
    font-weight:normal;
    font-size:1em;
    padding: 5px 10px;
    border:1px solid #3333aa;
}
.btn {
    border-width: 1px;
    white-space: nowrap;
}
.btn-filter {
    line-height: inherit;
    font-size: 12px;
    vertical-align: unset;
    padding: 5px 10px;
    border:1px solid #3333aa;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-filter:hover {
    border:1px solid #3333aa;
    color: black;
}
.button:hover, .button_admin:hover, .button_warning:hover {
    filter:brightness(110%);

}
.button_admin, .button_admin:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFCC00;  /*  orange*/
		color: #000033;
    font-weight:normal;
    border-width: 1px;
    padding: 5px 10px;
}
.button_warning, .button_warning:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #FF0000;  /*  red*/
    color: #000033;
    font-weight:normal;
    border-width: 1px;
    padding: 5px 10px;
}
.button_mockup {
		font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #CC99CC; /* purple*/
		color: #000033;
}
.form-text {
    font-size: 0.95em;
}
.form-control:not(textarea) {
    height: 28px;
}
.form-control {
    border-radius: 0;
    padding: .25rem .5rem;
    font-size: .75rem;
}
.form-select {
    border-radius: 0;
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .75rem;
    background-position: right .2rem center;
    height: 28px;
}
.ss-main.form-select {
    padding: 0;
    background: 0;
}
.dateRange.form-control {
    font-size: 0.7rem;
}
body {
    line-height: 1.4em;
    color: #000033;
    font-family: Verdana, Arial, sans-serif;
}

select, input
{
    color: #000033;
    font-family: Verdana, Arial, sans-serif;
 }
 table
 {
     /*background-color: rgb(238,238,238);*/
     /*background-color: #DFDFDF;*/
    color: #000033;
    font-family: Verdana, Arial, sans-serif;
 }

.enquiry_dropdown {
    display: none;
}
.enquiry_dropdown select {
    width: 20em;
}
.tsidCol{
   width:4em;
}
.tsdateCol {
    width:8em;
}
.tsjobCol {
     width:25em;
}
.tsstartCol {
    width:5em;
}
.tsfinishcol {
    width:5em;
}
.tshrsCol {
    width:5em;
}
.tsactionCol {
    width:2em;
}
.ts_daterange:hover {
    background-color: white;
    cursor:hand;
}


table.styled th input[type="text"],table.styled th input[type="search"], table.styled th select, table.filter td input, table.filter td select {
    padding: 6px 3px;
}

table.styled th select, table.filter td select {
    height: 33px;
}
/*table.styled th input, table.styled th select, table.filter td input, table.filter td select {*/
/*    padding: 6px 3px;*/
/*}*/
table {
    border-collapse: separate;
    border-spacing: 1px;
}
table.filter td {
    vertical-align: top;
}
table.styled {
    background-color:white;
}
tr.even, table.styled tr.even td, table.styled tr.even th, .even {
    background-color: #E9E9E9;
}
tr.odd, table.styled tr.odd td, table.styled tr.odd th, .odd {
    background-color: #F4F4F4;
}
tr.even, table.styled tr.even td {
    background-color: #E9E9E9;
}
tr.odd, table.styled tr.odd td {
    background-color: #F4F4F4;
}
table.styled tr.odd td.odd  {
    background-color: #F9F9F9;
}
table.styled tr.odd td.even {
    background-color: #EFEFEF;
}
table.styled tr.even td.odd {
    background-color: #ECECEC;
}
table.styled tr.even td.even {
    background-color: #E5E5E5;
}
table.styled td.odd {
    background-color: #f2f2f2;
}
table.styled td.even {
    background-color: #eaeaea;
}
table.styled td, table.styled th {
    padding: 0.5em;
    height: 1.5em;
}
table.styled.compact td, table.styled.compact th {
    padding: 0 0.5em;
    height: 1em;
}

table.styled td {
    background-color: #EEEEEE;
}

table.styled th {
    font-weight: 400;
    background-color: #D6D4D4;
}
table.styled th input[type="text"],table.styled th input[type="search"], table.styled th select, table.styled th button, table.filter td input, table.filter td select, table.filter td button {
    width: 100%;
}
table.styled th input[type="checkbox"], table.styled td input[type="checkbox"] {
    /*width: initial;*/
    /*height:initial;*/

}
table.styled .checkbox-inline input[type="checkbox"] {
    width: auto;
    margin: 0 2px;
    vertical-align: -2px;
}
table tr td.costing_action_col, #staff_costing .costing_action_col {
    padding: 0;
    width: 2em;
    min-width:0;
}

#appbundle_job select, #appbundle_job input {
    width: 30em;
    padding:2px;
    -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: content-box;    /* Firefox, other Gecko */
    box-sizing: content-box;         /* Opera/IE 8+ */
}
#appbundle_rate select, #appbundle_rate input {
    width: 30em;
    padding:2px;
    -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: content-box;    /* Firefox, other Gecko */
    box-sizing: content-box;         /* Opera/IE 8+ */
}
.appbundle_po, #appbundle_po_supplier {
    margin-right:100px;
}
.appbundle_po textarea {
    height: 4em;
}
.appbundle_po select, .appbundle_po input, .appbundle_po textarea,
#appbundle_po_supplier select, #appbundle_po_supplier input{

    width: 200px;
    padding:2px;
    -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: content-box;    /* Firefox, other Gecko */
    box-sizing: content-box;         /* Opera/IE 8+ */
}
.appbundle_po input[type="checkbox"] {
    width: auto;
    padding-left:0;
    margin-left:0;
}
.appbundle_po input.button.small {
    width: 93px;
}

#appbundle_po_deliveryRequiredByDate, #appbundle_po_costRecordTransactionDate {
    width:170px;
}
.appbundle_po td, #appbundle_po_supplier td {
    height: 2em;
    max-width:210px;
}
.appbundle_po label, #appbundle_po_supplier label, #appbundle_po_status label {
    display:inline-block;
    width: 120px;
}
.email td:nth-child(2), .email td input, .email td textarea {
    width:100%;
}
.email td textarea {
    height: 10em;
}
#appbundle_rate_dateStart select {
    width:4.5em;
}
#appbundle_rate_dateEnd select {
    width:4.5em;
}


.job_statistics td {
    width:10em;
}

table .heading {
    background-color: #D6D4D4;

}

.floatRight {
    float:right;
}
.floatLeft {
    float:left;
}

/*#staff_costing a {*/
    /*float:right;*/
/*}*/
.staff_costing_row .total {
    padding-top: 0.2em;
}

tr.staff_costing_row td>*, tr.staff_costing_row td>* * {
    color: #555;
}

tr.staff_costing_row td>*:last-child, tr.staff_costing_row td>*:last-child * {
    color: black;
}

#staff_costing td, table.costing_summary td {
    min-width:5em;
    width:auto;
    height:2em;
    white-space:nowrap;
    text-align: right;
}
#staff_costing td input, .costing_summary td {
    width:5em;
}

/*#material_costing div, #services_costing div {*/
/*    display:inline;*/
/*}*/

#staff_costing .staff_costing_role_col {
    width:20em;
}
#staff_costing #header_row1 th, .costing_summary #header_row1 th {
    font-weight:bold;
}
#staff_costing td.staff_costing_staff_col {
    width:auto;
    /*min-width:5em;*/
    text-align: left;
}
#staff_costing .staff_costing_role_col {
    text-align:left;
}

.costing_action_col a, a.js-add_collection_entry, a.js-delete_collection_entry, a.iconbutton {
    cursor: pointer;
    text-align:center;
    display:inline-block;
    line-height:2em;
    width:2.2em;
    font-size:13px;
    text-decoration: none;
    font-weight:bold;
}
.heading .costing_action_col a, a.js-add_collection_entry, a.iconbutton {
    background-color: #FFCC00;
}

.alert-info {
    z-index: 9999999999;
    position: relative;
    display:flex;
    flex-direction: row;
}
.alert-message-area {
    flex-grow: 1;
}
.alert-warning-subtle {
    background-color: lightyellow;
    padding:1em;
}
.alert-warning {
    background-color: yellow;
    padding:1em;
}
.alert-error {
    background-color: red;
    padding:1em;
}
.alert-notice {
    background-color: #cdffc6;
    padding:1em;
}

.estimated_costing td div,
.costing_box td div {
    display:inline;
}



/*#materials_costing>table {*/
    /*background:white;*/
/*}*/
#materials_costing>table>tbody>tr>td,
#services_costing>table>tbody>tr>td
 {
    background:transparent;
    padding:0;
}
#materials_costing>table>tbody>tr.heading td,
#materials_costing>table>tbody>tr.heading td,
#services_costing>table>tbody>tr.heading td,
#services_costing>table>tbody>tr.heading td
{
    font-size:1.1em;
    font-weight:bold;
    padding: 0.8em 0.2em;
    background: #eeeeee;
}

.costing_box table.estimated_costing,
.costing_box table.job_po_table,
#services_costing .js-collection_total_row,
#materials_costing .js-collection_total_row,
.costing_box #services_costing .js-collection_no_entries_row,
.costing_box #services_costing .js-collection_no_entries_row,
 .js-collection_no_entries_row

{
    height:100%
}
#services_costing .js-collection_total_row,
#materials_costing .js-collection_total_row {
    vertical-align: bottom;
}

.costing_allocated_cost_col, .costing_allocated_cost_col input {
    text-align:right;
}
.js-collection_total_row .costing_allocated_cost_col {
    text-align:right;
}


table#po_records {
    margin-top: 2em;
    width:100%;

}

table#po_records h2 {
    text-align: left;
}

.estimated_costing th:nth-child(1) {
    /*width:44.7em;*/
    width:20em;
}
.estimated_costing td:nth-child(1) div, .estimated_costing td:nth-child(1) div textarea {
    width: 100%

}
table#po_records td textarea {
    width:95%;
}

table#po_records td, table#po_records td input {
    text-align:right;
}
table#po_records th.description, table#po_records th.notes {
    text-align:left;
    width: auto;
    min-width: 12em;
}
table#po_records td.description, table#po_records td.notes,table#po_records td.recordType {
    text-align:left;

}
table#po_records th:nth-child(1) {
    width: 3em;
    text-align:center;
}
table#po_records td.currency input {
    text-align:left;
    width:3em;
}
input[type="search"] {
    -webkit-appearance: textfield;
}


.estimated_costing td>div {
    /*display: inline-flex;*/
    /*width:8em;*/
    white-space: nowrap;
}
.estimated_costing td input {
    width:7em;
}
table#po_records td input{
    width: 5em;
}
.estimated_costing th,
table#po_records th {
    width:8em;
    padding:0.1em;
}


.clearLeft {
    clear:left;
}
.clearRight {
    clear:right;
}
.clear {
    clear:both;
}



.nav {
    display:block;
    border: 1px solid #e7e7e7;
    border-bottom: solid black 1px;
    background-color: #f3f3f3;
    width:100%;
    margin-bottom:0.5em;
    font-weight:bold;
}
.nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/
}

.nav ul li {
    float: left;
}

.nav ul li a {
    display: block;
    color: #666;
    text-align: center;
    padding: 7px 8px;
    text-decoration: none;
    top:2px;
    position:relative;
}

.nav ul li a:hover:not(.active) {
    color:black;
    /*background-color: #ddd;*/
}

.nav ul li a.active {
    /*color: white;*/
    /*background-color: #4CAF50;*/
    background-color: white;
    border:solid black 1px;
    border-bottom:none;
    top:1px;
}



#app_bundle_proposal_type div {
    /*float:left;*/
}
#app_bundle_proposal_type label {
    display:block;
    padding: 0.5em 0;
}

#app_bundle_proposal_type #scope-editor-container div {
    float: none;
}
#app_bundle_proposal_type #scope-editor-container {
}
/*#app_bundle_proposal_type .ql-container {*/
/*    height: 10em;*/
/*}*/
#app_bundle_proposal_type #scope-editor-container, #app_bundle_proposal_type #scope-editor-container .ql-editor {
    width: 55.4em;
    /*position:absolute;*/
    height: 20em;
    min-height:20em !important;
}
#app_bundle_proposal_type #scope-editor-container .ql-editor {
    position: absolute;
}
#app_bundle_proposal_type textarea {
    width: 59em;
    height:20em;
    margin-right:0.5em;
}

.editor-container.ql-container {
    background:white;
    border: solid #888888 1px;
    /*height: 10em;*/
}
.editor-container .ql-editor {
    padding:0.2em;
}
.editor-loadedcontent {
    display: none;
}
.ql-tooltip {
    width: 35em!important;
    z-index:100;
}
.ql-size-small {
    font-size: 0.8em!important;
}
#summary_costing td:nth-child(1) {
    text-align: left;

}

#po_invoices .date_col input {
    /*width:10em;*/
}
#po_invoices .input_col input {
    /*width:6em;*/
}
#po_invoices .action_col a {
    display:inline-block;
    line-height: 1.2em;
    padding-bottom: 0.5em;
}
div.po_invoices {
    border: solid #cccccc 1px;
    display: inline-block;
    padding: 0.5em;
}
.po_invoices .inv_amt, .po_invoices .inv_date {
    display:block;
    float:right
}
.po_invoices .inv_number, .po_invoices .inv_approval {
    display:inline-block;
    padding-right: 4em;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 5px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    /*color: #337ab7;*/
    text-decoration: none;
    color: black;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #dddddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #000000;
    cursor: default;
    background-color: #99CCFF;
    border-color: #99CCFF;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777777;
    cursor: not-allowed;
    background-color: #ffffff;
    border-color: #dddddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.pagination span {
    position:relative;
    float:left;
}

/**
GLYPH ICONS
 */
@font-face {
    font-family: "Glyphicons Halflings";
    src: url("../fonts/glyphicons-halflings-regular.eot");
    src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-sort:before {
    content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}
.glyphicon-sort-by-order:before {
    content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}
.glyphicon-sort-by-attributes:before {
    content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}
.currency_input {
    border: 1px solid #ccc;
    padding: 1px;
}
.currency_input input {
    border: 0;
}

li.ql-indent-1::before, li.ql-indent-2::before, li.ql-indent-3::before, li.ql-indent-4::before, li.ql-indent-5::before, li.ql-indent-6::before {
    content: '\2022';
    margin-left: -1.5em;
    margin-right: .5em;
    text-align: right;
}
li.ql-indent-1, li.ql-indent-2, li.ql-indent-3, li.ql-indent-4, li.ql-indent-5, li.ql-indent-6 {
    list-style-type: none;
}
li.ql-indent-1 {
    padding-left: 4.5em;
}
li.ql-indent-2 {
    padding-left: 7.5em;
}
li.ql-indent-3 {
    padding-left: 10.5em;
}
li.ql-indent-4 {
    padding-left: 13.5em;
}
li.ql-indent-5 {
    padding-left: 16.5em;
}
li.ql-indent-6 {
    padding-left: 19.5em;
}

.task-inline-edit-row select {
    width: 9em;
}
.task-inline-edit-row input {
    font-size: 11px;
    width: 7em;
}

.button_task_action {
    width: 4.5em;
}
/*.flatpickr-calendar.flatpickr-calendar--with-predefined-ranges {*/
/*    width: auto;*/
/*}*/
/*.flatpickr-calendar.flatpickr-calendar--with-predefined-ranges .flatpickr-months {*/
/*    align-items: center;*/
/*}*/
/*.flatpickr-calendar.flatpickr-calendar--with-predefined-ranges .dayContainer {*/
/*   justify-content: flex-start !important;*/
/*}*/
/*.flatpickr-calendar.flatpickr-calendar--with-predefined-ranges .flatpickr-weekdaycontainer {*/
/*    justify-content: flex-start;*/
/*    flex: 0;*/
/*    -ms-flex: 0;*/
/*    -webkit-flex: 0;*/
/*    -webkit-box-flex: 0;*/
/*    gap:0.9em;*/
/*}*/
/*.flatpickr-calendar.flatpickr-calendar--with-predefined-ranges .flatpickr-weekdays {*/
/*    gap: 3.2em;*/
/*}*/

/*.flatpickr-calendar.flatpickr-calendar--with-predefined-ranges .flatpickr-month {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    !*align-items: flex-start;*!*/
/*}*/
/*.flatpickr-calendar.flatpickr-calendar--with-predefined-ranges .flatpickr-prev-month, .flatpickr-calendar.flatpickr-calendar--with-predefined-ranges .flatpickr-next-month {*/
/*    position: relative;*/
/*    display: flex;*/
/*}*/
/*.flatpickr-calendar.flatpickr-calendar--with-predefined-ranges .flatpickr-predefined-ranges {*/
/*    align-items: flex-start;*/
/*}*/
.flatpickr-calendar.flatpickr-calendar--with-predefined-ranges .flatpickr-predefined-ranges__ranges-container {
    display: flex;
    flex-direction: row;
    padding: 8px;
    align-items: baseline;
    text-align: left;
}
.flatpickr-calendar.flatpickr-calendar--with-predefined-ranges .flatpickr-predefined-ranges__ranges-container__option {
    cursor: pointer;
}
.flatpickr-day.hidden {
    visibility: hidden !important;
    display: revert !important;
}



.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    color: black;
}

.hoursPerDayItem {
    width: 3em;
    text-align: center;
}
.hoursPerDayItem input {
    width: 3em;
    margin-bottom:0.5em;
    padding:0;
    text-align: center;
}

.hoursPerDayItem label {
    font-weight: normal;
    font-size: 0.8em;
    margin: 0;
    padding: 0;
}
.itemContainer {
    display: flex;
    flex-wrap: wrap;
    width: 22em;
}

td.description div.clickToExpand {
    display: inline-block;
    max-width: 50em;
}

td.taskCode {
    white-space: nowrap;
}
tr.min td.showhide div, tr.min td.showhide div, tr.min td.showhide div {
    max-height: 1.3em;
    overflow: hidden;
}
.min td.description br {
    /*display: none;*/
    /*visibility: hidden;*/
}
/*tr.min td.description:after {*/
/*    position: absolute;*/
/*    bottom: 5px;*/
/*    right: 20px;*/
/*    font-size: 0.8em;*/
/*    content: "...";*/
/**/
/*}*/
tr.hidden.showhidealso  {
    display: none;
}
table.min tr a.iconbutton.showbutton {
    display: inline-block;
}
table.min a.iconbutton.hidebutton {
    display: none;
}
table th a.iconbutton.showbutton {
    display: none;
}
table th a.iconbutton.hidebutton {
    display: inline-block;
}


tr.showhide.hasChildren a.showbutton {
    display:none;
}
tr.showhide.hasChildren a.hidebutton {
    display: inline-block;
}
tr.showhide:not(.hasChildren) a.hidebutton {
    display:none;
}
tr.showhide.min a.hidebutton {
    display: none;
}
tr.showhide.min a.showbutton {
    display: inline-block;
}
tr.hasChildren a.del_staff_costing_row {
    display:none;
}
tr a.nodelete {
    display:none;
    /*pointer-events: none;*/
}
tr.hasChildren a.nodelete {
    display: inline-block;
    color: darkgray;
}

tr.hoverhighlight:hover td {
    background-color: white!important;
}
tr.showhide:not(.hasChildren) a.showbutton {
    /*background-color: lightgrey;*/
    color: darkgray;
}


.invalid-feedback {
    color: black;
}


a.procedureDocIcon {
    text-decoration: none;
    border: solid lightgrey 1px;
    padding: 0.2em;
}
a.procedureDocIcon::before {
    content: "🗎";
    margin-right: 0.2em;
}
a.procedureDocIcon:not(:hover) span.icon {
    color: slategray;
}

.striped>div:nth-of-type(odd) {
    background-color: rgb(250,250,250);
    /*background-color: #F4F4F4;*/
}

.striped>div:nth-of-type(even) {
    background-color: rgb(245,245,245);
    /*background-color: #E9E9E9;*/
}

.striped.hover>div:hover {
    box-shadow: 0 0 0 999px rgba(255,255,255,0.7) inset;
}

.btn-outline-warning-subtle {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #2d2626;
    --bs-btn-active-bg: var(--bs-warning-bg-subtle);
    --bs-btn-active-border-color: var(--bs-warning-bg-subtle);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none;
}
.btn-outline-warning:hover {
    color: red!important;
}
.btn-outline-warning {
    color: darkred;
}
.btn-outline-warning:hover {
    color: red!important;
}

fieldset:disabled .react-select-control, fieldset:disabled a.js-add_collection_entry, fieldset:disabled a.js-delete_collection_entry  {
    background-color: #eeeeee;
    pointer-events: none;
}

body:has(dialog[open]) {
    overflow: hidden;
}
.form-check {
    min-height: auto;
}

:root, [data-bs-theme=light] {
    --bs-success-rgb: 130,201,64;
    --bs-success:#92d050;
}

.help-text {
    font-size: 0.9em;
    color: darkslategray;
}