/*
    To build into ntg-theme.css, run the following command in the terminal:
    sass --watch ntg-theme.scss ntg-theme.css
*/
html {
  position: relative;
  height: 100%;
  width: 100% !important;
}

body {
  height: 100%;
  color: #000;
  width: 100%;
}

a, button {
  cursor: pointer;
}

/* class="ntg-navbar-top" for top nav bar */
.dropdown-toggle::after {
  border: 0 !important;
}

.dropdown-menu.show {
  display: block;
  padding: 0;
  overflow: hidden;
  min-width: 200px;
  max-width: 344px;
}
@media screen and (min-width: 768px) {
  .dropdown-menu.show {
    min-width: unset;
    max-width: 600px;
  }
}
.dropdown-menu li a {
  color: #000;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  white-space: break-spaces;
}
.dropdown-menu li a .text {
  margin-right: 24px;
}
@media screen and (min-width: 768px) {
  .dropdown-menu li a {
    white-space: nowrap;
  }
}

.navbar .dropdown-menu li:hover {
  background-color: #21272E;
  color: white;
}
.navbar .dropdown-menu li:hover a {
  color: #fff;
  background-color: #21272E;
}

footer {
  color: #ffffff;
  width: 100%;
  position: relative;
}

/* Overwrite header, footer & navbar for internal pages by adding the "internal" class to the body element */
body.internal .navbar {
  background-color: #c45141;
}

body.internal .ntg-navbar-bottom .navbar-toggle,
body.internal .ntg-navbar-bottom,
body.internal footer,
body.internal .ntg-navbar-top .navbar-toggle:hover,
body.internal .ntg-header-row {
  background-color: #242424;
}

body.internal .navbar-nav > li a:focus {
  background-color: #c45141;
}
body.internal .navbar-nav > li a:hover {
  background-color: black;
}

body .internal .navbar-nav > li > .ntg-navbar-bottom .navbar-nav > li > a {
  /* padding-top: 5px; */
  color: #494949 !important;
}

.panel-title {
  margin-bottom: 1rem !important;
}

div p:last-of-type {
  margin-bottom: 0;
}

/* Three-panel navigation.  This may need to be customised depending on the size of your content.
    This is designed to give you freedom to use bootstrap columns of any size - just add ntg-panel-container
    class to the bootstrap container class, and add ntg-panel-part to every column */
.ntg-panel-container {
  flex-grow: 1;
}
.ntg-panel-container .ntg-panel-feed {
  background-color: #f0f0f0;
  padding-top: 10px;
}
.ntg-panel-container ntg-panel-nav {
  padding-left: 0;
  padding-right: 0;
  background-color: #242424;
  color: #ffffff;
}
.ntg-panel-container ntg-panel-nav .ntg-panel-title {
  padding-left: 19px;
  padding-bottom: 15px;
}
.ntg-panel-container ntg-panel-nav .nav li {
  border-bottom: 1px #333333 solid;
}
.ntg-panel-container ntg-panel-nav .nav li a {
  color: #ffffff;
  border-left: 4px #242424 solid;
}
.ntg-panel-container ntg-panel-nav .nav li a:focus {
  background-color: #242424;
}
.ntg-panel-container ntg-panel-nav .nav li a:hover {
  color: #ffffff;
  border-left: 4px #c45141 solid;
  background-color: black !important;
}
.ntg-panel-container .ntg-panel-row {
  height: 100%;
  width: 100%;
}
.ntg-panel-container .ntg-panel-part {
  height: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media screen and (min-width: 1200px) {
  .ntg-panel-container .ntg-panel-part {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

input {
  font-family: Roboto;
  font-size: 16px;
  color: #111928;
  background-color: #ffffff;
}

.form-group {
  position: relative;
}

input[type=checkbox] {
  border: 1px solid rgba(137, 137, 137, 0.5019607843);
  min-height: 21px;
  min-width: 21px;
  border-radius: 5px;
  margin-right: 10px;
  opacity: 60%;
  margin-top: 0px;
  max-height: 21px;
  max-width: 21px;
  accent-color: green;
}

label {
  display: flex;
  align-items: flex-start;
}

.light-border {
  border: 1px solid #ced4da;
  border-radius: 8px;
}

/* Modals */
.modal-body-scrolling {
  overflow-y: scroll;
  max-height: 70vh;
}

.bs-input-range-from {
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 4px !important;
}

.bs-input-range-to {
  border-top: 0 !important;
  border-top-right-radius: 0 !important;
}

.qtol-collapsed {
  max-height: 250px;
  overflow: hidden;
}

#qtol-collapsible-show-more-less-btn {
  padding-top: 10px;
  padding-right: 10px;
  color: #3477e0;
  font-weight: bold;
  float: right;
  font-size: 1em;
}

.user-name-input::after {
  content: " ";
  width: 16px;
  height: 16px;
  display: table;
  position: relative;
  left: 10px;
  top: -28px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8.75C7.65625 8.75 5.78125 6.90625 5.78125 4.65625C5.78125 2.40625 7.65625 0.5625 10 0.5625C12.3438 0.5625 14.2188 2.40625 14.2188 4.65625C14.2188 6.90625 12.3438 8.75 10 8.75ZM10 1.96875C8.4375 1.96875 7.1875 3.1875 7.1875 4.65625C7.1875 6.125 8.4375 7.34375 10 7.34375C11.5625 7.34375 12.8125 6.125 12.8125 4.65625C12.8125 3.1875 11.5625 1.96875 10 1.96875Z' fill='%231F1F5F'/%3E%3Cpath d='M16.1562 19.4687H3.84375C3.21875 19.4687 2.71875 18.9688 2.71875 18.3438V15.5313C2.71875 12.4688 5.21875 9.96875 8.28125 9.96875H11.75C14.8125 9.96875 17.3125 12.4688 17.3125 15.5313V18.3438C17.2813 18.9375 16.7812 19.4687 16.1562 19.4687ZM4.125 18.0625H15.9063V15.5313C15.9063 13.25 14.0312 11.375 11.75 11.375H8.25C5.96875 11.375 4.09375 13.25 4.09375 15.5313V18.0625H4.125Z' fill='%23111928'/%3E%3C/svg%3E%0A");
}

.user-name-input input {
  padding-left: 30px;
}

#site-heading span {
  padding-top: 4rem;
  padding-left: 39.83px;
}

.cardHeaderFooter {
  border-radius: 12px;
  border: 1px solid #dee2e6;
  background: #fff;
  padding: 0;
}

.datetime-form-group {
  position: relative;
}

button.btn.dropdown-toggle, .alert button.dropdown-toggle {
  padding: 11px 24px 11px 10px;
}

.panel-default {
  margin-bottom: 4.5rem !important;
}

.flatpickr-wrapper {
  width: 100%;
}

.flatpickr-input.form-control[readonly] {
  background-color: #fff;
}

.search-tender-desc.collapse, .search-tender-desc.collapsing {
  height: 28.5px;
}
.search-tender-desc.collapse {
  position: relative;
  display: block;
  overflow: hidden;
}
.search-tender-desc.collapse.show {
  height: auto;
}
.search-tender-desc.collapse.show:before {
  display: none;
}

.tender-search-desc-container a:after {
  content: "Read More";
}
.tender-search-desc-container a[aria-expanded=true]:after {
  content: "Read Less";
}

.flatpickr-wrapper .form-control[readonly] {
  background-color: #fff;
}

@media (min-width: 1200px) {
  .datetime-form-group:after {
    content: "";
    position: absolute;
    bottom: 13px;
    right: 25px;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.59961 9.89996V9.64996H4.87461V9.89996H4.59961Z' fill='%236B7280' stroke='%236B7280'/%3E%3Cpath d='M8.37461 9.14996H7.59961C7.44961 9.14996 7.34961 9.24996 7.34961 9.39996V10.15C7.34961 10.3 7.44961 10.4 7.59961 10.4H8.37461C8.52461 10.4 8.62461 10.3 8.62461 10.15V9.39996C8.62461 9.27496 8.52461 9.14996 8.37461 9.14996Z' fill='%23111928'/%3E%3Cpath d='M11.65 9.14996H10.875C10.725 9.14996 10.625 9.24996 10.625 9.39996V10.15C10.625 10.3 10.725 10.4 10.875 10.4H11.65C11.8 10.4 11.9 10.3 11.9 10.15V9.39996C11.9 9.27496 11.8 9.14996 11.65 9.14996Z' fill='%23111928'/%3E%3Cpath d='M5.12461 12.375H4.34961C4.19961 12.375 4.09961 12.475 4.09961 12.625V13.375C4.09961 13.525 4.19961 13.625 4.34961 13.625H5.12461C5.27461 13.625 5.37461 13.525 5.37461 13.375V12.625C5.37461 12.5 5.24961 12.375 5.12461 12.375Z' fill='%23111928'/%3E%3Cpath d='M8.37461 12.375H7.59961C7.44961 12.375 7.34961 12.475 7.34961 12.625V13.375C7.34961 13.525 7.44961 13.625 7.59961 13.625H8.37461C8.52461 13.625 8.62461 13.525 8.62461 13.375V12.625C8.62461 12.5 8.52461 12.375 8.37461 12.375Z' fill='%23111928'/%3E%3Cpath d='M11.65 12.375H10.875C10.725 12.375 10.625 12.475 10.625 12.625V13.375C10.625 13.525 10.725 13.625 10.875 13.625H11.65C11.8 13.625 11.9 13.525 11.9 13.375V12.625C11.9 12.5 11.8 12.375 11.65 12.375Z' fill='%23111928'/%3E%3Cpath d='M13.9998 3.84999H8.5748V3.37499C9.1498 3.14999 9.5498 2.59999 9.5498 1.94999C9.5498 1.09999 8.8498 0.424988 7.9998 0.424988C7.1498 0.424988 6.4498 1.09999 6.4498 1.94999C6.4498 2.59999 6.8498 3.14999 7.4248 3.37499V3.84999H1.9998C1.1498 3.84999 0.424805 4.54999 0.424805 5.42499V14C0.424805 14.85 1.1248 15.575 1.9998 15.575H13.9998C14.8498 15.575 15.5748 14.875 15.5748 14V5.39999C15.5748 4.54999 14.8498 3.84999 13.9998 3.84999ZM7.9998 1.54999C8.2248 1.54999 8.4248 1.72499 8.4248 1.94999C8.4248 2.17499 8.2498 2.34999 7.9998 2.34999C7.7498 2.34999 7.5748 2.17499 7.5748 1.94999C7.5748 1.72499 7.7748 1.54999 7.9998 1.54999ZM1.9998 4.97499H13.9998C14.2498 4.97499 14.4498 5.17499 14.4498 5.42499V6.97499H1.5748V5.42499C1.5748 5.14999 1.7498 4.97499 1.9998 4.97499ZM13.9998 14.45H1.9998C1.7498 14.45 1.5498 14.25 1.5498 14V8.07499H14.4248V14C14.4498 14.25 14.2498 14.45 13.9998 14.45Z' fill='%23111928'/%3E%3C/svg%3E");
  }
}
.video-wrapper {
  max-width: 560px; /* Adjust if you want the video to be bigger when you increase the browser windows size */
  margin-left: 0;
  overflow: hidden;
}

.video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* Aspect Ratio 16:9 */
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

a.expacollink, a.expacollink:hover, a.expacollink:visited {
  text-decoration: none;
  color: #c45141;
}

#SystemMessageContainer:empty {
  display: none;
}

.tender-details__countdown #tenderCountdown {
  padding: 24px;
}
.tender-details__countdown #tenderCountdown svg {
  width: 48px;
  height: 48px;
}

.fto-tender__release_date {
  font-style: normal;
  font-weight: 700;
  margin-right: 24px;
  font-size: 16px;
  line-height: 24px;
  display: block;
  padding-top: 5px;
}

/* LG breakpoint */
@media (min-width: 992px) {
  /* CUSTOM WIDTHS */
  .w-lg-auto {
    width: auto !important;
  }
}
.table-hover > tbody > tr:hover {
  background-color: #e8e8e8 !important;
}

.table-striped tbody tr td {
  vertical-align: middle;
}
.table-striped tbody tr td:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.table-striped tbody tr td:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.table-striped tbody tr:nth-child(odd) td {
  background-color: white !important;
}
.table-striped tbody tr:nth-child(even) td {
  background-color: #FFF;
}
.table-striped th {
  border-top: 2px solid #DEE2E6;
  border-top-color: #DEE2E6 !important;
  border-bottom: 2px solid #DEE2E6;
  border-bottom-color: #DEE2E6 !important;
  white-space: nowrap;
}
.table-striped td, .table-striped tr {
  border-bottom: 0;
}

.table-footer {
  background-color: #DEE2E6;
}

.stepper-wrapper {
  gap: 8px;
  display: flex;
  align-items: flex-start;
}

.stepper-vert {
  flex-direction: column;
}

.stepper-step {
  display: flex;
  color: #242e39;
  text-align: center;
  line-height: normal;
  position: relative;
}

.stepper-hoz .stepper-step {
  flex-direction: column;
  align-items: center;
}

.stepper-step p {
  line-height: 32px;
  color: #465668;
  font-weight: 400;
  display: table;
  text-align: center;
}

.stepper-vert .stepper-step p {
  margin-left: 10px;
}

.stepper-hoz .stepper-step p {
  margin-top: 10px;
  width: 80px;
}

.stepper-step.active p {
  color: #2E979C;
}

.stepper-step span {
  font-size: 14px;
  font-weight: 500;
  height: 32px;
  width: 32px;
  background-color: #fff;
  border: 2px solid #D9D9D9;
  border-radius: 50%;
  background-repeat: no-repeat;
  position: relative;
  line-height: 27px;
  text-align: center;
}

.stepper-step.active span {
  text-indent: 200%;
  overflow: hidden;
  background-color: #2E979C;
  border: 1px solid #2E979C;
}

.stepper-step.active span::after {
  content: "";
  position: absolute;
  top: 3px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M9.57801 15.642L19.22 6L20.5003 7.28025L9.57801 18.2025L4.49976 13.1257L5.78001 11.8455L9.57801 15.642Z' fill='white'/%3E%3C/svg%3E");
  height: 32px;
  width: 32px;
  background-size: 24px;
  left: 4px;
}

.stepper-trail {
  background-color: #465668;
  margin-bottom: 8px;
}

.stepper-vert .stepper-trail {
  width: 2px;
  height: 45px;
  margin-left: 15px;
}

.stepper-hoz .stepper-trail {
  min-width: 80px;
  height: 2px;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 15px;
}

.stepper-trail.active {
  background-color: #2E979C;
}

.tender-progress-stepper .stepper-step.active span::after {
  top: 3px;
  left: 3px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M9.57801 15.642L19.22 6L20.5003 7.28025L9.57801 18.2025L4.49976 13.1257L5.78001 11.8455L9.57801 15.642Z' fill='white'/%3E%3C/svg%3E");
}
.tender-progress-stepper .stepper-step span::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 11px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 21' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.22034 0.969975C0.290009 0.90013 0.372772 0.844715 0.46389 0.806906C0.555008 0.769096 0.65269 0.749634 0.75134 0.749634C0.849991 0.749634 0.947673 0.769096 1.03879 0.806906C1.12991 0.844715 1.21267 0.90013 1.28234 0.969975L10.2823 9.96997C10.3522 10.0396 10.4076 10.1224 10.4454 10.2135C10.4832 10.3046 10.5027 10.4023 10.5027 10.501C10.5027 10.5996 10.4832 10.6973 10.4454 10.7884C10.4076 10.8795 10.3522 10.9623 10.2823 11.032L1.28234 20.032C1.14151 20.1728 0.950504 20.2519 0.75134 20.2519C0.552177 20.2519 0.36117 20.1728 0.22034 20.032C0.0795103 19.8911 0.000392675 19.7001 0.000392675 19.501C0.000392675 19.3018 0.0795103 19.1108 0.22034 18.97L8.69084 10.501L0.22034 2.03197C0.150495 1.96231 0.0950809 1.87954 0.0572712 1.78843C0.0194616 1.69731 0 1.59963 0 1.50097C0 1.40232 0.0194616 1.30464 0.0572712 1.21352C0.0950809 1.12241 0.150495 1.03964 0.22034 0.969975Z' fill='%23B9B9B9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  display: block;
}
.tender-progress-stepper .stepper-trail {
  margin-top: 0px;
  background-color: #D9D9D9;
}

.tender-progress-info .stepper-info-cell {
  min-height: 100px;
}
.tender-progress-info .stepper-info-cell:last-of-type {
  min-height: auto;
}
.tender-progress-info .stepper-info-cell.active p:first-of-type {
  color: #2E979C;
}

@media (min-width: 991px) {
  .tender-progress-stepper {
    gap: 0;
    margin: 0;
    flex-direction: row;
  }
  .tender-progress-stepper .stepper-trail {
    margin-left: 0;
    margin-right: 0;
    height: 4px;
    min-width: 241px;
    margin-top: 19px;
    background-color: #D9D9D9;
  }
  .tender-progress-stepper .stepper-trail.active {
    background-color: #2E979C;
  }
  .tender-progress-stepper .stepper-step.active span {
    background-color: #2E979C;
  }
  .tender-progress-stepper .stepper-step.active span::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.96888 3.21851C7.03854 3.14866 7.12131 3.09325 7.21243 3.05544C7.30354 3.01763 7.40122 2.99817 7.49988 2.99817C7.59853 2.99817 7.69621 3.01763 7.78733 3.05544C7.87844 3.09325 7.96121 3.14866 8.03088 3.21851L17.0309 12.2185C17.1007 12.2882 17.1561 12.3709 17.1939 12.4621C17.2318 12.5532 17.2512 12.6509 17.2512 12.7495C17.2512 12.8482 17.2318 12.9458 17.1939 13.037C17.1561 13.1281 17.1007 13.2108 17.0309 13.2805L8.03088 22.2805C7.89005 22.4213 7.69904 22.5005 7.49988 22.5005C7.30071 22.5005 7.10971 22.4213 6.96888 22.2805C6.82805 22.1397 6.74893 21.9487 6.74893 21.7495C6.74893 21.5503 6.82805 21.3593 6.96888 21.2185L15.4394 12.7495L6.96888 4.28051C6.89903 4.21084 6.84362 4.12808 6.80581 4.03696C6.768 3.94584 6.74854 3.84816 6.74854 3.74951C6.74854 3.65086 6.768 3.55318 6.80581 3.46206C6.84362 3.37094 6.89903 3.28818 6.96888 3.21851Z' fill='white'/%3E%3C/svg%3E");
    left: 9px;
    top: 7px;
  }
  .tender-progress-stepper .stepper-step span {
    width: 42px;
    height: 42px;
    margin-left: 0;
    margin-right: 0;
    background-color: #D9D9D9;
  }
  .tender-progress-stepper .stepper-step span:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 21' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.22034 0.969975C0.290009 0.90013 0.372772 0.844715 0.46389 0.806906C0.555008 0.769096 0.65269 0.749634 0.75134 0.749634C0.849991 0.749634 0.947673 0.769096 1.03879 0.806906C1.12991 0.844715 1.21267 0.90013 1.28234 0.969975L10.2823 9.96997C10.3522 10.0396 10.4076 10.1224 10.4454 10.2135C10.4832 10.3046 10.5027 10.4023 10.5027 10.501C10.5027 10.5996 10.4832 10.6973 10.4454 10.7884C10.4076 10.8795 10.3522 10.9623 10.2823 11.032L1.28234 20.032C1.14151 20.1728 0.950504 20.2519 0.75134 20.2519C0.552177 20.2519 0.36117 20.1728 0.22034 20.032C0.0795103 19.8911 0.000392675 19.7001 0.000392675 19.501C0.000392675 19.3018 0.0795103 19.1108 0.22034 18.97L8.69084 10.501L0.22034 2.03197C0.150495 1.96231 0.0950809 1.87954 0.0572712 1.78843C0.0194616 1.69731 0 1.59963 0 1.50097C0 1.40232 0.0194616 1.30464 0.0572712 1.21352C0.0950809 1.12241 0.150495 1.03964 0.22034 0.969975Z' fill='%23B9B9B9'/%3E%3C/svg%3E");
    left: 16px;
    top: 8px;
    background-repeat: no-repeat;
    position: absolute;
    height: 22px;
    width: 22px;
    content: "";
  }
  .tender-progress-info {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 10px;
  }
  .tender-progress-info .stepper-info-cell {
    min-width: 283px; /*step circle + trail */
    height: auto;
    min-height: 0px;
  }
  .tender-progress-info .stepper-info-cell.active p:first-of-type {
    color: #000;
    font-weight: 700;
  }
  .tender-progress-info .stepper-info-cell p {
    font-size: 20px;
    line-height: 28px; /* 140% */
  }
  .tender-progress-info .stepper-info-cell p:last-of-type {
    font-weight: 400;
    padding-left: 0;
  }
}
/* navigation bar */
.navbar {
  background-color: #2E979C;
}

.ntg-header-row {
  background-color: #21272E;
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.ntg-header-logo {
  width: 192px;
  height: auto;
  margin-right: 1.5rem;
}

.ntg-header-heading {
  max-width: 600px;
  color: #ffffff;
  min-width: 225px;
  padding-bottom: 0;
  display: none;
}
@media screen and (min-width: 768px) {
  .ntg-header-heading {
    display: block;
  }
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8H28V10.6667H4V8ZM4 14.6667H28V17.3333H4V14.6667ZM4 21.3333H28V24H4V21.3333Z' fill='white'/%3E%3C/svg%3E%0A");
}

.ntg-navbar-bottom {
  margin: 0;
  border: 0;
  background-color: #e8e8e8;
}
.ntg-navbar-bottom .navbar-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ntg-navbar-bottom .navbar-nav li {
  padding-right: 1rem;
  width: 100%;
}
.ntg-navbar-bottom .navbar-nav li a {
  color: #494949 !important;
}

.navbar-toggler, .navbar-toggler-icon {
  box-shadow: none !important;
  border: 0;
}

#navbar {
  justify-content: space-between;
  font-size: 16px;
  text-align: left;
}
#navbar .dropdown-toggle:after {
  display: none;
}
#navbar .dropdown-toggle svg {
  width: 15px;
  height: 15px;
}
#navbar li a:not(.dropdown-menu li a) {
  color: #FFFFFF;
}
#navbar .nav-item {
  padding: 8px 0px;
  white-space: nowrap;
}
#navbar .nav-item:first-of-type {
  padding-left: 0;
}
#navbar .nav-item:last-of-type {
  padding-right: 0;
}
#navbar .dropdown-menu li {
  color: #000;
}
#navbar .dropdown-menu li:hover {
  color: #FFF;
}
#navbar .dropdown-menu li a {
  padding: 0;
}
#navbar .dropdown-menu .nav-item {
  padding: 6px 16px;
}

#site-heading img {
  margin-left: 0px;
  margin-top: 2rem;
  padding-bottom: 1.5rem;
}

@media (min-width: 992px) {
  #navbar {
    text-align: left;
  }
  #navbar .nav-item {
    padding: 8px 16px;
  }
  #navbar .dropdown {
    flex-direction: row;
  }
  .ntg-navbar-bottom .navbar-nav li {
    position: relative;
    width: auto;
  }
  .ntg-navbar-bottom li:not(:last-of-type)::after {
    content: " ";
    background-color: #B9B9B9;
    height: 15px;
    width: 1px;
    right: 7px;
    position: absolute;
    top: 4px;
    display: block;
  }
}
.btn-primary:not(.table-condensed *),
.btn-danger,
.btn-outline,
.alert button,
.btn-secondary,
.btn-success {
  display: flex;
  padding: 11px 24px;
  width: fit-content;
  justify-content: center;
  position: relative;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
  font-weight: 500;
  color: white;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  white-space: nowrap;
}
.btn-primary:not(.table-condensed *) svg,
.btn-danger svg,
.btn-outline svg,
.alert button svg,
.btn-secondary svg,
.btn-success svg {
  width: 20px;
  height: 20px;
}
.btn-primary:not(.table-condensed *) p,
.btn-danger p,
.btn-outline p,
.alert button p,
.btn-secondary p,
.btn-success p {
  margin: 0;
}

.btn-primary {
  color: white;
  background-color: #552855;
  border: 1px solid #552855;
}
.btn-primary:hover {
  background-color: #442044;
  border: 1px solid #442044;
}
.btn-primary:focus {
  background-color: #442044;
  border: 1px solid #442044;
}

.btn-outline, .alert button {
  color: #21272E;
  background-color: #fff;
  border: 1px solid #21272E;
}
.btn-outline:hover, .alert button:hover {
  background-color: #f2f2f2;
  border: 1px solid #161a1f;
}
.btn-outline:focus, .alert button:focus {
  background-color: #f2f2f2;
  border: 1px solid #161a1f;
}
.btn-outline:hover, .alert button:hover {
  color: #21272E;
}
.btn-outline:focus, .alert button:focus {
  color: #21272E;
}

.btn-secondary {
  background-color: #2E979C;
  border: 1px solid #2E979C;
}
.btn-secondary:hover {
  background-color: #288488;
  border: 1px solid #288488;
}
.btn-secondary:focus {
  background-color: #288488;
  border: 1px solid #288488;
}

.btn-outline-secondary:visited {
  color: #21272E;
}

.btn.dropdown-toggle, .alert button.dropdown-toggle {
  border: 1px solid #ced4da;
  background-color: white;
  padding-right: 30px;
  position: relative;
}

.btn-default:not(.dropdown-toggle):not(.bs-select-all):not(.bs-deselect-all) {
  color: white;
  background-color: #242424;
  border: 1px solid #21272E;
  border-color: #0a0a0a;
}

.btn-default:not(.dropdown-toggle):not(.bs-select-all):not(.bs-deselect-all):hover {
  color: white;
  background-color: #0a0a0a;
  border-color: #000000;
}

.btn-default:not(.dropdown-toggle):not(.bs-select-all):not(.bs-deselect-all):focus {
  color: white;
  background-color: #0a0a0a;
  border-color: #000000;
}

.btn-fw-large {
  min-width: 170px !important;
}

.bootstrap-select > .dropdown-toggle {
  color: #000;
}
.bootstrap-select > .dropdown-toggle:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  right: 8px;
  top: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1.29635 1.15355L1.29632 1.15358L1.30055 1.15771L6.65055 6.38271L7.00157 6.72552L7.35095 6.38104L12.701 1.10604L12.701 1.10605L12.7035 1.10355C12.722 1.085 12.7385 1.08125 12.7499 1.08125C12.7613 1.08125 12.7778 1.085 12.7963 1.10355C12.8149 1.1221 12.8187 1.1386 12.8187 1.15C12.8187 1.16121 12.815 1.17734 12.7973 1.19551L7.04946 6.84336L7.04945 6.84334L7.04635 6.84645C7.01594 6.87686 6.99586 6.89212 6.98509 6.89924C6.97746 6.89835 6.97257 6.8968 6.96852 6.89526C6.96226 6.89287 6.94944 6.88706 6.92872 6.87212L1.20253 1.24551C1.18478 1.22734 1.18115 1.21121 1.18115 1.2C1.18115 1.1886 1.18491 1.1721 1.20346 1.15355C1.222 1.135 1.2385 1.13125 1.2499 1.13125C1.2613 1.13125 1.2778 1.135 1.29635 1.15355Z' fill='%236B7280' stroke='%236B7280'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.bootstrap-select .filter-option-inner-inner {
  height: 24px;
}

@media (max-width: 1199px) {
  .btn-mobile-w-100 {
    width: 100% !important;
  }
}
@media (min-width: 1400px) {
  .btn-primary:not(.table-condensed *),
  .btn-danger,
  .btn-outline,
  .alert button,
  .btn-secondary {
    width: fit-content;
    height: 64px;
    font-weight: 500;
  }
  .btn.dropdown-toggle, .alert button.dropdown-toggle {
    height: auto;
  }
  .btn-thin, .alert button {
    height: 48px !important;
  }
  .btn-fw-large {
    min-width: 214px;
  }
}
.btn-danger {
  background-color: darkred;
  border: 1px solid darkred;
}
.btn-danger:hover {
  background-color: #720000;
  border: 1px solid #720000;
}
.btn-danger:focus {
  background-color: #720000;
  border: 1px solid #720000;
}

.btn-list {
  height: 40px;
  border-radius: 2px;
  background-color: #2E979C;
  border: 1px solid #2E979C;
  color: white;
  height: 100%;
}
.btn-list:hover {
  background-color: #288488;
  border: 1px solid #288488;
}
.btn-list:focus {
  background-color: #288488;
  border: 1px solid #288488;
}
.btn-list:hover {
  color: white;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("/Content/theme/roboto/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("/Content/theme/roboto/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("/Content/theme/roboto/Roboto-Bold.ttf") format("truetype");
}
body,
p {
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h4,
h6, .h6 {
  font-style: normal;
  font-weight: 700;
}

h1,
.h1 {
  font-size: 27.65px;
  line-height: 36px;
  margin-bottom: 1.5rem !important;
}

h2,
.h2 {
  font-size: 23.04px;
  line-height: 30px;
  margin-bottom: 0.5rem !important;
}

h3,
.h3 {
  font-size: 19.2px;
  line-height: 25px;
  font-weight: 700;
}

h4,
.h4,
.leader {
  font-size: 19.2px;
  font-style: normal;
  font-weight: 500;
  line-height: 28.8px; /* 150% */
}

.font-color-primary {
  color: #21272E !important;
}

.font-color-secondary {
  color: #2E979C !important;
}

.font-color-supporting {
  color: #e8e8e8 !important;
}

.font-color-light-black {
  color: #494949 !important;
}

.font-color-supporting-2 {
  color: rgba(73, 73, 73, 0.6) !important;
}

.font-color-grey-800 {
  color: #343A40 !important;
}

.fs-20 {
  font-size: 20px;
}

.fs-14 {
  font-size: 14px;
}

.control-label {
  font-weight: 700;
  line-height: 28.5px; /* 150% */
  font-size: 16px;
  text-align: left !important;
  width: 100%;
  margin-bottom: 5px !important;
}

.font-small {
  font-size: 14.25px;
  line-height: normal;
}

.text-danger {
  color: #ED164E !important;
}

.text-warning {
  color: #F05A24 !important;
}

.text-info {
  color: #FCB414 !important;
}

.text-notification {
  color: #D1DD26 !important;
}

@media (min-width: 1200px) {
  body,
  p {
    font-size: 19px;
    line-height: 28.5px; /* 150% */
  }
  /* Headings */
  h1,
  h2,
  h3 {
    font-style: normal;
    font-weight: 700;
  }
  h1,
  .h1 {
    font-size: 45px;
    line-height: 58.5px;
  }
  h2,
  .h2 {
    font-size: 33.76px;
    line-height: 43.9px;
  }
  h3,
  .h3 {
    font-size: 25.33px;
    line-height: 32.93px; /* 130.004% */
  }
  h4,
  .h4,
  .leader {
    font-size: 25.33px;
    font-style: normal;
    font-weight: 300;
    line-height: 37.5px; /* 148.046% */
  }
  .form-control-static {
    white-space: nowrap;
  }
}
.body-medium {
  font-size: 16px;
  line-height: 24px;
}

.font-small {
  font-size: 14.25px;
  font-weight: 400;
  line-height: normal;
}

footer a {
  text-decoration: underline;
}

a {
  text-decoration: none;
  color: #2E979C;
}

a:visited.btn-primary {
  color: white !important;
}

a:visited.btn-outline-secondary {
  color: #21272E;
}

.pagination-wrapper {
  list-style: none;
  font-size: 16px;
  width: auto;
}

.pagination-wrapper ul {
  display: flex;
  padding: 0;
}

.pagination-wrapper li {
  display: inline-flex;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  color: #6C757D;
  width: 50px;
  background-color: #FFF;
  border: 1px solid #e8e8e8;
  border-right: 0;
}
.pagination-wrapper li:hover {
  background-color: #f2f2f2;
}
.pagination-wrapper li:focus {
  background-color: #f2f2f2;
}
.pagination-wrapper li:hover {
  cursor: pointer;
}

.pagination-wrapper li:last-of-type {
  border-right: 1px solid #e8e8e8;
}

.pagination-wrapper li.active {
  background-color: #21272E;
  color: #FFF;
}

.accordion {
  font-size: 16px;
}
.accordion h3 {
  cursor: pointer;
}

.accordion-button:not(.collapsed) {
  background-color: #FFF;
  font-size: 16px;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-item {
  border: 1px solid #e8e8e8;
}

.accordion-button {
  padding: 1rem 1rem;
  line-height: 28.5px;
}

.accordion-border-darker {
  border: 1px solid #CED4DA;
}

.accordion-header {
  margin-bottom: 0 !important;
}

.accordion-collapse {
  padding: 1rem 1rem;
}
.accordion-collapse p, .accordion-collapse ul li {
  font-size: 16px;
}

.tender-card {
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 24px;
  padding-right: 24px;
  margin-bottom: 1.5rem;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}

.tender-card__tender-number,
.tender-card__agency-text {
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.tender-card__agency-text {
  margin-bottom: 1rem;
}

.tender-card__title {
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.tender-card__title + .tender-card__info-badges {
  margin-top: 1rem;
}

.tender-card__description {
  margin-bottom: 1rem;
}
.tender-card__description a:after {
  content: "Read More...";
}
.tender-card__description a[aria-expanded=true]:after {
  content: "Read Less...";
}

.tender-card__description-text {
  height: 24px;
}
.tender-card__description-text.collapse, .tender-card__description-text.collapsing {
  height: 28.5px;
}
.tender-card__description-text.collapse {
  position: relative;
  display: block;
  overflow: hidden;
}
.tender-card__description-text.collapse.show {
  height: auto;
}
.tender-card__description-text.collapse.show:before {
  display: none;
}

.tender-card__info-badges {
  color: #21272E;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .tender-card__info-badges .general-badge {
    margin-bottom: 0;
  }
}

.tender-card__closing-date {
  color: rgba(73, 73, 73, 0.6);
  margin-right: 24px;
  font-size: 16px;
  line-height: 24px;
  display: block;
  margin-bottom: 0;
  padding-top: 5px;
}

.form-group .form-control, .form-group .form-select {
  padding: 11px 16px;
  border-width: 1px;
}
.form-group .user-name-input input {
  padding-left: 30px;
}
.form-group .user-name-input::after {
  content: " ";
  width: 16px;
  height: 16px;
  display: table;
  position: relative;
  left: 8px;
  top: -31px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8.75C7.65625 8.75 5.78125 6.90625 5.78125 4.65625C5.78125 2.40625 7.65625 0.5625 10 0.5625C12.3438 0.5625 14.2188 2.40625 14.2188 4.65625C14.2188 6.90625 12.3438 8.75 10 8.75ZM10 1.96875C8.4375 1.96875 7.1875 3.1875 7.1875 4.65625C7.1875 6.125 8.4375 7.34375 10 7.34375C11.5625 7.34375 12.8125 6.125 12.8125 4.65625C12.8125 3.1875 11.5625 1.96875 10 1.96875Z' fill='%231F1F5F'/%3E%3Cpath d='M16.1562 19.4687H3.84375C3.21875 19.4687 2.71875 18.9688 2.71875 18.3438V15.5313C2.71875 12.4688 5.21875 9.96875 8.28125 9.96875H11.75C14.8125 9.96875 17.3125 12.4688 17.3125 15.5313V18.3438C17.2813 18.9375 16.7812 19.4687 16.1562 19.4687ZM4.125 18.0625H15.9063V15.5313C15.9063 13.25 14.0312 11.375 11.75 11.375H8.25C5.96875 11.375 4.09375 13.25 4.09375 15.5313V18.0625H4.125Z' fill='%23111928'/%3E%3C/svg%3E%0A");
}

.field-validation-error {
  font-size: 14px;
}

.flatpickr-date .form-control[readonly], .flatpickr-datetime .form-control[readonly] {
  background-color: #FFF;
}

.system-message_read-more a:after {
  content: "Read More...";
}
.system-message_read-more a[aria-expanded=true]:after {
  content: "Read Less...";
}

.alert {
  border-color: transparent;
  padding: 2rem;
  border-radius: 8px;
}
.alert p {
  margin-bottom: 0;
}
.alert.alert-info {
  background-color: #FCB414;
  color: #242E39;
}
.alert.alert-warning {
  background-color: #F05A24;
  color: white;
}
.alert.alert-danger {
  background-color: #ED164E;
  color: white;
}

.alert-danger.ntg-toast {
  background-color: #ED164E;
  color: white;
}

/*# sourceMappingURL=ntg-theme.css.map */