.modernFontHeader { font-family: Montserrat; }
.modernFontBody { font-family: Lato; }
.modernPageHeader { font-family: Montserrat; font-size: 24px; line-height: 50px; }
.modernBG-Blue { background-color: #67B5D5; }
.modernBG-Grey { background-color: #9F9F9F; }
.modernBG-Grey2 { background-color: #F5F5F5; }
.modernBG-Grey3 { background-color: #EFEFEF; }
.modernBG-Grey4 { background-color: #D3D3D3; }
.modernFG-Blue { color: #67B5D5; }
.progModern { accent-color: #67B5D5; }


.sticky-header { position: sticky; top: 0; background-color: white; z-index: 10; }
.sticky-headerNoBG { position: sticky; top: 0; z-index: 10; }
.sticky-header2 { position: sticky; top: 50px; z-index: 10; }
.sticky-header3 { position: sticky; top: 69px; z-index: 10; }

.ajax__calendar * { border: none; }

.tlf { table-layout: fixed; }
.ofwb { overflow-wrap: break-word; }

.pointer { cursor: pointer; }
.grabCursor { cursor: grab; }

.bc { border-collapse: collapse; }
.bcb { border-color: black }
.bdt { border-top: double; }
.bdb { border-bottom-style: double; }
.bdl { border-left-style: double; }
.bdr { border-right-style: double; }
.bdlt { border-left-width: 3px; }
.bdrt { border-right-width: 3px; }
.bst { border-top-style: solid; border-top-width: thin; }
.bsb { border-bottom-style: solid; border-bottom-width: thin; }
.bsl { border-left-style: solid; border-left-width: thin; }
.bsr { border-right-style: solid; border-right-width: thin; }
.bsa { border-style: solid; border-width: thin; }
.bst-g { border-top-style: solid; border-top-width: thin; border-top-color: lightgrey; }
.bsb-g { border-bottom-style: solid; border-bottom-width: thin; border-bottom-color: lightgrey; }
.bsl-g { border-left-style: solid; border-left-width: thin; border-left-color: lightgrey; }
.bsr-g { border-right-style: solid; border-right-width: thin; border-right-color: lightgrey; }
.stdbo { border: thin solid black; }
.bo-t { border-top: thin solid #c2c6c4; }
.bo-l { border-left: thin solid #c2c6c4; }
.bo-r { border-right: thin solid #c2c6c4; }
.bo-b { border-bottom: thin solid #c2c6c4; }
.nobo { border: none !important; }
.noboTD td { border: none; }
.boTD td { border: thin solid black; }
.boTDGray2 td { border: thin solid #c1b1b1; }
.boGray2 { border: thin solid #c1b1b1; }
.bo-rGray2 { border-right: thin solid #c1b1b1; }
.boTDGray2TB td { border-top: thin solid #c1b1b1; border-bottom: thin solid #c1b1b1; }

.ooTD td { outline: thin solid #c1b1b1; }
.ooGray { outline: thin solid #706e6e; }
.ooGray2 { outline: thin solid #c1b1b1; }
.ooGray2TD td { outline: thin solid #c1b1b1; }
.ooGray2TH th { outline: thin solid #c1b1b1; }
.nooo { outline: none !important; }

.br8px { border-radius: 8px; }

.nowrap { white-space: nowrap; }

.bidFont { font-family: Calibri; font-size: 11px; }
.bidFont14 { font-family: Calibri; font-size: 14px; }
.bidFont16 { font-family: Calibri; font-size: 16px; }
.bidFont18 { font-family: Calibri; font-size: 18px; }
.bidFont24 { font-family: Calibri; font-size: 24px; }
.bidFont32 { font-family: Calibri; font-size: 32px; }

.fs9 { font-size: 9px; }
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
.fs17 { font-size: 17px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }
.fs32 { font-size: 32px; }

.h25 { height: 28px; }
.h28 { height: 28px; }
.h32 { height: 32px; }
.h50 { height: 50px; }

.w35 { width: 35px; }
.w110 { width: 110px; }
.w500 { width: 500px; }
.w800 { width: 800px; }
.w80P { width: 80%; }
.w100P { width: 100%; }
.mh22 { min-height: 22px; }
.mh25 { min-height: 25px; }
.mh45 { min-height: 45px; }
.mw55 { min-width: 55px; }
.mw60 { min-width: 60px; }
.mw200 { min-width: 200px; }
.mw215 { min-width: 215px; }
.mw240 { min-width: 240px; }
.mw300 { min-width: 300px; }
.mw400 { min-width: 400px; }
.mw500 { min-width: 500px; }
.mw800 { min-width: 800px; }

.maxw200 { max-width: 200px; }
.maxw300 { max-width: 300px; }
.mmw200 { min-width: 200px; max-width: 200px; }
.mmw300 { min-width: 300px; max-width: 300px; }
.simpleTable-element { }
.simpleTable-field { display: inline-block; padding-left: 25px; text-indent: -25px; vertical-align: top; }
.vat_row td { vertical-align: top; }

.simpleTableSpacedOut { border-spacing: 20px 0; }
.simpleRow { padding-top: 10px; display: flex; }
    .simpleRow td:first-child { padding-left: 25px; text-indent: -25px; vertical-align: top; width: 400px; }
    .simpleRow td:nth-child(2) { vertical-align: top; }

.oneFivePad { padding: 1px 5px; }
.oneFivePadTD td { padding: 1px 5px; }
.oneFivePadTH th { padding: 1px 5px; }
.allPad6 { padding: 6px; }
.top10Pad { padding-top: 10px; }
.top20Pad { padding-top: 20px; }
.bot20Pad { padding-bottom: 20px; }
.lh25 { line-height: 25px; }
.lh30 { line-height: 30px; }
.lh40 { line-height: 40px; }
.lh50 { line-height: 50px; }

.tar { text-align: right; }
.tal { text-align: left; }
.tac { text-align: center; }
.vat { vertical-align: top; }
.vam { vertical-align: middle; }
.vab { vertical-align: bottom; }

.b { font-weight: bold; }
.u { text-decoration: underline; }
.dottedu { text-decoration: underline #000 dotted; }
.dashedu { text-decoration: underline #000 dashed; }
.cursor { cursor: pointer; }

.bidderColorA { background-color: #F5F5F5; }
.bidderColorB { background-color: #E8E8E8; }
.redControl { background-color: indianred; }
.paleRedControl { background-color: #f1948a; }
.greenControl { background-color: lightgreen; }
.yellowControl { background-color: yellow !important; }
.blueControl { background-color: #60B4FE !important; }
.blueToYellowControl { background-image: linear-gradient(to bottom right, #60B4FE, yellow); }
.bg-blue { background-color: #F0F8FF !important; }
.bg-blue3WS { background-color: #2196f3; }
.bg-white { background-color: white; }
.bg-gray { background-color: #DFDFDF; }
.bg-lightGray { background-color: #E3E3E3; }
.bg-lightGreen { background-color: lightgreen !important; }
.bg-lightYellow { background-color: #ffffa9 !important; }
.bg-lightRed { background-color: #FFACAC; }


.whiteFont { color: white; }
.redFont { color: red; }
.fg-green { color: #30ff30; }
.fg-darkGreen { color: #008f00; }
.fg-yellow { color: yellow; }
.fg-red { color: red; }
.fg-orange { color: orange; }
.fg-blue { color: #0086FD; }

.packTable { width: 600px; float: left; }
.packTableDrawColumn { min-width: 440px; }
.cellBoxFill { width: 100%; height: 100%; }

.if { display: inline-flex; }
.dFlex { display: flex; }
.dFlex1 { flex: 1; }
.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }

.transTB { background: transparent; border: thin solid black; font-family: Calibri; font-size: 14px; }

.strip { background-color: #FFFFFF; }
    .strip:nth-child(odd) { background-color: #F0F8FF; }

.h { display: none; }
.ib { display: inline-block; }

.os { overflow: scroll; }
.scrollable-columns { overflow-x: auto; }
.scrollable-table { border-collapse: collapse; table-layout: fixed; width: 100%; }
.rel1 { position: relative; left: 1px; }

.greenCircle { background-color: green; display: inline-block; color: white; padding: 2px; border-radius: 50%; height: 11px; width: 11px; line-height: 11px; font-size: 12px; text-align: center; }
.redCircle { background-color: red; display: inline-block; color: white; padding: 2px; border-radius: 50%; height: 11px; width: 11px; line-height: 11px; font-size: 12px; text-align: center; }
.orangeCircle { background-color: orange; display: inline-block; color: white; padding: 2px; border-radius: 50%; height: 11px; width: 11px; line-height: 11px; font-size: 12px; text-align: center; }

.hrButtons { color: #E5E4E2; background-color: #36454F; }

.draftBG { background-image: url('/images/draft.jpg'); }

.page-breakAvoid { page-break-inside: avoid; }
.page-break2 { page-break-before: always; }


@media print {
    .hPrint { display: none; }
    .printCenter { margin-left: 0.5cm; margin-right: 0.5cm; width: 100%; }
    .page-break { page-break-before: always; }
}

.topmarg { margin-top: 50px; }
.leftmarg { margin-left: 50px; }
.rightmarg { margin-right: 50px; }
.bottommarg { margin-bottom: 50px; }
.ml1 { margin-left: 1px; }
.ml5 { margin-left: 5px; }

.contactModal { display: none; position: fixed; z-index: 30; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); }
.contactModalContent { background-color: #FCF8EA; margin: auto; padding: 20px; border: 1px solid #888; width: 850px; height: 400px; font-family: Calibri; font-size: 18px; text-align: center; }


.globalActionItemModal { display: none; position: fixed; z-index: 31; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.7); }
.globalActionItemModalContent { background-color: #FCF8EA; margin: auto; padding: 20px; border: 1px solid #888; width: 850px; height: 150px; font-family: Calibri; font-size: 18px; text-align: center; position: relative; }

.fsfCalModal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); overflow: auto; z-index: 31; }
.fsfCalModalContent { background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9); margin: 100px auto; padding: 20px; position: relative; width: fit-content; }
.fsfCalModalClose { position: absolute; top: 10px; right: 10px; cursor: pointer; border-radius: 5px; background: lightgray; width: 30px; height: 30px; font-weight: bold; display: flex; align-items: center; justify-content: center; }

.imageModalActionContent { z-index: 40; height: 100px; width: 100px; display: flex; }
.imageModalActionContentSpan0 { font-size: 11px; align-self: flex-end; width: 50%; text-align: center; color: white; background-color: black; }
.imageModalActionContentSpan1 { font-size: 11px; align-self: flex-end; width: 50%; text-align: center; color: white; background-color: black; }


.modalDimBG { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; }
.prelimProjectEstimateModal { display: none; position: fixed; top: 50%; left: 50%; width: 350px; padding: 20px; background-color: #fff; border-radius: 10px; z-index: 1100; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); margin-top: -150px; margin-left: -175px; }
.prelimProjectEstimateModalText { margin: 0 0 15px 0; font-size: 1.5em; color: #333; }
.prelimProjectEstimateModalInput { width: 100%; padding: 10px; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; font-size: 1em; }
.prelimProjectEstimateModalButtonContainer { display: flex; justify-content: space-between; gap: 10px; }
.prelimProjectEstimateModalRoundedButtonAdd { flex: 1; padding: 10px; text-align: center; background-color: #007bff; color: #fff; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; font-size: 1em; }
    .prelimProjectEstimateModalRoundedButtonAdd:hover { background-color: #0056b3; }
.prelimProjectEstimateModalRoundedButtonCancel { flex: 1; padding: 10px; text-align: center; background-color: #6c757d; color: #fff; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; font-size: 1em; }
    .prelimProjectEstimateModalRoundedButtonCancel:hover { background-color: #5a6268; }
.delete-icon { color: red; cursor: pointer; visibility: hidden; text-align: center; width: 15px; }
.prelimProjectEstimateRow:hover .delete-icon { visibility: visible; }


.qcCheckListModal { display: none; position: fixed; top: 50%; left: 50%; width: 350px; padding: 20px; background-color: #fff; border-radius: 10px; z-index: 1100; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); margin-top: -150px; margin-left: -175px; }
.qcCheckListModalText { margin: 0 0 15px 0; font-size: 1.5em; color: #333; }
.qcCheckListModalInput { width: 100%; padding: 10px; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; font-size: 1em; }
.qcCheckListModalButtonContainer { display: flex; justify-content: space-between; gap: 10px; }
.qcCheckListModalRoundedButtonAdd { flex: 1; padding: 10px; text-align: center; background-color: #007bff; color: #fff; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; font-size: 1em; }
    .qcCheckListModalRoundedButtonAdd:hover { background-color: #0056b3; }
.qcCheckListModalRoundedButtonCancel { flex: 1; padding: 10px; text-align: center; background-color: #6c757d; color: #fff; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; font-size: 1em; }
    .qcCheckListModalRoundedButtonCancel:hover { background-color: #5a6268; }
.qcCheckListRow:hover .delete-icon { visibility: visible; }
.qcCheckListModalRadioGroup { display: flex; justify-content: space-between; margin-bottom: 20px; }
.qcCheckListModalRadio { display: flex; align-items: center; cursor: pointer; font-size: 1em; color: #333; }
    .qcCheckListModalRadio input[type="radio"] { margin-right: 10px; accent-color: #007bff; /* Modern look */ }

.centerCB { display: table; margin: 0 auto; }