.banner-actions {
  display: flex;
  justify-content: center;
  column-gap: 30px;
  flex-wrap: wrap;
  row-gap: 30px;
  margin-top: 7rem;
  padding-bottom: 35px;
}

.header-banner-button {
  margin: 0;
}

.go-to-tenders,
.go-to-grants,
.go-to-employments {
  cursor: pointer;
}

.go-to-tenders.active,
.go-to-grants.active,
.go-to-employments.active {
  background: white;
  color: #000 !important;
}

div.dt-container.dt-semanticUI div.dt-length .ui.selection.dropdown {
  margin-right: 5px;
}

.position-absolute {
  position: absolute;
}

.position-relative {
  position: relative;
}

.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

#grantTable,
#tenderTable,
#employmentTable {
  margin-top: 20px;
}

#tenderTable .bold-column,
#grantTable .bold-column,
#employmentTable .bold-column {
  font-weight: 700;
}

#tenderTable tbody tr:nth-child(even),
#grantTable tbody tr:nth-child(even),
#employmentTable tbody tr:nth-child(even) {
  background: #f9fafb;
}

.current-language,
.to-select-language {
  display: flex !important;
  align-items: center;
}

.current-language img,
.to-select-language img {
  margin-right: 5px;
}

.grants-table-section,
.employments-table-section {
  display: none;
}

.scroll-button,
.scroll-top {
  cursor: pointer;
}

.slanted-footer .go-to-tenders-from-footer,
.slanted-footer .go-to-grants-from-footer,
.slanted-footer .go-to-employments-from-footer {
  color: #007bff !important;
  cursor: pointer;
}

.slanted-footer .go-to-tenders-from-footer.active,
.slanted-footer .go-to-grants-from-footer.active,
.slanted-footer .go-to-employments-from-footer.active {
  color: #fff !important;
}

.slanted-footer .go-to-tenders-from-footer:hover,
.slanted-footer .go-to-grants-from-footer:hover,
.slanted-footer .go-to-employments-from-footer:hover {
  color: #fff !important;
}

.header-language-switch {
  padding-right: 15px;
}

.header-language-switch .site-menu {
  display: flex;
}

.home-section .header-primary-text {
  font-size: 20px;
}

.text-error {
  background: #cc3333;
  color: white;
  border-radius: 5px;
  padding: 5px 10px;
  margin-bottom: 10px;
  display: inline-block;
}

/* notifications */

.notification-section {
  position: fixed;
  top: 20px;
  right: 20px;
  width: fit-content;
  z-index: 10000000;
  max-width: 300px;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  opacity: 0.97;
}

.notification .status {
  padding: 15px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
}

.notification .status.success {
  background-color: #66cc99;
}

.notification .status.warning {
  background-color: #ffcc33;
}

.notification .status.error {
  background-color: #cc3333;
}

.notification .text-notification {
  color: white;
  font-size: 14px;
}

.notification i::before {
  color: white;
  font-size: 20px;
}

/* notifications */

.about-page-section {
  margin-bottom: 3rem;
}

.about-us-section {
  padding: 85px 0 100px 0;
}

.pl-0 {
  padding-left: 0;
}

.links-from p {
  font-size: 14px;
}

.links-from-grants,
.links-from-employments {
  display: none;
}

.contact-header-btn {
  cursor: pointer;
}

.contact-header-btn.active {
  background: white;
  color: #000 !important;
}

.link-to-data {
  text-decoration: underline;
}

.banner-title h3 {
  color: #fff;
  font-weight: 200;
  letter-spacing: 0.2rem;
}

.top-info-item {
  row-gap: 25px;
}

.table-content-data-preload {
  overflow: auto;
}

.table-content-data-preload table {
  width: 100%;
}

.site-navbar .site-navigation .site-menu > li > .user-action-btn {
  padding: 20px 10px;
}

#tenderTable thead th,
#grantTable thead th,
#employmentTable thead th {
  position: relative;
  text-align: left;
}

#tenderTable thead th .fa-filter,
#grantTable thead th .fa-filter,
#employmentTable thead th .fa-filter {
  position: absolute;
  top: 8px;
  right: 12px;
  cursor: pointer;
}

#tenderTable tbody td,
#grantTable tbody td,
#employmentTable tbody td {
  text-align: left;
}

.service-icon i {
  font-size: 1.6rem;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s all cubic-bezier(0.66, 0.2, 0.48, 0.9);
}

.service-block:hover .service-icon i {
  color: #007bff;
}

.show-service-text,
.action-trigger-filter {
  color: #007bff;
  text-decoration: underline;
  cursor: pointer;
}

.show-service-text:hover,
.action-trigger-filter:hover {
  text-decoration: none;
}

.show-content-full,
.read-less,
.hide-filter-grant,
.hide-filter-tender,
.hide-filter-employment {
  display: none;
}

.filter-table-data-tender,
.filter-table-data-grant,
.filter-table-data-employment {
  row-gap: 30px;
  margin-bottom: 30px;
  display: none;
}

.select2-container--default .select2-selection--multiple {
  margin: auto 0;
  display: flex;
  padding: 5px 10px;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  margin: 5px;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  white-space: break-spaces;
}

.lead a {
  text-decoration: underline;
}

.show-content-full {
  color: #212529;
  margin-bottom: 30px;
}

.show-content-full ol,
.show-content-full ul {
  padding-left: 15px;
}

.show-content-full a,
.show-content-partial a {
  text-decoration: underline;
}

.show-content-full a:hover,
.show-content-partial a:hover {
  text-decoration: none;
}

.lead a:hover {
  text-decoration: none;
}

.js-menu-toggle {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.js-menu-toggle span {
  margin: 0;
}

.profile-action {
  margin-right: 4px;
}

.site-mobile-menu-body .user-action-btn .profile-text {
  display: inline-block !important;
}

.site-burger-menu {
  justify-content: flex-end;
  column-gap: 20px;
}

.site-burger-menu .profile-action {
  color: white;
}

.header-logo-title {
  display: flex;
  flex-direction: column;
  width: fit-content;
  line-height: 1;
  justify-content: center;
  align-items: center;
}

.header-logo-title span {
  font-size: 10px;
  color: yellow;
}

.document-links-items {
  flex-direction: column;
  row-gap: 10px;
}

.document-links-items a h3 {
  font-size: 20px;
  color: #4183c4;
  margin: 0;
  display: inline;
}

.document-links-items a h3:hover {
  text-decoration: underline;
}

.document-links-items a i {
  margin-left: 5px;
}

.company-name-container .select2-selection {
  height: 38px !important;
  border: 1px solid #ced4da !important;
}

.company-name-container .select2-selection__rendered {
  line-height: 38px !important;
}

.company-name-container .select2-selection__arrow {
  height: 38px !important;
}

.blog-content p {
    white-space: break-spaces;
}

@media (max-width: 1450px) {
  .user-action-btn .profile-text {
    display: none;
  }
}

@media (max-width: 991px) {
  .site-mobile-menu .site-nav-wrap .arrow-collapse {
    right: -40px;
  }
  .site-mobile-menu .site-nav-wrap > li > ul > li > a {
    padding-left: 20px;
  }
  .about-page-section {
    margin-bottom: 0;
  }
  .header-language-switch .site-menu {
    display: none;
  }
  .lang-dropdown {
    width: fit-content !important;
  }
  .lang-dropdown .arrow-collapse {
    background: #f8f9fa;
  }
  .about-image-section img {
    width: 250px;
  }
}

@media screen and (max-width: 767px) {
  div.dt-container div.dt-layout-row:not(.dt-layout-table) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  div.dt-container
    div.dt-layout-row:not(.dt-layout-table)
    div.dt-layout-cell
    > * {
    display: flex;
    align-items: center;
  }
}

@media (max-width: 500px) {
  .img-overlap .img-1,
  .img-overlap .img-2 {
    max-width: 275px;
  }

  .banner-actions {
    column-gap: 20px;
    row-gap: 20px;
  }
}
