#tblScheduled button { padding: .25em .5em; border-radius: 5px; border: none !important; } #fileTreeBlock { margin-bottom: 2em; max-width: 99vw !important; text-wrap: wrap; } #fileupload { padding: .5em; border-radius: 5px; border: none !important; color: white; background-color: #004a83; } #hamburger { display: none; cursor: pointer; } #headerMsgDiv { width: 100vw; min-height: 35px; position: fixed; top: 60px; left: 0px; background-color: rgb(255, 174, 93); z-index: 9999; display: flex; justify-content: center; align-items: center; font-size: 1.25em; font-weight: bold; padding: .5em .25em; } #pageHeader { background-color: #dfdee0; color: #232a33; } #select_folder, #select_sub, #doc_date, #ship_id, #ship_id_custom { border-radius: 3px; margin: .2em; } #tblScheduled thead th, #tblOpportunity thead th { font-size: 18px !important; background-color: #004a83; font-weight: normal; } .bg-o { background-color: #b85d33 !important; color: whitesmoke !important; } .bg-b { background-color: #004a83 !important; } .bg-lb { background-color: #1BA3DD; color: #232a33; } .noauth { margin: 1em; border-width: 1px; border-style: solid; border-color: crimson; padding: .5em; } .dt-buttons { margin-bottom: .5em; } .dt-buttons button { padding: .25em .75em; border-radius: 5px; border: none !important; margin-right: .15em; background-color: lightgray; } .ship_id_custom { display: none; } .menuHighlight { border-color: #b85d33 !important; } .numInput { font-size: 18px; text-align: right; } .optItem { color: #232a33 !important; } .optDiv { display: flex; justify-content: start; width: 100%; max-width: 80vw; flex-wrap: wrap; } .optHeader { color: #232a33; } .bannerHeader { color: whitesmoke; font-size: 20px; } .mb-2 { margin-bottom: 1em; } .optTitle { color: #232a33; font-size: 20px; font-weight: bold; border-bottom: 1px solid #232a33; margin-bottom: 1em; } .space-btwn { display: flex; justify-content: space-between; flex-wrap: nowrap; } .subtype { max-width: 300px; display: none; } .sticky-top { position: sticky; top: 60; z-index: 1000; width: max(100vw, 100%) !important; } .tcell { vertical-align: top; } .flexi-start { display: flex; flex-wrap: wrap; justify-content: flex-start; max-width: 99vw !important; } .flexi-between { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 99vw !important; } .flexi-end { display: flex; justify-content: end; align-items: center; } .is-invalid { color: crimson !important; } .is-valid { color: green !important; } .w-100 { width: 100%; } .w-95 { width: 95%; } .vw-95 { width: 95vw; } .vw-100 { width: 100vw; } .sw { width: max(100vw, 100%) !important; } .fs-reg { font-size: 16px !important; } .fs-mid { font-size: 18px !important; } .fs-lg { font-size: 20px !important; } .DataTables_sort_wrapper { font-size: 18px !important; } .DataTables_wrapper { min-width: 95% !important; max-width: 98.5% !important; margin: 1em; } .d-flex { display: flex; flex-wrap: wrap; } .h-40 { height: 40px; } .align-center { align-items: center; } .justify-content-center { justify-content: center; } .justify-content-start { justify-content: start; } .justify-content-between { justify-content: space-between; } .align-items-center { align-items: center; } .me-1 { margin-right: 1em; } .ms-2 { margin-left: 2em; } .m-2 { margin: 1em; } .p-1 { padding: .5em; } .p-2 { padding: 1em; } .ps-2 { padding-left: 2em; } .myPageTitle { margin-left: .5em; } .stopTbl { width: 100%; border-collapse: collapse; } .stopTbl th, .stopTbl td { border: .25px solid gray; padding: 4px; text-align: left; } .weightTbl { min-width: 175px; border-collapse: collapse; margin-top: 2em; } .weightTbl th, .weightTbl td { border: 1px solid black; padding: 6px; } @media screen and (max-width: 600px) { /* body { background-color: lightgreen; } */ table { transform: scale(.95); } .m-2 { margin: 4px 1px; } #pageHeader { flex-wrap: wrap; overflow: hidden; } #loginBlock { display: none; position: fixed; padding: .5em; background-color: white; border: 2px solid #212529; box-shadow: -1px 1px 5px 1px; top: 60px; width: 94vw; text-align: right; z-index: 10000; } #login { display: flex; flex-wrap: wrap; justify-content: end; } #login input { width: 200px !important; } #hamburgerMenu { position: absolute; padding: .5em; background-color: white; border: 2px solid #212529; box-shadow: -1px 1px 5px 1px; top: 60px; right: 0px; text-align: right; z-index: 10000; } #hamburger { display: block !important; height: 35px; margin-right: .5em; } #optLogin { display: block !important; text-align: center !important; width: 100px !important; margin: .25em 0 !important; color: whitesmoke !important; background-color: #212529; } #main { display: flex; flex-wrap: wrap; max-width: 100%; } .container { max-width: 95vw; } #tblScheduled, #tblOpportunity { width: 100%; max-width: 100%; } .DataTables_sort_wrapper { font-size: 14px !important; } .fs-reg { font-size: 12px !important; } .fs-mid { font-size: 14px !important; } .fs-lg { font-size: 16px !important; } .optItem { display: none; } .optItemH { padding: .4em; font-weight: bold; cursor: pointer; } #videoMessages { width: 99vw; padding: 0; } #loopMessage { transform: scale(.8); } .sc-80 { transform: scale(.8); margin: -5% !important; } .mv-start { justify-content: start !important; } .ps-2 { padding-left: 1rem !important; } .m-2 { margin: .25rem !important; } .mv-vw-100 { max-width: 98.5vw !important; } .dataTables_wrapper { margin: 0 !important; } .me-1 { margin-right: .25em !important; } .dtr-control::before { transform: scale(1.5) !important; margin: 5px; } .dtr-control { padding-left: 40px !important; } } /* @media screen and (min-width: 800px) { body { background-color: lavender; } } */ #invoiceFormDiv #waa, #invoiceFormDiv .bg-gg { background: repeating-linear-gradient(135deg, white, #08a045); } #invoiceFormDiv #menu-spacer { background-color: #e5edf4; } #invoiceFormDiv .link { text-decoration: underline !important; color: blue !important; } #invoiceFormDiv .bgFail { background-color:rgba(255, 83, 83, .2); } #invoiceFormDiv .bgPass { background-color:rgba(83, 255, 86, .15); } #invoiceFormDiv .sz-20 { font-size: 20px !important; } #invoiceFormDiv .w-15 { width: 13.5%; } #invoiceFormDiv .w-18 { width: 16.5%; } #invoiceFormDiv .w-20 { width: 18.5% !important; } #invoiceFormDiv .w-25 { width: 23.2% !important; } #invoiceFormDiv .w-30 { width: 28.5%; } #invoiceFormDiv .w-33 { width: 31.5%; } #invoiceFormDiv .w-36 { width: 36% !important; } #invoiceFormDiv .w-46 { width: 46% !important; } #invoiceFormDiv .w-50 { width: 48.5% !important; } #invoiceFormDiv .w-63 { width: 63% !important; } #invoiceFormDiv .mw-30 { max-width: 30px; } #invoiceFormDiv .mw-125 { max-width: 125px !important; } #invoiceFormDiv .mw-800 { max-width: 800px; } /* .me-1 { margin-right: 1em !important; } */ #invoiceFormDiv .block { max-width: 700px; margin: 1em; } #invoiceFormDiv .bg-important { background-color: cornsilk; } #invoiceFormDiv .disBg { background-color: #e9ecef; opacity: 1; } #invoiceFormDiv .notAllow { cursor: not-allowed; } #invoiceFormDiv .bgDis { background-color: #e9ecef; opacity: 1; } #invoiceFormDiv .otherInvLn { background-color:rgba(0, 192, 210, .05); } #invoiceFormDiv .m-1 { margin-top: 3px !important; margin-bottom: 3px !important; } #invoiceFormDiv .ms1 { margin-left: 1.5px; } #invoiceFormDiv .me1 { margin-right: 1.5px; } #invoiceFormDiv .lh-2 { margin: .25em 0 !important; height: 2px !important; } .billingHeader { margin-bottom: .25em; font-size: 20px; color: white; border-radius: 5px; } .billingDiv { width: max(700px, 48%); margin: .25rem; } @media screen and (max-width: 600px) { #invoiceFormDiv .w-33 { width: 46.5% !important; } #invoiceFormDiv #invLinesDiv .w-50 { width: 46.5% !important; } } #invoiceFormDiv *, #invoiceFormDiv *::before, #invoiceFormDiv *::after { box-sizing: border-box; } #invoiceFormDiv hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: 0.25; } #invoiceFormDiv hr:not([size]) { height: 1px; } #invoiceFormDiv abbr[title], #invoiceFormDiv abbr[data-bs-original-title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } #invoiceFormDiv label { display: inline-block; } #invoiceFormDiv button { border-radius: 0; } #invoiceFormDiv button:focus:not(:focus-visible) { outline: 0; } #invoiceFormDiv input, #invoiceFormDiv button, #invoiceFormDiv select, #invoiceFormDiv optgroup, #invoiceFormDiv textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } #invoiceFormDiv button, #invoiceFormDiv select { text-transform: none; } #invoiceFormDiv select { word-wrap: normal; } #invoiceFormDiv select:disabled { opacity: 1; } #invoiceFormDiv button:not(:disabled), #invoiceFormDiv [type=button]:not(:disabled), #invoiceFormDiv [type=reset]:not(:disabled), #invoiceFormDiv [type=submit]:not(:disabled) { cursor: pointer; } #invoiceFormDiv::-moz-focus-inner { padding: 0; border-style: none; } #invoiceFormDiv textarea { resize: vertical; } #invoiceFormDiv fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } #invoiceFormDiv::-webkit-datetime-edit-fields-wrapper, #invoiceFormDiv::-webkit-datetime-edit-text, #invoiceFormDiv::-webkit-datetime-edit-minute, #invoiceFormDiv::-webkit-datetime-edit-hour-field, #invoiceFormDiv::-webkit-datetime-edit-day-field, #invoiceFormDiv::-webkit-datetime-edit-month-field, #invoiceFormDiv::-webkit-datetime-edit-year-field { padding: 0; } #invoiceFormDiv::-webkit-inner-spin-button { height: auto; } #invoiceFormDiv[type=search] { outline-offset: -2px; } #invoiceFormDiv::-webkit-search-decoration { -webkit-appearance: none; } #invoiceFormDiv::-webkit-color-swatch-wrapper { padding: 0; } #invoiceFormDiv::file-selector-button { font: inherit; } #invoiceFormDiv::-webkit-file-upload-button { font: inherit; } #invoiceFormDiv .table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6; } #invoiceFormDiv .table > :not(caption) > * > * { padding: 0.5rem 0.5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); } #invoiceFormDiv .table > tbody { vertical-align: inherit; } #invoiceFormDiv .table > thead { vertical-align: bottom; } #invoiceFormDiv .table > :not(:last-child) > :last-child > * { border-bottom-color: currentColor; } #invoiceFormDiv .caption-top { caption-side: top; } #invoiceFormDiv .table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem; } #invoiceFormDiv .table-bordered > :not(caption) > * { border-width: 1px 0; } #invoiceFormDiv .table-bordered > :not(caption) > * > * { border-width: 0 1px; } #invoiceFormDiv .table-borderless > :not(caption) > * > * { border-bottom-width: 0; } #invoiceFormDiv .table-striped > tbody > tr:nth-of-type(odd) { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } #invoiceFormDiv .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color); } #invoiceFormDiv .table-hover > tbody > tr:hover { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color); } #invoiceFormDiv .table-primary { --bs-table-bg: #cfe2ff; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: #000; border-color: #bacbe6; } #invoiceFormDiv .table-secondary { --bs-table-bg: #e2e3e5; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: #000; border-color: #cbccce; } #invoiceFormDiv .table-success { --bs-table-bg: #d1e7dd; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: #000; border-color: #bcd0c7; } #invoiceFormDiv .table-info { --bs-table-bg: #cff4fc; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: #000; border-color: #badce3; } #invoiceFormDiv .table-warning { --bs-table-bg: #fff3cd; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: #000; border-color: #e6dbb9; } #invoiceFormDiv .table-danger { --bs-table-bg: #f8d7da; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: #000; border-color: #dfc2c4; } #invoiceFormDiv .table-light { --bs-table-bg: #f8f9fa; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: #000; border-color: #dfe0e1; } #invoiceFormDiv .table-dark { --bs-table-bg: #212529; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: #fff; border-color: #373b3e; } #invoiceFormDiv .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } #invoiceFormDiv .form-label { margin-bottom: 0.5rem; } #invoiceFormDiv .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } #invoiceFormDiv .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; } #invoiceFormDiv .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; } #invoiceFormDiv .form-text { margin-top: 0.25rem; font-size: 0.875em; color: #6c757d; } #invoiceFormDiv .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { #invoiceFormDiv .form-control { transition: none; } } #invoiceFormDiv .form-control[type=file] { overflow: hidden; } #invoiceFormDiv .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } #invoiceFormDiv .form-control:focus { color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } #invoiceFormDiv .form-control::-webkit-date-and-time-value { height: 1.5em; } #invoiceFormDiv .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } #invoiceFormDiv .form-control::placeholder { color: #6c757d; opacity: 1; } #invoiceFormDiv .form-control:disabled, #invoiceFormDiv .form-control[readonly] { background-color: #e9ecef; opacity: 1; } #invoiceFormDiv .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { #invoiceFormDiv .form-control::file-selector-button { transition: none; } } #invoiceFormDiv .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3; } #invoiceFormDiv .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { #invoiceFormDiv .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none; } } #invoiceFormDiv .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3; } #invoiceFormDiv .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } #invoiceFormDiv .form-control-plaintext.form-control-sm, #invoiceFormDiv .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } #invoiceFormDiv .form-control-sm { min-height: calc(1.5em + (0.5rem + 2px)); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } #invoiceFormDiv .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } #invoiceFormDiv .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } #invoiceFormDiv .form-control-lg { min-height: calc(1.5em + (1rem + 2px)); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } #invoiceFormDiv .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } #invoiceFormDiv .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } #invoiceFormDiv textarea.form-control { min-height: calc(1.5em + (0.75rem + 2px)); } #invoiceFormDiv textarea.form-control-sm { min-height: calc(1.5em + (0.5rem + 2px)); } #invoiceFormDiv textarea.form-control-lg { min-height: calc(1.5em + (1rem + 2px)); } #invoiceFormDiv .form-control-color { max-width: 3rem; height: auto; padding: 0.375rem; } #invoiceFormDiv .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } #invoiceFormDiv .form-control-color::-moz-color-swatch { height: 1.5em; border-radius: 0.25rem; } #invoiceFormDiv .form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: 0.25rem; } #invoiceFormDiv .form-select { display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; -moz-padding-start: calc(0.75rem - 3px); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { #invoiceFormDiv .form-select { transition: none; } } #invoiceFormDiv .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } #invoiceFormDiv .form-select[multiple], #invoiceFormDiv .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } #invoiceFormDiv .form-select:disabled { background-color: #e9ecef; } #invoiceFormDiv .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #212529; } #invoiceFormDiv .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } #invoiceFormDiv .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } #invoiceFormDiv .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } #invoiceFormDiv .form-check .form-check-input { float: left; margin-left: -1.5em; } #invoiceFormDiv .form-check-input { width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); } #invoiceFormDiv .form-check-input[type=checkbox] { border-radius: 0.25em; } #invoiceFormDiv .form-check-input[type=radio] { border-radius: 50%; } #invoiceFormDiv .form-check-input:active { filter: brightness(90%); } #invoiceFormDiv .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } #invoiceFormDiv .form-check-input:checked { background-color: #005596; border-color: #005596; } #invoiceFormDiv .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } #invoiceFormDiv .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } #invoiceFormDiv .form-check-input[type=checkbox]:indeterminate { background-color: #005596; border-color: #005596; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } #invoiceFormDiv .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } #invoiceFormDiv .form-check-input[disabled] ~ .form-check-label, #invoiceFormDiv .form-check-input:disabled ~ .form-check-label { opacity: 0.5; } #invoiceFormDiv .form-switch { padding-left: 2.5em; } #invoiceFormDiv .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } #invoiceFormDiv .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); } #invoiceFormDiv .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } #invoiceFormDiv .form-check-inline { display: inline-block; margin-right: 1rem; } #invoiceFormDiv .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } #invoiceFormDiv .btn-check[disabled] + .btn, #invoiceFormDiv .btn-check:disabled + .btn { pointer-events: none; filter: none; opacity: 0.65; } #invoiceFormDiv .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #invoiceFormDiv .form-range:focus { outline: 0; } #invoiceFormDiv .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } #invoiceFormDiv .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } #invoiceFormDiv .form-range::-moz-focus-outer { border: 0; } #invoiceFormDiv .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #005596; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } #invoiceFormDiv .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe; } #invoiceFormDiv .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } #invoiceFormDiv .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #005596; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } #invoiceFormDiv .form-range::-moz-range-thumb:active { background-color: #b6d4fe; } #invoiceFormDiv .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } #invoiceFormDiv .form-range:disabled { pointer-events: none; } #invoiceFormDiv .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } #invoiceFormDiv .form-range:disabled::-moz-range-thumb { background-color: #adb5bd; } #invoiceFormDiv .form-floating { position: relative; } #invoiceFormDiv .form-floating > .form-control, .form-floating > .form-select { height: calc(3.5rem + 2px); line-height: 1.25; } #invoiceFormDiv .form-floating > label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem 0.75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } } #invoiceFormDiv .form-floating > .form-control { padding: 1rem 0.75rem; } #invoiceFormDiv .form-floating > .form-control::-moz-placeholder { color: transparent; } #invoiceFormDiv .form-floating > .form-control::placeholder { color: transparent; } #invoiceFormDiv .form-floating > .form-control:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } #invoiceFormDiv .form-floating > .form-control:focus, #invoiceFormDiv .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } #invoiceFormDiv .form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } #invoiceFormDiv .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } #invoiceFormDiv .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } #invoiceFormDiv .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } #invoiceFormDiv .form-floating > .form-control:-webkit-autofill ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } #invoiceFormDiv .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } #invoiceFormDiv .input-group > .form-control, .input-group > .form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } #invoiceFormDiv .input-group > .form-control:focus, .input-group > .form-select:focus { z-index: 3; } #invoiceFormDiv .input-group .btn { position: relative; z-index: 2; } #invoiceFormDiv .input-group .btn:focus { z-index: 3; } #invoiceFormDiv .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } #invoiceFormDiv .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } #invoiceFormDiv .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } #invoiceFormDiv .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem; } #invoiceFormDiv .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) { border-top-right-radius: 0; border-bottom-right-radius: 0; } #invoiceFormDiv .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) { border-top-right-radius: 0; border-bottom-right-radius: 0; } #invoiceFormDiv .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } #invoiceFormDiv .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #198754; } #invoiceFormDiv .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(25, 135, 84, 0.9); border-radius: 0.25rem; } #invoiceFormDiv .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } #invoiceFormDiv .was-validated .form-control:valid, #invoiceFormDiv .form-control.is-valid { border-color: #198754; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } #invoiceFormDiv .was-validated .form-control:valid:focus, #invoiceFormDiv .form-control.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } #invoiceFormDiv .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } #invoiceFormDiv .was-validated .form-select:valid, #invoiceFormDiv .form-select.is-valid { border-color: #198754; } #invoiceFormDiv .was-validated .form-select:valid:not([multiple]):not([size]), #invoiceFormDiv .was-validated .form-select:valid:not([multiple])[size="1"], #invoiceFormDiv .form-select.is-valid:not([multiple]):not([size]), #invoiceFormDiv .form-select.is-valid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } #invoiceFormDiv .was-validated .form-select:valid:focus, #invoiceFormDiv .form-select.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } #invoiceFormDiv .was-validated .form-check-input:valid, #invoiceFormDiv .form-check-input.is-valid { border-color: #198754; } #invoiceFormDiv .was-validated .form-check-input:valid:checked, #invoiceFormDiv .form-check-input.is-valid:checked { background-color: #198754; } #invoiceFormDiv .was-validated .form-check-input:valid:focus, #invoiceFormDiv .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } #invoiceFormDiv .was-validated .form-check-input:valid ~ .form-check-label, #invoiceFormDiv .form-check-input.is-valid ~ .form-check-label { color: #198754; } #invoiceFormDiv .form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; } #invoiceFormDiv .was-validated .input-group .form-control:valid, #invoiceFormDiv .input-group .form-control.is-valid, .was-validated .input-group .form-select:valid, .input-group .form-select.is-valid { z-index: 1; } #invoiceFormDiv .was-validated .input-group .form-control:valid:focus, #invoiceFormDiv .input-group .form-control.is-valid:focus, .was-validated .input-group .form-select:valid:focus, .input-group .form-select.is-valid:focus { z-index: 3; } #invoiceFormDiv .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } #invoiceFormDiv .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } #invoiceFormDiv .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } #invoiceFormDiv .was-validated .form-control:invalid, #invoiceFormDiv .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } #invoiceFormDiv .was-validated .form-control:invalid:focus, #invoiceFormDiv .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } #invoiceFormDiv .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } #invoiceFormDiv .was-validated .form-select:invalid, #invoiceFormDiv .form-select.is-invalid { border-color: #dc3545; } #invoiceFormDiv .was-validated .form-select:invalid:not([multiple]):not([size]), #invoiceFormDiv .was-validated .form-select:invalid:not([multiple])[size="1"], #invoiceFormDiv .form-select.is-invalid:not([multiple]):not([size]), #invoiceFormDiv .form-select.is-invalid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } #invoiceFormDiv .was-validated .form-select:invalid:focus, #invoiceFormDiv .form-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } #invoiceFormDiv .was-validated .form-check-input:invalid, #invoiceFormDiv .form-check-input.is-invalid { border-color: #dc3545; } #invoiceFormDiv .was-validated .form-check-input:invalid:checked, #invoiceFormDiv .form-check-input.is-invalid:checked { background-color: #dc3545; } #invoiceFormDiv .was-validated .form-check-input:invalid:focus, #invoiceFormDiv .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } #invoiceFormDiv .was-validated .form-check-input:invalid ~ .form-check-label, #invoiceFormDiv .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } #invoiceFormDiv .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; } #invoiceFormDiv .was-validated .input-group .form-control:invalid, #invoiceFormDiv .input-group .form-control.is-invalid, .was-validated .input-group .form-select:invalid, .input-group .form-select.is-invalid { z-index: 2; } #invoiceFormDiv .was-validated .input-group .form-control:invalid:focus, #invoiceFormDiv .input-group .form-control.is-invalid:focus, .was-validated .input-group .form-select:invalid:focus, .input-group .form-select.is-invalid:focus { z-index: 3; } #invoiceFormDiv .btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } #invoiceFormDiv .btn:hover { color: #212529; } #invoiceFormDiv .btn-check:focus + .btn, #invoiceFormDiv .btn:focus { outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } #invoiceFormDiv .btn:disabled, #invoiceFormDiv .btn.disabled, fieldset:disabled .btn { pointer-events: none; opacity: 0.65; } #invoiceFormDiv .btn-primary { color: #fff; background-color: #005596; border-color: #005596; } #invoiceFormDiv .btn-primary:hover { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; } #invoiceFormDiv .btn-check:focus + .btn-primary, #invoiceFormDiv .btn-primary:focus { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); } #invoiceFormDiv .btn-check:checked + .btn-primary, #invoiceFormDiv .btn-check:active + .btn-primary, #invoiceFormDiv .btn-primary:active, #invoiceFormDiv .btn-primary.active, #invoiceFormDiv .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0a58ca; border-color: #0a53be; } #invoiceFormDiv .btn-check:checked + .btn-primary:focus, #invoiceFormDiv .btn-check:active + .btn-primary:focus, #invoiceFormDiv .btn-primary:active:focus, #invoiceFormDiv .btn-primary.active:focus, #invoiceFormDiv .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); } #invoiceFormDiv .btn-primary:disabled, #invoiceFormDiv .btn-primary.disabled { color: #fff; background-color: #005596; border-color: #005596; } #invoiceFormDiv .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } #invoiceFormDiv .btn-secondary:hover { color: #fff; background-color: #5c636a; border-color: #565e64; }