@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700&display=swap");

body {
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.header-tag-new {
    font-style:italic;
    font-size:20px;
    color:#003a5d;
    margin-top:30px;
    text-align:right;
}
.header-title-new {
    font-size: 30px;
    color:#003a5d;
    text-align:right;
}
.header-purpose-stmt {
    font-size: 17px;
    color: #007bff;
    text-align:right;
    font-weight: 600;
    font-style: italic;
}
a {
    transition: 0.2s color ease;
    cursor: pointer;
}

a:hover {
    color: #1da0ff;
}

.btn-primary {
    color: #fff !important;
}

.loadButtons {
    transition: 0.3s all ease;
}

.disableButtonState {
    pointer-events: none;
    opacity: 0.7;
}

.alert-warning {
    line-height: 20px;
}

.field-label {
    font-size: 0.95rem !important;
    letter-spacing: -0.02em;
    color: #4d6993;
    font-weight: 700;
}

.MAS.modal-content {
    width: 90%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/*.pagination-select {
    float: right;
    width: 75px;
}
*/
.pagination-select {
    width: 70px;
    margin-left: 12px;
}
#findFacilitySpinner {
    position: absolute;
    top: 30px;
    left: -17px;
    display: none;
}

.table-hover tbody tr:hover {
    background-color: rgb(237, 242, 247);
    cursor: pointer;
}

.table {
    background-color: white;
}

input[type="checkbox"],
input[type="radio"] {
    cursor: pointer;
}

td.driver {
    padding: 14px 10px 0px 10px;
}

.custom-select-sm {
    padding-top: 0.2rem;
    font-size: 14px !important;
    min-width: 165px;
}

input.form-control.sm {
    display: block;
    width: 75px;
    height: auto;
    padding: 1px;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.small-text {
    font-size: 14px;
}

.subheading {
    background-color: #c6e9ff;
    color: #0075bf;
    text-align: center;
    padding: 3px;
    font-size: 22px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.ml-n10 {
    margin-left: -10px;
}

.mb-3,
.my-3 {
    margin-bottom: 1.5rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 2rem !important;
}

.mt-4,
.my-4 {
    margin-top: 2rem !important;
}

hr.blue-rule {
    border-color: #abccfb;
    border-width: 2px;
    width: 100%;
}

tr.new-requirement {
    background-color: #f5fbff;
    border-color: #c6e9ff;
    border-style: solid;
    border-width: 2px;
}

tr.new-address {
    background-color: #f5fbff;
    border-color: #c6e9ff;
    border-style: solid;
    border-width: 2px;
}

label {
    margin-bottom: 0.2rem;
}

.bkg-gray {
    background-color: #f4f8f9;
}

.box-border-fill {
    border-width: 1px;
    border-color: #4597cb;
    padding: 25px;
    background-color: #f4f8f9;
}

.box-border-fill-outline {
    border: 1px solid #b3e2ff;
    background-color: #fff;
    padding: 25px;
    padding-bottom: 3px;
    margin-top: 14px;
    margin-bottom: 26px !important;
}

.box-fill-gray {
    padding: 10px;
    background-color: #f6f9fc;
}

button.btn.dropdown-toggle.btn-light.bs-placeholder {
    background-color: #fff;
    border: 1px solid #ced4da;
}

button.btn.dropdown-toggle.btn-light {
    height: 38px !important;
}

.modal-dropdown button.btn.dropdown-toggle.btn-light.bs-placeholder {
    font-size: 14px;
    height: 31px !important;
    color: #6f6f6f;
    line-height: 15px;
}

.modal-dropdown .dropdown.bootstrap-select.modal-dropdown:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    border-radius: 4px;
    border-color: #80bdff;
}

.dropdown.bootstrap-select.modal-dropdown {
    width: auto !important;
}

.addaddress {
    margin-top: 38px;
}

.table thead th {
    padding: 0.2rem 0.4rem;
}

thead.blue-bkg {
    background-color: #548bda;
    color: #fff;
    font-weight: 400;
}

thead.ltblue-bkg {
    background-color: #daf1ff;
    color: #fff;
    font-weight: 400;
}

thead.gray-bkg {
    background-color: #f4f8f9;
    color: #3467b1;
    font-weight: 400;
}

thead.blue-bkg th {
    font-size: 16px;
    font-weight: 400 !important;
}

thead.gray-bkg th {
    font-size: 16px;
    font-weight: 500 !important;
}

thead.ltblue-bkg th {
    font-size: 16px;
    color: #000;
    font-weight: 500 !important;
}

.sub-instruction-bar {
    background-color: #c6e9ff;
    color: #0075bf;
    text-align: center;
    padding: 7px 5px 4px;
    font-size: 22px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.sub-instruction-bar:hover {
    cursor: pointer;
    background-color: #afe0ff;
}

.row.gray-box {
    border-style: solid;
    border-width: 1px;
    border-color: #c7c7c7;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #f6f9fc;
    border: 0;
    border-bottom: 1px solid #e0e7ef;
}

#isSigned.is-invalid {
    color: #dc3545 !important;
}

.row.footer {
    /*background-color: #efefef;*/
    background-color:#f5fafe;
    padding: 46px 0 30px;
    margin-top: 100px;
}

.container.dash-menu {
    width: 600px;
    border-style: solid;
    border-width: 1px;
    border-color: #4597cb;
}

.container.header {
    padding: 10px 10px 0px;
}

.title-bar {
    color: #fff;
    background-color: #548bda;
    padding: 6px !important;
    margin-top: 8px;
    margin-bottom: 40px;
}

.title-bar h1 {
    line-height: 1;
    padding: 0;
    margin: 0;
}

.contact-bar,
.address-bar,
.instructions-bar {
    color: #fff;
    background-color: #ffb35a;
    padding: 1px;
    margin-top: 45px;
    margin-bottom: 40px !important;
    text-align: center;
}

.contact-bar-no,
.address-bar-no,
.instructions-bar-no {
    color: #fff;
    background-color: #ffb35a;
    padding-bottom: 1px !important;
    padding-top: 1px!important;
    text-align: center;
}

h1 {
    font-weight: 400 !important;
    font-size: 1.6rem !important;
    padding-top: 3px;
}

.h3,
h3 {
    font-size: 1.4rem;
    color: #003c5d;
}

.lead {
    font-size: 1.6rem;
    font-weight: 400;
}

div#instructionsDiv {
    margin-bottom: 20px;
}

.valid-feedback.feedback-icon,
.invalid-feedback.feedback-icon {
    position: absolute;
    width: auto;
    bottom: 10px;
    right: 10px;
    margin-top: 0;
}

.status-icon {
    bottom: 34px !important;
    right: 20px !important;
}
.status-icon-date {
    bottom: 11px !important;
    right: 20px !important;
}

/* ----radio checked green----*/

.form-check-inline,
.form-check-label,
.form-check-input,
.custom-control-label {
    cursor: pointer;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #28a745 !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #28a745 !important;
}

/* ---- medium switch ----*/
.custom-switch .custom-switch-input + .custom-switch-btn {
    width: 48px;
    height: 27px;
    padding: 3px;
    border-radius: 20px;
    margin-top: 7px;
}

.custom-switch .custom-switch-input:checked + .custom-switch-btn:after {
    left: 18px;
}

.custom-switch .custom-switch-input + .custom-switch-btn:after,
.custom-switch .custom-switch-input + .custom-switch-btn:before {
    width: 20px;
    height: 21px;
}

/* ---- small switch ----*/
.custom-switch .custom-switch-input + .custom-switch-btn {
    width: 38px;
    height: 22px;
    border-radius: 12px;
    margin-top: 9px;
}

.custom-switch .custom-switch-input:checked + .custom-switch-btn:after {
    left: 15px;
}

.custom-switch .custom-switch-input + .custom-switch-btn:after,
.custom-switch .custom-switch-input + .custom-switch-btn:before {
    width: 16px;
    height: 16px;
}

.header-info {
    color: #003a5d;
    text-align: right;
}

.header-title {
    line-height: 34px;
    font-size: 30px;
    color: #003b5c;
}

.header-title.table-heading {
    line-height: 33px;
    color: #397cdc;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 16px;
    background-color: transparent;
    margin-bottom: 0;
    font-size: 21px;
    font-weight: 500;
}

.header-title.menu-heading {
    margin-bottom: 0;
}

.header-tag {
    font-style: italic;
    font-size: 20px;
}

#tpaSpinner {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.84);
    z-index: 999;
}
#allSpinner,
#upSpinner,
#eedSpinner {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.84);
    z-index: 999;
}
#offerSpinner,
#messageSpinner,
#messageSpinner2,
#submissionSpinner {
    display: flex;
    position: absolute;
    background: rgba(255, 255, 255, 0.85);
    width: 100%;
    height: 100%;
    z-index: 999;
    align-items: center;
    justify-content: center;
}
/* ---- Table utility styles ----*/
.changed-row {
    background-color: #f5fbff !important;
    border-color: #c6e9ff;
    border-style: solid;
    border-width: 2px;
}

.table.table-centered td {
    vertical-align: middle;
}

.changed-row-user {
    background-color: rgba(217, 250, 224, 0.4) !important;
    border-color: #9fe3ae;
    border-style: solid;
    border-width: 2px;
}

.userHasBid {
    color: #444 !important;
    opacity: 1;
    pointer-events: none;
}

.userHasBid a {
    opacity: 0.3;
}

.userHasBidHide {
    display: none !important;
}

.tableStatus {
    font-weight: 700;
    letter-spacing: normal;
    text-align: center;
    font-size: 14px;
    padding: 0.4em 0.8em;
}

.btn-yellow {
    background-color: #ffb35a;
    color: #ffffff;
}

.btn-table {
    font-size: 16px;
    padding: 2px 6px 1px 6px;
}

.btn-orange {
    background: #f8a64a;
    color: #ffffff;
}

.btn-clear {
    background: #f6f9fc;
    color: #0c81ff;
}

.btn-clear:hover {
    background: #ffffff;
    color: #339cff;
}

.badge-submitted {
    background-color: rgba(56, 136, 235, 0.1);
    color: #3887eb;
}

.badge-initialized {
    color: #d3a400;
    background-color: #fdf9eb;
}

.badge-open {
    background-color: rgba(56, 136, 235, 0.1);
    color: #3887eb;
}

.badge-awarded {
    background-color: rgba(79, 235, 56, 0.1);
    color: #28a745;
}

.badge-canceled {
    color: #9e9e9e;
    background-color: #f0f0f0;
}

/* ---- fixed table header ----*/
table.lock-header {
    display: flex;
    flex-flow: column;
    width: 100%;
}

.lock-header thead {
    flex: 0 0 auto;
}

.lock-header tbody {
    flex: 1 1 auto;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
}

.lock-header tr {
    width: 100%;
    display: table;
    table-layout: fixed;
}

/*span.expiring30 {*/
/*background-color: #ffe4c9;*/
/*padding: 3px;*/
/*}*/

/*span.expiring15 {*/
/*background-color: #ffb35a;*/
/*padding: 3px;*/
/*}*/

span.expiring30 {
    background-color: #ffdfa9;
    padding: 3px;
}

span.expiring15 {
    background-color: #f9ff72;
    padding: 3px;
}

tr.SO-done {
background: #d1e7ff!important;
}